salty-welcome{display:contents}.sw [hidden]{display:none!important}.sw__dialog{--sw-o: var(--salty-orange, #F15A24);--sw-c: var(--salty-cream, #F4F4EB);--sw-k: var(--salty-black, #0C0C0D);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--sw-c);color:var(--sw-k);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;font-family:var(--font-body--family);text-align:center}.sw__dialog[open]{display:flex;flex-direction:column}.sw__dialog:focus{outline:none}.sw__dialog::backdrop{background:#0c0c0da3}.sw__close{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.sw__close:hover{background:#ffffff29}.sw__top{position:relative;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:58px 24px 0;background:var(--sw-o);color:#fff}.sw__top:after{content:"";position:absolute;left:0;right:0;top:100%;height:34px;background:var(--sw-o);-webkit-mask:url(salty-tear-cream.svg) top / 100% 100% no-repeat;mask:url(salty-tear-cream.svg) top / 100% 100% no-repeat;pointer-events:none}.sw__logo{width:96px;height:auto;margin-bottom:4px}.sw__copy{display:flex;flex-direction:column;align-items:center;gap:6px}.sw__title{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:clamp(30px,8.4vw,38px);line-height:1.05;letter-spacing:-.01em;color:#fff;text-wrap:balance}.sw__sub{margin:0;max-width:30ch;font-size:17px;line-height:1.4;color:#fff;text-wrap:balance}.sw__sub strong{font-weight:700;letter-spacing:.02em}.sw__card{position:relative;z-index:2;display:grid;place-items:center;width:clamp(196px,calc((100dvh - 470px)*.83),min(264px,66vw));aspect-ratio:232 / 280;margin:12px 0 -96px;padding:0;border:2px solid var(--sw-k);border-radius:18px;background:#fff;box-shadow:0 6px 0 var(--sw-k);color:var(--sw-k);cursor:grab;touch-action:none;overflow:hidden;-webkit-tap-highlight-color:transparent}.sw__card:active{cursor:grabbing}.sw__prize{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 12px}.sw__pct{font-family:var(--font-heading--family);font-weight:800;font-size:84px;line-height:.9;letter-spacing:-.03em;color:var(--sw-o)}.sw__pct span{font-size:.5em;letter-spacing:0}.sw__off{font-family:var(--font-heading--family);font-weight:700;font-size:16px;line-height:1.2}.sw__code{margin-top:10px;padding:6px 14px;border:2px dashed var(--sw-k);border-radius:999px;font-family:var(--font-heading--family);font-weight:800;font-size:16px;letter-spacing:.08em}.sw__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sw__hint{position:absolute;left:50%;bottom:12px;translate:-50% 0;padding:6px 12px;border-radius:999px;background:var(--sw-k);color:#fff;font-family:var(--font-heading--family);font-weight:700;font-size:13px;line-height:1.2;white-space:nowrap;pointer-events:none}.sw__card.is-open{cursor:default}.sw__card.is-open .sw__canvas,.sw__card.is-open .sw__hint{opacity:0;pointer-events:none}.sw__card:focus-visible,.sw__close:focus-visible,.sw__text:focus-visible,.sw__btn:focus-visible{outline:3px solid var(--sw-k);outline-offset:3px}.sw__top .sw__close:focus-visible{outline-color:#fff}.sw__bottom{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;padding:118px 24px 32px}.sw__dialog:not([data-state=offer]) .sw__card{aspect-ratio:auto;height:158px;margin-bottom:-58px}.sw__dialog:not([data-state=offer]) .sw__pct{font-size:64px}.sw__dialog:not([data-state=offer]) .sw__code{margin-top:6px}.sw__dialog:not([data-state=offer]) .sw__bottom{padding-top:80px}.sw__bottom>div{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,360px)}.sw__note{margin:0;font-size:15px;line-height:1.4;color:#4a4a47}.sw__text{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;border:0;background:none;color:var(--sw-k);font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sw__form{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left}.sw__field{display:flex;flex-direction:column;gap:6px}.sw__field label{font-family:var(--font-heading--family);font-weight:700;font-size:14px;color:var(--sw-k)}.sw__field input{width:100%;min-height:48px;padding:0 14px;border:2px solid var(--sw-k);border-radius:12px;background:#fff;color:var(--sw-k);font:inherit;font-size:16px}.sw__field input:focus-visible{outline:3px solid var(--sw-o);outline-offset:1px}.sw__field input[aria-invalid=true]{border-color:#b3261e}.sw__consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;color:#4a4a47;cursor:pointer}.sw__consent input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--sw-k)}.sw__error{margin:0;font-size:14px;line-height:1.4;color:#b3261e}.sw__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 24px;border:2px solid var(--sw-k);border-radius:999px;background:var(--sw-o);box-shadow:0 4px 0 var(--sw-k);color:var(--sw-k);font-family:var(--font-heading--family);font-weight:800;font-size:17px;text-decoration:none;cursor:pointer}.sw__btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sw-k)}.sw__btn[disabled]{opacity:.6;cursor:progress}@media(min-width:750px){.sw__dialog{top:0;right:0;bottom:0;left:0;width:460px;height:fit-content;max-height:min(94dvh,860px);margin:auto;border:2px solid var(--sw-k);border-radius:18px;box-shadow:0 8px 0 var(--sw-k)}.sw__top{padding-top:54px}.sw__bottom{padding:116px 36px 30px}}@media(max-width:749px)and (max-height:760px){.sw__top{padding-top:48px;gap:8px}.sw__logo{width:80px}.sw__card{width:min(196px,56vw);margin-bottom:-84px}.sw__pct{font-size:70px}.sw__bottom{padding-top:102px}}@media(min-width:750px)and (max-height:760px){.sw__dialog{scrollbar-width:thin}.sw__top{padding-top:24px;gap:6px}.sw__logo{width:64px}.sw__card{width:188px;margin-bottom:-78px}.sw__pct{font-size:64px}.sw__bottom{padding:94px 36px 20px}.sw__dialog:not([data-state=offer]) .sw__card{height:132px;margin-bottom:-50px}.sw__dialog:not([data-state=offer]) .sw__pct{font-size:52px}.sw__dialog:not([data-state=offer]) .sw__bottom{padding-top:66px}}@media(prefers-reduced-motion:no-preference){.sw__dialog[open]{animation:sw-in .28s cubic-bezier(.16,1,.3,1) both}.sw__dialog[open]::backdrop{animation:sw-fade .28s ease-out both}.sw__canvas,.sw__hint{transition:opacity .3s ease}.sw__card.is-open .sw__prize{animation:sw-pop .42s cubic-bezier(.34,1.56,.64,1) both}.sw__hint{animation:sw-nudge 2.4s ease-in-out 1.2s infinite}[data-sw-show]:not([hidden]){animation:sw-rise .32s cubic-bezier(.16,1,.3,1) both}}@keyframes sw-in{0%{opacity:0;transform:translateY(18px)}}@keyframes sw-fade{0%{opacity:0}}@keyframes sw-pop{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes sw-nudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-4px)}90%{transform:translateY(1px)}}@keyframes sw-rise{0%{opacity:0;transform:translateY(8px)}}.sw__consent-note{font-size:12px;max-width:38ch}.sw__logo{width:136px;margin-bottom:12px;transform:none}@media(max-height:760px){.sw__logo{width:120px;margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/salty-welcome.css.map */