sf-newsletter-glass{--ink: #0a0a0a;--ink-soft: #33333a;--muted: #6a6a72;--ring: rgba(10,10,10,.16);display:contents}.sfng,.sfng *{box-sizing:border-box}.sfng-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0c0c0e80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s ease;overscroll-behavior:contain}.sfng-overlay.is-open{opacity:1;visibility:visible}.sfng-card{position:relative;width:100%;max-width:446px;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:36px 34px 28px;text-align:center;color:var(--ink);border-radius:26px;background:linear-gradient(to bottom,#fffffff0,#ffffffd9);-webkit-backdrop-filter:blur(30px) saturate(1.6);backdrop-filter:blur(30px) saturate(1.6);border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px #ffffffe6,0 30px 80px -16px #00000073;transform:translateY(22px) scale(.975);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sfng-overlay.is-open .sfng-card{transform:none;opacity:1}.sfng-card:before{content:"";position:absolute;inset:0 0 auto 0;height:42%;border-radius:26px 26px 0 0;background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);pointer-events:none}.sfng-card>*{position:relative;z-index:1}.sfng-close{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(10,10,10,.1);border-radius:50%;background:#0a0a0a0a;color:var(--ink-soft);cursor:pointer;transition:background .2s,transform .12s}.sfng-close:hover{background:#0a0a0a17}.sfng-close:active{transform:scale(.94)}.sfng-close svg{width:15px;height:15px}.sfng-logo{height:40px;width:auto;display:block;margin:4px auto 20px;filter:brightness(0)}.sfng-brand{font-weight:900;letter-spacing:.34em;font-size:.78rem;color:var(--ink);margin:2px 0 20px;padding-left:.34em}.sfng-pill{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:6px 13px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-radius:60px;background:#0a0a0a09;border:1px solid rgba(10,10,10,.08)}.sfng-pill svg{width:12px;height:12px}.sfng-h{margin:2px 0 22px;font-size:clamp(1.9rem,6.2vw,2.3rem);font-weight:800;line-height:1.03;letter-spacing:-.03em;color:var(--ink)}.sfng-mark{position:relative;display:inline-block;white-space:nowrap}.sfng-mark__txt{color:var(--ink)}.sfng-mark__hl{position:absolute;left:0;top:0;color:#fff;padding:.02em .14em;margin:-.02em -.14em;border-radius:.08em;background:var(--ink);clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}.sfng-overlay.is-open .sfng-mark__hl{animation:sfng-edding .5s cubic-bezier(.7,0,.3,1) .4s forwards}.sfng-benefits{display:grid;gap:14px;margin:0 auto 24px;max-width:300px;text-align:left}.sfng-benefit{display:flex;align-items:center;gap:13px}.sfng-benefit-ic{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center;color:var(--ink)}.sfng-benefit-ic svg{width:18px;height:18px}.sfng-benefit span{font-size:.92rem;font-weight:500;line-height:1.3;color:var(--ink)}.sfng-media{margin:0 0 22px;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px -10px #0000004d}.sfng-media img{display:block;width:100%;height:auto;max-height:200px;object-fit:cover}.sfng-form{display:grid;gap:10px}.sfng-input{width:100%;height:54px;padding:0 18px;font-size:.95rem;font-family:inherit;color:var(--ink);background:#ffffffa6;border:1px solid rgba(10,10,10,.14);border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.sfng-input::placeholder{color:#0a0a0a6b}.sfng-input:focus{border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px var(--ring)}.sfng-input.is-invalid{border-color:#d23b3b;box-shadow:0 0 0 3px #d23b3b2e}.sfng-btn{position:relative;width:100%;height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:.98rem;font-weight:700;font-family:inherit;color:#fff;cursor:pointer;border:0;border-radius:60px;background:var(--ink);background-image:linear-gradient(to bottom,#ffffff24,#fff0 55%);box-shadow:inset 0 1px #ffffff2e,0 10px 26px #00000047;transition:transform .12s,box-shadow .25s,background-color .2s}.sfng-btn:hover{background-color:#222;box-shadow:inset 0 1px #ffffff38,0 14px 32px #00000057}.sfng-btn:active{transform:scale(.985)}.sfng-btn[disabled]{opacity:.75;cursor:default}.sfng-btn svg{width:19px;height:19px}.sfng-btn .sfng-spinner{display:none}.sfng-btn.is-loading .sfng-btn-label,.sfng-btn.is-loading svg{visibility:hidden}.sfng-btn.is-loading .sfng-spinner{display:block;position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sfng-spin .7s linear infinite}.sfng-fine{display:flex;align-items:flex-start;gap:7px;justify-content:center;margin:16px auto 0;max-width:36ch;font-size:.72rem;line-height:1.5;color:var(--muted);text-align:left}.sfng-fine svg{width:13px;height:13px;flex-shrink:0;margin-top:2px;opacity:.7}.sfng-fine a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.sfng-error{display:none;margin-top:8px;font-size:.8rem;color:#d23b3b}.sfng-error.is-visible{display:block}.sfng-success,.sfng-card.is-success .sfng-view{display:none}.sfng-card.is-success .sfng-success{display:block;animation:sfng-fade .35s ease both}.sfng-success-icon{position:relative;width:72px;height:72px;margin:6px auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0a0a0a;border:1px solid rgba(10,10,10,.1);color:var(--ink)}.sfng-success-icon svg{width:30px;height:30px}.sfng-success-icon:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgba(10,10,10,.12)}.sfng-success .sfng-h{margin-bottom:10px}.sfng-success .sfng-sub{margin:0 auto 20px;max-width:34ch;font-size:.95rem;line-height:1.55;color:var(--muted)}.sfng-success .sfng-sub p{margin:0}.sfng-inbox{display:inline-flex;align-items:center;gap:8px}.sfng-teaser{position:fixed;bottom:var(--sfng-teaser-bottom, 22px);left:22px;z-index:2147481000;display:none;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:60px;cursor:pointer;color:var(--ink);font-size:.84rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(to bottom,#ffffffe6,#ffffffbd);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0003;transition:bottom .28s ease,transform .18s,box-shadow .25s;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.sfng-teaser.is-visible{display:inline-flex;animation:sfng-pop .4s cubic-bezier(.22,1,.36,1) both}.sfng-teaser:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 16px 38px #00000042}.sfng-teaser-ic{position:relative;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}.sfng-teaser-ic svg{width:17px;height:17px}.sfng-teaser-ic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 #0a0a0a66;animation:sfng-ping 2.6s ease-out infinite}.sfng-teaser-x{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0a0a0a14;color:var(--ink-soft);font-size:13px;line-height:1;border:0;cursor:pointer;margin-left:2px}.sfng-teaser-x:hover{background:#0a0a0a29}.sfng-card[data-skin=dark]{color:#fff;background:linear-gradient(to bottom,#171717e6,#0c0c0cd9);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff24,0 30px 80px -16px #0009}.sfng-card[data-skin=dark]:before{background:linear-gradient(to bottom,rgba(255,255,255,.08),transparent)}.sfng-card[data-skin=dark] .sfng-logo{filter:brightness(0) invert(1)}.sfng-card[data-skin=dark] .sfng-brand{color:#fff}.sfng-card[data-skin=dark] .sfng-pill{color:#fffc;background:#ffffff14;border-color:#ffffff29}.sfng-card[data-skin=dark] .sfng-h,.sfng-card[data-skin=dark] .sfng-mark__txt{color:#fff}.sfng-card[data-skin=dark] .sfng-mark__hl{color:var(--ink);background:#fff}.sfng-card[data-skin=dark] .sfng-benefit span,.sfng-card[data-skin=dark] .sfng-benefit-ic{color:#fff}.sfng-card[data-skin=dark] .sfng-close{color:#ffffffd9;background:#ffffff14;border-color:#ffffff24}.sfng-card[data-skin=dark] .sfng-input{color:#fff;background:#ffffff14;border-color:#ffffff29}.sfng-card[data-skin=dark] .sfng-input::placeholder{color:#ffffff80}.sfng-card[data-skin=dark] .sfng-input:focus{border-color:#fff;background:#ffffff1f;box-shadow:0 0 0 3px #ffffff2e}.sfng-card[data-skin=dark] .sfng-btn{background:#fff;color:var(--ink);box-shadow:inset 0 1px #fff9,0 10px 26px #0006}.sfng-card[data-skin=dark] .sfng-btn:hover{background:#f0f0f0}.sfng-card[data-skin=dark] .sfng-fine{color:#ffffff8c}.sfng-card[data-skin=dark] .sfng-fine a{color:#fff}.sfng-card[data-skin=dark] .sfng-success-icon{background:#ffffff14;border-color:#ffffff29;color:#fff}.sfng-card[data-skin=dark] .sfng-success-icon:after{border-color:#ffffff29}.sfng-card[data-skin=dark] .sfng-success .sfng-sub{color:#ffffffb8}@keyframes sfng-spin{to{transform:rotate(360deg)}}@keyframes sfng-fade{0%{opacity:0}to{opacity:1}}@keyframes sfng-edding{to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}@keyframes sfng-pop{0%{transform:translateY(16px) scale(.92);opacity:0}to{transform:none;opacity:1}}@keyframes sfng-ping{0%{box-shadow:0 0 #0a0a0a59}70%,to{box-shadow:0 0 0 9px #0a0a0a00}}@media(max-width:560px){.sfng-card{padding:30px 22px 24px;border-radius:22px}.sfng-teaser{left:16px;font-size:.8rem}.sfng-pill{font-size:9px;letter-spacing:.1em}.sfng-close{width:40px;height:40px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sfng-card{background:#fffffffa}.sfng-card[data-skin=dark]{background:#101010fa}.sfng-teaser{background:#fffffffa}}@media(prefers-reduced-transparency:reduce){.sfng-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08080acc}.sfng-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffc}.sfng-card[data-skin=dark]{background:#101010fc}.sfng-teaser{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffc}}@media(prefers-reduced-motion:reduce){.sfng-overlay,.sfng-card,.sfng-teaser,.sfng-teaser-ic:after,.sfng-btn .sfng-spinner{animation:none!important;transition:opacity .2s ease!important}.sfng-card{transform:none}.sfng-mark__hl{animation:none!important;clip-path:inset(0 0 0 0)!important;-webkit-clip-path:inset(0 0 0 0)!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/sf-newsletter-glass.css.map */