:root{--rp-page:#4cc3e9;--rp-card:#fffae8;--rp-yellow:#ffe22f;--rp-yellow-dk:#d9bd00;--rp-ink:#111111;--rp-muted:#323232;--rp-pink:#e94cd7;--rp-orange:#ff9429;--rp-line:#e8e8e1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body.sha-play-body{background:var(--rp-page);color:var(--rp-ink);font-family:Futura PT,Futura,Century Gothic,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.rp{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:16px 15px 24px;isolation:isolate}.rp-card{position:relative;z-index:2;width:100%;max-width:528px;background:var(--rp-card);border-radius:10px;box-shadow:0 14px 40px #00000024;overflow:hidden}.rp-check{height:24px;background-color:var(--rp-card);background-image:linear-gradient(45deg,var(--rp-yellow) 25%,transparent 25%,transparent 75%,var(--rp-yellow) 75%),linear-gradient(45deg,var(--rp-yellow) 25%,transparent 25%,transparent 75%,var(--rp-yellow) 75%);background-size:24px 24px;background-position:0 0,12px 12px}.rp-check-b{transform:scaleY(-1)}.rp-in{padding:30px 16px 12px;text-align:center}.rp-logo{display:block;height:36px;width:auto;margin:0 auto 10px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.rp-h1{font-family:Peridot,Futura PT,sans-serif;font-weight:900;font-size:clamp(26px,10.5vw,42px);line-height:1;letter-spacing:.01em;margin:0 0 8px;color:var(--rp-ink);text-transform:uppercase;white-space:nowrap}.rp-sub{margin:0 auto 16px;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--rp-ink);white-space:nowrap}.rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto 16px;width:100%;max-width:328px}.rp-pack{position:relative;aspect-ratio:1/1;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:rotate(var(--tilt,0deg));transition:transform .18s ease}.rp-pack:hover:not(.is-open){transform:rotate(var(--tilt,0deg)) translateY(-4px) scale(1.03)}.rp-pack:active:not(.is-open){transform:rotate(var(--tilt,0deg)) scale(.97)}.rp-pack:focus-visible{outline:3px solid var(--rp-ink);outline-offset:4px;border-radius:10px}.rp-pack.is-open,.rp-pack[disabled]{cursor:default}.rp-pack-box{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}.rp-body{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bag) center/contain no-repeat;clip-path:polygon(0 12%,5% 15%,10% 11%,15% 15%,20% 11%,25% 15%,30% 11%,35% 15%,40% 11%,45% 15%,50% 11%,55% 15%,60% 11%,65% 15%,70% 11%,75% 15%,80% 11%,85% 15%,90% 11%,95% 15%,100% 13%,100% 100%,0 100%)}.rp-strip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;clip-path:polygon(0 0,100% 0,100% 13%,95% 15%,90% 11%,85% 15%,80% 11%,75% 15%,70% 11%,65% 15%,60% 11%,55% 15%,50% 11%,45% 15%,40% 11%,35% 15%,30% 11%,25% 15%,20% 11%,15% 15%,10% 11%,5% 15%,0 12%);will-change:transform,opacity}.rp-strip-front,.rp-strip-fold{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bag) center/contain no-repeat}.rp-strip-fold{transform-origin:0 50%;transform:translate(0) scaleX(-1);clip-path:inset(0 100% 0 0);filter:brightness(1.3) saturate(.2) contrast(.85)}.rp-spill{position:absolute;left:0;right:0;top:0;height:100%;pointer-events:none;z-index:1}.rp-spill img{position:absolute;width:30%;height:auto;left:35%;top:4%;opacity:0}.rp-prize{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#fff;border:2px solid var(--rp-ink);box-shadow:0 8px 0 var(--rp-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 6px;opacity:0;transform:scale(.4);pointer-events:none;z-index:4}.rp-prize img{width:58%;height:auto;max-height:52%;object-fit:contain}.rp-prize .rp-pct{font-family:Peridot,Futura PT,sans-serif;font-weight:900;font-size:clamp(22px,7vw,34px);line-height:1;color:var(--rp-ink);background:var(--rp-yellow);border-radius:999px;padding:10px 12px}.rp-prize .rp-label{font-family:Peridot,Futura PT,sans-serif;font-weight:800;font-size:clamp(11px,3.2vw,14px);line-height:1.1;text-transform:uppercase;color:var(--rp-ink)}@keyframes rp-rip-front{0%{clip-path:inset(0 0 0 0%)}5%{clip-path:inset(0 0 0 1.38%)}10%{clip-path:inset(0 0 0 5.25%)}15%{clip-path:inset(0 0 0 11.21%)}20%{clip-path:inset(0 0 0 18.86%)}25%{clip-path:inset(0 0 0 27.8%)}30%{clip-path:inset(0 0 0 37.62%)}35%{clip-path:inset(0 0 0 47.92%)}40%{clip-path:inset(0 0 0 58.3%)}45%{clip-path:inset(0 0 0 68.36%)}50%{clip-path:inset(0 0 0 77.7%)}55%{clip-path:inset(0 0 0 85.91%)}60%{clip-path:inset(0 0 0 92.59%)}65%{clip-path:inset(0 0 0 97.35%)}70%{clip-path:inset(0 0 0 99.77%)}75%,to{clip-path:inset(0 0 0 100%)}}@keyframes rp-rip-fold{0%{clip-path:inset(0 100% 0 0);transform:translate(0) scaleX(-1)}5%{clip-path:inset(0 98.62% 0 0);transform:translate(2.76%) scaleX(-1)}10%{clip-path:inset(0 94.75% 0 0);transform:translate(10.5%) scaleX(-1)}15%{clip-path:inset(0 88.79% 0 0);transform:translate(22.42%) scaleX(-1)}20%{clip-path:inset(0 81.14% 0 0);transform:translate(37.72%) scaleX(-1)}25%{clip-path:inset(0 72.2% 0 0);transform:translate(55.6%) scaleX(-1)}30%{clip-path:inset(0 62.38% 0 0);transform:translate(75.24%) scaleX(-1)}35%{clip-path:inset(0 52.08% 0 0);transform:translate(95.84%) scaleX(-1)}40%{clip-path:inset(0 41.7% 0 0);transform:translate(116.6%) scaleX(-1)}45%{clip-path:inset(0 31.64% 0 0);transform:translate(136.72%) scaleX(-1)}50%{clip-path:inset(0 22.3% 0 0);transform:translate(155.4%) scaleX(-1)}55%{clip-path:inset(0 14.09% 0 0);transform:translate(171.82%) scaleX(-1)}60%{clip-path:inset(0 7.41% 0 0);transform:translate(185.18%) scaleX(-1)}65%{clip-path:inset(0 2.65% 0 0);transform:translate(194.7%) scaleX(-1)}70%{clip-path:inset(0 .23% 0 0);transform:translate(199.54%) scaleX(-1)}75%,to{clip-path:inset(0 0 0 0);transform:translate(200%) scaleX(-1)}}@keyframes rp-rip-lift{0%,70%{transform:translate(0) rotate(0);opacity:1}75%{transform:translate(.52%,-.25%) rotate(-.2deg);opacity:1}80%{transform:translate(3.67%,-1.7%) rotate(-1.5deg);opacity:1}85%{transform:translate(9.7%,-4.4%) rotate(-3.9deg);opacity:.94}90%{transform:translate(18.6%,-8.4%) rotate(-7.4deg);opacity:.62}95%{transform:translate(30.36%,-13.7%) rotate(-12.1deg);opacity:.31}to{transform:translate(45%,-20.3%) rotate(-18deg);opacity:0}}@keyframes rp-spill-a{0%{opacity:0;transform:translate(0) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(-110%,-150%) rotate(-60deg)}}@keyframes rp-spill-b{0%{opacity:0;transform:translate(0) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(10%,-200%) rotate(25deg)}}@keyframes rp-spill-c{0%{opacity:0;transform:translate(0) rotate(0)}30%{opacity:1}to{opacity:0;transform:translate(120%,-140%) rotate(70deg)}}@keyframes rp-pack-away{to{opacity:0;transform:scale(.6)}}@keyframes rp-shake-sm{0%,to{transform:rotate(var(--tilt,0deg))}25%{transform:rotate(calc(var(--tilt,0deg) - 4deg))}50%{transform:rotate(calc(var(--tilt,0deg) + 4deg))}75%{transform:rotate(calc(var(--tilt,0deg) - 2deg))}}.rp-pack.is-rip{z-index:3}.rp-pack.is-rip .rp-strip{animation:rp-rip-lift var(--rp-rip-ms,1.5s) linear forwards}.rp-pack.is-rip .rp-strip-front{animation:rp-rip-front var(--rp-rip-ms,1.5s) linear forwards}.rp-pack.is-rip .rp-strip-fold{animation:rp-rip-fold var(--rp-rip-ms,1.5s) linear forwards}.rp-pack.is-rip .rp-spill img:nth-child(1){animation:rp-spill-a .8s ease-out .5s forwards}.rp-pack.is-rip .rp-spill img:nth-child(2){animation:rp-spill-b .8s ease-out .62s forwards}.rp-pack.is-rip .rp-spill img:nth-child(3){animation:rp-spill-c .8s ease-out .74s forwards}.rp-pack.is-open{transform:none}.rp-pack.is-open .rp-pack-box{animation:rp-pack-away .3s ease-in forwards}.rp-pack.is-open .rp-prize{opacity:1;transform:scale(1);transition:transform .38s cubic-bezier(.34,1.56,.64,1),opacity .25s}.rp-pack.is-open.no-anim .rp-pack-box{animation:none;opacity:0}.rp-pack.is-open.no-anim .rp-prize{transition:none}.rp-stage[data-step=play] .rp-pack.is-hint{animation:rp-shake-sm .6s ease-in-out 2}.rp-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:280px;height:48px;margin:0 auto 10px;padding:12px 24px;border-radius:999px;border:2px solid #b9bdc7;background:#f0f1f3;color:#989fad;font-family:Peridot,Futura PT,sans-serif;font-weight:800;font-size:17px;line-height:1;text-decoration:none;cursor:not-allowed;box-shadow:0 5px #b9bdc7;transition:background .3s,color .3s,box-shadow .3s,transform .12s ease}.rp-btn.rp-btn--active{border-color:var(--rp-ink);background:#fff;color:var(--rp-ink);cursor:pointer;box-shadow:0 5px 0 var(--rp-ink)}.rp-btn.rp-btn--cta{background:var(--rp-yellow);color:#000;box-shadow:0 5px 0 var(--rp-ink);font-size:18px}.rp-btn.rp-btn--active:hover{transform:translateY(-1px)}.rp-btn.rp-btn--active:active{transform:translateY(3px);box-shadow:0 2px 0 var(--rp-ink)}.rp-btn:focus-visible{outline:3px solid var(--rp-pink);outline-offset:3px}.rp-btn[hidden]{display:none}.rp-count{margin:0;font-size:14px;font-weight:600;color:var(--rp-ink);display:flex;align-items:center;justify-content:center;gap:8px}.rp-badge{display:inline-block;min-width:41px;padding:4px 8px;border-radius:8px;background:var(--rp-yellow);color:var(--rp-ink);font-family:Peridot,Futura PT,sans-serif;font-weight:900;font-size:14px;line-height:1;transition:transform .2s ease}.rp-badge.is-bump{transform:scale(1.18)}@keyframes rp-congrats-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.rp-stage[data-step=won] .rp-h1,.rp-stage[data-step=won] .rp-sub{animation:rp-congrats-in .35s ease both}.rp-pack.is-locked{opacity:.38;filter:grayscale(1);pointer-events:none;transition:opacity .4s,filter .4s}.rp-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.rp-confetti i{position:absolute;top:-16px;width:10px;height:14px;border-radius:2px;opacity:.95;animation:rp-fall var(--d,2.6s) linear var(--delay,0s) 1 forwards}@keyframes rp-fall{0%{transform:translate3d(0,-20px,0) rotate(0)}to{transform:translate3d(var(--x,0),105vh,0) rotate(var(--r,720deg));opacity:.9}}@media(prefers-reduced-motion:reduce){.rp-pack{--rp-rip-ms:.2s}.rp-pack .rp-prize{transition-duration:.01s!important}.rp-pack.is-hint{animation:none}.rp-confetti i{animation-duration:1.2s}}@media(min-width:600px){.rp{padding:24px 20px 32px}.rp-logo{height:44px;margin-bottom:22px}.rp-check{height:27px;background-size:27px 27px;background-position:0 0,13.5px 13.5px}.rp-in{padding:48px 24px 28px}.rp-sub{font-size:18px;margin-bottom:20px;white-space:normal}.rp-grid{max-width:437px;gap:14px;margin-bottom:20px}.rp-pack{aspect-ratio:129/137}.rp-btn{max-width:320px;height:52px;font-size:18px}.rp-count{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sha-play-rip.css.map */