.spe-wpop-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#0c0d0f8c;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));animation:speWpFade .22s ease-out both}.spe-wpop-bg[hidden]{display:none}.spe-wpop{position:relative;width:min(880px,100%);max-height:100%;overflow:auto;display:grid;grid-template-columns:1.05fr 1fr;background:var(--spe-white);color:var(--spe-ink);box-shadow:0 40px 80px -30px #0000008c;animation:speWpRise .32s cubic-bezier(.2,.8,.2,1) both}.spe-wpop .spe-stage{position:relative;background:radial-gradient(120% 80% at 50% 105%,#1c2233,#0b0c10 55%,#07080a);min-height:440px;overflow:hidden;display:flex;align-items:center;justify-content:center}.spe-wpop .spe-stage:after{content:attr(data-years);position:absolute;left:0;right:0;bottom:16px;text-align:center;font:600 11px/1 var(--spe-tx);letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.spe-wpop .spe-fan{position:relative;width:92%;height:84%;max-height:440px}.spe-wpop .spe-ph{position:absolute;top:50%;left:50%;width:38%;aspect-ratio:9/19.5;border-radius:16%/7.4%;border:3px solid #2a2d33;background:#000;overflow:hidden;box-shadow:0 26px 40px -18px #000c,0 0 0 1px #ffffff0f;transform:translate(var(--x,-50%),var(--y,-50%)) rotate(var(--r,0deg));animation:speWpFan .55s cubic-bezier(.2,.8,.2,1) both}.spe-wpop .spe-ph img{width:100%;height:100%;object-fit:cover;display:block}.spe-wpop .spe-ph:before{content:"";position:absolute;top:3.2%;left:50%;width:30%;height:3.4%;margin-left:-15%;border-radius:20px;background:#000;z-index:2}.spe-wpop .spe-ph .spe-t{position:absolute;top:10%;left:0;right:0;text-align:center;color:#fff;z-index:2;font:600 30px/1 -apple-system,"SF Pro Display",var(--spe-tx);letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}.spe-wpop .spe-ph .spe-t small{display:block;font:600 8px/1.2 -apple-system,var(--spe-tx);letter-spacing:0;margin-bottom:3px;opacity:.9}.spe-wpop .spe-ph:not(.spe-c) .spe-t{font-size:24px}.spe-wpop .spe-ph:not(.spe-c) .spe-t small{font-size:6.5px}.spe-wpop .spe-ph.spe-l{--r:-8deg;--x:-118%;--y:-46%;z-index:1;width:32%;animation-delay:.06s}.spe-wpop .spe-ph.spe-r{--r:8deg;--x:18%;--y:-46%;z-index:1;width:32%;animation-delay:.12s}.spe-wpop .spe-ph.spe-c{--r:0deg;--x:-50%;--y:-50%;z-index:3}.spe-wpop .spe-wb{padding:40px 36px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0}.spe-wpop h2{font:500 34px/1.02 var(--spe-hl);letter-spacing:-.01em;margin:12px 0;text-wrap:balance}.spe-wpop p{margin:0;color:var(--spe-g600);font:400 15px/1.5 var(--spe-tx)}.spe-wpop .spe-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:18px 0 22px}.spe-wpop .spe-strip img,.spe-wpop .spe-strip i{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:3px;display:block;background:#000}.spe-wpop label{display:block;margin-bottom:6px}.spe-wpop input[type=email]{width:100%;border:0;border-bottom:1px solid var(--spe-ink);font:400 17px var(--spe-tx);padding:10px 0;background:transparent;color:var(--spe-ink);border-radius:0}.spe-wpop input[type=email]:focus{outline:none;border-bottom-width:2px;padding-bottom:9px}.spe-wpop .spe-btn{width:100%;margin-top:16px}.spe-wpop .spe-fine{font-size:12px;line-height:1.45;color:var(--spe-g500);margin-top:12px}.spe-wpop .spe-fine a{color:inherit;text-decoration:underline;text-underline-offset:3px}.spe-wpop .spe-x{position:absolute;top:12px;right:12px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;background:var(--spe-white);color:var(--spe-ink);box-shadow:0 1px 6px #0003;font:400 24px/1 var(--spe-tx);cursor:pointer;display:flex;align-items:center;justify-content:center}.spe-wpop .spe-no{margin-top:14px;border:0;background:none;padding:0;font:400 13px var(--spe-tx);color:var(--spe-g500);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:center}.spe-wpop .spe-ok{width:44px;height:44px;border:2px solid var(--spe-ink);color:var(--spe-ink);display:flex;align-items:center;justify-content:center;margin-bottom:6px}@media(max-width:720px){.spe-wpop-bg{align-items:flex-end;padding:max(16px,env(safe-area-inset-top,0px)) 0 0}.spe-wpop{grid-template-columns:1fr;border-radius:18px 18px 0 0;max-height:94%;animation:speWpSheet .34s cubic-bezier(.2,.8,.2,1) both;padding-bottom:env(safe-area-inset-bottom,0px)}.spe-wpop .spe-stage{min-height:0;height:236px}.spe-wpop .spe-stage:after{display:none}.spe-wpop .spe-fan{width:min(340px,92%);height:208px}.spe-wpop .spe-ph{width:27%}.spe-wpop .spe-ph.spe-l,.spe-wpop .spe-ph.spe-r{width:23%}.spe-wpop .spe-ph .spe-t{font-size:22px}.spe-wpop .spe-ph .spe-t small{font-size:6px}.spe-wpop .spe-ph:not(.spe-c) .spe-t{font-size:17px}.spe-wpop .spe-ph:not(.spe-c) .spe-t small{font-size:5px}.spe-wpop .spe-wb{padding:22px max(20px,env(safe-area-inset-left,0px)) 18px}.spe-wpop h2{font-size:27px;margin:8px 0}.spe-wpop p{font-size:14px}.spe-wpop .spe-strip{margin:14px 0 16px}}@media(prefers-reduced-motion:reduce){.spe-wpop-bg,.spe-wpop,.spe-wpop .spe-ph{animation:none}}@keyframes speWpFade{0%{opacity:0}}@keyframes speWpRise{0%{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes speWpFan{0%{opacity:0;transform:translate(-50%,-30%) rotate(0)}}@keyframes speWpSheet{0%{transform:translateY(100%)}}body.spe-wpop-open{overflow:hidden}.spe-wpdl{margin-top:28px;padding-top:24px;border-top:1px solid var(--spe-g300)}.spe-wpg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.spe-wpt{border:0;background:none;padding:0;cursor:pointer;align-self:start;text-align:left;font:inherit;color:inherit;text-decoration:none}.spe-wpt img,.spe-wpt i.spe-wpblank{width:100%;aspect-ratio:9/19.5;object-fit:cover;border-radius:10px;display:block;background:#000}.spe-wpt span{display:block;font-size:11px;line-height:1.3;margin-top:6px}.spe-wpt span i{font-style:normal;color:var(--spe-g500)}.spe-wpt:hover img{outline:2px solid var(--spe-ink);outline-offset:2px}.spe-wpdl .spe-wpall{display:inline-flex;margin-top:16px}@media(max-width:760px){.spe-wpg{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/spe-wpop.css.map */