/* BestFast vitrin estetiği (ürün + liste sayfaları). Marka: düz renkler, Sora, 12-14 px köşe. */
.vt-live{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.vt-lock{overflow:hidden}

/* ---- Galeri: büyüt düğmesi + lightbox ---- */
.zoom{outline-offset:2px}.zoom:focus-visible{outline:2px solid var(--b)}
.vt-zoombtn{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--ln);border-radius:999px;background:#fff;color:var(--tx);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.vt-zoombtn:hover{background:var(--b);color:#fff;border-color:var(--b)}.vt-zoombtn:focus-visible{outline:2px solid var(--b);outline-offset:2px}
@media(max-width:560px){.vt-zoombtn span{display:none}.vt-zoombtn{width:40px;height:40px;padding:0;justify-content:center}}
.vt-lb{position:fixed;inset:0;z-index:200;background:rgba(13,23,38,.94);display:flex;flex-direction:column;opacity:0;transition:opacity .18s ease}
.vt-lb[hidden]{display:none}.vt-lb.open{opacity:1}
.vt-lb-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#fff;flex:none}.vt-lb-c{font-weight:600;font-size:.9rem}
.vt-lb-x,.vt-lb-n{border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.vt-lb-x:hover,.vt-lb-n:hover{background:rgba(255,255,255,.26)}.vt-lb-x:focus-visible,.vt-lb-n:focus-visible,.vt-lb-strip button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vt-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;position:relative}
.vt-lb-img{max-width:100%;max-height:100%;min-width:0;object-fit:contain;background:#fff;border-radius:12px;transition:transform .25s ease,opacity .2s;cursor:zoom-in;user-select:none}
.vt-lb-img.ld{opacity:.35}.vt-lb.z .vt-lb-img{transform:scale(2.2);cursor:zoom-out}.vt-lb.z .vt-lb-stage{overflow:hidden}
.vt-lb-strip{flex:none;display:flex;gap:8px;justify-content:center;padding:10px 12px calc(12px + env(safe-area-inset-bottom));overflow-x:auto;scrollbar-width:thin}
.vt-lb-strip button{flex:none;width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;opacity:.6;overflow:hidden;transition:opacity .2s,border-color .2s}
.vt-lb-strip button.on{opacity:1;border-color:var(--b2,#4c94ff)}.vt-lb-strip img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:640px){.vt-lb-n{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;background:rgba(13,23,38,.6)}.vt-lb-p{left:8px}.vt-lb-nx{right:8px}.vt-lb-stage{padding:0 4px}}
html[data-motion="off"] .vt-lb,html[data-motion="off"] .vt-lb-img{transition:none}

/* ---- Stok çubuğu ---- */
.vt-stock{margin:2px 0 10px;max-width:320px}.vt-stock-t{font-size:.82rem;font-weight:600;margin-bottom:5px;color:var(--mu)}
.vt-stock-bar{height:6px;border-radius:99px;background:var(--ln);overflow:hidden}.vt-stock-bar i{display:block;height:100%;border-radius:99px;background:var(--ok);transition:width .5s var(--ease),background .3s}
.vt-az .vt-stock-bar i{background:var(--er)}.vt-az .vt-stock-t{color:var(--er)}.vt-orta .vt-stock-bar i{background:#b7791f}.vt-orta .vt-stock-t{color:#8a5a12}.vt-cok .vt-stock-t{color:var(--ok)}
html[data-motion="off"] .vt-stock-bar i{transition:none}

/* ---- Paylaş ---- */
.vt-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 4px}.vt-share-l{font-size:.85rem;color:var(--mu);font-weight:600;margin-right:2px}
.vt-sh{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--ln);border-radius:999px;background:#fff;color:var(--tx);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.vt-sh:hover{border-color:var(--b);color:var(--b)}.vt-sh.ok{border-color:var(--ok);color:var(--ok)}.vt-sh:focus-visible{outline:2px solid var(--b);outline-offset:2px}.vt-sh[hidden]{display:none}

/* ---- Kargo / teslimat ---- */
.perks .vt-eta span,.perks .vt-ship span{display:block}.perks .vt-eta small{display:block;color:var(--mu);font-size:.82rem;margin-top:1px}.perks .vt-eta b{font-weight:700}

/* ---- Masaüstü ürün çubuğu ---- */
.vt-topbar{position:fixed;left:0;right:0;top:var(--vt-head,0px);z-index:38;background:rgba(255,255,255,.98);border-bottom:1px solid var(--ln);box-shadow:0 8px 22px rgba(13,23,38,.08);transform:translateY(-8px);opacity:0;transition:transform .25s var(--ease),opacity .25s}
.vt-topbar[hidden]{display:none}.vt-topbar.show{transform:none;opacity:1}
.vt-topbar-in{max-width:1240px;margin:0 auto;padding:8px 18px;display:flex;align-items:center;gap:14px}
.vt-topbar img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--ln);flex:none}
.vt-tb-n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.vt-tb-p{font-weight:800;font-size:1.05rem;white-space:nowrap}.vt-tb-no{color:var(--er);font-weight:700}
.vt-topbar .btn{padding:9px 20px;white-space:nowrap}
@media(max-width:760px){.vt-topbar{display:none!important}}
html[data-motion="off"] .vt-topbar{transition:none}

/* ---- Teknik özellikler ---- */
.vt-specsearch{display:flex;align-items:center;gap:12px;margin:0 0 10px}.vt-specsearch input{flex:1;max-width:380px;min-height:42px;padding:8px 14px;border:1px solid var(--ln);border-radius:12px;font:inherit;background:#fff}
.vt-specsearch input:focus-visible{outline:2px solid var(--b);outline-offset:1px}.vt-specsearch[hidden],.vt-ss-empty[hidden]{display:none}
.specs tr.vt-grp th{background:var(--bf-color-neutral-100,#eef3fb);color:var(--bd);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;width:auto}
.specs tr[hidden]{display:none}
@media print{.vt-specsearch{display:none}}

/* ---- Sık birlikte alınanlar ---- */
.vt-fbt-in{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px;display:grid;gap:14px}
.vt-fbt-in ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.vt-fbt-in li{display:flex;align-items:center;gap:10px}.vt-plus{font-size:1.5rem;color:var(--mu);font-weight:700}
.vt-fbt-i{display:flex;flex-direction:column;align-items:center;gap:6px;width:150px;text-align:center;cursor:pointer;position:relative;padding:10px;border:1px solid var(--ln);border-radius:12px;transition:border-color .2s}
.vt-fbt-i:has(input:checked){border-color:var(--b)}.vt-fbt-i input{position:absolute;top:8px;left:8px;width:20px;height:20px;accent-color:var(--b);margin:0}
.vt-fbt-pic{position:relative;display:block;width:84px;height:84px}.vt-fbt-pic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.vt-fbt-this{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-style:normal;font-size:.68rem;font-weight:700;background:var(--b);color:#fff;border-radius:99px;padding:1px 8px;white-space:nowrap}
.vt-fbt-t{display:flex;flex-direction:column;gap:2px;font-size:.82rem;line-height:1.3;min-width:0}.vt-fbt-t a,.vt-fbt-t b{color:var(--tx);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vt-fbt-t small{font-weight:700;color:var(--bd);font-size:.88rem}
.vt-fbt-sum{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.vt-fbt-sum b{font-size:1.15rem}.vt-fbt-sum .btn[hidden]{display:none}
@media(max-width:560px){.vt-fbt-in ul{gap:6px}.vt-fbt-i{width:calc((100vw - 36px - 32px - 44px)/3);min-width:96px;padding:8px 6px}.vt-fbt-pic{width:64px;height:64px}.vt-fbt-sum .btn{width:100%}}

/* ---- Kategori başlığı ---- */
.vt-cathead{display:flex;align-items:center;gap:16px;margin:6px 0 10px}
.vt-catimg{flex:none;width:72px;height:72px;border-radius:16px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;overflow:hidden}.vt-catimg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6px;box-sizing:border-box}
.vt-catimg b{font-size:1.9rem;color:var(--b);font-weight:800}
.vt-cathead-t{min-width:0}.vt-cathead h1{margin:0}.vt-cathead .lead{margin:.3em 0 .4em;max-width:70ch}
.vt-catmeta{margin:0;color:var(--mu);font-size:.85rem;font-weight:600}
@media(max-width:560px){.vt-catimg{width:56px;height:56px;border-radius:14px}.vt-cathead{gap:12px;align-items:flex-start}}
.vt-chips{position:relative;margin:4px 0 14px}.vt-chips ul{list-style:none;margin:0;padding:2px 2px 8px;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;overscroll-behavior-x:contain}
.vt-chips li{flex:none;scroll-snap-align:start}
.vt-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 8px;border:1px solid var(--ln);border-radius:999px;background:#fff;color:var(--tx);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s,box-shadow .2s}
.vt-chips a:not(:has(img)){padding-left:14px}.vt-chips img{width:28px;height:28px;object-fit:contain;border-radius:50%;background:#fff;mix-blend-mode:multiply}
.vt-chips small{color:var(--mu);font-weight:600}.vt-chips a:hover{border-color:var(--b);color:var(--b);box-shadow:0 6px 14px rgba(31,111,235,.12)}.vt-chips a:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.vt-chips::after{content:"";position:absolute;right:0;top:0;bottom:8px;width:28px;background:linear-gradient(90deg,transparent,var(--bg,#f4f7fc));pointer-events:none}

/* ---- Liste çubuğu: yapışkan sıralama + görünüm ---- */
.vt-list>.gz-lc-bar{position:sticky;top:var(--vt-head,0px);z-index:20;background:var(--bg,#f4f7fc);padding:8px 0;margin-top:-8px;transition:box-shadow .2s}
.vt-list>.gz-lc-bar.stuck{box-shadow:0 8px 18px rgba(13,23,38,.08);border-bottom:1px solid var(--ln)}
.vt-sentinel{display:block;height:1px;margin-bottom:-1px}
.vt-sort{margin-left:auto;display:flex;align-items:center;gap:8px}.vt-sort label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--mu);font-weight:600}
.vt-sort select{min-height:40px;padding:6px 30px 6px 12px;border:1px solid var(--ln);border-radius:12px;background:#fff;font:inherit;font-size:.9rem;color:var(--tx);max-width:100%}.vt-sort select:focus-visible{outline:2px solid var(--b);outline-offset:1px}
.vt-view{display:inline-flex;border:1px solid var(--ln);border-radius:12px;overflow:hidden;background:#fff}.vt-view[hidden]{display:none}
.vt-view button{width:42px;height:40px;border:0;background:none;color:var(--mu);cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}.vt-view button[aria-pressed=true]{background:var(--b);color:#fff}.vt-view button:focus-visible{outline:2px solid var(--b);outline-offset:-2px}
.vt-list>.gz-lc-bar .gz-lc-chips{order:5;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.vt-list>.gz-lc-bar .gz-lc-chips li{flex:none}
@media(max-width:560px){.vt-sort-l{display:none}.vt-sort{flex:1;min-width:0}.vt-sort select{width:100%}.vt-list>.gz-lc-bar{gap:8px}.vt-list>.gz-lc-bar .gz-lc-count{display:none}}

/* ---- Liste görünümü ---- */
.grid[data-view=list]{grid-template-columns:1fr;gap:12px}
.grid[data-view=list] .card{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch}
.grid[data-view=list] .card-img{height:100%}.grid[data-view=list] .card-img img{height:100%;min-height:132px;aspect-ratio:auto;object-fit:contain}
.grid[data-view=list] .card-body{padding:12px 14px}
@media(min-width:761px){.grid[data-view=list] .card{grid-template-columns:180px minmax(0,1fr)}.grid[data-view=list] .card-body h3{font-size:1.02rem}}
@media(max-width:380px){.grid[data-view=list] .card{grid-template-columns:104px minmax(0,1fr)}}

/* ---- Daha fazla yükle ---- */
.vt-more{display:grid;justify-items:center;gap:10px;margin:26px 0 8px}.vt-more-t{margin:0;font-size:.9rem;color:var(--mu);font-weight:600}
.vt-more-bar{width:min(260px,70%);height:4px;border-radius:99px;background:var(--ln);overflow:hidden}.vt-more-bar i{display:block;height:100%;background:var(--b);border-radius:99px;transition:width .4s var(--ease)}
.vt-more-b{min-width:220px;min-height:46px}.vt-more-b.busy{opacity:.8;cursor:progress}.vt-more-b[hidden],.vt-more-err[hidden]{display:none}
.vt-more-err{margin:0;color:var(--er);font-size:.9rem;text-align:center}.vt-more-err a{color:var(--er);text-decoration:underline}
.vt-sk{border:1px solid var(--ln);border-radius:14px;background:#fff;padding:12px;display:grid;gap:8px;align-content:start;min-height:230px}
.vt-sk i{display:block;aspect-ratio:1;border-radius:10px;background:var(--bf-color-neutral-100,#eef3fb)}.vt-sk b{display:block;height:12px;border-radius:6px;background:var(--bf-color-neutral-100,#eef3fb)}.vt-sk b+b{width:60%}
html:not([data-motion="off"]) .vt-sk i,html:not([data-motion="off"]) .vt-sk b{animation:vt-pulse 1.2s ease-in-out infinite}
@keyframes vt-pulse{50%{opacity:.5}}
.grid[data-view=list] .vt-sk{grid-template-columns:100px 1fr;min-height:110px}

/* ---- Boş durum ---- */
.vt-empty{display:grid;justify-items:center;gap:8px;padding:34px 16px}.vt-empty svg{color:var(--b);opacity:.85}.vt-empty p{margin:0 0 6px;max-width:46ch;color:var(--mu)}
@media (prefers-reduced-motion:reduce){.vt-topbar,.vt-lb,.vt-more-bar i,.vt-stock-bar i{transition:none}}
@media(max-width:560px){.vt-cathead .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
@media(max-width:560px){.vt-fbt-in ul{flex-wrap:nowrap;gap:2px}.vt-fbt-in li{flex:1 1 0;min-width:0;gap:2px}.vt-fbt-i{width:auto;min-width:0;flex:1}.vt-plus{font-size:1.1rem}.vt-fbt-in{padding:12px 10px}}

/* ===== s6a- (s6-animasyon, 11 Kas 2026): yaylı geçişler. Hepsi @supports korumalı; data-motion=off kapalı, soft'ta yalnız solma ===== */
/* 1) Lightbox ortak öğe geçişi (küçük resim <-> büyük görsel). Eski tarayıcıda zararsız: ad hiç atanmaz. */
html.vt-lock .vt-lb.s6a-vt{transition:none;opacity:1}
@supports(view-transition-name:x){
html:not([data-motion="off"])::view-transition-group(s6a-lb){animation-duration:.55s;animation-timing-function:var(--spring,cubic-bezier(.2,.8,.2,1));overflow:clip;border-radius:12px}
html:not([data-motion="off"])::view-transition-old(s6a-lb),html:not([data-motion="off"])::view-transition-new(s6a-lb){height:100%;object-fit:contain;mix-blend-mode:normal;background:#fff}
}
/* 2) "Daha fazla yükle": gelen kartlar yay eğrisiyle kademeli girer (backwards: bitince hover/tilt dönüşümünü ezmez) */
@keyframes s6a-rise{from{opacity:0;transform:translateY(28px) scale(.955)}}
@keyframes s6a-fade{from{opacity:0}}
html:not([data-motion="off"]) [data-vt-grid]>.card.s6a-in{animation:s6a-rise .75s var(--spring,var(--ease)) backwards;animation-delay:calc(min(var(--s6a-i,0),11)*55ms)}
html[data-motion="soft"] [data-vt-grid]>.card.s6a-in{animation:s6a-fade .35s ease backwards}
/* 3) Izgara/liste anahtarı: seçili düğmenin arkasında yaylı kayan gösterge (anchor positioning) */
@supports(anchor-name:--a) and (position-anchor:--a) and (left:anchor(left)){
html:not([data-motion="off"]) .vt-view{position:relative;isolation:isolate}
html:not([data-motion="off"]) .vt-view button[aria-pressed=true]{anchor-name:--s6a-view;background:none}
html:not([data-motion="off"]) .vt-view::before{content:"";position:absolute;z-index:-1;position-anchor:--s6a-view;left:anchor(left);right:anchor(right);top:anchor(top);bottom:anchor(bottom);background:var(--b);transition:left .45s var(--spring,var(--ease)),right .45s var(--spring,var(--ease))}
html[data-motion="soft"] .vt-view::before{transition:none}
}
/* 4) Kategori çipleri: ince yay ile kalkma/basma (yalnız imleçli cihazlarda) */
@media(hover:hover) and (pointer:fine){
html:not([data-motion="off"]) .vt-chips a{transition:border-color .2s,color .2s,box-shadow .2s,transform .5s var(--spring,var(--ease))}
html:not([data-motion="off"]) .vt-chips a:hover{transform:translateY(-2px)}
html:not([data-motion="off"]) .vt-chips a:active{transform:scale(.96);transition-duration:.2s,.2s,.2s,.12s}
}
/* 5) Sayfa içi bağlantılar: yapışkan üst bilginin altında kalmasın; hedef kısa süre vurgulanır */
html{scroll-padding-top:calc(var(--vt-head,72px) + 16px)}
@keyframes s6a-target{0%{box-shadow:0 0 0 0 rgba(31,111,235,.0)}20%{box-shadow:0 0 0 6px rgba(31,111,235,.28)}100%{box-shadow:0 0 0 0 rgba(31,111,235,0)}}
html:not([data-motion="off"]) main :target:is(details,section,article,h2,h3,[role=region]){animation:s6a-target 1.6s ease-out 1;border-radius:var(--r,14px)}

/* ===== s7a- (s7-animasyon, 11 Kas 2026): (1) form doğrulama yaylı onay işareti, (2) üst çubuk kaydırmaya bağlı gölge/logo. @supports korumalı; data-motion=off kapalı ===== */
.s7a-chk{position:absolute;right:12px;width:18px;height:18px;border-radius:50%;background:#16794c;pointer-events:none;display:none}
.s7-f{position:relative}
.s7-f.s7a-ok input:not([type=checkbox]):not([type=radio]){padding-right:38px}
.s7-f.s7a-ok .s7a-chk{display:block}
.s7a-chk::after{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.8 9.4l3 3 5.6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.8 9.4l3 3 5.6-6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
html:not([data-motion="off"]) .s7-f.s7a-ok .s7a-chk{animation:s7a-pop .55s var(--spring,cubic-bezier(.2,.8,.2,1)) both}
html:not([data-motion="off"]) .s7-f.s7a-ok .s7a-chk::after{animation:s7a-draw .4s .12s cubic-bezier(.2,.7,.2,1) both}
@keyframes s7a-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes s7a-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
html[data-motion="soft"] .s7-f.s7a-ok .s7a-chk,html[data-motion="soft"] .s7-f.s7a-ok .s7a-chk::after{animation:s7a-fade .25s both}
@keyframes s7a-fade{from{opacity:0}}
@supports (animation-timeline:scroll()){
  html:not([data-motion="off"]):not([data-motion="soft"]) .head{animation:s7a-head linear both;animation-timeline:scroll(root);animation-range:0 90px}
  html:not([data-motion="off"]):not([data-motion="soft"]) .head .logo{transform-origin:left center;animation:s7a-logo linear both;animation-timeline:scroll(root);animation-range:0 90px}
  @keyframes s7a-head{from{box-shadow:0 0 0 rgba(20,60,140,0)}to{box-shadow:0 8px 26px rgba(20,60,140,.12)}}
  @keyframes s7a-logo{to{transform:scale(.9)}}
}

/* ===== s8a- (s8-animasyon, 11 Kas 2026): (1) SSS akordeonu yumuşak aç/kapa + açık öğe vurgusu, (2) form alanı (textarea) içeriğe göre büyür, (3) boş durum/404 başlığı giriş. @supports korumalı; data-motion=off kapalı ===== */
@supports(interpolate-size:allow-keywords) and (selector(::details-content)){
html:not([data-motion="off"]) .bf-faq details::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .38s var(--spring,var(--ease)),opacity .28s,content-visibility .38s allow-discrete}
html:not([data-motion="off"]) .bf-faq details[open]::details-content{block-size:auto;opacity:1}
html[data-motion="soft"] .bf-faq details::details-content{transition:opacity .25s,content-visibility .25s allow-discrete}
}
html:not([data-motion="off"]) .bf-faq details{transition:border-color .25s,box-shadow .35s}
html:not([data-motion="off"]) .bf-faq details[open]{border-color:var(--b);box-shadow:0 8px 24px rgba(31,111,235,.10)}
@supports(field-sizing:content){
html:not([data-motion="off"]) main textarea:not([rows="1"]){field-sizing:content;min-block-size:6.5em;max-block-size:50vh}
}
@supports(selector(:user-invalid)){
html:not([data-motion="off"]):not([data-motion="soft"]) main input:user-invalid,html:not([data-motion="off"]):not([data-motion="soft"]) main textarea:user-invalid{animation:s8a-nope .4s ease-in-out 1}
@keyframes s8a-nope{20%{transform:translateX(-4px)}45%{transform:translateX(4px)}70%{transform:translateX(-2px)}}
}
html:not([data-motion="off"]) main .empty h1{transition:letter-spacing .9s var(--spring,var(--ease)),opacity .6s,filter .6s}
@starting-style{html:not([data-motion="off"]) main .empty h1{letter-spacing:.28em;opacity:0;filter:blur(6px)}}