:where(html:has([data-bs-articles])){--bg:#FFFFFF;--ink:#12333D;--text:#222222;--mute:#46626B;--aqua:#B4DFE8;--mist:#C5D7E1;--mist-hover:#B4CAD6;--wash:#E4F4F7;--wash-ink:#246A78;--rule:#E2E2E2;--line:#B4B4B4;--card-line:#E3ECEF;--well:#F2F2F2;--ok:#2F7A43;--ok-wash:#E3F1E6;--sale:#B4231F;--line-green:#06C755;--btn-ink:#0F2F38;--done:#79BFCE;--todo:#D6E6EC;--head:"Anuphan",system-ui,sans-serif;--body:"IBM Plex Sans Thai","Anuphan",system-ui,sans-serif;--r-card:26px;--r-pill:36px;--r-in:14px;--ease:cubic-bezier(.22,1,.36,1);--fs:17px;--measure:680px;--r-img:26px;--r-img-sm:18px;--shadow:5px 6px 6px -2px rgba(16,22,34,.19);--hh:104px;color-scheme:light}@media (max-width:899px){:where(html:has([data-bs-articles])){--hh:92px}}:where(html:has([data-bs-articles])) *{box-sizing:border-box}:where(html:has([data-bs-articles])) [hidden]{display:none!important}:where(html:has([data-bs-articles])){-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 24px)}:where(html:has([data-bs-articles])) body{margin:0;background:var(--bg);color:var(--text);font:400 .9375rem/1.65 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}:where(html:has([data-bs-articles])) img{display:block;max-width:100%}:where(html:has([data-bs-articles])) a{color:inherit;text-decoration:none}:where(html:has([data-bs-articles])) button,:where(html:has([data-bs-articles])) input,:where(html:has([data-bs-articles])) select{font:inherit;color:inherit}:where(html:has([data-bs-articles])) button{background:none;border:0;cursor:pointer;padding:0}:where(html:has([data-bs-articles])) h1,:where(html:has([data-bs-articles])) h2,:where(html:has([data-bs-articles])) h3,:where(html:has([data-bs-articles])) h4{font-family:var(--head);font-weight:500;color:var(--ink);margin:0;text-wrap:balance}:where(html:has([data-bs-articles])) p{margin:0}:where(html:has([data-bs-articles])) :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:10px}:where(html:has([data-bs-articles])) .i{width:20px;height:20px;flex:none}:where(html:has([data-bs-articles])) .wrap{max-width:1200px;margin:0 auto;padding-inline:40px}@media (max-width:899px){:where(html:has([data-bs-articles])) .wrap{padding-inline:16px}}:where(html:has([data-bs-articles])) .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(html:has([data-bs-articles])) .num{font-variant-numeric:tabular-nums}:where(html:has([data-bs-articles])) header.bar{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 1px 0 var(--rule);backdrop-filter:blur(10px)}:where(html:has([data-bs-articles])) .marquee{overflow:hidden;background:radial-gradient(90% 160% at 20% -20%,rgba(186,228,236,.8),rgba(186,228,236,0) 60%),linear-gradient(100deg,#A5DDE7,#90D1DE 50%,#79BFCE);font-size:.75rem;color:#0f3f4a;white-space:nowrap}:where(html:has([data-bs-articles])) .marquee div{display:inline-block;padding-block:6px;animation:slide 40s linear infinite}:where(html:has([data-bs-articles])) .marquee span{padding-inline:28px}@keyframes slide{to{transform:translateX(-50%)}}:where(html:has([data-bs-articles])) header.bar .top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:center;padding-block:12px}:where(html:has([data-bs-articles])) header.bar .nav{display:flex;align-items:center;gap:26px;font-size:.90625rem}:where(html:has([data-bs-articles])) .nav a{position:relative;padding-block:6px}:where(html:has([data-bs-articles])) .nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}:where(html:has([data-bs-articles])) .nav a:hover:after,:where(html:has([data-bs-articles])) .nav a[aria-current=page]:after{transform:scaleX(1)}:where(html:has([data-bs-articles])) .logo{justify-self:center;white-space:nowrap;line-height:1;font-size:1.625rem;color:var(--ink)}:where(html:has([data-bs-articles])) .bs{display:inline-block;font:700 1em/1 Instrument Sans,sans-serif;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase}:where(html:has([data-bs-articles])) .bs .r{display:flex;align-items:center;gap:.4em}:where(html:has([data-bs-articles])) .bs svg{width:.62em;height:.62em;flex:none;margin-top:-.02em}:where(html:has([data-bs-articles])) .bs small{display:block;font-weight:500;font-size:.36em;letter-spacing:.32em;border-top:1px solid;padding-top:.7em;margin-top:.55em;opacity:.85}:where(html:has([data-bs-articles])) .bs.mini small{display:none}:where(html:has([data-bs-articles])) .tools{display:flex;justify-content:flex-end;gap:4px}:where(html:has([data-bs-articles])) .ib{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .2s}:where(html:has([data-bs-articles])) .ib:hover{background:rgba(127,127,127,.16)}:where(html:has([data-bs-articles])) .ib .i{width:22px;height:22px}:where(html:has([data-bs-articles])) .count{position:absolute;top:1px;right:-1px;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ink);color:#fff;font-size:.6875rem;font-variant-numeric:tabular-nums;pointer-events:none}:where(html:has([data-bs-articles])) .bump{animation:bump .5s}@keyframes bump{40%{transform:scale(1.35)}}:where(html:has([data-bs-articles])) .menubtn{display:none}:where(html:has([data-bs-articles])) .burg{position:relative;display:block;width:20px;height:14px}:where(html:has([data-bs-articles])) .burg i{position:absolute;left:0;width:100%;height:1.6px;border-radius:2px;background:currentColor;transition:transform .35s,opacity .2s,top .35s}:where(html:has([data-bs-articles])) .burg i:first-child{top:0}:where(html:has([data-bs-articles])) .burg i:nth-child(2){top:6.2px}:where(html:has([data-bs-articles])) .burg i:nth-child(3){top:12.4px}:where(html:has([data-bs-articles])) .menubtn[aria-expanded=true] .burg i:first-child{top:6.2px;transform:rotate(45deg)}:where(html:has([data-bs-articles])) .menubtn[aria-expanded=true] .burg i:nth-child(2){opacity:0}:where(html:has([data-bs-articles])) .menubtn[aria-expanded=true] .burg i:nth-child(3){top:6.2px;transform:rotate(-45deg)}:where(html:has([data-bs-articles])) .mnav{border-top:1px solid var(--rule);padding:8px 16px 16px;display:grid}:where(html:has([data-bs-articles])) .mnav a{padding:12px 4px;font:500 1rem var(--head);border-bottom:1px solid var(--rule)}@media (max-width:899px){:where(html:has([data-bs-articles])) .menubtn{display:inline-grid}:where(html:has([data-bs-articles])) .nav a{display:none}:where(html:has([data-bs-articles])) header.bar .top{gap:4px}:where(html:has([data-bs-articles])) .logo{font-size:.875rem}:where(html:has([data-bs-articles])) .tools{gap:0}:where(html:has([data-bs-articles])) .ib .i{width:20px;height:20px}}@media (max-width:520px){:where(html:has([data-bs-articles])) header.bar .top{grid-template-columns:auto minmax(0,1fr) auto;gap:2px}}@media (max-width:380px){:where(html:has([data-bs-articles])) .logo{font-size:.78125rem}}@media (min-width:900px){:where(html:has([data-bs-articles])) .mnav{display:none!important}}:where(html:has([data-bs-articles])) .site-foot{margin:72px 0 0;padding:56px max(16px,calc((100vw - 1200px)/2)) 0;color:#0f2f38;overflow:hidden;background:radial-gradient(60% 120% at 0 0,rgba(255,255,255,.95) 0,rgba(255,255,255,.5) 30%,rgba(255,255,255,0) 62%),linear-gradient(150deg,#E9F6F9,#D2ECF2 45%,#B4DFE8)}:where(html:has([data-bs-articles])) .ft-top{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px}:where(html:has([data-bs-articles])) .ft-logo{font-size:1.875rem;color:var(--ink)}:where(html:has([data-bs-articles])) .ft-logo small{font-size:.71875rem}:where(html:has([data-bs-articles])) .ft-brand p{margin:14px 0 22px;max-width:34ch;color:#1f4954;font-size:.875rem}:where(html:has([data-bs-articles])) .ft-news label{display:block;font-size:.8125rem;margin-bottom:8px}:where(html:has([data-bs-articles])) .ft-news div{display:flex;align-items:center;border-bottom:1.5px solid #1c3038;max-width:320px}:where(html:has([data-bs-articles])) .ft-news input{flex:1;min-width:0;border:0;background:none;padding:10px 0;font:400 .9375rem var(--body);outline:0}:where(html:has([data-bs-articles])) .ft-news button{display:grid;place-items:center;width:44px;height:44px}:where(html:has([data-bs-articles])) .ft-col h4{margin:0 0 14px;font:500 .78125rem var(--body);letter-spacing:.12em;color:#1f4954}:where(html:has([data-bs-articles])) .ft-col a:not(.ft-line){display:block;width:-moz-fit-content;width:fit-content;padding-block:6px;font-size:.90625rem;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}:where(html:has([data-bs-articles])) .ft-col a:not(.ft-line):hover{background-size:100% 1px}:where(html:has([data-bs-articles])) .ft-social{display:flex;gap:8px}:where(html:has([data-bs-articles])) .ft-social a{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #a9d8e2;border-radius:50%;background:none;transition:background .2s,color .2s,border-color .2s}:where(html:has([data-bs-articles])) .ft-social a:hover{background:#1c3038;border-color:#1c3038;color:#fff}:where(html:has([data-bs-articles])) .ft-line{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:36px;background:var(--mist);color:var(--btn-ink);font:500 .875rem var(--body)}:where(html:has([data-bs-articles])) .ft-line .i{color:var(--line-green)}:where(html:has([data-bs-articles])) .ft-hours{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:.875rem;color:#1f4954}:where(html:has([data-bs-articles])) .ft-mark{margin-top:48px;font:700 min(8vw,7.1875rem)/1 Instrument Sans,sans-serif;white-space:nowrap;color:var(--ink);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(html:has([data-bs-articles])) .ft-mark .bs{letter-spacing:.1em}:where(html:has([data-bs-articles])) .ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0 22px;border-top:1px solid rgba(15,63,74,.2);font-size:.8125rem;color:#1f4954}:where(html:has([data-bs-articles])) .ft-bottom a{margin-left:20px}@media (max-width:899px){:where(html:has([data-bs-articles])) .ft-top{grid-template-columns:1fr 1fr}:where(html:has([data-bs-articles])) .ft-brand{grid-column:1/-1}:where(html:has([data-bs-articles])) .ft-bottom a{margin:0 16px 0 0}}:where(html:has([data-bs-articles])) .glass{background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(10px) saturate(2)}:where(html:has([data-bs-articles])) .has-liquid .glass{backdrop-filter:none}:where(html:has([data-bs-articles])) [data-lq]>div[style*=z-index]{display:inherit;flex-direction:inherit;flex-wrap:inherit;align-items:inherit;justify-content:inherit;gap:inherit;grid-template-columns:inherit;grid-template-rows:inherit;min-width:0}:where(html:has([data-bs-articles])) .gcard>.ql-content{width:100%}:where(html:has([data-bs-articles])) .gcard{border-radius:var(--r-card);background:linear-gradient(155deg,rgba(255,255,255,.95),rgba(236,241,244,.85) 55%,rgba(226,233,237,.8));border:1.5px solid rgba(200,210,216,.7);box-shadow:var(--shadow)}:where(html:has([data-bs-articles])) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:var(--r-pill);background:var(--mist);border:1.5px solid var(--mist);color:var(--btn-ink);font:500 .96875rem var(--head);white-space:nowrap;transition:background .2s var(--ease),transform .15s}:where(html:has([data-bs-articles])) .btn:hover{background:var(--mist-hover);border-color:var(--mist-hover)}:where(html:has([data-bs-articles])) .btn:active{transform:scale(.98)}:where(html:has([data-bs-articles])) .btn .i{width:18px;height:18px}:where(html:has([data-bs-articles])) .btn.ghost{background:rgba(255,255,255,.46);border-color:rgba(18,51,61,.18);color:var(--ink)}:where(html:has([data-bs-articles])) .btn.ghost:hover{background:var(--mist-hover)}:where(html:has([data-bs-articles])) .btn.sm{height:44px;padding:0 18px;font-size:.90625rem}@media (max-width:899px){:where(html:has([data-bs-articles])) .btn{height:50px}}:where(html:has([data-bs-articles])) .tlink{display:inline-flex;align-items:center;gap:6px;font:500 .90625rem var(--head);color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;min-height:44px}:where(html:has([data-bs-articles])) .tlink:hover{color:var(--wash-ink)}:where(html:has([data-bs-articles])) .tlink .i{width:16px;height:16px}:where(html:has([data-bs-articles])) .chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:var(--r-pill);font:500 .90625rem var(--head);color:var(--ink);white-space:nowrap;flex:none;box-shadow:5px 6px 5px -2px rgba(16,22,34,.19);transition:background .2s}:where(html:has([data-bs-articles])) .chip[aria-pressed=true],:where(html:has([data-bs-articles])) .chip[aria-selected=true]{background:var(--mist);border-color:var(--mist)}:where(html:has([data-bs-articles])) .chip small{font:400 .8125rem var(--body);color:var(--mute)}:where(html:has([data-bs-articles])) .chip[aria-pressed=true] small{color:var(--btn-ink)}:where(html:has([data-bs-articles])) .chip .i{width:16px;height:16px}:where(html:has([data-bs-articles])) .chiprow{display:flex;gap:8px;flex-wrap:wrap;padding-block:8px}@media (max-width:899px){:where(html:has([data-bs-articles])) .search input{font-size:.90625rem}:where(html:has([data-bs-articles])) .chiprow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}:where(html:has([data-bs-articles])) .chiprow::-webkit-scrollbar{display:none}}:where(html:has([data-bs-articles])) .cat{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:36px;background:var(--wash);color:var(--wash-ink);font:500 .78125rem var(--head);white-space:nowrap;width:-moz-fit-content;width:fit-content}:where(html:has([data-bs-articles])) .sel{height:44px;border-radius:var(--r-in);border:1px solid var(--line);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2312333D' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 40px 0 14px;font-size:.90625rem;color:var(--ink)}:where(html:has([data-bs-articles])) .search{position:relative;display:flex;align-items:center}:where(html:has([data-bs-articles])) .search>.i{position:absolute;left:16px;width:18px;height:18px;color:var(--mute);pointer-events:none}:where(html:has([data-bs-articles])) .search input{height:48px;width:100%;border-radius:36px;border:1px solid var(--line);background:#fff;padding:0 40px 0 42px;text-overflow:ellipsis;font-size:.9375rem;outline:0;-webkit-appearance:none}:where(html:has([data-bs-articles])) .search input::-webkit-search-cancel-button{display:none}:where(html:has([data-bs-articles])) .search input:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--aqua)}:where(html:has([data-bs-articles])) .search .clr{position:absolute;right:4px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%}:where(html:has([data-bs-articles])) .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.84375rem;color:var(--mute);padding-block:20px 16px}:where(html:has([data-bs-articles])) .crumbs .i{width:14px;height:14px}:where(html:has([data-bs-articles])) .crumbs a:hover{color:var(--ink);text-decoration:underline}:where(html:has([data-bs-articles])) .crumbs [aria-current]{color:var(--ink)}:where(html:has([data-bs-articles])) .acard{position:relative;display:flex;flex-direction:column;padding:10px 10px 18px;min-width:0;transition:transform .35s cubic-bezier(.2,.7,.2,1)}:where(html:has([data-bs-articles])) .acard .ql-content>a,:where(html:has([data-bs-articles])) .acard>a{display:flex;flex-direction:column;gap:0;min-width:0}:where(html:has([data-bs-articles])) .acard .aw{position:relative;border-radius:var(--r-img-sm);overflow:hidden;background:var(--mist);aspect-ratio:4/5}:where(html:has([data-bs-articles])) .acard.w32 .aw{aspect-ratio:3/2}:where(html:has([data-bs-articles])) .aw img,:where(html:has([data-bs-articles])) .ph img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s var(--ease)}:where(html:has([data-bs-articles])) .acard .cat{margin:12px 6px 0}:where(html:has([data-bs-articles])) .acard h3{font-size:1.0625rem;line-height:1.45;margin:8px 6px 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(html:has([data-bs-articles])) .acard .ex,:where(html:has([data-bs-articles])) .ex{text-wrap:pretty}:where(html:has([data-bs-articles])) .acard .ex{margin:0 6px 8px;font-size:.90625rem;line-height:1.65;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(html:has([data-bs-articles])) .meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.8125rem;color:var(--mute);margin:0 6px}:where(html:has([data-bs-articles])) .meta .i{width:14px;height:14px}:where(html:has([data-bs-articles])) .meta span{display:inline-flex;align-items:center;gap:4px}@media (hover:hover){:where(html:has([data-bs-articles])) .acard:hover{transform:translateY(-4px)}:where(html:has([data-bs-articles])) .acard:hover .aw img{transform:scale(1.03)}}:where(html:has([data-bs-articles])) .bm{position:absolute;top:20px;right:20px;z-index:2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink)}:where(html:has([data-bs-articles])) .bm .i{width:18px;height:18px}:where(html:has([data-bs-articles])) [data-save] .on,:where(html:has([data-bs-articles])) [data-save][aria-pressed=true] .off{display:none}:where(html:has([data-bs-articles])) [data-save][aria-pressed=true] .on{display:block}:where(html:has([data-bs-articles])) .ph{position:relative;background:var(--mist);overflow:hidden}:where(html:has([data-bs-articles])) .noimg{position:absolute;inset:0;display:grid;place-items:center;background:var(--mist);color:rgba(18,51,61,.35)}:where(html:has([data-bs-articles])) .noimg .i{width:28px;height:28px}:where(html:has([data-bs-articles])) .ring{position:absolute;left:10px;bottom:10px;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}:where(html:has([data-bs-articles])) .ring svg{width:28px;height:28px;transform:rotate(-90deg)}:where(html:has([data-bs-articles])) .ring .i{width:14px;height:14px}:where(html:has([data-bs-articles])) .card{display:flex;flex-direction:column;padding:12px 12px 16px;min-width:0}:where(html:has([data-bs-articles])) .card .well{position:relative;display:block;background:var(--mist);border-radius:14px;aspect-ratio:1/1;overflow:hidden}:where(html:has([data-bs-articles])) .card .well img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:where(html:has([data-bs-articles])) .card h3{font:400 .9375rem/1.45 var(--body);color:var(--text);margin:12px 4px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(html:has([data-bs-articles])) .card p{font-size:.8125rem;color:var(--mute);margin:0 4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}:where(html:has([data-bs-articles])) .card .foot{display:flex;justify-content:space-between;align-items:center;margin:auto 4px 0;padding-top:12px;gap:8px}:where(html:has([data-bs-articles])) .price{font:500 1rem var(--head);color:var(--ink);font-variant-numeric:tabular-nums}:where(html:has([data-bs-articles])) .price s{font:400 .8125rem var(--body);color:var(--mute);margin-left:6px}:where(html:has([data-bs-articles])) .addb{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--ink);flex:none}:where(html:has([data-bs-articles])) .addb .i{width:20px;height:20px}:where(html:has([data-bs-articles])) .pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width:899px){:where(html:has([data-bs-articles])) .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}:where(html:has([data-bs-articles])) .card{padding:8px 8px 12px}:where(html:has([data-bs-articles])) .card h3{font-size:.875rem}}:where(html:has([data-bs-articles])) .pmini{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center}:where(html:has([data-bs-articles])) .pmini .mw{width:64px;height:64px;border-radius:14px;background:var(--mist);overflow:hidden}:where(html:has([data-bs-articles])) .pmini .mw img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:where(html:has([data-bs-articles])) .pmini b{display:block;font:500 .90625rem/1.4 var(--head);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:where(html:has([data-bs-articles])) .shead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}:where(html:has([data-bs-articles])) .shead h2{font-size:1.625rem;line-height:1.35}:where(html:has([data-bs-articles])) .lede{font-size:.9375rem;color:var(--mute);margin-top:6px}@media (max-width:899px){:where(html:has([data-bs-articles])) .shead h2{font-size:1.3125rem}}:where(html:has([data-bs-articles])) .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;max-width:min(360px,calc(100% - 32px));padding:11px 20px;border-radius:36px;background:var(--ink);color:#fff;font-size:.875rem;text-align:center;box-shadow:0 8px 24px rgba(18,51,61,.2)}:where(html:has([data-bs-articles])) .sw{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;gap:4px;padding:5px 5px 5px 14px;border-radius:36px;font:500 .8125rem var(--head);color:var(--ink);box-shadow:0 6px 20px rgba(18,51,61,.16);background:rgba(255,255,255,.86)}:where(html:has([data-bs-articles])) .sw button{min-width:44px;height:40px;padding:0 12px;border-radius:36px;font:500 .875rem var(--head)}:where(html:has([data-bs-articles])) .sw button[aria-pressed=true]{background:var(--ink);color:#fff}:where(html:has([data-bs-articles])) .sw .l{margin-right:4px}:where(html:has([data-bs-articles])) .sample{white-space:nowrap;display:inline-block;margin-left:6px;padding:0 8px;border-radius:36px;background:#FFF1D6;color:#7A4B00;font:500 .78125rem var(--head);vertical-align:1px}@media (prefers-reduced-motion:reduce){:where(html:has([data-bs-articles])) *{transition-duration:.01ms!important;animation:none!important;scroll-behavior:auto!important}}