.welcome-popup{--px: 2px;--ink: #121212;--paper: #ffffe1;--bevel: #cfc48c;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:#12121252;visibility:hidden;opacity:0}.welcome-popup[open]{visibility:visible;opacity:1}body.welcome-popup-open{overflow:hidden}.welcome-popup__dialog{width:min(520px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--paper);color:var(--ink);font:400 18px/1.3 var(--dotcom-pixel);letter-spacing:.3px;text-align:left;-webkit-font-smoothing:none;box-shadow:0 calc(-1 * var(--px)) 0 0 var(--ink),0 var(--px) 0 0 var(--ink),calc(-1 * var(--px)) 0 0 0 var(--ink),var(--px) 0 0 0 var(--ink),calc(3 * var(--px)) calc(4 * var(--px)) 0 0 #12121238,calc(4 * var(--px)) calc(3 * var(--px)) 0 0 #12121238}.welcome-popup[open] .welcome-popup__dialog{animation:welcome-popup-open .18s steps(3)}@keyframes welcome-popup-open{0%{transform:scale(.85);opacity:0}}.welcome-popup__dialog:focus{outline:none}.welcome-popup__bar{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;background:linear-gradient(90deg,#2f55b8,#6f9de6);color:#fff}.welcome-popup__title{flex:1;font:400 18px/20px var(--dotcom-pixel);letter-spacing:.5px;text-shadow:1px 1px 0 rgba(18,18,18,.35)}.welcome-popup__eyes{flex:none;width:22px;height:10px;position:relative}.welcome-popup__eyes:before{content:"";position:absolute;left:0;top:0;width:2px;height:2px;box-shadow:2px 0 #121212,4px 0 #121212,6px 0 #121212,14px 0 #121212,16px 0 #121212,18px 0 #121212,0 2px #121212,2px 2px #fff,4px 2px #fff,6px 2px #fff,8px 2px #121212,12px 2px #121212,14px 2px #fff,16px 2px #fff,18px 2px #fff,20px 2px #121212,0 4px #121212,2px 4px #fff,4px 4px #121212,6px 4px #fff,8px 4px #121212,12px 4px #121212,14px 4px #fff,16px 4px #121212,18px 4px #fff,20px 4px #121212,0 6px #121212,2px 6px #fff,4px 6px #fff,6px 6px #fff,8px 6px #121212,12px 6px #121212,14px 6px #fff,16px 6px #fff,18px 6px #fff,20px 6px #121212,2px 8px #121212,4px 8px #121212,6px 8px #121212,14px 8px #121212,16px 8px #121212,18px 8px #121212}.welcome-popup__body{display:grid;gap:10px;padding:16px}.welcome-popup__heading{margin:0;font:400 36px/1 var(--dotcom-pixel);letter-spacing:.5px;color:var(--ink)}.welcome-popup__deal,.welcome-popup__label,.welcome-popup__error{margin:0}.welcome-popup__deal{font-size:18px}.welcome-popup__ask{margin:8px 0 0;font:400 27px/1.1 var(--dotcom-pixel);letter-spacing:.4px;color:var(--ink)}.welcome-popup__nowrap{white-space:nowrap}.welcome-popup__error{color:#b3141a}.welcome-popup__x,.welcome-popup__button{border:0;border-radius:0;background:var(--paper);color:var(--ink);font:400 18px/1.2 var(--dotcom-pixel);letter-spacing:.5px;box-shadow:inset -2px -2px 0 var(--bevel),inset 2px 2px #fff,0 0 0 2px var(--ink);cursor:pointer}.welcome-popup__x{flex:none;width:22px;height:20px;padding:0;font:400 18px/18px var(--dotcom-pixel)}.welcome-popup__x:hover,.welcome-popup__button--yes:hover{background:#fff3a8}.welcome-popup__field{width:100%;min-width:0;margin-top:2px;padding:7px 8px;border:0;border-radius:0;background:#fff;color:var(--ink);font:400 18px/1.2 var(--dotcom-pixel);box-shadow:inset 2px 2px 0 var(--bevel),inset -2px -2px #fff,0 0 0 2px var(--ink)}.welcome-popup__field::placeholder{color:#12121273}.welcome-popup__buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:6px}.welcome-popup__button{padding:6px 14px 7px}.welcome-popup__button--nah{background:#c8262c;color:#fff;box-shadow:inset -2px -2px #8e1418,inset 2px 2px #ef6a6e,0 0 0 2px var(--ink)}.welcome-popup__button--nah:hover{background:#db343a}.welcome-popup__button--yes{box-shadow:inset -2px -2px 0 var(--bevel),inset 2px 2px #fff,0 0 0 2px var(--ink),0 0 0 4px var(--paper),0 0 0 6px var(--ink)}.welcome-popup__button:active,.welcome-popup__x:active{transform:translate(1px,1px)}.welcome-popup__button[disabled]{opacity:.6;cursor:progress}.welcome-popup__x:focus-visible,.welcome-popup__button:focus-visible,.welcome-popup__field:focus-visible{outline:2px dotted var(--ink);outline-offset:5px}@media screen and (min-width:750px){.welcome-popup__label{white-space:nowrap}}@media screen and (max-width:749px){.welcome-popup{place-items:end center;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.welcome-popup__dialog{width:100%;max-height:75vh}.welcome-popup__heading{font-size:27px}}@media(prefers-reduced-motion:reduce){.welcome-popup[open] .welcome-popup__dialog{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/welcome-popup.css.map */