.hxh-launch-popup,.hxh-launch-popup *{box-sizing:border-box}@font-face{font-family:Farro-Bold;src:url(Farro-Bold.ttf) format("woff2");font-style:normal;font-weight:700;font-display:swap}body.hxh-launch-popup-open{overflow:hidden}body.hxh-launch-popup-open #scrollToTopBtn,body.hxh-launch-popup-open #smile-ui-container,body.hxh-launch-popup-open #smile-ui-lite-launcher-frame-container,body.hxh-launch-popup-open [id^=smile-ui][id$=launcher-frame-container],body.hxh-launch-popup-open .smile-launcher-frame-container{visibility:hidden!important;pointer-events:none!important}.hxh-launch-popup{--hxh-crimson: #a01427;--hxh-cream: #dfd8c8;--hxh-ink: #1a1a1a;--hxh-black: #090a0a;--hxh-white: #ffffff;--hxh-layer-popup: 110000;--hxh-ease-out: cubic-bezier(.16, 1, .3, 1);--hxh-ease-in: cubic-bezier(.4, 0, 1, 1);position:fixed;z-index:var(--hxh-layer-popup);top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:var(--hxh-cream);font-family:Farro-Regular,Helvetica,Arial,sans-serif;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;isolation:isolate;transition:opacity .18s ease,visibility 0s linear .18s}.hxh-launch-popup[hidden]{display:none}.hxh-launch-popup.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.hxh-launch-popup__backdrop{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,rgba(160,20,39,.28),transparent 38%),#050606c2;-webkit-backdrop-filter:blur(8px) saturate(.72);backdrop-filter:blur(8px) saturate(.72);cursor:pointer}.hxh-launch-popup__aura{position:absolute;z-index:-2;top:50%;left:50%;width:min(74vw,720px);aspect-ratio:1;color:var(--hxh-crimson);opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-4deg);pointer-events:none}.hxh-launch-popup__aura:before,.hxh-launch-popup__aura:after{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px solid currentColor;border-radius:50%;opacity:0}.hxh-launch-popup__aura:after{top:1%;right:1%;bottom:1%;left:1%}.hxh-launch-popup__aura svg{display:block;width:100%;height:100%;overflow:visible}.hxh-launch-popup__aura polygon,.hxh-launch-popup__aura path,.hxh-launch-popup__aura circle{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke}.hxh-launch-popup__aura polygon,.hxh-launch-popup__aura path{stroke-dasharray:1080;stroke-dashoffset:1080}.hxh-launch-popup__aura circle{fill:var(--hxh-black);stroke-width:2}.hxh-launch-popup__aura .hxh-launch-popup__aura-core{fill:var(--hxh-crimson);stroke:var(--hxh-cream)}.hxh-launch-popup__card{position:relative;width:min(92vw,880px);height:min(530px,calc(100vh - 48px));height:min(530px,calc(100dvh - 48px));min-height:470px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);overflow:hidden;color:var(--hxh-cream);background:var(--hxh-black);border:1px solid rgba(223,216,200,.5);box-shadow:0 30px 90px #40040f80,inset 0 0 0 1px #ffffff09;clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%);opacity:0;transform:translateY(24px) rotate(-1.4deg) scale(.965);will-change:transform,opacity}.hxh-launch-popup__card:before,.hxh-launch-popup__card:after{content:"";position:absolute;z-index:8;width:72px;height:4px;background:var(--hxh-crimson);pointer-events:none}.hxh-launch-popup__card:before{top:0;left:24px}.hxh-launch-popup__card:after{right:24px;bottom:0}.hxh-launch-popup.is-open .hxh-launch-popup__card{animation:hxh-popup-card-in .62s var(--hxh-ease-out) 40ms both}.hxh-launch-popup.is-closing .hxh-launch-popup__card{animation:none;opacity:0;transform:translateY(12px) scale(.985);transition:opacity .15s var(--hxh-ease-in),transform .15s var(--hxh-ease-in)}.hxh-launch-popup__close{position:absolute;z-index:12;top:14px;right:14px;width:48px;height:48px;display:grid;place-items:center;margin:0;padding:0;color:var(--hxh-ink);background:var(--hxh-cream);border:1px solid var(--hxh-cream);border-radius:0;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s var(--hxh-ease-out)}.hxh-launch-popup__close svg{width:22px;height:22px}.hxh-launch-popup__close path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:2}.hxh-launch-popup__close:hover{color:var(--hxh-white);background:var(--hxh-crimson);transform:rotate(4deg)}.hxh-launch-popup__close:active{transform:scale(.96)}.hxh-launch-popup__close:focus-visible,.hxh-launch-popup__cta:focus-visible,.hxh-launch-popup__continue:focus-visible{outline:3px solid var(--hxh-white);outline-offset:3px}.hxh-launch-popup__media{position:relative;min-width:0;min-height:0;overflow:hidden;background:#121313;isolation:isolate}.hxh-launch-popup__media:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 54%,rgba(9,10,10,.9) 100%),linear-gradient(0deg,rgba(9,10,10,.14),transparent 42%);pointer-events:none}.hxh-launch-popup__media img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:var(--hxh-black);filter:saturate(.78) contrast(1.08);transform:none}.hxh-launch-popup.is-open .hxh-launch-popup__media img{animation:hxh-popup-image-in 1.5s var(--hxh-ease-out) .12s both}.hxh-launch-popup__halftone{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:radial-gradient(circle,rgba(223,216,200,.72) 0 1px,transparent 1.25px);background-size:8px 8px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 58%);mask-image:linear-gradient(135deg,#000,transparent 58%);pointer-events:none}.hxh-launch-popup__impact{position:absolute;z-index:4;top:38%;left:52%;width:145%;aspect-ratio:1;opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(-8deg);background:repeating-conic-gradient(from -8deg,rgba(223,216,200,.74) 0deg .55deg,transparent .55deg 7deg);-webkit-mask-image:radial-gradient(circle,transparent 0 28%,#000 29% 44%,transparent 64%);mask-image:radial-gradient(circle,transparent 0 28%,#000 29% 44%,transparent 64%);pointer-events:none}.hxh-launch-popup.is-open .hxh-launch-popup__impact{animation:hxh-popup-impact .18s steps(2,end) .5s both}.hxh-launch-popup__scan{position:absolute;z-index:5;top:-32%;left:-10%;width:120%;height:18%;opacity:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.38) 44%,rgba(160,20,39,.9) 50%,transparent 58%);box-shadow:0 8px 32px #a0142761;transform:skewY(-7deg);pointer-events:none}.hxh-launch-popup.is-open .hxh-launch-popup__scan{animation:hxh-popup-scan .68s cubic-bezier(.65,0,.35,1) .17s both}.hxh-launch-popup__located{position:absolute;z-index:7;left:20px;top:18px;display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:5px 9px;color:var(--hxh-cream);background:#090a0ad1;border-left:3px solid var(--hxh-crimson);font-size:11px;line-height:1;letter-spacing:0}.hxh-launch-popup__located-dot{width:7px;height:7px;flex:0 0 7px;background:var(--hxh-crimson);border-radius:50%;box-shadow:0 0 #a01427a6}.hxh-launch-popup.is-open .hxh-launch-popup__located-dot{animation:hxh-popup-signal .9s ease-out 2}.hxh-launch-popup__content{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:58px 54px 42px;background:linear-gradient(rgba(223,216,200,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(223,216,200,.045) 1px,transparent 1px),var(--hxh-black);background-size:32px 32px}.hxh-launch-popup__content:before{content:"\d7";position:absolute;right:36px;bottom:18px;color:#dfd8c814;font-family:LilitaOne-Regular,Impact,sans-serif;font-size:116px;line-height:.7;pointer-events:none}.hxh-launch-popup__meta{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0 0 24px;color:#dfd8c8b8;font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:0}.hxh-launch-popup__meta span:first-child{color:var(--hxh-white)}.hxh-launch-popup__title{max-width:400px;margin:0;color:var(--hxh-cream);font-family:Farro-Bold,Farro-Regular,Helvetica,Arial,sans-serif!important;font-size:clamp(48px,5.4vw,64px);font-weight:700;line-height:.92;letter-spacing:-.05em;text-wrap:balance}.hxh-launch-popup__body{max-width:36ch;margin:24px 0 0;color:#dfd8c8c2;font-size:15px;line-height:1.55;letter-spacing:0}.hxh-launch-popup__body p{margin:0}.hxh-launch-popup__cta{position:relative;width:fit-content;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;margin:30px 0 0;padding:14px 16px 13px 20px;overflow:hidden;color:var(--hxh-ink);background:var(--hxh-cream);border:1px solid var(--hxh-cream);border-radius:0;font-family:Farro-Regular,Helvetica,Arial,sans-serif;font-size:13px;line-height:1;letter-spacing:0;text-decoration:none;isolation:isolate;transition:color .2s ease,border-color .2s ease,transform .2s var(--hxh-ease-out)}.hxh-launch-popup__cta:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--hxh-crimson);transform:translate(-102%) skew(-10deg);transition:transform .26s var(--hxh-ease-out)}.hxh-launch-popup__cta svg{width:20px;height:20px;flex:0 0 20px;transition:transform .2s var(--hxh-ease-out)}.hxh-launch-popup__cta path{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.8}.hxh-launch-popup__cta:hover{color:var(--hxh-white);border-color:var(--hxh-crimson);transform:translateY(-2px)}.hxh-launch-popup__cta:hover:before{transform:translate(0) skew(0)}.hxh-launch-popup__cta:hover svg{transform:translate(3px)}.hxh-launch-popup__cta:active{transform:translateY(1px) scale(.99)}.hxh-launch-popup__continue{width:fit-content;min-height:32px;margin:12px 0 0;padding:4px 0;color:#dfd8c8b8;background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;font-family:Farro-Regular,Helvetica,Arial,sans-serif;font-size:12px;line-height:1.2;letter-spacing:0;cursor:pointer;transition:color .18s ease,border-color .18s ease}.hxh-launch-popup__continue:hover{color:var(--hxh-white);border-bottom-color:currentColor}.hxh-launch-popup__meta,.hxh-launch-popup__title,.hxh-launch-popup__body,.hxh-launch-popup__cta,.hxh-launch-popup__continue{opacity:0;transform:translateY(14px)}.hxh-launch-popup.is-open .hxh-launch-popup__meta,.hxh-launch-popup.is-open .hxh-launch-popup__title,.hxh-launch-popup.is-open .hxh-launch-popup__body,.hxh-launch-popup.is-open .hxh-launch-popup__cta,.hxh-launch-popup.is-open .hxh-launch-popup__continue{animation:hxh-popup-content-in .46s var(--hxh-ease-out) both}.hxh-launch-popup.is-open .hxh-launch-popup__meta{animation-delay:.22s}.hxh-launch-popup.is-open .hxh-launch-popup__title{animation-delay:.3s}.hxh-launch-popup.is-open .hxh-launch-popup__body{animation-delay:.38s}.hxh-launch-popup.is-open .hxh-launch-popup__cta{animation-delay:.46s}.hxh-launch-popup.is-open .hxh-launch-popup__continue{animation-delay:.5s}@keyframes hxh-popup-card-in{0%{opacity:0;transform:translateY(24px) rotate(-1.4deg) scale(.965)}64%{opacity:1;transform:translateY(-2px) rotate(.2deg) scale(1.004)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes hxh-popup-image-in{0%{opacity:.72;filter:saturate(.5) contrast(1.12)}to{opacity:1;filter:saturate(.78) contrast(1.08)}}@keyframes hxh-popup-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hxh-popup-scan{0%{opacity:0;transform:translateY(0) skewY(-7deg)}12%{opacity:1}82%{opacity:.92}to{opacity:0;transform:translateY(720%) skewY(-7deg)}}@keyframes hxh-popup-impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(-8deg)}45%{opacity:.76}to{opacity:0;transform:translate(-50%,-50%) scale(1.08) rotate(-3deg)}}@keyframes hxh-popup-signal{0%{box-shadow:0 0 #a01427a6}to{box-shadow:0 0 0 10px #a0142700}}@keyframes hxh-popup-aura-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-4deg)}42%{opacity:.54}to{opacity:.17;transform:translate(-50%,-50%) scale(1.08) rotate(2deg)}}@keyframes hxh-popup-aura-ring{0%{opacity:0;transform:scale(.84)}42%{opacity:.34}to{opacity:0;transform:scale(1.15)}}@keyframes hxh-popup-aura-draw{to{stroke-dashoffset:0}}.hxh-launch-popup.is-open .hxh-launch-popup__aura{animation:hxh-popup-aura-in 1.4s var(--hxh-ease-out) 80ms 2 alternate both}.hxh-launch-popup.is-open .hxh-launch-popup__aura:before{animation:hxh-popup-aura-ring 1.3s ease-out .16s 2}.hxh-launch-popup.is-open .hxh-launch-popup__aura:after{animation:hxh-popup-aura-ring 1.3s ease-out .38s 2}.hxh-launch-popup.is-open .hxh-launch-popup__aura polygon,.hxh-launch-popup.is-open .hxh-launch-popup__aura path{animation:hxh-popup-aura-draw .62s cubic-bezier(.65,0,.35,1) .18s both}@media(max-width:700px){.hxh-launch-popup{place-items:end center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.hxh-launch-popup__backdrop{background:radial-gradient(circle at 50% 78%,rgba(160,20,39,.26),transparent 42%),#050606a8;-webkit-backdrop-filter:blur(5px) saturate(.8);backdrop-filter:blur(5px) saturate(.8)}.hxh-launch-popup__aura{top:auto;bottom:-8%;width:min(124vw,570px);transform:translate(-50%) scale(.78) rotate(-4deg)}.hxh-launch-popup__card{width:100%;height:auto;min-height:0;max-height:calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(170px,28vh,230px) auto;grid-template-rows:clamp(170px,28dvh,230px) auto;overflow-y:auto;overscroll-behavior:contain;clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.hxh-launch-popup__card:before{left:18px}.hxh-launch-popup__card:after{right:18px}.hxh-launch-popup__close{position:sticky;z-index:15;top:10px;right:10px;justify-self:end;grid-column:1;grid-row:1;width:48px;height:48px;margin:10px 10px -58px 0}.hxh-launch-popup__media{grid-column:1;grid-row:1}.hxh-launch-popup__media:after{background:linear-gradient(0deg,rgba(9,10,10,.12),transparent 52%),linear-gradient(90deg,rgba(9,10,10,.14),transparent 60%)}.hxh-launch-popup__media img{object-position:center}.hxh-launch-popup__located{left:14px;top:12px}.hxh-launch-popup__content{grid-column:1;grid-row:2;justify-content:flex-start;padding:20px 18px max(18px,env(safe-area-inset-bottom));background-size:26px 26px}.hxh-launch-popup__content:before{right:16px;bottom:20px;font-size:90px}.hxh-launch-popup__meta{margin-bottom:12px;padding-right:2px;font-size:9px}.hxh-launch-popup__title{max-width:320px;font-size:clamp(38px,11vw,48px);line-height:.92}.hxh-launch-popup__body{max-width:39ch;margin-top:14px;font-size:13px;line-height:1.45}.hxh-launch-popup__cta{width:100%;min-height:50px;justify-content:space-between;margin-top:18px;padding:13px 15px 12px 17px}.hxh-launch-popup__continue{min-height:44px;margin-top:4px;padding:8px 0}@keyframes hxh-popup-aura-in{0%{opacity:0;transform:translate(-50%) scale(.78) rotate(-4deg)}42%{opacity:.48}to{opacity:.14;transform:translate(-50%) scale(1.05) rotate(1deg)}}}@media(max-width:360px),(max-height:620px)and (max-width:700px){.hxh-launch-popup__card{grid-template-rows:160px auto}.hxh-launch-popup__content{padding-top:15px;padding-bottom:12px}.hxh-launch-popup__meta{margin-bottom:8px}.hxh-launch-popup__title{font-size:34px}.hxh-launch-popup__body{margin-top:9px;font-size:13px}.hxh-launch-popup__cta{min-height:46px;margin-top:12px}.hxh-launch-popup__continue{min-height:44px}}@media(max-height:520px)and (min-width:701px){.hxh-launch-popup{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hxh-launch-popup__card{width:min(94vw,880px);height:calc(100vh - 24px);height:calc(100dvh - 24px);min-height:0;grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr)}.hxh-launch-popup__close{top:10px;right:10px}.hxh-launch-popup__content{justify-content:center;padding:38px 44px 24px;background-size:28px 28px}.hxh-launch-popup__content:before{right:24px;bottom:16px;font-size:86px}.hxh-launch-popup__meta{margin-bottom:12px;padding-right:40px}.hxh-launch-popup__title{font-size:42px}.hxh-launch-popup__body{margin-top:12px;font-size:13px;line-height:1.42}.hxh-launch-popup__cta{min-height:46px;margin-top:16px;padding-top:11px;padding-bottom:10px}.hxh-launch-popup__continue{min-height:44px;margin-top:3px}}@media(prefers-reduced-motion:reduce){.hxh-launch-popup,.hxh-launch-popup__card,.hxh-launch-popup__close,.hxh-launch-popup__cta,.hxh-launch-popup__cta:before,.hxh-launch-popup__cta svg{transition-duration:.14s}.hxh-launch-popup.is-open .hxh-launch-popup__card,.hxh-launch-popup.is-open .hxh-launch-popup__media img,.hxh-launch-popup.is-open .hxh-launch-popup__impact,.hxh-launch-popup.is-open .hxh-launch-popup__scan,.hxh-launch-popup.is-open .hxh-launch-popup__located-dot,.hxh-launch-popup.is-open .hxh-launch-popup__aura,.hxh-launch-popup.is-open .hxh-launch-popup__aura:before,.hxh-launch-popup.is-open .hxh-launch-popup__aura:after,.hxh-launch-popup.is-open .hxh-launch-popup__aura polygon,.hxh-launch-popup.is-open .hxh-launch-popup__aura path,.hxh-launch-popup.is-open .hxh-launch-popup__meta,.hxh-launch-popup.is-open .hxh-launch-popup__title,.hxh-launch-popup.is-open .hxh-launch-popup__body,.hxh-launch-popup.is-open .hxh-launch-popup__cta,.hxh-launch-popup.is-open .hxh-launch-popup__continue{animation:none}.hxh-launch-popup.is-open .hxh-launch-popup__card,.hxh-launch-popup.is-open .hxh-launch-popup__meta,.hxh-launch-popup.is-open .hxh-launch-popup__title,.hxh-launch-popup.is-open .hxh-launch-popup__body,.hxh-launch-popup.is-open .hxh-launch-popup__cta,.hxh-launch-popup.is-open .hxh-launch-popup__continue{opacity:1;transform:none}.hxh-launch-popup.is-open .hxh-launch-popup__media img{transform:none}}@media(forced-colors:active){.hxh-launch-popup__card,.hxh-launch-popup__close,.hxh-launch-popup__cta{border:2px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hxh-launch-popup.css.map */