.mystery-popup.drawer{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:var(--spacing-5)!important;display:flex!important;align-items:center!important;justify-content:center!important}.mystery-popup::part(outside-close-button){display:none!important}.mystery-popup::part(overlay){background:rgb(var(--text-primary) / .5)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.mystery-popup::part(content){position:relative!important;width:100%!important;max-width:540px!important;height:auto!important;max-height:92vh!important;border-radius:var(--rounded-lg)!important;background:var(--mystery-popup-bg, #f7f7f7)!important;color:var(--mystery-popup-text, #0f1629)!important;box-shadow:var(--shadow-block)!important;overflow-y:auto!important}.mystery-popup::part(header),.mystery-popup::part(footer){display:none!important}.mystery-popup::part(body){padding:0!important}.mystery-popup__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:10;background:none;border:none;color:var(--mystery-popup-text, #0f1629);cursor:pointer;padding:var(--spacing-2);opacity:.4;transition:opacity .15s ease-in-out;line-height:1}.mystery-popup__close:hover{opacity:.8}.mystery-popup__step{width:100%;text-align:center;padding:var(--spacing-10) var(--spacing-8)}.mystery-popup__step[hidden]{display:none!important}.mystery-popup__logo{max-width:140px;height:auto;margin:0 auto var(--spacing-8);display:block}.mystery-popup__preheading{font-family:var(--text-font-family);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin:0 0 var(--spacing-2);font-weight:var(--text-font-weight, 400)}.mystery-popup__heading{font-family:var(--heading-font-family);font-size:var(--text-h1);font-weight:var(--heading-font-weight, 700);letter-spacing:var(--heading-letter-spacing, -.02em);text-transform:uppercase;line-height:1.1;margin:0 0 var(--spacing-3)}.mystery-popup__subheading{font-family:var(--text-font-family);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin:0 0 var(--spacing-8)}.mystery-popup__hats{display:flex;justify-content:center;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.hat-card{position:relative;cursor:pointer;transition:transform .3s ease,opacity .4s ease;-webkit-user-select:none;user-select:none;flex:0 0 auto;width:clamp(90px,22vw,140px);-webkit-tap-highlight-color:transparent}.hat-card:hover:not(.hat-card--disabled){transform:translateY(-6px)}.hat-card:focus-visible{outline:2px solid var(--mystery-popup-text, #0f1629);outline-offset:6px;border-radius:var(--rounded-sm)}.hat-card--disabled{opacity:.12;pointer-events:none;transform:scale(.85)}.hat-card--selected{transform:translateY(-6px)}.hat-card__image-wrap{aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:filter .3s ease,transform .3s ease}.hat-card:hover:not(.hat-card--disabled) .hat-card__image-wrap{filter:drop-shadow(0 6px 16px rgba(15,22,41,.2))}.hat-card--selected .hat-card__image-wrap{filter:drop-shadow(0 8px 20px rgba(15,22,41,.3))}.hat-card__image{width:100%;height:100%;object-fit:contain;display:block}.hat-card__placeholder{width:60%;height:60%;opacity:.2}.hat-card__label{display:block;text-align:center;font-family:var(--text-font-family);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding-top:var(--spacing-3);opacity:.5;transition:opacity .3s ease}.hat-card:hover:not(.hat-card--disabled) .hat-card__label{opacity:.8}@keyframes hat-select-bounce{0%{transform:translateY(-6px) scale(1)}35%{transform:translateY(-14px) scale(1.1)}65%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(-6px) scale(1)}}.hat-card--selected.hat-card--bouncing{animation:hat-select-bounce .45s ease forwards}.mystery-popup__dismiss{font-family:var(--text-font-family);font-size:var(--text-xs);opacity:.35;cursor:pointer;background:none;border:none;color:inherit;text-decoration:underline;text-underline-offset:3px;transition:opacity .15s ease-in-out;padding:var(--spacing-2)}.mystery-popup__dismiss:hover{opacity:.6}.mystery-popup__ambassador{position:fixed;bottom:0;width:clamp(140px,16vw,240px);pointer-events:none;z-index:1000}.mystery-popup__ambassador--right{right:0}.mystery-popup__ambassador--left{left:0}.mystery-popup__ambassador img{width:100%;height:auto;display:block}.mystery-popup__discount-text{font-family:var(--heading-font-family);font-size:var(--text-h1);font-weight:var(--heading-font-weight, 700);letter-spacing:var(--heading-letter-spacing, -.02em);text-transform:uppercase;margin:0 0 var(--spacing-3);line-height:1.1}.mystery-popup__email-prompt{font-family:var(--text-font-family);font-size:var(--text-sm);opacity:.6;margin:0 0 var(--spacing-6);line-height:1.6}.mystery-popup__form{width:100%;max-width:340px;margin:0 auto}.mystery-popup .form-control{margin-bottom:var(--spacing-3)}.mystery-popup .button{--button-background: var(--mystery-popup-accent-rgb, 15 22 41) / 1;--button-text-color: var(--mystery-popup-btn-text-rgb, 255 255 255);border-radius:var(--rounded-button)}.mystery-popup__submit{display:block;width:100%;background:rgb(var(--mystery-popup-accent-rgb, 15 22 41));color:rgb(var(--mystery-popup-btn-text-rgb, 255 255 255));border:none;cursor:pointer;font-family:var(--text-font-family);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--text-letter-spacing, 0);line-height:1.6;padding:1.075rem var(--spacing-10);border-radius:var(--rounded-button);transition:background-color .15s ease-in-out,opacity .15s ease-in-out}.mystery-popup__submit:hover{opacity:.85}.mystery-popup__submit:disabled{opacity:.6;cursor:wait}.mystery-popup .banner--error{margin-bottom:var(--spacing-4);text-align:left}.mystery-popup__checkmark{width:48px;height:48px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);opacity:.6}.mystery-popup__checkmark svg{width:20px;height:20px}.mystery-popup__confirmation-title{font-family:var(--heading-font-family);font-size:var(--text-h4);font-weight:var(--heading-font-weight, 700);letter-spacing:var(--heading-letter-spacing, -.02em);line-height:1.2;margin:0 0 var(--spacing-2)}.mystery-popup__confirmation-email{font-family:var(--text-font-family);font-weight:600;font-size:var(--text-sm);opacity:.5;margin:0 0 var(--spacing-1)}.mystery-popup__confirmation-message{font-family:var(--text-font-family);font-size:var(--text-sm);opacity:.4;margin:0 0 var(--spacing-8);line-height:1.6}.mystery-popup__step--entering{animation:mystery-fade-up .4s ease forwards}@keyframes mystery-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hat-card{transition-duration:.01ms!important}.hat-card--selected.hat-card--bouncing,.mystery-popup__step--entering{animation-duration:.01ms!important}}@media screen and (max-width:599px){.mystery-popup.drawer{padding:var(--spacing-3)!important}.mystery-popup::part(content){max-width:400px!important;max-height:90vh!important;border-radius:var(--rounded)!important}.mystery-popup__step{padding:var(--spacing-8) var(--spacing-5)}.mystery-popup__ambassador{display:none}.mystery-popup__logo{max-width:110px;margin-bottom:var(--spacing-6)}.mystery-popup__hats{gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.mystery-popup__subheading{margin-bottom:var(--spacing-6)}.mystery-popup__submit{padding:var(--spacing-4) var(--spacing-8)}}@media screen and (min-width:600px)and (max-width:899px){.mystery-popup__ambassador{width:120px;opacity:.5}}.mystery-popup__reopen{position:fixed;bottom:20px;right:20px;z-index:999;width:48px;height:48px;border-radius:50%;background:rgb(var(--text-primary, 15 22 41));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease;opacity:0}.mystery-popup__reopen[hidden]{display:none!important}.mystery-popup__reopen.is-visible{opacity:1}.mystery-popup__reopen:hover{transform:scale(1.1);box-shadow:0 6px 24px #0000004d}.mystery-popup__reopen svg{width:20px;height:20px}@media screen and (max-width:599px){.mystery-popup__reopen{bottom:16px;right:16px;width:44px;height:44px}.mystery-popup__reopen svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/mystery-popup.css.map */