.ssf-style-btn{color:var(--fg);border:1px solid var(--fg);cursor:pointer;white-space:nowrap;background:#fff;border-radius:9px;margin-left:auto;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:700}.ssf-style-btn[aria-expanded=true]{background:var(--fg);color:#fff}.ssf-style-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ssf-style-btn+.ssf-share-btn{margin-left:0}.ssf.has-drawer{padding-right:320px}.sd{z-index:40;border-left:1px solid var(--border);width:320px;font-family:var(--font-sans);color:var(--fg);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-14px 0 30px -20px #00000059}.sd-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 10px 12px 18px;display:flex}.sd-title{letter-spacing:-.01em;font-size:16px;font-weight:800}.sd-close{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 10px;font-size:24px;line-height:1}.sd-close:hover{color:var(--fg)}.sd-body{flex:1;padding:2px 18px 12px;overflow-y:auto}.sd-row{border-bottom:1px solid var(--border);padding:12px 0}.sd-row:last-child{border-bottom:0}.sd-row-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.sd-hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.4}.sd-row-title{appearance:none;color:var(--fg);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:700;-webkit-text-decoration:underline dotted #00000059;text-decoration:underline dotted #00000059}.sd-row-title:hover{color:var(--accent)}.sd-row-title:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sd-row-code{letter-spacing:.08em;color:var(--accent);font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:11px;font-weight:700}.sd-pills{flex-wrap:wrap;gap:6px;display:flex}.sd-pill{appearance:none;font-family:var(--font-sans);color:var(--fg);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:600;line-height:1.2;transition:background .15s,color .15s,border-color .15s}.sd-pill:hover{border-color:#0000004d}.sd-pill[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:#fff}.sd-pill:focus-visible,.sd-close:focus-visible,.sd-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sd-foot{border-top:1px solid var(--border);background:#faf9f7;flex-direction:column;gap:10px;padding:12px 18px 14px;display:flex}.sd-order{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace;font-size:11.5px;font-weight:700;line-height:1.5}.sd-foot-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sd-all{color:var(--accent);font-size:13px;font-weight:700;text-decoration:none}.sd-all:hover{text-underline-offset:3px;text-decoration:underline}.sd-copy{appearance:none;font-family:var(--font-sans);background:var(--fg);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.kit-hl{scroll-margin-top:150px}.ssf-device{position:relative}.hl-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.hl-box{outline-offset:4px;border-radius:8px;outline:2px solid #f0b41ed9;animation:1.9s ease-out both hl-flash;position:absolute;box-shadow:0 0 0 8px #ffd54f4d,0 0 26px 10px #ffcd3c80}@keyframes hl-flash{0%,28%,56%{background:#ffdd5757;box-shadow:0 0 0 12px #ffd54f6b,0 0 60px 26px #ffcd3cbf}14%,42%{background:#ffdd571f;box-shadow:0 0 0 16px #ffd54f33,0 0 40px 16px #ffcd3c73}}.hl-label{color:#3d2e00;font-family:var(--font-sans);letter-spacing:.01em;white-space:nowrap;background:#ffd95a;border-radius:7px;padding:5px 11px;font-size:13px;font-weight:800;line-height:1.2;position:absolute;bottom:calc(100% + 12px);left:-6px;box-shadow:0 6px 18px -4px #e6aa14b3}.hl-label.is-inside{top:8px;bottom:auto;left:10px}@media (max-width:900px){.ssf.has-drawer{padding-bottom:46vh;padding-right:0}.sd{border-left:0;border-top:1px solid var(--border);width:auto;height:46vh;top:auto;left:0;box-shadow:0 -14px 30px -20px #00000059}.ssf.has-drawer .kit-lightbox{bottom:46vh;right:0}.ssf.has-drawer .ssf-controls{position:static}.ssf.has-drawer .ssf-nav{top:0}}.pv-photo .kit-photo{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ssf.is-kit .ssf-device{font-family:var(--sw-font-body,inherit)}.ssf.is-kit :is(.pv-h1,.pv-section-t,.pv-card-t,.pv-cta-t,.pv-quote-txt,.pv-footer-brand,.ssf-logo-name){font-family:var(--sw-font-head,inherit)}.ssf.is-kit :is(.pv-card,.pv-photo,.pv-map,.pv-cta,.pv-hero.is-cover,.pv-hero.is-band){border-radius:var(--sw-radius)}.ssf.is-kit .pv-hero.is-cover .pv-hero-img,.ssf.is-kit .pv-card-media .pv-photo{border-radius:0}.ssf.is-kit .pv-input{border-radius:calc(var(--sw-radius) * .6)}.ssf.is-kit .pv-card{--kit-shadow:0 10px 30px -22px #0000004d;position:relative}.ssf.is-kit .pv-grid .fx-tilt>.pv-card{height:100%}.ssf.is-kit .sw-crd-zoom .pv-ico{transition:transform .3s}.ssf.is-kit .sw-crd-zoom:hover .pv-ico,.ssf.is-kit .sw-crd-zoom.kit-play .pv-ico{transform:scale(1.15)}.ssf.is-kit .pv-photo .kit-photo:after,.ssf.is-kit .kit-lightbox-photo .kit-photo:after{content:"";background:color-mix(in srgb, var(--sw), transparent 78%);position:absolute;inset:0}.ssf.is-kit .pv-gallery{--kit-row:150px}.ssf.is-kit .pv-gallery .pv-photo{height:100%;min-height:0}.ssf.is-kit .pv-gallery.sw-gal-slide .pv-photo{height:calc(var(--kit-row) * 1.7)}.ssf.is-kit.is-mobile .pv-gallery:is(.sw-gal-grid,.sw-gal-mosaic){grid-template-columns:repeat(2,1fr)}.ssf.is-kit.is-mobile .pv-gallery.sw-gal-feature{grid-template-columns:1fr 1fr}.ssf.is-kit.is-mobile .pv-gallery.sw-gal-feature>:first-child{grid-area:auto/span 2}.ssf.is-kit.is-mobile .pv-gallery.sw-gal-slide>*{flex-basis:72%}.ssf.is-kit.is-mobile .pv-gallery{--kit-row:110px}.ssf.has-drawer .kit-lightbox{right:320px}.ssf.is-kit .pv-photo.has-photo .kit-photo:after,.ssf.is-kit .kit-lightbox-photo .kit-photo.has-photo:after{display:none}.ssf.is-kit .pv-cta,.ssf.is-kit .pv-hero.is-band{--sw:#fff;--sw-ink:var(--brand,var(--accent));--sw-hi:#fff;--sw-deep:#cfcdc8}.ssf.is-kit .pv-link{padding:2px 3px}.ssf.is-kit.sw-nav-plain .ssf-nav{box-shadow:none;background:#fdfdfc;border-bottom-color:#0000;position:relative;top:auto}.ssf.is-kit.sw-nav-glass .ssf-nav{-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:#fff9}.ssf.is-kit.sw-nav-solid .ssf-nav{background:var(--sw);border-bottom-color:#0000}.ssf.is-kit.sw-nav-solid .ssf-link{color:color-mix(in srgb, var(--sw-ink), transparent 22%)}.ssf.is-kit.sw-nav-solid .ssf-link:hover{color:var(--sw-ink)}.ssf.is-kit.sw-nav-solid .ssf-link.active{background:var(--sw-ink);color:var(--sw)}.ssf.is-kit.sw-nav-solid .ssf-logo-name{color:var(--sw-ink)}.ssf.is-kit.sw-nav-solid :is(.ssf-logo-mark,.ssf-logo-word,.ssf-burger span){background:var(--sw-ink)}.ssf.is-kit.sw-nav-shrink .ssf-nav-inner{transition:padding .25s}.ssf.is-kit.sw-nav-shrink .ssf-nav.is-shrunk{box-shadow:0 12px 26px -16px #00000073}.ssf.is-kit.sw-nav-shrink .ssf-nav.is-shrunk .ssf-nav-inner{padding-top:5px;padding-bottom:5px}@media (prefers-reduced-motion:reduce){.hl-box{animation:none}.sd-pill,.ssf.is-kit.sw-nav-shrink .ssf-nav-inner,.ssf.is-kit .sw-crd-zoom .pv-ico{transition:none}}.ssf-ribbon{padding:5px 16px;font-size:12.5px}.ssf-controls{gap:6px 12px;padding:6px 16px}.ssf-ctl{gap:6px}.ssf-ctl-lbl{font-size:10px}.ssf-ctl select{background-position:right 9px center;border-radius:7px;padding:5px 26px 5px 10px;font-size:12.5px}.ssf-seg{border-radius:8px;padding:2px}.ssf-seg button{border-radius:6px;padding:5px 10px;font-size:12.5px}.ssf-brand-ctl{gap:7px}.ssf-swatches{gap:5px}.ssf-swatch{width:18px;height:18px}.ssf-name-input,.ssf-name-input.wide{border-radius:7px;padding:5px 9px;font-size:12.5px}.ssf-name-input{width:116px}.ssf-name-input.wide{width:136px}.ssf-logo-btn{border-radius:7px;padding:5px 10px;font-size:12.5px}.ssf-style-btn,.ssf-share-btn{border-radius:8px;padding:6px 13px;font-size:12.5px}@media (max-width:680px){.ssf-controls{gap:6px 10px;padding:6px 12px}}
