#gacha-result-app.capsule-reveal{--cap-sphere-d: 140px;--cap-sphere-r: calc(var(--cap-sphere-d) / 2);--cap-lift: calc(var(--cap-sphere-d) * .72);--cap-fall-x: calc(var(--cap-sphere-d) * .8);--cap-fall-y: calc(var(--cap-sphere-d) * .28);--cap-fall-rot: 96deg;--cap-dome-dur: 1.4s;--cap-shell: #f6da01;--cap-seam: rgba(96, 66, 0, .32);--cap-sphere-paint: radial-gradient( ellipse 55% 26% at 50% 96%, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, 0) 100% ), radial-gradient( ellipse 100% 100% at 34% 26%, #fffef5 0%, #fff6b0 9%, #ffe95e 24%, var(--cap-shell) 42%, #e4c000 60%, #c6a100 76%, #a58208 92%, #8e6e05 100% )}#gacha-result-app.capsule-reveal .blindbox-box3d,.capsule-sphere{display:none}#gacha-result-app.capsule-reveal .capsule-sphere{display:block}#gacha-result-app.capsule-reveal .capsule-sphere{position:absolute;bottom:24px;left:calc(50% - var(--cap-sphere-d) / 2);width:var(--cap-sphere-d);height:var(--cap-sphere-d);transform:scale(.6);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.34,1.56,.64,1)}#gacha-result-app.capsule-reveal .capsule-sphere.pop{transform:scale(1)}#gacha-result-app.capsule-reveal .capsule-sphere.shake{animation:capsuleShake .26s ease-in-out 0s 6}@keyframes capsuleShake{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1) rotate(-4deg)}75%{transform:scale(1) rotate(4deg)}}#gacha-result-app.capsule-reveal .capsule-sphere__dome,#gacha-result-app.capsule-reveal .capsule-sphere__bowl{position:absolute;left:0;width:var(--cap-sphere-d);height:var(--cap-sphere-r);background-image:var(--cap-sphere-paint);background-repeat:no-repeat;background-size:100% 200%}#gacha-result-app.capsule-reveal .capsule-sphere__dome{top:0;border-radius:50% 50% 0 0/100% 100% 0 0;background-position:0 0}#gacha-result-app.capsule-reveal .capsule-sphere__bowl{top:var(--cap-sphere-r);border-radius:0 0 50% 50%/0 0 100% 100%;background-position:0 100%}#gacha-result-app.capsule-reveal .capsule-sphere:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;background:var(--cap-seam);pointer-events:none;transition:opacity .3s ease;z-index:1}#gacha-result-app.capsule-reveal .capsule-sphere.open:after{opacity:0}#gacha-result-app.capsule-reveal .capsule-sphere__logo{position:absolute;left:50%;top:50%;width:49.6%;height:auto;aspect-ratio:1028 / 236;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));pointer-events:none}#gacha-result-app.capsule-reveal .capsule-sphere.open .capsule-sphere__dome{animation:capsuleDomeAway var(--cap-dome-dur) linear forwards}@keyframes capsuleDomeAway{0%{transform:translateY(0) rotate(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}30%{transform:translateY(calc(var(--cap-lift) * -1)) rotate(0);animation-timing-function:linear}32%{transform:translateY(calc(var(--cap-lift) * -1)) rotate(0);animation-timing-function:cubic-bezier(.5,0,.9,.45)}66%{transform:translate(var(--cap-fall-x),var(--cap-fall-y)) rotate(var(--cap-fall-rot));animation-timing-function:cubic-bezier(.2,1.4,.5,1)}to{transform:translate(calc(var(--cap-fall-x) * 1.03),calc(var(--cap-fall-y) * .97)) rotate(calc(var(--cap-fall-rot) + 7deg))}}#gacha-result-app.capsule-reveal .capsule-sphere__shadow{position:absolute;left:12%;right:12%;top:99%;height:14%;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 50% 50%,#3c28004d,#3c28001f 48%,#3c280000 78%);pointer-events:none}#gacha-result-app.capsule-reveal #blindbox-fx{--fx-origin-ratio: .78}@media(max-width:540px){#gacha-result-app.capsule-reveal{--cap-lift: calc(var(--cap-sphere-d) * .6)}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/capsule-reveal.css.map */