.hoc-welcome{--welcome-cream: #fcfaf2;--welcome-blue: #e5f0f1;--welcome-navy: #2a3170;--welcome-red: #d42027;--welcome-muted: #59617d;display:contents;color:var(--welcome-navy);font-family:var(--hoc-font-body, var(--font-body-family, "Plus Jakarta Sans", sans-serif))}.hoc-welcome *,.hoc-welcome *:before,.hoc-welcome *:after{box-sizing:border-box}.hoc-welcome [hidden]{display:none!important}.hoc-welcome .hoc-welcome__dialog{position:fixed;width:min(500px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:32px 36px 24px;border:1px solid rgb(42 49 112 / 16%);border-radius:32px;background:var(--welcome-cream);color:var(--welcome-navy);box-shadow:0 24px 80px #10173533;font-family:inherit;font-size:16px;line-height:1.6;letter-spacing:0;text-align:center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.hoc-welcome .hoc-welcome__dialog[open]{animation:hoc-welcome-enter .18s ease-out both}.hoc-welcome .hoc-welcome__dialog[data-native-submit]{top:0;right:0;bottom:0;left:0;z-index:100}.hoc-welcome .hoc-welcome__dialog::backdrop{background:#10173573}.hoc-welcome .hoc-welcome__content{min-width:0}.hoc-welcome .hoc-welcome__close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:12px;border:0;border-radius:50%;background:transparent;color:var(--welcome-navy);box-shadow:none;cursor:pointer}.hoc-welcome .hoc-welcome__close svg{display:block;flex:0 0 20px;width:20px;height:20px}.hoc-welcome .hoc-welcome__logo{display:block;width:210px;height:auto;max-width:calc(100% - 44px);margin:2px auto 22px}.hoc-welcome .hoc-welcome__heading{margin:0 0 14px;color:var(--welcome-navy);font-family:var(--hoc-font-display, var(--hoc-font-body, sans-serif));font-size:clamp(34px,5vw,40px);font-weight:800;line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word;text-wrap:balance}.hoc-welcome .hoc-welcome__heading>span{display:block}.hoc-welcome .hoc-welcome__heading>em{display:block;margin-top:4px;font-family:var(--hoc-font-script, "Damion", cursive);font-size:clamp(42px,6vw,50px);font-weight:400;font-style:normal;line-height:1.08;letter-spacing:-.025em}.hoc-welcome .hoc-welcome__intro{margin:0 0 24px;color:var(--welcome-muted);font-size:15px;line-height:1.6}.hoc-welcome .hoc-welcome__form{display:block;width:100%;margin:0}.hoc-welcome .hoc-welcome__label{display:block;margin:0 0 8px;color:var(--welcome-navy);font-size:14px;font-weight:600;line-height:1.5;text-align:left}.hoc-welcome .hoc-welcome__input{display:block;width:100%;min-width:0;min-height:52px;margin:0;padding:13px 16px;border:1px solid #a5b4c3;border-radius:12px;background:#fff;color:var(--welcome-navy);box-shadow:none;font:inherit;font-size:16px;line-height:1.5;text-align:left;-webkit-appearance:none;appearance:none}.hoc-welcome .hoc-welcome__input::placeholder{color:var(--welcome-muted);opacity:1}.hoc-welcome .hoc-welcome__input[aria-invalid=true]{border-color:var(--welcome-red)}.hoc-welcome .hoc-welcome__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:12px 0 3px;padding:13px 24px;border:1px solid var(--welcome-navy);border-radius:999px;background:var(--welcome-red);color:#fff;box-shadow:0 3px 0 var(--welcome-navy);font:inherit;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0;text-align:center;text-decoration:none;cursor:pointer}.hoc-welcome .hoc-welcome__submit:disabled,.hoc-welcome .hoc-welcome__submit[aria-disabled=true]{opacity:.6;cursor:not-allowed}.hoc-welcome .hoc-welcome__consent{margin:16px 0 0;color:var(--welcome-muted);font-size:12px;line-height:1.6}.hoc-welcome .hoc-welcome__consent a{color:var(--welcome-navy);text-decoration:underline;text-underline-offset:3px}.hoc-welcome .hoc-welcome__error{margin:14px 0 0;color:var(--welcome-red);font-size:14px;line-height:1.5;text-align:left}.hoc-welcome .hoc-welcome__error:empty{display:none}.hoc-welcome .hoc-welcome__error ul{margin:0;padding-left:20px}.hoc-welcome .hoc-welcome__error a{color:inherit;text-underline-offset:3px}.hoc-welcome .hoc-welcome__dismiss{display:block;min-height:44px;margin:8px auto 0;padding:10px 16px;border:0;background:transparent;color:var(--welcome-muted);box-shadow:none;font:inherit;font-size:14px;line-height:1.5;text-underline-offset:3px;cursor:pointer}.hoc-welcome .hoc-welcome__coupon{margin:24px 0;padding:18px 20px;border:1px solid #c2ced8;border-radius:12px;background:var(--welcome-blue);color:var(--welcome-navy)}.hoc-welcome .hoc-welcome__coupon-label{display:block;margin-bottom:6px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.hoc-welcome .hoc-welcome__coupon strong{display:block;font-family:var(--hoc-font-display, var(--hoc-font-body, sans-serif));font-size:28px;font-weight:800;line-height:1.3;letter-spacing:.04em;overflow-wrap:anywhere}.hoc-welcome :where(button,input,a):focus-visible{outline:2px solid var(--welcome-navy);outline-offset:4px}@media(hover:hover){.hoc-welcome .hoc-welcome__close:hover{background:var(--welcome-blue)}.hoc-welcome .hoc-welcome__submit:not(:disabled):not([aria-disabled=true]):hover{background:#bd1821}.hoc-welcome .hoc-welcome__dismiss:hover{color:var(--welcome-navy);text-decoration:underline}}@media(max-width:549px){.hoc-welcome .hoc-welcome__dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:30px 24px 20px;border-radius:28px}.hoc-welcome .hoc-welcome__logo{width:185px;margin-bottom:20px}.hoc-welcome .hoc-welcome__heading{font-size:clamp(30px,8.5vw,38px)}.hoc-welcome .hoc-welcome__heading>em{font-size:clamp(38px,10.5vw,46px)}.hoc-welcome .hoc-welcome__intro{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.hoc-welcome .hoc-welcome__dialog[open]{animation:none}}@media(forced-colors:active){.hoc-welcome .hoc-welcome__dialog,.hoc-welcome .hoc-welcome__input,.hoc-welcome .hoc-welcome__submit,.hoc-welcome .hoc-welcome__coupon{border-color:ButtonText;box-shadow:none}.hoc-welcome :where(button,input,a):focus-visible{outline-color:Highlight}}@keyframes hoc-welcome-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hoc-welcome.css.map */