@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./montserrat-cyrillic-ext-wght-normal-CO5hGrJv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./montserrat-cyrillic-wght-normal-EAA9jha_.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./montserrat-vietnamese-wght-normal-k7S-YeeD.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./montserrat-latin-ext-wght-normal-BsZE-iaG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./montserrat-latin-wght-normal-l_AIctKy.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sc-brand:#0076f8;--sc-logo:light-dark(var(--sc-brand),#fff);--sc-accent:light-dark(#0a63c9,#2b8bf2);--sc-accent-fill:light-dark(#0a6ad6,#1570d6);--sc-accent-hover:light-dark(#0a5cb8,#1f7fe6);--sc-text:light-dark(#15181d,#eef0f3);--sc-text-muted:light-dark(#5b6270,#9aa1ac);--sc-border:light-dark(#dde1e7,#2a2e35);--sc-tint:color-mix(in srgb, currentColor 8%, transparent);--sc-font-family:"Montserrat Variable", "Helvetica Neue", Arial, Helvetica, sans-serif;--sc-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sc-radius:.375rem;--sc-gutter:1em;--sc-panel-border:1px;--sc-panel-padding:1em;--sc-panel-radius:var(--b-widget-border-radius-large,1.2em);--sc-panel-shadow:.2rem .2rem 1.2rem #0000000d;--sc-glow-sky:light-dark(#6ccffa4d,#37687a4d);--sc-glow-violet:light-dark(#4e22bf1a,#2f15731a)}.sc-icon-button{box-sizing:border-box;min-width:2.4rem;min-height:2.4rem;font:inherit;white-space:nowrap;cursor:pointer;color:inherit;border-radius:var(--sc-radius);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.45em;padding:0 .6rem;text-decoration:none;transition:border-color .12s,background-color .12s;display:inline-flex;& svg{flex:none;width:1.1rem;height:1.1rem}&:hover{border-color:var(--sc-border)}&:active{background:var(--sc-tint)}&:focus-visible{outline:2px solid var(--sc-accent);outline-offset:2px}&.sc-external{color:var(--sc-text-muted);font-size:.875rem;& svg{width:.8em;height:.8em}&:hover{color:var(--sc-text)}@media (width<30rem){display:none}}}.sc-brand{--sc-brand-gap:.5em;--sc-brand-divider-gap:.85em;align-items:center;gap:var(--sc-brand-gap);min-width:0;font-family:var(--sc-font-family);color:var(--sc-text);white-space:nowrap;line-height:1.2;text-decoration:none;display:flex;& .sc-brand-home{align-items:center;gap:var(--sc-brand-gap);color:inherit;text-decoration:none;display:flex}& .sc-brand-logo{--sc-logo-cap:1.1cap;height:calc(var(--sc-logo-cap) * 190.08 / 144.52);aspect-ratio:1000/190.08;translate:0 calc(var(--sc-logo-cap) * (190.08 - 144.52) / 2 / 144.52 - 1px);background-color:var(--sc-logo);flex:none;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%20190.08'%3e%3cpath%20d='M305.63,144.52c-12.47,0-23.53-4.83-31.58-13.28v11.06h-25.54V0h26.75V48.58c7.84-7.64,18.5-12.07,30.37-12.07,27.15,0,49.28,23.33,49.28,54.1s-22.12,53.9-49.28,53.9Zm-3.82-83.47c-14.68,0-26.55,13.27-26.55,29.77s11.87,29.16,26.55,29.16,26.55-12.67,26.55-29.16-11.87-29.77-26.55-29.77Z'/%3e%3cpath%20d='M428.76,62.46c-10.66-1.21-19.51,0-25.54,6.44-5.63,5.83-6.64,14.28-6.64,22.53v50.88h-26.55V38.72h25.34v10.26c8.45-10.46,20.92-14.28,33.39-12.27v25.74Z'/%3e%3cpath%20d='M646.78,142.3h-26.55v-60.54c0-6.03-1.81-20.51-19.31-20.51-11.87,0-20.11,8.85-20.11,20.51v60.54h-26.55V38.72h25.34v10.06c6.64-7.84,15.69-12.67,26.75-12.67,24.34,0,40.43,18.3,40.43,45.66v60.54Z'/%3e%3cpath%20d='M716.91,142.1c-30.37,3.22-46.46-15.08-46.46-43.44V62.26h-12.47v-23.53h12.47V12.38h26.55v26.35h18.7v23.53h-18.7v36.61c0,14.48,6.64,19.91,19.91,19.11v24.13Z'/%3e%3cpath%20d='M823.21,142.3h-25.34v-9.45c-6.44,7.44-15.49,11.87-26.35,11.87-24.54,0-40.83-18.3-40.83-45.45V38.72h26.55v60.54c0,5.83,2.01,20.31,19.31,20.31,11.87,0,20.11-8.85,20.11-20.31V38.72h26.55v103.58Z'/%3e%3cpath%20d='M1000,142.3h-26.55v-60.54c0-6.03-2.01-20.51-19.31-20.51-11.87,0-20.11,8.85-20.11,20.51v60.54h-26.75v-60.54c0-6.03-1.81-20.51-19.31-20.51-11.67,0-19.91,8.85-19.91,20.51v60.54h-26.75V38.72h25.54v10.06c6.44-7.84,15.49-12.67,26.75-12.67,12.87,0,23.73,5.43,30.97,14.68,7.44-9.05,18.3-14.68,31.58-14.68,27.76,0,43.85,18.5,43.85,45.66v60.54Z'/%3e%3cpolygon%20points='515.98%2038.72%20490.1%20110%20465.9%2038.72%20437.75%2038.72%20477.75%20144.01%20461.02%20190.08%20487.78%20190.08%20544.34%2038.72%20515.98%2038.72'/%3e%3crect%20x='148.02'%20width='74.01'%20height='29.78'/%3e%3crect%20y='56.26'%20width='222.03'%20height='29.78'/%3e%3crect%20x='74.01'%20y='112.52'%20width='148.02'%20height='29.6'/%3e%3c/svg%3e") 0/auto 100% no-repeat;@media (forced-colors:active){forced-color-adjust:none;background-color:canvastext}}& .sc-brand-divider{width:1px;height:1.3cap;margin-inline:calc(var(--sc-brand-divider-gap) - var(--sc-brand-gap));background:var(--sc-border);flex:none}& .sc-brand-title{min-width:0;color:var(--sc-text-muted);text-overflow:ellipsis;margin:0;font-size:1em;font-weight:400;overflow:hidden}& .sc-crumbs{min-width:0;& ol,& li{align-items:center;gap:var(--sc-brand-gap);margin:0;padding:0;list-style:none;display:flex}}& .sc-crumb-link{color:var(--sc-text-muted);text-decoration:none;&:hover{color:var(--sc-text)}}& .sc-crumb-back{display:none}& .sc-crumb-separator{color:var(--sc-text-muted);font-weight:300}& .sc-brand-title[aria-current]{color:var(--sc-text);flex:none;font-weight:600;overflow:visible}}:root{color-scheme:dark;--g-font:var(--sc-font-family);--g-mono:var(--sc-font-mono);--g-radius:var(--sc-radius);--g-accent:var(--sc-accent);--g-accent-fill:var(--sc-accent-fill);--g-accent-hover:var(--sc-accent-hover);--g-text:var(--sc-text);--g-sub:var(--sc-text-muted);--g-max-width:71.25rem;--g-gutter:1.5rem;--g-bg:light-dark(#f6f7f9,#121417);--g-bg-alt:light-dark(#eef0f4,#16181c);--g-surface:light-dark(#fff,#1a1d22);--g-surface-2:light-dark(#f3f5f8,#1f2228);--g-border:light-dark(#dde1e7,#2a2e35);--g-border-soft:light-dark(#e7eaef,#22252b);--g-faint:light-dark(#6b7280,#6c737e);--g-on-accent:#fff;--g-tag-bg:light-dark(#e5effc,#1c2a3d);--g-tag-text:light-dark(#0a4f9e,#9cc8ff);--g-running:light-dark(#1f8a35,#3fb950);--g-focus:light-dark(#0a6ad6,#6cb2ff);--g-shadow:0 1.5rem 3rem -1rem #0009;font-family:var(--g-font);color:var(--g-text);background:var(--g-bg);font-weight:400;line-height:1.55;&[data-theme=light]{color-scheme:light;--g-shadow:0 1.5rem 3rem -1.5rem #141e3240}@media (prefers-color-scheme:light){&:not([data-theme]){color-scheme:light;--g-shadow:0 1.5rem 3rem -1.5rem #141e3240}}}*{box-sizing:border-box}html{scroll-behavior:smooth;@media (prefers-reduced-motion:reduce){scroll-behavior:auto}}body{background:var(--g-bg);margin:0;overflow-x:clip}h1,h2,h3,p,ol,ul{margin:0}a{color:var(--g-accent)}:focus-visible{outline:2px solid var(--g-focus);outline-offset:3px;border-radius:var(--g-radius)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:calc(var(--g-max-width) + 2 * var(--g-gutter));padding-inline:var(--g-gutter);margin-inline:auto}.icon{flex-shrink:0;width:1em;height:1em}.button{border:1px solid var(--g-border);border-radius:var(--g-radius);min-height:2.75rem;color:var(--g-text);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:.55em;padding:0 1.15em;font-size:.9rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex;&:hover{border-color:var(--g-faint);background:var(--g-surface-2)}&.primary{border-color:var(--g-accent-fill);color:var(--g-on-accent);background:var(--g-accent-fill);&:hover{border-color:var(--g-accent-hover);background:var(--g-accent-hover)}}& .icon{width:.95em;height:.95em}}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}.tags{flex-wrap:wrap;align-items:center;gap:.4rem;padding:0;list-style:none;display:flex;& li{color:var(--g-tag-text);background:var(--g-tag-bg);border-radius:.25rem;padding:.2em .6em;font-size:.72rem;font-weight:500;& a{color:inherit;text-decoration:none;&:is(:hover,:focus-visible){text-decoration:underline}}}}.site-header{border-block-end:1px solid var(--g-border-soft);& .wrap{flex-wrap:wrap;align-items:center;gap:.75rem 2rem;min-height:4rem;padding-block:.6rem;display:flex}}.brand{font-size:1.125rem}.site-links{gap:1.5rem;padding:0;list-style:none;display:flex;& a{color:var(--g-sub);font-size:.875rem;font-weight:500;text-decoration:none;&:hover{color:var(--g-text)}}}.site-actions{gap:.6rem;margin-inline-start:auto;display:flex;& .button{min-height:2.4rem;font-size:.85rem}}.hero{padding-block:6rem 4.5rem;& h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.4rem,1.2rem + 4.6vw,4.5rem);font-weight:700;line-height:1.04;& em{color:var(--g-accent);font-style:normal;display:block}}& .lede{max-width:34em;color:var(--g-sub);margin-block-start:1.5rem;font-size:1.1rem}& .button-row{margin-block-start:2.25rem}}.timeline{position:relative;& ol{border:1px solid var(--g-border-soft);grid-template-columns:repeat(8,minmax(0,1fr));padding:0;list-style:none;display:grid}& li{white-space:nowrap;font-family:var(--g-mono);color:var(--g-faint);padding:.45rem .6rem;font-size:.72rem;&+li{border-inline-start:1px solid var(--g-border-soft)}}@media (width<=40rem){& li{padding-inline:.4rem}& li:nth-child(2n){color:#0000}}}.now-track{pointer-events:none;position:absolute;inset:0;overflow-x:clip}.now-marker{width:100%;height:100%;animation:1800s linear forwards now-creep;translate:34%;@media (prefers-reduced-motion:reduce){animation:none}}.now-pill{font-family:var(--g-mono);color:var(--g-on-accent);background:var(--g-accent-fill);border-radius:.2rem;padding:.15em .45em;font-size:.65rem;font-weight:700;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:-50% -50%}.now-line{border-inline-start:1px solid var(--g-accent-fill);height:3.2rem;position:absolute;inset-block-start:calc(50% + .7rem);inset-inline-start:0;&:after{content:"";background:var(--g-accent-fill);border-radius:50%;width:.35rem;height:.35rem;margin-inline-start:-.5px;position:absolute;inset-block-end:-.2rem;inset-inline-start:-.2rem}}@keyframes now-creep{to{translate:92%}}.featured{padding-block-end:6rem;& .featured-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:3rem 4rem;margin-block-start:3.25rem;display:grid;@media (width<=56rem){grid-template-columns:minmax(0,1fr)}}& h2{letter-spacing:-.025em;font-size:clamp(2rem,1.5rem + 1.5vw,2.6rem);font-weight:700;line-height:1.1}& .tags{margin-block-start:.9rem}& .summary{color:var(--g-sub);margin-block-start:1.25rem}& .views{margin-block-start:1.5rem;padding:0;list-style:none;& li{border-block-end:1px solid var(--g-border-soft);grid-template-columns:2.2rem 1fr;padding-block:.8rem;display:grid}& .index{font-family:var(--g-mono);color:var(--g-faint);font-size:.75rem;line-height:1.9}& strong{font-size:.92rem;font-weight:600;display:block}& span:last-child{color:var(--g-sub);font-size:.85rem}}& .button-row{margin-block-start:1.75rem}}.frame{border:1px solid var(--g-border);background:var(--g-surface);box-shadow:var(--g-shadow);border-radius:.6rem;margin:0;overflow:hidden;& figcaption{border-block-end:1px solid var(--g-border);font-family:var(--g-mono);color:var(--g-sub);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;font-size:.72rem;display:flex}& .live{align-items:center;gap:.5em;display:flex;&:before{content:"";background:var(--g-running);border-radius:50%;width:.5rem;height:.5rem}}& img{width:100%;height:auto;display:block}}.showcases{border-block-start:1px solid var(--g-border-soft);background:var(--g-bg-alt);padding-block:5.5rem 6rem;scroll-margin-block-start:0;& .section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-block-end:2.25rem;display:flex}& h2{letter-spacing:-.02em;font-size:clamp(1.75rem,1.4rem + 1vw,2.2rem);font-weight:700}& .section-head p{color:var(--g-sub);margin-block-start:.3rem}}.filters{border:1px solid var(--g-border);border-radius:var(--g-radius);background:var(--g-surface);flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex;&[hidden]{display:none}& button{min-height:2.25rem;font:inherit;color:var(--g-sub);cursor:pointer;background:0 0;border:0;border-radius:.25rem;padding:0 .8rem;font-size:.82rem;font-weight:500;&:hover{color:var(--g-text);background:var(--g-surface-2)}&[aria-pressed=true]{color:var(--g-on-accent);background:var(--g-accent-fill)}}}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:0;list-style:none;display:grid;@media (width<=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){grid-template-columns:minmax(0,1fr)}&>li[hidden]{display:none}&>li:only-child{grid-column:1/-1;max-width:48rem}}.card{border:1px solid var(--g-border);background:var(--g-surface);border-radius:.5rem;flex-direction:column;height:100%;display:flex;overflow:hidden;& .thumb{aspect-ratio:16/10;border-block-end:1px solid var(--g-border);position:relative;overflow:hidden;& img{object-fit:cover;object-position:left top;width:100%;height:100%;display:block}}& .body{flex-direction:column;flex:1;padding:1.1rem 1.1rem 1.3rem;display:flex}& h3{letter-spacing:-.01em;margin-block-start:.8rem;font-size:1.05rem;font-weight:600;& a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}}& p{color:var(--g-sub);margin-block-start:.4rem;font-size:.87rem}li:only-child>&{@media (width>=40rem){flex-direction:row;& .thumb{border-block-end:0;border-inline-end:1px solid var(--g-border);flex:0 0 55%}& .body{justify-content:center;padding:1.5rem}& .links{margin-block-start:0}}}& .links{gap:1.25rem;margin-block-start:auto;padding-block-start:1rem;font-size:.87rem;font-weight:600;display:flex;& a{text-decoration:none;&:hover{text-decoration:underline}&+a{color:var(--g-text)}}}}.built{border-block-start:1px solid var(--g-border-soft);padding-block:6rem;& h2{letter-spacing:-.02em;text-wrap:balance;max-width:16em;font-size:clamp(1.75rem,1.4rem + 1vw,2.2rem);font-weight:700;line-height:1.2}& .how{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-block-start:3rem;padding:0;list-style:none;display:grid;@media (width<=48rem){grid-template-columns:minmax(0,1fr)}&>li{grid-row:span 2;grid-template-rows:subgrid;border:1px solid var(--g-border);background:var(--g-surface);border-radius:.5rem;row-gap:0;transition:border-color .15s;display:grid;position:relative;overflow:hidden}&>li.linked{&:hover{border-color:var(--g-accent)}&:has(a:focus-visible){outline:2px solid var(--g-focus);outline-offset:3px}& h3 a{color:inherit;text-decoration:none;&:after{content:"";position:absolute;inset:0}&:focus-visible{outline:none}}}}& .art{border-block-end:1px solid var(--g-border);flex-direction:column;justify-content:center;gap:1rem;min-width:0;padding:1.25rem;font-size:.8rem;display:flex;container-type:inline-size}& .text{padding:1.5rem 1.5rem 1.75rem}& h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}& p{color:var(--g-sub);margin-block-start:.5rem;font-size:.9rem}& .chip{border-radius:var(--g-radius);white-space:nowrap;border:1px solid #0000;padding:.45em .8em}& .packages{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex;& a{border-radius:var(--g-radius);color:var(--g-text);background:var(--g-surface-2);border:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .85rem;font-weight:500;text-decoration:none;transition:border-color .15s;display:flex;&:hover{border-color:var(--g-faint)}}& .npm{color:var(--g-running);align-items:center;gap:.45em;display:flex;&:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}}}& .browser{border:1px solid var(--g-accent);border-radius:var(--g-radius);flex-direction:column;gap:.75rem;padding:.85rem .85rem 1.75rem;display:flex;& .caption{color:var(--g-accent);font-size:.72rem}}& .flow{align-items:center;gap:.35rem;font-size:clamp(.7rem,3.4cqi,.8rem);display:flex;& .chip{text-align:center;min-width:0;color:var(--g-text);background:var(--g-tag-bg);flex:1 1 0;padding:.55em .4em;&.ui{color:var(--g-on-accent);background:var(--g-accent-fill);font-weight:600}}& .arrow{fill:none;width:.85rem;height:.85rem;stroke:var(--g-accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}}& .backend{color:var(--g-faint);flex-wrap:wrap;align-items:center;gap:.5rem .85rem;display:flex;& .chip{border-color:var(--g-faint);border-style:dashed}}& .timeline-art{background-image:linear-gradient(to right, var(--g-border-soft) 1px, transparent 1px), linear-gradient(to bottom, transparent calc(50% - 1px), var(--g-border-soft) 0 50%, transparent 0);background-size:20% 100%,100% 100%;gap:0;padding:1.25rem 1rem}& .lane{align-items:center;padding-block:.9rem;padding-inline-start:4%;font-size:clamp(.66rem,3.4cqi,.8rem);display:flex;&+.lane{padding-inline-start:30%}& .bar{border:1px solid var(--g-border);border-radius:var(--g-radius);white-space:nowrap;text-overflow:ellipsis;background:var(--g-surface-2);flex:0 52%;min-width:4.5rem;min-height:3.25rem;padding:.5em .75em;font-weight:600;position:relative;overflow:hidden;&.custom{border-color:var(--g-accent);background:var(--g-tag-bg)}& svg{fill:none;width:100%;height:45%;stroke:var(--g-accent);stroke-width:1.5px;position:absolute;inset-block-end:0;inset-inline:0}}&+.lane .bar{flex-basis:58%}& .link{border-block-start:1px dashed var(--g-faint);flex:1rem;min-width:.6rem}& .chip{border-color:var(--g-border);background:var(--g-surface);flex-shrink:0;&.custom{border-color:var(--g-accent);color:var(--g-tag-text)}}}}.cta{border-block-start:1px solid var(--g-border-soft);background:var(--g-bg-alt);padding-block:4.5rem;& .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}& h2{letter-spacing:-.02em;font-size:clamp(1.5rem,1.25rem + .8vw,1.9rem);font-weight:700}& p{max-width:32em;color:var(--g-sub);margin-block-start:.4rem}}.site-footer{border-block-start:1px solid var(--g-border-soft);color:var(--g-faint);padding-block:1.75rem;font-size:.82rem;& .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}& ul{gap:1.5rem;padding:0;list-style:none;display:flex}& a{color:var(--g-sub);text-decoration:none;&:hover{color:var(--g-text)}}& p a{color:inherit}}@media (width<=45rem){.site-links{order:3;width:100%}.site-header .wrap{gap:.5rem 1rem}.hero{padding-block:3.5rem 3rem}}@media (width<=26rem){.site-header .wrap{column-gap:.5rem}.brand{font-size:1rem}.site-actions{gap:.4rem;& .button{min-height:2.25rem;padding:0 .7em;font-size:.8rem}}.hero .button-row .button{flex:100%}}.skip:focus-visible{z-index:1;clip-path:none;width:auto;height:auto;color:var(--g-on-accent);background:var(--g-accent-fill);padding:.5em 1em;inset-block-start:.5rem;inset-inline-start:.5rem}
