:root{--sfb-sage: #5B7E6F;--sfb-sage-dark: #3D6357;--sfb-sage-light: #A8B5A0;--sfb-sage-muted: #C8D4C0;--sfb-sage-pale: #E8EDE5;--sfb-cream: #FAF8F4;--sfb-cream-warm: #F5F0E8;--sfb-espresso: #3E2E27;--sfb-espresso-light: #6E5C54;--sfb-sand: #E8DED0;--sfb-white: #FFFFFF;--sfb-error: #9B3B3B;--sfb-ease-out: cubic-bezier(.16, 1, .3, 1)}.sfb-popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001}.sfb-popup.is-visible{display:block}.sfb-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e2e2773;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10001;cursor:pointer;opacity:0;animation:sfbFadeIn .4s var(--sfb-ease-out) forwards}.sfb-popup__overlay.closing{animation:sfbFadeOut .3s ease forwards}.sfb-popup__container{position:fixed;z-index:10002;top:50%;left:50%;transform:translate(-50%,-50%) scale(.94);width:min(92vw,760px);max-height:90vh;max-height:90dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--sfb-cream);border-radius:6px;box-shadow:0 25px 60px #3e2e272e,0 8px 20px #3e2e2714;opacity:0;animation:sfbPopupIn .5s var(--sfb-ease-out) .12s forwards;overflow:hidden;overscroll-behavior:contain}.sfb-popup__container.closing{animation:sfbPopupOut .3s ease forwards}@keyframes sfbFadeIn{to{opacity:1}}@keyframes sfbFadeOut{to{opacity:0}}@keyframes sfbPopupIn{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sfbPopupOut{to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}@keyframes sfbSlideUp{0%{opacity:0;transform:translate(-50%) translateY(40px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes sfbSlideDown{to{opacity:0;transform:translate(-50%) translateY(40px)}}@keyframes sfbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sfb-popup__image{position:relative;background:var(--sfb-sage-pale);min-height:100%;overflow:hidden;border-radius:6px 0 0 6px}.sfb-popup__image img{width:100%;height:100%;object-fit:cover;display:block}.sfb-popup__form-panel{position:relative;padding:48px 40px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--sfb-cream);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sfb-popup__close{position:absolute;top:14px;right:14px;width:40px;height:40px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--sfb-espresso-light);cursor:pointer;transition:color .2s;z-index:2;-webkit-tap-highlight-color:transparent}.sfb-popup__close:hover,.sfb-popup__close:active{color:var(--sfb-espresso)}.sfb-popup__close svg{width:20px;height:20px;pointer-events:none}.sfb-popup__heading{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(28px,4vw,38px);font-weight:400;line-height:1.15;color:var(--sfb-espresso);margin:0 0 14px}.sfb-popup__heading em{font-style:italic;font-weight:300}.sfb-popup__body-text{font-family:Inter,-apple-system,sans-serif;font-size:clamp(12.5px,1.5vw,13.5px);font-weight:300;line-height:1.7;color:var(--sfb-espresso-light);margin:0 0 32px}.sfb-popup__fields{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.sfb-popup__input{width:100%;padding:14px 2px;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:300;color:var(--sfb-espresso);background:transparent;border:none!important;border-bottom:1px solid var(--sfb-sand)!important;border-radius:0;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none}.sfb-popup__input::placeholder{color:var(--sfb-espresso-light);opacity:.45}.sfb-popup__input:focus{border-bottom-color:var(--sfb-sage)}.sfb-popup__input.has-error{border-bottom-color:var(--sfb-error)}.sfb-popup__error{font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:400;color:var(--sfb-error);margin:8px 0 0;text-align:left}.sfb-popup__submit{width:100%;padding:15px 16px;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--sfb-white);background:var(--sfb-espresso);border:none;border-radius:0;cursor:pointer;transition:background .3s;-webkit-tap-highlight-color:transparent;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}.sfb-popup__submit:hover{background:var(--sfb-sage-dark)}.sfb-popup__submit:active{transform:scale(.985)}.sfb-popup__submit:disabled{opacity:.6;cursor:not-allowed}.sfb-popup__submit span{color:inherit}.sfb-popup__spinner svg{animation:sfbSpin 1s linear infinite}.sfb-popup__dismiss{display:flex;align-items:center;justify-content:center;width:100%;margin-top:16px;text-align:center;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:400;color:var(--sfb-espresso-light);cursor:pointer;background:none;border:none;border-radius:0;transition:color .2s;-webkit-tap-highlight-color:transparent;min-height:44px}.sfb-popup__dismiss:hover,.sfb-popup__dismiss:active{color:var(--sfb-espresso)}.sfb-popup__fine{margin-top:18px;padding-top:16px;border-top:1px solid var(--sfb-sand);font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:300;color:var(--sfb-sage-light);text-align:center;line-height:1.5}.sfb-popup__success{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:16px 0}.sfb-popup__success.active{display:flex;animation:sfbFadeIn .4s var(--sfb-ease-out) forwards}.sfb-popup__success>svg{width:40px;height:40px;color:var(--sfb-sage)}.sfb-popup__success-heading{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(24px,3.5vw,28px);font-weight:400;color:var(--sfb-espresso)}.sfb-popup__success-body{font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:300;color:var(--sfb-espresso-light);line-height:1.6}.sfb-popup__success-body--muted{font-size:12px;color:var(--sfb-sage-light)}@media(min-width:768px)and (max-width:1023px){.sfb-popup__container{width:min(90vw,680px)}.sfb-popup__form-panel{padding:44px 34px 34px}.sfb-popup__image{min-height:420px}}@media(min-width:481px)and (max-width:767px){.sfb-popup__container{width:min(94vw,580px);grid-template-columns:.85fr 1fr}.sfb-popup__image{min-height:380px}.sfb-popup__form-panel{padding:38px 30px 30px}}@media(max-width:480px){.sfb-popup__container{top:auto;bottom:0;left:50%;transform:translate(-50%) translateY(40px);width:100%;max-width:100vw;max-height:92vh;max-height:92dvh;grid-template-columns:1fr;border-radius:16px 16px 0 0;animation:sfbSlideUp .45s var(--sfb-ease-out) .12s forwards}.sfb-popup__container.closing{animation:sfbSlideDown .3s ease forwards}.sfb-popup__image{min-height:0;max-height:180px;border-radius:16px 16px 0 0}.sfb-popup__form-panel{padding:24px 20px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));overflow-y:auto;max-height:calc(92dvh - 180px)}.sfb-popup__close{top:10px;right:10px}.sfb-popup__heading{font-size:28px;margin-bottom:10px;padding-right:36px}.sfb-popup__body-text{font-size:12.5px;margin-bottom:20px;line-height:1.65}.sfb-popup__fields{gap:4px;margin-bottom:14px}.sfb-popup__input{padding:13px 2px;font-size:16px}.sfb-popup__submit{padding:14px;font-size:11px;min-height:48px}.sfb-popup__dismiss{margin-top:10px;font-size:11.5px;min-height:44px}.sfb-popup__fine{margin-top:12px;padding-top:12px;font-size:9.5px}}@media(max-width:375px){.sfb-popup__image{max-height:150px}.sfb-popup__form-panel{padding:20px 18px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));max-height:calc(92dvh - 150px)}.sfb-popup__heading{font-size:25px}.sfb-popup__body-text{font-size:12px;margin-bottom:16px}.sfb-popup__input{padding:12px 2px}.sfb-popup__submit{padding:13px}.sfb-popup__fine{font-size:9px}}@media(max-width:320px){.sfb-popup__image{max-height:120px}.sfb-popup__form-panel{padding:18px 16px 22px;max-height:calc(92dvh - 120px)}.sfb-popup__heading{font-size:23px}.sfb-popup__body-text{font-size:11.5px;margin-bottom:14px}.sfb-popup__fields{gap:4px;margin-bottom:10px}.sfb-popup__input{padding:11px 2px}}@media(min-width:1440px){.sfb-popup__container{width:min(60vw,820px)}.sfb-popup__image{min-height:520px}.sfb-popup__form-panel{padding:56px 48px 48px}}@media(max-height:500px)and (orientation:landscape){.sfb-popup__container{top:50%;bottom:auto;transform:translate(-50%,-50%) scale(.94);animation-name:sfbPopupIn;width:min(92vw,640px);max-height:90vh;grid-template-columns:.8fr 1fr;border-radius:6px}.sfb-popup__container.closing{animation-name:sfbPopupOut}.sfb-popup__image{min-height:0;border-radius:6px 0 0 6px}.sfb-popup__form-panel{padding:20px 24px;overflow-y:auto}.sfb-popup__heading{font-size:24px;margin-bottom:8px}.sfb-popup__body-text{font-size:11.5px;margin-bottom:14px}.sfb-popup__fields{gap:4px;margin-bottom:8px}.sfb-popup__input{padding:10px 2px}.sfb-popup__submit{padding:11px;min-height:40px}.sfb-popup__dismiss{margin-top:6px;min-height:36px}.sfb-popup__fine{margin-top:8px;padding-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sfb-welcome-popup.css.map */