.hn-popup-section{display:contents}.hn-popup{--hn-popup-gap: 1.6rem;--hn-popup-lift: 0px;position:fixed;bottom:calc(var(--hn-popup-gap) + var(--hn-popup-lift) + env(safe-area-inset-bottom));z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;pointer-events:none;font-family:var(--hn-sans)}.hn-popup>*{pointer-events:auto}.hn-popup--left{left:var(--hn-popup-gap)}.hn-popup--right{right:var(--hn-popup-gap);align-items:flex-end}.hn-popup__card{order:1}.hn-popup__tab{order:2}.hn-popup__tab{position:relative;display:inline-flex;align-items:center;gap:.8rem;min-height:4.4rem;padding:0 1.6rem 0 1.3rem;border-radius:var(--hn-r-pill);border:1px solid rgba(249,115,22,.55);background:#17171bf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--hn-ink);font-family:var(--hn-sans);font-size:1.4rem;font-weight:600;letter-spacing:.01em;line-height:1;cursor:pointer;box-shadow:0 10px 30px -12px #000000e6,0 0 0 0 var(--hn-glow);transition:transform var(--hn-dur) var(--hn-ease),border-color var(--hn-dur) var(--hn-ease),box-shadow var(--hn-dur) var(--hn-ease),background-color var(--hn-dur) var(--hn-ease)}.hn-popup__tab:hover{transform:translateY(-2px);border-color:var(--hn-orange);background:#1d1108f5;box-shadow:0 14px 34px -12px #000000e6,0 0 28px -6px var(--hn-glow)}.hn-popup__tab:focus-visible{outline:2px solid var(--hn-orange);outline-offset:3px}.hn-popup__tab-icon{width:1.8rem;height:1.8rem;color:var(--hn-orange-text);flex:0 0 auto}.hn-popup__tab-text{white-space:nowrap}.hn-popup__tab-text strong{color:var(--hn-orange-text);font-weight:700;letter-spacing:.06em}.hn-popup__tab-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--hn-orange);opacity:0;pointer-events:none}.hn-popup:not(.is-open):not(.is-unlocked):not(.is-touched) .hn-popup__tab-ring{animation:hn-popup-pulse 2.6s ease-out infinite}@keyframes hn-popup-pulse{0%{transform:scale(1);opacity:.7}70%,to{transform:scale(1.22);opacity:0}}.hn-popup.is-open .hn-popup__tab{border-color:var(--hn-orange)}.hn-popup__card{position:relative;width:36rem;max-width:calc(100vw - var(--hn-popup-gap) * 2);padding:2.4rem 2.4rem 2.2rem;border-radius:var(--hn-r-md);border:1px solid var(--hn-line-strong);background:var(--hn-paper);background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:6px 6px;color:var(--hn-ink);box-shadow:0 24px 60px -18px #000000f2,0 0 40px -14px var(--hn-glow);overflow:hidden;transform-origin:bottom left;opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--hn-dur) var(--hn-ease),transform var(--hn-dur) var(--hn-ease)}.hn-popup--right .hn-popup__card{transform-origin:bottom right}.hn-popup__card[hidden]{display:none}.hn-popup__card.is-in{opacity:1;transform:none}.hn-popup__accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--hn-orange) 0%,var(--hn-orange) 45%,rgba(249,115,22,0) 100%)}.hn-popup--right .hn-popup__accent{background:linear-gradient(270deg,var(--hn-orange) 0%,var(--hn-orange) 45%,rgba(249,115,22,0) 100%)}.hn-popup__decor{position:absolute;pointer-events:none;color:var(--hn-orange)}.hn-popup__decor .hn-decor__svg{width:100%;height:100%;display:block}.hn-popup__decor--moon{top:-3.2rem;right:-2.8rem;width:11rem;height:11rem;opacity:.16;filter:drop-shadow(0 0 18px var(--hn-glow))}.hn-popup__decor--bats{top:1.6rem;right:5.6rem;width:5.2rem;height:2.2rem;opacity:.55;color:var(--hn-ink-2)}.hn-popup__close{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:transparent;color:var(--hn-muted);cursor:pointer;transition:background-color var(--hn-dur) var(--hn-ease),color var(--hn-dur) var(--hn-ease)}.hn-popup__close svg{width:1.6rem;height:1.6rem}.hn-popup__close:hover{background:#ffffff0f;color:var(--hn-ink)}.hn-popup__close:focus-visible{outline:2px solid var(--hn-orange);outline-offset:2px}.hn-popup__view{position:relative;z-index:1}.hn-popup__view[hidden]{display:none}.hn-popup__eyebrow{margin-bottom:.8rem;font-size:1.15rem}.hn-popup__title{margin:0 0 .8rem;font-family:var(--hn-display);font-weight:600;font-size:2.6rem;line-height:1.1;letter-spacing:-.01em;color:var(--hn-ink);max-width:11ch}.hn-popup__text{margin:0 0 1.6rem;font-size:1.4rem;line-height:1.55;color:var(--hn-ink-2)}.hn-popup__text p{margin:0}.hn-popup__text p+p{margin-top:.6rem}.hn-popup__form{margin:0}.hn-popup__row{display:flex;flex-direction:column;gap:.8rem}.hn-popup__input{width:100%;min-height:4.8rem;padding:0 1.4rem;border-radius:var(--hn-r-sm);border:1px solid var(--hn-line-strong);background:var(--hn-white);color:var(--hn-ink);font-family:var(--hn-sans);font-size:1.5rem;transition:border-color var(--hn-dur) var(--hn-ease),box-shadow var(--hn-dur) var(--hn-ease)}.hn-popup__input::placeholder{color:var(--hn-muted)}.hn-popup__input:focus{border-color:var(--hn-orange);box-shadow:0 0 0 3px #f9731640;outline:none}.hn-popup__submit{width:100%}.hn-popup__error{margin:0 0 1rem;padding:.8rem 1.2rem;border-radius:var(--hn-r-sm);background:var(--hn-orange-tint);color:var(--hn-orange-text);font-size:1.3rem;line-height:1.4}.hn-popup__note{margin:1.2rem 0 0;font-size:1.2rem;line-height:1.5;color:var(--hn-muted)}.hn-popup__code{display:flex;align-items:stretch;gap:0;margin:0 0 1.4rem;border-radius:var(--hn-r-sm);border:1px dashed rgba(249,115,22,.7);background:var(--hn-white);overflow:hidden}.hn-popup__code-value{flex:1 1 auto;display:flex;align-items:center;min-height:5.2rem;padding:0 1.6rem;font-family:var(--hn-sans);font-size:1.9rem;font-weight:700;letter-spacing:.14em;color:var(--hn-orange-text);user-select:all;-webkit-user-select:all}.hn-popup__copy{flex:0 0 auto;display:inline-flex;align-items:center;gap:.6rem;padding:0 1.4rem;border:0;border-left:1px dashed rgba(249,115,22,.7);background:var(--hn-orange-tint);color:var(--hn-ink);font-family:var(--hn-sans);font-size:1.3rem;font-weight:600;cursor:pointer;transition:background-color var(--hn-dur) var(--hn-ease),color var(--hn-dur) var(--hn-ease)}.hn-popup__copy svg{width:1.6rem;height:1.6rem}.hn-popup__copy:hover{background:var(--hn-orange);color:var(--hn-on-orange)}.hn-popup__copy:focus-visible{outline:2px solid var(--hn-orange);outline-offset:-3px}.hn-popup__copy.is-copied{background:var(--hn-orange);color:var(--hn-on-orange)}.hn-popup__cta{margin:0}@media screen and (max-width:749px){.hn-popup{--hn-popup-gap: 1.2rem}.hn-popup__tab{min-height:4rem;font-size:1.3rem;padding:0 1.3rem 0 1.1rem}.hn-popup__card{width:calc(100vw - var(--hn-popup-gap) * 2);padding:2.2rem 2rem 2rem}.hn-popup__title{font-size:2.4rem;max-width:none}.hn-popup__decor--moon{width:9rem;height:9rem}}@media screen and (max-width:989px){body:has(.hn-sticky.is-visible) .hn-popup{--hn-popup-lift: 7.4rem}}.hn-popup--no-mobile{display:none}@media screen and (min-width:750px){.hn-popup--no-mobile{display:flex}}@media(prefers-reduced-motion:reduce){.hn-popup__tab-ring{animation:none!important}.hn-popup__card,.hn-popup__tab{transition:none}.hn-popup__card{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hn-popup.css.map */