sinzmise-cetastories 2.0.0-1734701008799 → 2.0.0-1734701352735

package/coin.css

@@ -1 +0,0 @@
-.tip-button{border:0;border-radius:.25rem;cursor:pointer;font-size:20px;font-weight:600;height:2.6rem;margin-bottom:-4rem;outline:0;position:relative;top:0;transform-origin:0 100%;transition:transform 50ms ease-in-out;width:auto;-webkit-tap-highlight-color:transparent}.tip-button:active{transform:rotate(4deg)}.tip-button.clicked{animation:150ms ease-in-out 1 shake;pointer-events:none}.tip-button.clicked .tip-button__text{opacity:0;transition:opacity .1s linear .2s}.tip-button.clicked::before{height:.5rem;width:60%;background:var(button-hover-color)}.tip-button.clicked .coin{transition:margin-bottom 1s linear .2s;margin-bottom:0}.tip-button.shrink-landing::before{transition:width .2s ease-in;width:0}.tip-button.coin-landed::after{opacity:1;transform:scale(1);transform-origin:50% 100%}.tip-button.coin-landed .coin-wrapper{background:radial-gradient(circle at 35% 97%,rgba(3,16,50,.4) .04rem,transparent .04rem),radial-gradient(circle at 45% 92%,rgba(3,16,50,.4) .04rem,transparent .02rem),radial-gradient(circle at 55% 98%,rgba(3,16,50,.4) .04rem,transparent .04rem),radial-gradient(circle at 65% 96%,rgba(3,16,50,.4) .06rem,transparent .06rem);background-position:center bottom;background-size:100%;bottom:-1rem;opacity:0;transform:scale(2) translateY(-10px)}.tip-button__text{color:#fff;margin-right:1.8rem;opacity:1;position:relative;transition:opacity .1s linear .5s;z-index:3}.tip-button::before{border-radius:.25rem;bottom:0;content:'';display:block;height:100%;left:50%;position:absolute;transform:translateX(-50%);transition:height 250ms ease-in-out .4s,width 250ms ease-in-out .3s;width:100%;z-index:2}.tip-button::after{bottom:-1rem;color:#fff;content:'ヾ(≧O≦)〃嗷~';height:110%;left:0;opacity:0;position:absolute;pointer-events:none;text-align:center;transform:scale(0);transform-origin:50% 20%;transition:transform .2s cubic-bezier(0,0,.35,1.43);width:100%;z-index:1}.coin-wrapper{background:0 0;bottom:0;height:18rem;left:0;opacity:1;overflow:hidden;pointer-events:none;position:absolute;transform:none;transform-origin:50% 100%;transition:opacity .2s linear .1s,transform .3s ease-out;width:100%}.coin{--front-y-multiplier:0;--back-y-multiplier:0;--coin-y-multiplier:0;--coin-x-multiplier:0;--coin-scale-multiplier:0;--coin-rotation-multiplier:0;--shine-opacity-multiplier:0.4;--shine-bg-multiplier:50%;bottom:calc(var(--coin-y-multiplier) * 1rem - 3.5rem);height:3.5rem;margin-bottom:3.05rem;position:absolute;right:calc(var(--coin-x-multiplier) * 34% + 16%);transform:translateX(50%) scale(calc(.4 + var(--coin-scale-multiplier))) rotate(calc(var(--coin-rotation-multiplier) * -1deg));transition:opacity .1s linear .2s;width:3.5rem;z-index:3}.coin::before,.coin__back,.coin__back::after,.coin__front,.coin__front::after,.coin__middle{border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;width:100%;z-index:3}.coin__front{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),linear-gradient(210deg,#8590b3 32%,transparent 32%),linear-gradient(150deg,#8590b3 32%,transparent 32%),linear-gradient(to right,#8590b3 22%,transparent 22%,transparent 78%,#8590b3 78%),linear-gradient(to bottom,#fcfaf9 44%,transparent 44%,transparent 65%,#fcfaf9 65%,#fcfaf9 71%,#8590b3 71%),linear-gradient(to right,transparent 28%,#fcfaf9 28%,#fcfaf9 34%,#8590b3 34%,#8590b3 40%,#fcfaf9 40%,#fcfaf9 47%,#8590b3 47%,#8590b3 53%,#fcfaf9 53%,#fcfaf9 60%,#8590b3 60%,#8590b3 66%,#fcfaf9 66%,#fcfaf9 72%,transparent 72%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--front-y-multiplier) * .3181818182rem / 2)) scaleY(var(--front-scale-multiplier))}.coin__front::after{background:rgba(0,0,0,.2);content:'';opacity:var(--front-y-multiplier)}.coin__middle{background:#737c99;transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / 2)) scaleY(var(--middle-scale-multiplier))}.coin__back{background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(115,124,153,.4) 54%,#c2cadf 54%),radial-gradient(circle at 50% 40%,#fcfaf9 23%,transparent 23%),radial-gradient(circle at 50% 100%,#fcfaf9 35%,transparent 35%);background-color:#8590b3;background-size:100% 100%;transform:translateY(calc(var(--back-y-multiplier) * .3181818182rem / 2)) scaleY(var(--back-scale-multiplier))}.coin__back::after{background:rgba(0,0,0,.2);content:'';opacity:var(--back-y-multiplier)}.coin::before{background:radial-gradient(circle at 25% 65%,transparent 50%,rgba(255,255,255,.9) 90%),linear-gradient(55deg,transparent calc(var(--shine-bg-multiplier) + 0),#e9f4ff calc(var(--shine-bg-multiplier) + 0),transparent calc(var(--shine-bg-multiplier) + 50%));content:'';opacity:var(--shine-opacity-multiplier);transform:translateY(calc(var(--middle-y-multiplier) * .3181818182rem / -2)) scaleY(var(--middle-scale-multiplier)) rotate(calc(var(--coin-rotation-multiplier) * 1deg));z-index:10}.coin::after{background:#737c99;content:'';height:.3181818182rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:2}@keyframes shake{0%{transform:rotate(4deg)}66%{transform:rotate(-4deg)}100%{transform:rotate()}}

package/hbe.style.css

@@ -1 +0,0 @@
-.hbe,.hbe:after,.hbe:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbe-container{margin:0 auto;overflow:hidden}.hbe-content{text-align:center;font-size:150%;padding:1em 0}.hbe-input{position:relative;z-index:1;display:inline-block;margin:1em;width:80%;min-width:200px;vertical-align:top}.hbe-input-field{line-height:normal;font-size:100%;margin:0;position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.hbe-input-field:focus{outline:0}.hbe-input-label{display:inline-block;float:right;padding:0 1em;width:40%;color:#696969;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hbe-input-label-content{position:relative;display:block;padding:1.6em 0;width:100%}.hbe-graphic{position:absolute;top:0;left:0;fill:none}.hbe-button{width:130px;height:40px;background:linear-gradient(to bottom,#4eb5e5 0,#389ed5 100%);border:none;border-radius:5px;position:relative;border-bottom:4px solid #2b8bc6;color:#fbfbfb;font-weight:600;font-family:'Open Sans',sans-serif;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:15px;text-align:left;text-indent:5px;box-shadow:0 3px 0 0 rgba(0,0,0,.2);cursor:pointer;display:block;margin:0 auto;margin-bottom:20px}.hbe-button:active{box-shadow:0 2px 0 0 rgba(0,0,0,.2);top:1px}.hbe-button:after{content:"";width:0;height:0;display:block;border-top:20px solid #187dbc;border-bottom:20px solid #187dbc;border-left:16px solid transparent;border-right:20px solid #187dbc;position:absolute;opacity:.6;right:0;top:0;border-radius:0 5px 5px 0}.hbe-input-default{overflow:hidden}.hbe-input-field-default{width:100%;background:0 0;padding:.5em;margin-bottom:2em;color:#f9f7f6;z-index:100;opacity:0}.hbe-input-label-default{width:100%;position:absolute;text-align:left;padding:.5em 0;pointer-events:none;font-size:1em}.hbe-input-label-default::after,.hbe-input-label-default::before{content:'';position:absolute;width:100%;left:0}.hbe-input-label-default::before{height:100%;background:#666;top:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .2s;transition:transform .2s}.hbe-input-label-default::after{height:2px;background:#666;top:100%;-webkit-transition:opacity .2s;transition:opacity .2s}.hbe-input-label-content-default{padding:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s,color .2s;transition:transform .2s,color .2s}.hbe-input--filled .hbe-input-field-default,.hbe-input-field-default:focus{opacity:1;-webkit-transition:opacity 0s .2s;transition:opacity 0s .2s}.hbe-input--filled .hbe-input-field-default,.hbe-input-field-default:focus,.hbe-input-label-content-default,.hbe-input-label-default::after,.hbe-input-label-default::before{-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input--filled .hbe-input-label-default::before,.hbe-input-field-default:focus+.hbe-input-label-default::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hbe-input--filled .hbe-input-label-default::after,.hbe-input-field-default:focus+.hbe-input-label-default::after{opacity:0}.hbe-input--filled .hbe-input-label-default .hbe-input-label-content-default,.hbe-input-field-default:focus+.hbe-input-label-default .hbe-input-label-content-default{color:#555;-webkit-transform:translate3d(0,2.1em,0) scale3d(.65,.65,1);transform:translate3d(0,2.1em,0) scale3d(.65,.65,1)}.hbe-input-up{overflow:hidden;padding-top:2em}.hbe-input-field-up{width:100%;background:0 0;opacity:0;padding:.35em;z-index:100;color:#837482}.hbe-input-label-up{width:100%;bottom:0;position:absolute;pointer-events:none;text-align:left;color:#8e9191;padding:0 .5em}.hbe-input-label-up::before{content:'';position:absolute;width:100%;height:4em;top:100%;left:0;background:#fff;border-top:4px solid #9b9f9f;-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.hbe-input-label-content-up{padding:.5em 0;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:-webkit-transform .4s,color .4s;transition:transform .4s,color .4s;-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.hbe-input-field-up:focus,.input--filled .hbe-input-field-up{cursor:text;opacity:1;-webkit-transition:opacity 0s .4s;transition:opacity 0s .4s}.hbe-input-field-up:focus+.hbe-input-label-up::before,.input--filled .hbe-input-label-up::before{-webkit-transition-delay:50ms;transition-delay:50ms;-webkit-transform:translate3d(0,-3.3em,0);transform:translate3d(0,-3.3em,0)}.hbe-input-field-up:focus+.hbe-input-label-up .hbe-input-label-content-up,.input--filled .hbe-input-label-content-up{color:#6b6e6e;-webkit-transform:translate3d(0,-3.3em,0) scale3d(.81,.81,1);transform:translate3d(0,-3.3em,0) scale3d(.81,.81,1)}.hbe-input-wave{overflow:hidden;padding-top:1em}.hbe-input-field-wave{padding:.5em 0 .25em;width:100%;background:0 0;color:#9da8b2;font-size:1.25em}.hbe-input-label-wave{position:absolute;top:.95em;font-size:.85em;left:0;display:block;width:100%;text-align:left;padding:0;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s .15s,color 1s;transition:transform .2s .15s,color 1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hbe-graphic-wave{stroke:#92989e;pointer-events:none;-webkit-transition:-webkit-transform .7s,stroke .7s;transition:transform .7s,stroke .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input-field-wave:focus+.hbe-input-label-wave,.input--filled .hbe-input-label-wave{color:#333;-webkit-transform:translate3d(0,-1.25em,0) scale3d(.75,.75,1);transform:translate3d(0,-1.25em,0) scale3d(.75,.75,1)}.hbe-input-field-wave:focus~.hbe-graphic-wave,.input--filled .graphic-wave{stroke:#333;-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}.hbe-input-field-flip{width:100%;background-color:#d0d1d0;border:2px solid transparent;-webkit-transition:background-color .25s,border-color .25s;transition:background-color .25s,border-color .25s}.hbe-input-label-flip{width:100%;text-align:left;position:absolute;bottom:100%;pointer-events:none;overflow:hidden;padding:0 1.25em;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hbe-input-label-content-flip{color:#8b8c8b;padding:.25em 0;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.hbe-input-label-content-flip::after{content:attr(data-content);position:absolute;font-weight:800;bottom:100%;left:0;height:100%;width:100%;color:#666;padding:.25em 0;letter-spacing:1px;font-size:1em}.hbe-input-field-flip:focus+.hbe-input-label-flip,.input--filled .hbe-input-label-flip{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hbe-input-field-flip:focus+.hbe-input-label-flip .hbe-input-label-content-flip,.input--filled .hbe-input-label-content-flip{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hbe-input-field-flip:focus+.hbe-input-field-flip,.input--filled .hbe-input-field-flip{background-color:transparent;border-color:#666}.hbe-input-xray{overflow:hidden;padding-bottom:2.5em}.hbe-input-field-xray{padding:0;margin-top:1.2em;width:100%;background:0 0;color:#84af9b;font-size:1.55em}.hbe-input-label-xray{position:absolute;top:2em;left:0;display:block;width:100%;text-align:left;padding:0;letter-spacing:1px;color:#84af9b;pointer-events:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s .1s,color .3s;transition:transform .2s .1s,color .3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hbe-graphic-xray{stroke:#84af9b;pointer-events:none;stroke-width:2px;top:1.25em;bottom:0;height:3.275em;-webkit-transition:-webkit-transform .7s,stroke .7s;transition:transform .7s,stroke .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input-field-xray:focus+.hbe-input-label-xray,.input--filled .hbe-input-label-xray{color:#84af9b;-webkit-transform:translate3d(0,3.5em,0) scale3d(.85,.85,1);transform:translate3d(0,3.5em,0) scale3d(.85,.85,1)}.hbe-input-field-xray:focus~.hbe-graphic-xray,.input--filled .graphic-xray{stroke:#84af9b;-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}.hbe-input-blink{padding-top:1em}.hbe-input-field-blink{width:100%;padding:.8em .5em;background:0 0;border:2px solid;color:#8781bd;-webkit-transition:border-color .25s;transition:border-color .25s}.hbe-input-label-blink{width:100%;position:absolute;top:0;text-align:left;overflow:hidden;padding:0;pointer-events:none;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}.hbe-input-label-content-blink{padding:0 1em;font-weight:400;color:#b5b5b5}.hbe-input-label-content-blink::after{content:attr(data-content);position:absolute;top:-200%;left:0;color:#8781bd;font-weight:800}.hbe-input-field-blink:focus,.input--filled .hbe-input-field-blink{border-color:#8781bd}.hbe-input-field-blink:focus+.hbe-input-label-blink,.input--filled .hbe-input-label-blink{-webkit-animation:anim-blink-1 .25s forwards;animation:anim-blink-1 .25s forwards}.hbe-input-field-blink:focus+.hbe-input-label-blink .hbe-input-label-content-blink,.input--filled .hbe-input-label-content-blink{-webkit-animation:anim-blink-2 .25s forwards ease-in;animation:anim-blink-2 .25s forwards ease-in}@-webkit-keyframes anim-blink-1{0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}100%,71%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes anim-blink-2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}100%{color:transparent;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}}@keyframes anim-blink-1{0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}100%,71%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes anim-blink-2{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}100%{color:transparent;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}}.hbe-input-surge{overflow:hidden;padding-bottom:1em}.hbe-input-field-surge{padding:.25em .5em;margin-top:1.25em;width:100%;background:0 0;color:#d0d0d0;font-size:1.55em;opacity:0}.hbe-input-label-surge{width:100%;text-align:left;position:absolute;top:1em;pointer-events:none;overflow:hidden;padding:0 .25em;-webkit-transform:translate3d(1em,2.75em,0);transform:translate3d(1em,2.75em,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s}.hbe-input-label-content-surge{color:#a4a5a6;padding:.4em 0 .25em;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.hbe-input-label-content-surge::after{content:attr(data-content);position:absolute;font-weight:800;top:100%;left:0;height:100%;width:100%;color:#2c3e50;padding:.25em 0;letter-spacing:1px;font-size:.85em}.hbe-graphic-surge{fill:#2c3e50;pointer-events:none;top:1em;bottom:0;height:4.5em;z-index:-1;-webkit-transition:-webkit-transform .7s,fill .7s;transition:transform .7s,fill .7s;-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input-field-surge:focus,.input--filled .hbe-input-field-surge{-webkit-transition:opacity 0s .35s;transition:opacity 0s .35s;opacity:1}.hbe-input-field-surge:focus+.hbe-input-label-surge,.input--filled .hbe-input-label-surge{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hbe-input-field-surge:focus+.hbe-input-label-surge .hbe-input-label-content-surge,.input--filled .hbe-input-label-content-surge{-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hbe-input-field-surge:focus~.hbe-graphic-surge,.input--filled .graphic-surge{fill:#2c3e50;-webkit-transform:translate3d(-66.6%,0,0);transform:translate3d(-66.6%,0,0)}.hbe-input-field-shrink{width:100%;background:0 0;padding:.5em 0;margin-bottom:2em;color:#2c3e50}.hbe-input-label-shrink{width:100%;position:absolute;text-align:left;font-size:1em;padding:10px 0 5px;pointer-events:none}.hbe-input-label-shrink::after{content:'';position:absolute;width:100%;height:7px;background:#b7c3ac;left:0;top:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform .3s,background-color .3s;transition:transform .3s,background-color .3s}.hbe-input-label-content-shrink{padding:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .3s,color .3s;transition:transform .3s,color .3s}.hbe-input-field-shrink:focus+.hbe-input-label-shrink::after,.input--filled .hbe-input-label-shrink::after{background:#84af9b;-webkit-transform:scale3d(1,.25,1);transform:scale3d(1,.25,1)}.hbe-input-field-shrink:focus+.hbe-input-label-shrink .hbe-input-label-content-shrink,.input--filled .hbe-input-label-shrink .hbe-input-label-content-shrink{color:#84af9b;-webkit-transform:translate3d(0,2em,0) scale3d(.655,.655,1);transform:translate3d(0,2em,0) scale3d(.655,.655,1)}