@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/alegreya-latin-ext-400-normal.BJ1luULk.woff2)format("woff2");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:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/alegreya-latin-400-normal.BLlBRtDv.woff2)format("woff2");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}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/alegreya-latin-ext-500-normal.B_6HdrEK.woff2)format("woff2");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:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/alegreya-latin-500-normal.C25lLdV_.woff2)format("woff2");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}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/alegreya-latin-ext-400-italic.Cf8WgXZg.woff2)format("woff2");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:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/alegreya-latin-400-italic.BXpar-rJ.woff2)format("woff2");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}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:500;src:url(/_astro/alegreya-latin-ext-500-italic.Ca-guIP2.woff2)format("woff2");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:Alegreya;font-style:italic;font-display:swap;font-weight:500;src:url(/_astro/alegreya-latin-500-italic.CLRFusCx.woff2)format("woff2");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}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/alegreya-sans-latin-ext-500-normal.TH5u60nj.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/alegreya-sans-latin-500-normal.DS713u5J.woff2)format("woff2");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}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/alegreya-sans-latin-ext-700-normal.HuHd3-Mg.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/alegreya-sans-latin-700-normal.DEbcy2sF.woff2)format("woff2");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}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/alegreya-sans-latin-ext-800-normal.BBRJ-mcX.woff2)format("woff2");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:Alegreya Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/alegreya-sans-latin-800-normal.CpHsWMQ0.woff2)format("woff2");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}@layer feitio.reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}img,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}}@layer feitio.tokens{:root{--feitio-font-text:"Alegreya", "Georgia", serif;--feitio-font-ui:"Alegreya Sans", "Gill Sans", sans-serif;--feitio-font-weight-regular:400;--feitio-font-weight-medium:500;--feitio-font-weight-bold:700;--feitio-font-weight-heavy:800;--feitio-font-size-small:1rem;--feitio-font-size-body:1.25rem;--feitio-font-size-h3:1.5rem;--feitio-font-size-h2:2rem;--feitio-font-size-h1:2.75rem;--feitio-font-size-display:4rem;--feitio-line-height-text:1.6;--feitio-line-height-heading:1.08;--feitio-space-1:.25rem;--feitio-space-2:.5rem;--feitio-space-3:1rem;--feitio-space-4:1.5rem;--feitio-space-5:2.5rem;--feitio-space-6:4rem;--feitio-space-7:6rem;--feitio-measure-reading:46rem;--feitio-radius-top-left:6px;--feitio-radius-top-right:10px;--feitio-radius-bottom-right:6px;--feitio-radius-bottom-left:8px;--feitio-border-width:1px;--feitio-focus-width:3px;--feitio-focus-offset:3px;--feitio-duration-place:.26s;--feitio-duration-change:.32s;--feitio-easing-place:cubic-bezier(.2, .9, .3, 1.25);--feitio-easing-change:cubic-bezier(.3, 0, .2, 1)}:root,[data-theme],[data-mode]{--feitio-shadow-lift:5px 6px 0px 0px var(--feitio-color-shadow)}:root,[data-theme=casa]{--feitio-color-surface:oklch(96% .018 80);--feitio-color-surface-raised:oklch(92.5% .026 76);--feitio-color-surface-top:oklch(98.5% .01 85);--feitio-color-text:oklch(26% .022 55);--feitio-color-text-soft:oklch(46% .025 55);--feitio-color-accent:oklch(54% .165 40);--feitio-color-accent-strong:oklch(50% .16 38);--feitio-color-on-accent:oklch(97% .015 80);--feitio-color-line:oklch(26% .022 55/.15);--feitio-color-shadow:oklch(26% .022 55/.9);--feitio-color-ok:oklch(45% .09 140);--feitio-color-ok-surface:oklch(91% .04 135);--feitio-color-warn:oklch(50% .1 85);--feitio-color-warn-surface:oklch(92% .06 90);--feitio-color-error:oklch(45% .15 15);--feitio-color-error-surface:oklch(91% .04 15)}:root:not([data-theme])[data-mode=dark],[data-theme=casa][data-mode=dark]{--feitio-color-surface:oklch(22% .016 55);--feitio-color-surface-raised:oklch(27.5% .02 55);--feitio-color-surface-top:oklch(31% .022 55);--feitio-color-text:oklch(93% .022 80);--feitio-color-text-soft:oklch(76% .03 72);--feitio-color-accent:oklch(54% .165 40);--feitio-color-accent-strong:oklch(77% .15 52);--feitio-color-on-accent:oklch(97% .015 80);--feitio-color-line:oklch(93% .022 80/.15);--feitio-color-shadow:oklch(12% .01 55/.95);--feitio-color-ok:oklch(78% .1 140);--feitio-color-ok-surface:oklch(30% .04 140);--feitio-color-warn:oklch(83% .11 88);--feitio-color-warn-surface:oklch(32% .05 85);--feitio-color-error:oklch(76% .12 15);--feitio-color-error-surface:oklch(31% .06 15)}@media (prefers-color-scheme:dark){:root:not([data-theme]):not([data-mode]),[data-theme=casa]:not([data-mode]){--feitio-color-surface:oklch(22% .016 55);--feitio-color-surface-raised:oklch(27.5% .02 55);--feitio-color-surface-top:oklch(31% .022 55);--feitio-color-text:oklch(93% .022 80);--feitio-color-text-soft:oklch(76% .03 72);--feitio-color-accent:oklch(54% .165 40);--feitio-color-accent-strong:oklch(77% .15 52);--feitio-color-on-accent:oklch(97% .015 80);--feitio-color-line:oklch(93% .022 80/.15);--feitio-color-shadow:oklch(12% .01 55/.95);--feitio-color-ok:oklch(78% .1 140);--feitio-color-ok-surface:oklch(30% .04 140);--feitio-color-warn:oklch(83% .11 88);--feitio-color-warn-surface:oklch(32% .05 85);--feitio-color-error:oklch(76% .12 15);--feitio-color-error-surface:oklch(31% .06 15)}}}@layer feitio.base{:root{--feitio-radius:var(--feitio-radius-top-left) var(--feitio-radius-top-right) var(--feitio-radius-bottom-right) var(--feitio-radius-bottom-left);--feitio-control-padding-block:.75rem;--feitio-control-padding-inline:1.35rem;--feitio-cell-padding-block:.85rem;--feitio-cell-padding-inline:.9rem;--feitio-control-min-size:44px;--feitio-control-min-size-small:32px;--feitio-control-padding-block-small:.3rem;--feitio-control-padding-inline-small:.75rem;--feitio-control-min-size-large:52px;--feitio-control-padding-block-large:.9rem;--feitio-control-padding-inline-large:1.75rem;interpolate-size:allow-keywords}*,:before,:after{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,box-shadow,opacity,transform,translate,rotate,scale,padding,margin,gap,inline-size,block-size,min-block-size,border-radius;transition-duration:var(--feitio-duration-change);transition-timing-function:var(--feitio-easing-change)}[data-density=compact]{--feitio-control-padding-block:.45rem;--feitio-control-padding-inline:.9rem;--feitio-cell-padding-block:.4rem;--feitio-cell-padding-inline:.6rem;--feitio-control-min-size:40px}:root{scrollbar-color:color-mix(in oklch, var(--feitio-color-text) 35%, transparent) transparent}*{scrollbar-width:thin}@supports not (scrollbar-color:auto){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--feitio-color-text) 35%, transparent);border-radius:var(--feitio-radius);background-clip:padding-box;border:2px solid #0000}}body{background:var(--feitio-color-surface);color:var(--feitio-color-text);font-family:var(--feitio-font-text);font-size:var(--feitio-font-size-body);line-height:var(--feitio-line-height-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--feitio-font-ui);font-weight:var(--feitio-font-weight-heavy);line-height:var(--feitio-line-height-heading);text-wrap:balance}h1{font-size:clamp(2.4rem, 6vw, var(--feitio-font-size-h1));letter-spacing:-.02em}h2{font-size:var(--feitio-font-size-h2);font-weight:var(--feitio-font-weight-bold)}h3,h4{font-size:var(--feitio-font-size-h3);font-weight:var(--feitio-font-weight-bold)}p{text-wrap:pretty}a{color:var(--feitio-color-accent-strong);text-underline-offset:.2em}small{font-family:var(--feitio-font-ui);font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft)}hr{border:0;border-top:1px solid var(--feitio-color-line);margin-block:var(--feitio-space-5)}:focus-visible{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:var(--feitio-focus-offset)}::selection{background:color-mix(in oklch, var(--feitio-color-accent) 30%, transparent)}[data-motion=direct],[data-motion=direct] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}}@layer feitio.shapes{.feitio-measure{max-inline-size:var(--feitio-measure-reading);margin-inline:auto}.feitio-paper{border-radius:var(--feitio-radius)}.feitio-block{background:var(--feitio-color-surface-raised);border-radius:var(--feitio-radius);padding:var(--feitio-space-5) var(--feitio-space-4)}.feitio-lift{background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift)}.feitio-place{animation:feitio-place var(--feitio-duration-place) var(--feitio-easing-place)}.feitio-note{border-inline-start:var(--feitio-border-width) solid var(--feitio-color-accent);color:var(--feitio-color-accent-strong);padding-inline-start:var(--feitio-space-3);font-style:italic}.feitio-icon{vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:1.35em;inline-size:1.35em;display:inline-block;rotate:-3deg}.feitio-illustration{block-size:auto;inline-size:8rem;color:var(--feitio-color-text);rotate:-3deg}.feitio-hot{stroke:var(--feitio-color-accent)}}@layer feitio.components{.feitio-link{color:var(--feitio-color-accent-strong);text-decoration:underline;text-decoration-thickness:var(--feitio-border-width);text-underline-offset:.2em}.feitio-link:hover{text-decoration-thickness:calc(var(--feitio-border-width) * 2)}.feitio-link .feitio-icon{vertical-align:-.1em;block-size:.95em;inline-size:.95em;margin-inline-start:.15em}.feitio-text{max-inline-size:var(--feitio-measure-reading);font-family:var(--feitio-font-text);font-size:var(--feitio-font-size-body);line-height:var(--feitio-line-height-text)}.feitio-link-card{gap:var(--feitio-space-2);padding:var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);align-content:start;text-decoration:none;display:grid}.feitio-link-card:hover{box-shadow:var(--feitio-shadow-lift);translate:-2px -2px}.feitio-link-card:focus-visible{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:var(--feitio-focus-offset)}.feitio-link-card>strong{justify-content:space-between;align-items:center;gap:var(--feitio-space-2);font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);display:flex}.feitio-link-card>span{font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-text);color:var(--feitio-color-text-soft)}.feitio-skip-link{inset:var(--feitio-space-2) auto auto var(--feitio-space-2);z-index:10;padding:var(--feitio-space-2) var(--feitio-space-3);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);position:absolute;translate:0 -200%}.feitio-skip-link:focus{translate:0}.feitio-divider{border:0;border-block-start:var(--feitio-border-width) solid var(--feitio-color-line);margin:0}.feitio-divider[data-tone=ink]{border-block-start-color:var(--feitio-color-text)}.feitio-divider[aria-orientation=vertical]{border-block-start:0;border-inline-start:var(--feitio-border-width) solid var(--feitio-color-line);align-self:stretch;min-block-size:1em;inline-size:0}.feitio-divider[aria-orientation=vertical][data-tone=ink]{border-inline-start-color:var(--feitio-color-text)}.feitio-kbd{min-inline-size:1.6em;padding:0 var(--feitio-space-1);text-align:center;font:var(--feitio-font-weight-bold) .85em var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text-soft);border-block-end-width:calc(var(--feitio-border-width) * 2);border-radius:var(--feitio-radius);display:inline-block}.feitio-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.feitio-button{justify-content:center;align-items:center;gap:var(--feitio-space-2);min-block-size:var(--feitio-control-min-size);padding:var(--feitio-control-padding-block) var(--feitio-control-padding-inline);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);cursor:pointer;text-decoration:none;display:inline-flex}.feitio-button:hover{box-shadow:var(--feitio-shadow-lift);translate:-2px -2px}.feitio-button:active:not(:disabled,[aria-disabled=true]){box-shadow:none;transition-duration:calc(var(--feitio-duration-change) / 4);translate:1px 1px}.feitio-button:focus-visible{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:var(--feitio-focus-offset)}.feitio-button:disabled,.feitio-button[aria-disabled=true]{cursor:not-allowed;box-shadow:none;color:var(--feitio-color-text-soft);border-style:dashed;translate:none}.feitio-button[data-variant=primary]{background:var(--feitio-color-accent);border-color:var(--feitio-color-accent);color:var(--feitio-color-on-accent)}.feitio-button[data-variant=danger]{color:var(--feitio-color-error);border-color:var(--feitio-color-error)}.feitio-button[data-size=small]{min-block-size:var(--feitio-control-min-size-small);padding:var(--feitio-control-padding-block-small) var(--feitio-control-padding-inline-small);gap:var(--feitio-space-1);position:relative}.feitio-button[data-size=small]:after{content:"";inset:calc(var(--feitio-space-1) * -1);position:absolute}.feitio-button[data-size=large]{min-block-size:var(--feitio-control-min-size-large);padding:var(--feitio-control-padding-block-large) var(--feitio-control-padding-inline-large);font-size:var(--feitio-font-size-body)}.feitio-button .feitio-icon{flex:none;block-size:1.1em;inline-size:1.1em}.feitio-tag{align-items:center;gap:var(--feitio-space-1);padding:calc(var(--feitio-space-1) / 2) var(--feitio-space-2);border-radius:var(--feitio-radius);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text-soft);white-space:nowrap;display:inline-flex}.feitio-tag[data-status=ok]{color:var(--feitio-color-ok);background:var(--feitio-color-ok-surface);border-color:var(--feitio-color-ok)}.feitio-tag[data-status=warn]{color:var(--feitio-color-warn);background:var(--feitio-color-warn-surface);border-color:var(--feitio-color-warn)}.feitio-tag[data-status=error]{color:var(--feitio-color-error);background:var(--feitio-color-error-surface);border-color:var(--feitio-color-error)}.feitio-tag[data-size=small]{padding:0 var(--feitio-space-1);font-weight:var(--feitio-font-weight-medium)}.feitio-tag .feitio-icon{block-size:1.05em;inline-size:1.05em}.feitio-notice{gap:var(--feitio-space-1) var(--feitio-space-2);padding:var(--feitio-space-3);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text-soft);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.feitio-notice>p{grid-column:2;margin:0}.feitio-notice .feitio-icon{block-size:1.15em;inline-size:1.15em;margin-block-start:.1em}.feitio-notice[data-status=ok]{background:var(--feitio-color-ok-surface);border-color:var(--feitio-color-ok)}.feitio-notice[data-status=warn]{background:var(--feitio-color-warn-surface);border-color:var(--feitio-color-warn)}.feitio-notice[data-status=error]{background:var(--feitio-color-error-surface);border-color:var(--feitio-color-error)}.feitio-notice[data-status=ok]>.feitio-icon{color:var(--feitio-color-ok)}.feitio-notice[data-status=warn]>.feitio-icon{color:var(--feitio-color-warn)}.feitio-notice[data-status=error]>.feitio-icon{color:var(--feitio-color-error)}.feitio-notice:has(>.tools){grid-template-columns:auto minmax(0,1fr) auto}.feitio-notice:has(>.tools)>strong{grid-column:2}.feitio-notice>.tools{margin:calc(var(--feitio-space-2) * -1) calc(var(--feitio-space-2) * -1) 0 0;grid-area:1/3/span 2;align-items:center;display:flex}.feitio-notice .close{inline-size:var(--feitio-control-min-size-small);block-size:var(--feitio-control-min-size-small);color:var(--feitio-color-text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid;position:relative}.feitio-notice .close:after{content:"";inset:calc(var(--feitio-space-1) * -1);position:absolute}.feitio-notice .close:hover{background:color-mix(in oklch, var(--feitio-color-text) 8%, transparent)}.feitio-notice .close:focus-visible{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:0}.feitio-notice .close .feitio-icon{block-size:1em;inline-size:1em;color:var(--feitio-color-text);margin:0}.feitio-notice .close:has(.ring){color:var(--feitio-color-text-soft)}.feitio-notice[data-status=ok] .close:has(.ring){color:var(--feitio-color-ok)}.feitio-notice .ring{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible;rotate:-8deg}.feitio-notice .ring path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(var(--notice-p,0) * -100px);transition:none}.feitio-notice.leaving{animation:feitio-notice-out var(--feitio-duration-change) var(--feitio-easing-change) forwards;overflow:hidden}.feitio-menu-list{min-inline-size:11rem;max-inline-size:calc(100vw - var(--feitio-space-4));padding:var(--feitio-space-1);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);font:var(--feitio-font-size-small) var(--feitio-font-ui);margin:0;list-style:none;position:fixed;inset:auto}.feitio-menu-list:popover-open{animation:feitio-place var(--feitio-duration-place) var(--feitio-easing-place)}.feitio-menu-list a,.feitio-menu-list button{align-items:center;gap:var(--feitio-space-2);inline-size:100%;min-block-size:var(--feitio-control-min-size-small);padding:0 var(--feitio-space-3) 0 var(--feitio-space-2);color:inherit;text-align:start;font:inherit;border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);cursor:pointer;background:0 0;grid-template-columns:1.2em minmax(0,1fr);text-decoration:none;display:grid}.feitio-menu-list a>span,.feitio-menu-list button{grid-column:2}.feitio-menu-list a:hover,.feitio-menu-list button:hover,.feitio-menu-list a:focus-visible,.feitio-menu-list button:focus-visible{background:var(--feitio-color-surface);border-color:var(--feitio-color-text);outline:none}.feitio-menu-list a[aria-current=true]{font-weight:var(--feitio-font-weight-bold)}.feitio-menu .feitio-menu-list .feitio-icon{grid-column:1;block-size:1em;inline-size:1em}.feitio-menu .feitio-button>.feitio-icon{block-size:.9em;inline-size:.9em}.feitio-field{gap:var(--feitio-space-1);font-family:var(--feitio-font-ui);grid-template-columns:minmax(0,1fr);display:grid}.feitio-label{font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui)}.feitio-hint{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.feitio-input,.feitio-textarea{inline-size:100%;min-block-size:var(--feitio-control-min-size);padding:0 var(--feitio-space-3);font:var(--feitio-font-size-body) var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);margin:0}.feitio-textarea{padding-block:var(--feitio-space-2);line-height:var(--feitio-line-height-text);resize:vertical}.feitio-input::placeholder,.feitio-textarea::placeholder{color:var(--feitio-color-text-soft)}.feitio-input:hover,.feitio-textarea:hover{border-color:var(--feitio-color-accent-strong)}.feitio-input[data-width="2"]{inline-size:calc(2ch + var(--feitio-space-3) * 2 + 2px)}.feitio-input[data-width="4"]{inline-size:calc(4ch + var(--feitio-space-3) * 2 + 2px)}.feitio-input[data-width="10"]{inline-size:calc(10ch + var(--feitio-space-3) * 2 + 2px)}.feitio-input[data-width="20"]{inline-size:calc(20ch + var(--feitio-space-3) * 2 + 2px);max-inline-size:100%}.feitio-input[data-width="40"]{inline-size:calc(40ch + var(--feitio-space-3) * 2 + 2px);max-inline-size:100%}.feitio-input[aria-invalid=true],.feitio-textarea[aria-invalid=true],.feitio-select select[aria-invalid=true]{border-color:var(--feitio-color-error)}.feitio-input:disabled,.feitio-textarea:disabled,.feitio-select select:disabled{color:var(--feitio-color-text-soft);background:var(--feitio-color-surface-raised);cursor:not-allowed;border-style:dashed}.feitio-error-message{align-items:center;gap:var(--feitio-space-1);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-error);display:inline-flex}.feitio-select{inline-size:100%;max-inline-size:22rem;display:inline-grid;position:relative}.feitio-select select{appearance:none;inline-size:100%;min-block-size:var(--feitio-control-min-size);padding:0 calc(var(--feitio-space-3) + 1.5rem) 0 var(--feitio-space-3);font:var(--feitio-font-size-body) var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius)}.feitio-select select:has(option[value=""]:checked){color:var(--feitio-color-text-soft)}.feitio-select>.feitio-icon{inset:0 var(--feitio-space-3) 0 auto;pointer-events:none;margin-block:auto;position:absolute}.feitio-select select{appearance:base-select}.feitio-select select::picker-icon{display:none}.feitio-select select::picker(select){appearance:base-select;padding:var(--feitio-space-1);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift)}.feitio-select option{padding:var(--feitio-space-2) var(--feitio-space-3);border-radius:var(--feitio-radius)}.feitio-select option:checked{font-weight:var(--feitio-font-weight-bold)}.feitio-select option::checkmark{display:none}.feitio-choices{gap:var(--feitio-space-2);display:grid}.feitio-choice{align-items:center;gap:var(--feitio-space-2);min-block-size:32px;font:var(--feitio-font-size-body) var(--feitio-font-ui);cursor:pointer;display:inline-flex}.feitio-choice input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--feitio-color-text);flex:none;margin:0}.feitio-choice:has(input:disabled){color:var(--feitio-color-text-soft);cursor:not-allowed}.feitio-fieldset{gap:var(--feitio-space-3);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.feitio-fieldset legend{float:left;inline-size:100%;padding:0}.feitio-fieldset .head{gap:var(--feitio-space-1);display:grid}.feitio-fieldset>.feitio-error-message{margin-block-start:calc(var(--feitio-space-2) - var(--feitio-space-3))}.feitio-switch{align-items:center;gap:var(--feitio-space-3);min-block-size:40px;font:var(--feitio-font-size-body) var(--feitio-font-ui);cursor:pointer;display:inline-flex}.feitio-switch input{appearance:none;background:var(--feitio-color-surface-raised);border:var(--feitio-border-width) solid var(--feitio-color-text);cursor:pointer;border-radius:1rem;flex:none;block-size:1.5rem;inline-size:2.75rem;margin:0;position:relative}.feitio-switch input:before{content:"";background:var(--feitio-color-text);inline-size:calc(1.5rem - 6px);transition:translate var(--feitio-duration-change) var(--feitio-easing-change);border-radius:50%;position:absolute;inset-block:2px;inset-inline-start:2px}.feitio-switch input:checked{background:var(--feitio-color-text)}.feitio-switch input:checked:before{background:var(--feitio-color-surface);translate:1.25rem}.feitio-switch .state{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft)}.feitio-switch:has(input:disabled){color:var(--feitio-color-text-soft);cursor:not-allowed}.feitio-switch:has(input:disabled) input{border-style:dashed}.feitio-time-field{inline-size:fit-content;min-block-size:var(--feitio-control-min-size);padding:0 var(--feitio-space-3);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font:var(--feitio-font-size-body) var(--feitio-font-ui);font-variant-numeric:tabular-nums;align-items:center;gap:.15rem;display:inline-flex}.feitio-time-field:focus-within{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:var(--feitio-focus-offset)}.feitio-time-field .seg{text-align:center;inline-size:2ch;font:inherit;color:var(--feitio-color-text);background:0 0;border:0;border-radius:4px;padding:.1rem 0}.feitio-time-field .seg:focus{background:color-mix(in oklch, var(--feitio-color-accent) 18%, transparent);outline:none}.feitio-time-field .seg[aria-invalid=true]{color:var(--feitio-color-error);text-decoration:underline;text-decoration-color:var(--feitio-color-error)}.feitio-time-field:has(.seg[aria-invalid=true]){border-color:var(--feitio-color-error)}.feitio-time-field .sep{font-weight:var(--feitio-font-weight-bold)}.feitio-time-field .period{padding:.1rem var(--feitio-space-2);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-line);cursor:pointer;background:0 0;border-radius:4px;margin-inline-start:var(--feitio-space-2);position:relative}.feitio-time-field[data-hour-cycle="24"] .period{display:none}.feitio-time-field[data-hour-cycle="12"]{padding-inline-end:var(--feitio-space-2)}.feitio-segmented{border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font:var(--feitio-font-weight-bold) .85rem var(--feitio-font-ui);gap:2px;padding:2px;display:inline-flex}.feitio-segmented button{min-block-size:28px;padding:0 var(--feitio-space-2);color:var(--feitio-color-text);border-radius:calc(var(--feitio-radius-top-left) - 2px);cursor:pointer;background:0 0;border:0;position:relative}.feitio-segmented button:after{content:"";position:absolute;inset:-6px -1px}.feitio-segmented button[aria-pressed=true]{color:var(--feitio-color-surface);background:var(--feitio-color-text)}.feitio-filter{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-4);flex-wrap:wrap;display:flex}.feitio-filter .feitio-input{max-inline-size:22rem;padding-inline:var(--feitio-space-3);flex:14rem;margin:0}.feitio-filter .count{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.feitio-filter .box{flex:14rem;max-inline-size:22rem;display:flex;position:relative}.feitio-filter .box .feitio-input{max-inline-size:none;padding-inline-end:calc(var(--feitio-space-3) * 2 + 1em)}.feitio-filter input[type=search]::-webkit-search-cancel-button{appearance:none}.feitio-filter .count{min-inline-size:7em}.feitio-filter .wait{inset:auto var(--feitio-space-2) calc(var(--feitio-border-width) * -3);block-size:calc(var(--feitio-border-width) * 2);background:var(--feitio-color-text-soft);border-radius:var(--feitio-border-width);transform-origin:0;opacity:0;position:absolute;scale:0 1}.feitio-filter[data-state=waiting] .wait{opacity:1;animation:feitio-filter-wait var(--feitio-filter-debounce,0s) linear forwards}.feitio-filter .busy{inset:0 var(--feitio-space-3) 0 auto;fill:none;block-size:1em;inline-size:1em;stroke:var(--feitio-color-text);stroke-width:2.4px;stroke-linecap:round;opacity:0;margin-block:auto;position:absolute}.feitio-filter .busy path{stroke-dasharray:.62 .38}.feitio-filter[data-state=busy] .busy{opacity:1;animation:1.1s linear infinite feitio-filter-spin}[data-search]{transition-behavior:allow-discrete;transition-property:opacity,block-size,padding-block,display;overflow:clip}[data-search][hidden]{opacity:0;block-size:0;padding-block:0}@starting-style{[data-filtering] [data-search]:not([hidden]){opacity:0;block-size:0}}.feitio-segmented a{min-block-size:28px;padding:0 var(--feitio-space-2);color:var(--feitio-color-text);border-radius:calc(var(--feitio-radius-top-left) - 2px);align-items:center;text-decoration:none;display:inline-flex;position:relative}.feitio-segmented a[aria-current=true]{color:var(--feitio-color-surface);background:var(--feitio-color-text)}.feitio-status-host{position:relative}.feitio-status{z-index:3;place-content:center;justify-items:center;gap:var(--feitio-space-2);background:color-mix(in oklch, var(--feitio-color-surface) 72%, transparent);border-radius:inherit;font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text);opacity:0;visibility:hidden;transition:opacity var(--feitio-duration-change) var(--feitio-easing-change), visibility var(--feitio-duration-change) allow-discrete;display:grid;position:absolute;inset:0}.feitio-status-host[data-state]>.feitio-status{opacity:1;visibility:visible}.feitio-status svg{fill:none;stroke-width:2.2px;stroke-linecap:round;block-size:3rem;inline-size:3rem;overflow:visible}.feitio-status svg g{display:none}.feitio-status .loading{stroke:var(--feitio-color-text);transform-box:fill-box;transform-origin:50%;animation:1.1s linear infinite feitio-spin}.feitio-status .loading path{stroke-dasharray:.62 .38;animation:1.6s ease-in-out infinite feitio-trace}.feitio-status .ok{stroke:var(--feitio-color-ok)}.feitio-status .error{stroke:var(--feitio-color-error)}.feitio-status-host[data-state=loading] .loading,.feitio-status-host[data-state=ok] .ok,.feitio-status-host[data-state=error] .error{display:inline}.feitio-status .ok path,.feitio-status .error path{stroke-dasharray:1;stroke-dashoffset:1px;animation:feitio-draw .22s var(--feitio-easing-change) forwards}.feitio-status .ok path+path,.feitio-status .error path+path{animation-delay:.2s}.feitio-error-summary{gap:var(--feitio-space-2);padding:var(--feitio-space-4);background:var(--feitio-color-error-surface);border:var(--feitio-border-width) solid var(--feitio-color-error);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);display:grid}.feitio-error-summary h2,.feitio-error-summary h3{align-items:center;gap:var(--feitio-space-2);font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);color:var(--feitio-color-error);margin:0;display:flex}.feitio-error-summary ul{gap:var(--feitio-space-1);font-size:var(--feitio-font-size-small);margin:0;padding-inline-start:1.2rem;display:grid}.feitio-error-summary a{color:var(--feitio-color-error);font-weight:var(--feitio-font-weight-bold);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-empty{justify-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-6) var(--feitio-space-4);text-align:center;border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);inline-size:100%;display:grid}.feitio-empty[data-size=compact]{padding:var(--feitio-space-4);gap:var(--feitio-space-2)}.feitio-empty svg{block-size:auto;inline-size:7.5rem;color:var(--feitio-color-text)}.feitio-empty .feitio-hot{stroke:var(--feitio-color-accent)}.feitio-empty h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.feitio-empty p{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft);margin:0}.feitio-table-scroll{overflow-x:auto;container-type:inline-size}.feitio-table{border-collapse:collapse;inline-size:100%;font:var(--feitio-font-size-small) var(--feitio-font-ui);font-variant-numeric:tabular-nums;line-height:1.35}.feitio-table caption{caption-side:top;text-align:start;font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);padding-block-end:var(--feitio-space-3)}.feitio-table th,.feitio-table td{text-align:start;vertical-align:middle;padding:var(--feitio-cell-padding-block) var(--feitio-cell-padding-inline);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-table thead th{font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft);border-bottom-color:var(--feitio-color-text);white-space:nowrap}.feitio-table tbody tr:hover{background:color-mix(in oklch, var(--feitio-color-text) 4%, transparent)}.feitio-table [data-align=end]{text-align:end}.feitio-table .actions{text-align:end;white-space:nowrap}.feitio-table .actions .feitio-button+.feitio-button{margin-inline-start:var(--feitio-space-2)}.feitio-table thead a{color:inherit;text-underline-offset:.2em;align-items:center;gap:var(--feitio-space-1);text-decoration:underline 1px;display:inline-flex}.feitio-table thead [aria-sort] a{color:var(--feitio-color-text)}.feitio-table thead .feitio-icon{block-size:.95em;inline-size:.95em}.feitio-table .select-col{inline-size:2.5rem}@container (width<=39.99rem){.feitio-table,.feitio-table tbody,.feitio-table tr,.feitio-table td,.feitio-table caption{display:block}.feitio-table thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.feitio-table tbody{gap:var(--feitio-space-3);display:grid}.feitio-table tbody tr{gap:var(--feitio-space-2);padding:var(--feitio-space-3);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);display:grid}.feitio-table tbody tr:hover{background:var(--feitio-color-surface-top)}.feitio-table td{gap:var(--feitio-space-3);border:0;grid-template-columns:minmax(6rem,2fr) minmax(0,3fr);place-items:center start;padding:0;display:grid}.feitio-table td:before{content:attr(data-label);font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft)}.feitio-table td[data-align=end]{text-align:start}.feitio-table td.title{font-weight:var(--feitio-font-weight-bold);font-size:var(--feitio-font-size-body);display:block}.feitio-table td.title:before,.feitio-table td.actions:before{content:none}.feitio-table td.actions{gap:var(--feitio-space-2);text-align:start;flex-wrap:wrap;padding-block-start:var(--feitio-space-1);display:flex}.feitio-table td.select{align-items:center;gap:var(--feitio-space-2);display:flex}.feitio-table td.select:before{content:none}}.feitio-summary-list{margin-block-end:0;margin-inline:0;display:grid}.feitio-summary-list>div{gap:var(--feitio-space-2) var(--feitio-space-4);padding-block:var(--feitio-space-3);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(8rem,1fr) minmax(0,2fr) auto;align-items:baseline;display:grid}.feitio-summary-list>div:first-child{border-top:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-summary-list dt{font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading)}.feitio-summary-list dd{font:var(--feitio-font-size-small) var(--feitio-font-ui);margin:0;line-height:1.4}.feitio-summary-list .change{text-align:end}@media (width<=40rem){.feitio-summary-list>div{gap:var(--feitio-space-1);grid-template-columns:minmax(0,1fr)}.feitio-summary-list .change{text-align:start}}.feitio-task-list{margin:0;padding:0;list-style:none;display:grid}.feitio-task-list>li{gap:var(--feitio-space-1) var(--feitio-space-4);padding-block:var(--feitio-space-3);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.feitio-task-list>li:first-child{border-top:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-task-list .name{gap:var(--feitio-space-1);font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);display:grid}.feitio-task-list .name a{font-weight:var(--feitio-font-weight-bold)}.feitio-task-list .name small{color:var(--feitio-color-text-soft);font-size:var(--feitio-font-size-small)}.feitio-pagination{gap:var(--feitio-space-3);font:var(--feitio-font-size-small) var(--feitio-font-ui);justify-items:start;display:grid}.feitio-pagination ul{align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feitio-pagination a,.feitio-pagination [aria-current]{min-block-size:40px;min-inline-size:40px;padding:0 var(--feitio-space-2);border-radius:var(--feitio-radius);place-items:center;display:inline-grid}.feitio-pagination a{color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-pagination [aria-current]{font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-text)}.feitio-pagination .step{align-items:center;gap:var(--feitio-space-1);display:inline-flex}.feitio-pagination .step .feitio-icon{block-size:1em;inline-size:1em}.feitio-pagination .step.prev .feitio-icon{rotate:180deg}.feitio-pagination .gap{color:var(--feitio-color-text-soft);padding:0 var(--feitio-space-1)}.feitio-pagination .meta{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-5);flex-wrap:wrap;display:flex}.feitio-pagination .count{color:var(--feitio-color-text-soft);margin:0}.feitio-pagination .per-page{align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.feitio-pagination .per-page>span:first-child{color:var(--feitio-color-text-soft)}.feitio-choice-box{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--feitio-color-text);vertical-align:middle;margin:0}.feitio-drawer{block-size:100dvh;max-block-size:none;inline-size:min(20rem,85vw);max-inline-size:none;color:var(--feitio-color-text);background:var(--feitio-color-surface);border:0;border-inline-start:var(--feitio-border-width) solid var(--feitio-color-text);font-family:var(--feitio-font-ui);transition:translate var(--feitio-duration-change) var(--feitio-easing-change), display var(--feitio-duration-change) allow-discrete, overlay var(--feitio-duration-change) allow-discrete;margin:0;padding:0;inset:0 0 0 auto;translate:105%}.feitio-drawer[data-side=start]{border-inline-start:0;border-inline-end:var(--feitio-border-width) solid var(--feitio-color-text);inset:0 auto 0 0;translate:-105%}.feitio-drawer[data-side=top],.feitio-drawer[data-side=bottom]{border-inline-start:0;block-size:auto;max-block-size:85dvh;inline-size:100%}.feitio-drawer[data-side=top]{border-bottom:var(--feitio-border-width) solid var(--feitio-color-text);inset:0 0 auto;translate:0 -105%}.feitio-drawer[data-side=bottom]{border-top:var(--feitio-border-width) solid var(--feitio-color-text);inset:auto 0 0;translate:0 105%}@starting-style{.feitio-drawer:popover-open{translate:105%}.feitio-drawer[data-side=start]:popover-open{translate:-105%}.feitio-drawer[data-side=top]:popover-open{translate:0 -105%}.feitio-drawer[data-side=bottom]:popover-open{translate:0 105%}}.feitio-drawer .drawer-header{align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3) var(--feitio-space-2) var(--feitio-space-4);flex:none;display:flex}.feitio-drawer .drawer-header:has(h2){border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-drawer .drawer-header h2{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);margin:0}.feitio-drawer .drawer-header:not(:has(h2))+.drawer-body{padding-block-start:0}.feitio-drawer .drawer-footer{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-3);padding:var(--feitio-space-3) var(--feitio-space-4);border-top:var(--feitio-border-width) solid var(--feitio-color-line);font-size:var(--feitio-font-size-small);flex-wrap:wrap;flex:none;display:flex}[data-motion=direct] .feitio-drawer{transition:none}.feitio-app-frame{container-type:inline-size}.feitio-app{background:var(--feitio-color-surface);font-family:var(--feitio-font-ui);grid-template-columns:minmax(0,1fr);grid-template-areas:"header""main";display:grid}.feitio-app-header{z-index:2;align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3);background:var(--feitio-color-surface);border-bottom:var(--feitio-border-width) solid var(--feitio-color-text);transition:translate var(--feitio-duration-change) var(--feitio-easing-change);grid-area:header;display:flex;position:sticky;inset-block-start:0}.feitio-app-header[data-hidden]{translate:0 calc(-100% - 2px)}.feitio-app-header .brand{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);color:var(--feitio-color-text);text-decoration:none}.feitio-app-header .actions{align-items:center;gap:var(--feitio-space-2);margin-inline-start:auto;display:flex}.feitio-app-header .menu{margin-inline-start:auto}.feitio-app-header .actions+.menu{margin-inline-start:0}.feitio-app-main{min-inline-size:0;padding:var(--feitio-space-4);--feitio-scroll-fade-bleed:var(--feitio-space-4);grid-area:main}.feitio-app-main>*+*{margin-block-start:var(--feitio-space-4)}.feitio-app-nav .feitio-nav{align-content:start}.feitio-app-nav .nav-footer{justify-content:space-between}.feitio-app-nav .nav-footer .who{color:var(--feitio-color-text-soft)}@container (width>=64rem){.feitio-app{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);grid-template-areas:"header header""nav main"}.feitio-app-header{padding:var(--feitio-space-3) var(--feitio-space-5);position:static}.feitio-app-header .menu,.feitio-app-nav .drawer-header{display:none}.feitio-app-nav[popover]{border-inline-start:0;border-inline-end:var(--feitio-border-width) solid var(--feitio-color-line);grid-area:nav;grid-template-rows:minmax(0,1fr) auto;block-size:auto;inline-size:auto;transition:none;display:grid;position:static;inset:auto;overflow:visible;translate:none}.feitio-app-nav .drawer-body{padding:var(--feitio-space-4) var(--feitio-space-3);overflow:visible}.feitio-app-nav .drawer-footer{padding-inline:var(--feitio-space-3)}.feitio-app-main{padding:var(--feitio-space-5);--feitio-scroll-fade-bleed:var(--feitio-space-5)}.feitio-app-main>:not(.feitio-scroll-fade,.feitio-back-to-top){max-inline-size:72rem;margin-inline:auto}}[data-motion=direct] .feitio-scroll-fade,[data-motion=direct] .feitio-back-to-top{transition:none}.feitio-nav{gap:var(--feitio-space-5);font:var(--feitio-font-size-small) var(--feitio-font-ui);display:grid}.feitio-nav a{align-items:center;gap:var(--feitio-space-2);min-block-size:40px;padding:0 var(--feitio-space-3);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);color:var(--feitio-color-text);text-decoration:none;display:flex}.feitio-nav .feitio-icon{flex:none;block-size:1.1em;inline-size:1.1em}.feitio-details{font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-text)}.feitio-details summary{align-items:center;gap:var(--feitio-space-2);cursor:pointer;min-block-size:40px;font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px;list-style:none;display:inline-flex}.feitio-details summary::-webkit-details-marker{display:none}.feitio-details summary .feitio-icon{block-size:1em;inline-size:1em;transition:rotate var(--feitio-duration-change) var(--feitio-easing-change);flex:none}.feitio-details[open]:not([data-closing]) summary .feitio-icon{rotate:90deg}.feitio-details .content{padding-block-start:var(--feitio-space-2);padding-inline-start:calc(1em + var(--feitio-space-2))}.feitio-details .content>*+*{margin-block-start:var(--feitio-space-3)}[data-motion=direct] .feitio-details summary .feitio-icon{transition:none}.feitio-anchor{font:var(--feitio-font-size-small) var(--feitio-font-ui)}.feitio-anchor .title{margin:0 0 var(--feitio-space-2);font-weight:var(--feitio-font-weight-bold)}.feitio-anchor ul{gap:var(--feitio-space-1);margin:0;padding:0;list-style:none;display:grid}.feitio-anchor ul ul{margin-block-start:var(--feitio-space-1);padding-inline-start:var(--feitio-space-3)}.feitio-anchor a{gap:var(--feitio-space-1);color:var(--feitio-color-text-soft);line-height:var(--feitio-line-height-heading);grid-template-columns:.9em minmax(0,1fr);align-items:baseline;padding-block:.15rem;text-decoration:none;display:grid}.feitio-anchor a:hover{color:var(--feitio-color-text);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-anchor a .feitio-icon{opacity:0;block-size:.8em;inline-size:.8em;transition:opacity var(--feitio-duration-change) var(--feitio-easing-change);align-self:center}.feitio-anchor a[aria-current=location]{color:var(--feitio-color-text);font-weight:var(--feitio-font-weight-bold)}.feitio-anchor a[aria-current=location] .feitio-icon{opacity:1}.feitio-footer{padding:var(--feitio-space-5) var(--feitio-space-4);border-block-start:var(--feitio-border-width) solid var(--feitio-color-line);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.feitio-footer .inner{justify-content:space-between;align-items:center;gap:var(--feitio-space-3) var(--feitio-space-5);flex-wrap:wrap;max-inline-size:90rem;margin-inline:auto;display:flex}.feitio-footer .who{align-items:center;gap:var(--feitio-space-2);display:flex}.feitio-footer .who strong{color:var(--feitio-color-text);font-weight:var(--feitio-font-weight-heavy)}.feitio-footer .brand-logo{block-size:1.4rem;inline-size:1.4rem}.feitio-footer ul{gap:var(--feitio-space-2) var(--feitio-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feitio-footer a{color:var(--feitio-color-text-soft);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-footer a:hover{color:var(--feitio-color-text)}.feitio-header-wrap{container-type:inline-size}.feitio-header{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3);color:var(--feitio-color-text);background:var(--feitio-color-surface);border-block-end:var(--feitio-border-width) solid var(--feitio-color-text);font-family:var(--feitio-font-ui);flex-wrap:wrap;display:flex}.feitio-header .brand{align-items:center;gap:var(--feitio-space-2);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);text-decoration:none;display:inline-flex}.feitio-header .areas{gap:var(--feitio-space-1);display:none}.feitio-header .areas a{min-block-size:var(--feitio-control-min-size-small);padding:0 var(--feitio-space-2);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);align-items:center;text-decoration:none;display:inline-flex}.feitio-header .areas a:hover{text-underline-offset:.2em;text-decoration:underline}.feitio-header .areas a[aria-current=true]{background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.feitio-header .tools{align-items:center;gap:var(--feitio-space-2);margin-inline-start:auto;display:flex}.feitio-header .wide-only{display:none}@container (width>=40rem){.feitio-header .areas{display:flex}.feitio-header .wide-only{display:inline-flex}.feitio-header .menu{display:none}}.feitio-dialog[open]{opacity:1;opacity:0;translate:0;translate:0 var(--feitio-space-3)}.feitio-example h3[id]{scroll-margin-block-start:var(--feitio-space-6)}.feitio-code pre[hidden]{display:none}@starting-style{.feitio-dialog[open]{opacity:0;translate:0 var(--feitio-space-3)}}.feitio-dialog h2{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);margin:0}.feitio-dialog p,.feitio-dialog ul{margin:var(--feitio-space-2) 0 0;font-size:var(--feitio-font-size-small);line-height:var(--feitio-line-height-text)}.feitio-dialog ul{gap:var(--feitio-space-1);padding-inline-start:1.2rem;display:grid}.feitio-dialog .feitio-field{margin-block-start:var(--feitio-space-4)}.feitio-dialog .actions{gap:var(--feitio-space-3);flex-direction:column;margin-block-start:var(--feitio-space-4);display:flex}.feitio-dialog:not(.search-dialog){max-inline-size:28rem}.feitio-dialog:not(.search-dialog) form{display:block}.do .demo .feitio-button,.dont .demo .feitio-button{pointer-events:none}.do .demo,.dont .demo{font-family:var(--feitio-font-ui);align-items:center}.pair.stack{grid-template-columns:minmax(0,1fr)}.dont .demo:has(.grid-demo){overflow:visible}.do .demo img,.dont .demo img{aspect-ratio:4/3;object-fit:cover;inline-size:9rem}.feitio-dodont{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.feitio-dodont .do,.feitio-dodont .dont{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);overflow:hidden}.feitio-dodont .verdict{align-items:center;gap:var(--feitio-space-2);padding:var(--feitio-space-2) var(--feitio-space-3);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);margin:0;display:flex}.feitio-dodont .do .verdict{color:var(--feitio-color-ok);background:var(--feitio-color-ok-surface)}.feitio-dodont .dont .verdict{color:var(--feitio-color-error);background:var(--feitio-color-error-surface)}.feitio-dodont .demo{gap:var(--feitio-space-2);padding:var(--feitio-space-4);flex-wrap:wrap;display:flex}.feitio-dodont .why{padding:0 var(--feitio-space-4) var(--feitio-space-4);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0}.feitio-nav{gap:var(--feitio-space-5);font:var(--feitio-font-size-small) var(--feitio-font-ui);align-content:start;display:grid}.feitio-nav .group{gap:var(--feitio-space-2);display:grid}.feitio-nav .group-title{padding-inline:var(--feitio-space-3);font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft);margin:0}.feitio-nav ul{gap:var(--feitio-space-1);margin:0;padding:0;list-style:none;display:grid}.feitio-nav a{min-block-size:36px;padding:0 var(--feitio-space-3);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);color:var(--feitio-color-text);align-items:center;text-decoration:none;display:flex}.feitio-nav a:hover{text-underline-offset:.2em;text-decoration:underline 1px}.feitio-nav a[aria-current=page]{font-weight:var(--feitio-font-weight-bold);background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.feitio-drawer{block-size:100dvh;max-block-size:none;inline-size:min(20rem,85vw);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:0;border-inline-start:var(--feitio-border-width) solid var(--feitio-color-text);font-family:var(--feitio-font-ui);transition:translate var(--feitio-duration-change) var(--feitio-easing-change), display var(--feitio-duration-change) allow-discrete, overlay var(--feitio-duration-change) allow-discrete;margin:0;padding:0;inset:0 0 0 auto;translate:105%}.feitio-drawer:popover-open{flex-direction:column;display:flex;translate:0}@starting-style{.feitio-drawer:popover-open{translate:105%}}.feitio-drawer::backdrop{background:color-mix(in oklch, var(--feitio-color-shadow) 45%, transparent)}.feitio-drawer .drawer-header{align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3) var(--feitio-space-2) var(--feitio-space-4);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);flex:none;display:flex}.feitio-drawer .drawer-header h2{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.feitio-drawer .drawer-header .close{margin-inline-start:auto}.feitio-drawer .drawer-body{min-block-size:0;padding:var(--feitio-space-4);align-content:start;gap:var(--feitio-space-5);flex:auto;display:grid;overflow-y:auto}.feitio-dialog{inline-size:calc(100% - var(--feitio-space-3) * 2);max-inline-size:36rem;max-block-size:calc(100dvh - var(--feitio-space-3) * 2);padding:var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);font-family:var(--feitio-font-ui);opacity:0;translate:0 var(--feitio-space-3);transition:opacity var(--feitio-duration-place) var(--feitio-easing-place), translate var(--feitio-duration-place) var(--feitio-easing-place), display var(--feitio-duration-place) allow-discrete, overlay var(--feitio-duration-place) allow-discrete;margin:auto}.feitio-dialog[open]{opacity:1;translate:0}@starting-style{.feitio-dialog[open]{opacity:0;translate:0 var(--feitio-space-3)}}.feitio-dialog::backdrop{background:color-mix(in oklch, var(--feitio-color-shadow) 45%, transparent)}.feitio-input{inline-size:100%;min-block-size:var(--feitio-control-min-size);padding:0 var(--feitio-space-3);font:var(--feitio-font-size-body) var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius)}.feitio-code{border-radius:var(--feitio-radius);background:var(--feitio-color-surface-raised);position:relative}.feitio-code .bar{justify-content:space-between;align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-2) var(--feitio-space-2) var(--feitio-space-4);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);font:var(--feitio-font-weight-bold) .8rem var(--feitio-font-ui);color:var(--feitio-color-text-soft);display:flex}.feitio-code .copy{background:var(--feitio-color-surface-top)}.feitio-code pre{padding:var(--feitio-space-4);tab-size:2;margin:0;font:.88rem/1.6 ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto}.feitio-code .c-tag{color:var(--feitio-color-accent-strong);font-weight:600}.feitio-code .c-attr{color:var(--feitio-color-ok)}.feitio-code .c-value{color:var(--feitio-color-text)}.feitio-code .c-punct,.feitio-code .c-comment{color:var(--feitio-color-text-soft)}.feitio-code .c-comment{font-style:italic}.feitio-code .copy[data-done]{color:var(--feitio-color-ok);border-color:var(--feitio-color-ok)}.feitio-example{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius)}.feitio-example .live{align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-5) var(--feitio-space-4);flex-wrap:wrap;display:flex}.feitio-example .about{padding:var(--feitio-space-3) var(--feitio-space-4);border-top:var(--feitio-border-width) solid var(--feitio-color-line);font:var(--feitio-font-size-small) var(--feitio-font-ui)}.feitio-example .about h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-body) var(--feitio-font-ui);margin:0}.feitio-example .about p{margin:var(--feitio-space-1) 0 0;color:var(--feitio-color-text-soft)}.feitio-example details summary{align-items:center;gap:var(--feitio-space-2);min-block-size:40px;cursor:pointer;font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-accent-strong);text-underline-offset:.2em;margin-block-start:var(--feitio-space-2);text-decoration:underline 1px;list-style:none;display:inline-flex}.feitio-example details summary::-webkit-details-marker{display:none}.feitio-example details summary .feitio-icon{block-size:1em;inline-size:1em;transition:rotate var(--feitio-duration-change) var(--feitio-easing-change)}.feitio-example details[open] summary .feitio-icon{rotate:90deg}.feitio-example details .feitio-code{margin-block-start:var(--feitio-space-2)}.feitio-scroll-fade{z-index:1;block-size:3rem;margin-block-start:-3rem;margin-inline:calc(var(--feitio-scroll-fade-bleed,0px) * -1);pointer-events:none;background:linear-gradient(to bottom, transparent, var(--feitio-scroll-fade-to,var(--feitio-color-surface)));opacity:0;transition:opacity var(--feitio-duration-change) var(--feitio-easing-change);display:block;position:sticky;inset-block-end:0}.feitio-scroll-fade[data-visible]{opacity:1}.feitio-button.feitio-back-to-top{z-index:2;inline-size:fit-content;margin:var(--feitio-space-5) 0 var(--feitio-space-3) auto;background:var(--feitio-color-surface-top);box-shadow:var(--feitio-shadow-lift);opacity:0;visibility:hidden;translate:0 var(--feitio-space-3);transition:opacity var(--feitio-duration-change) var(--feitio-easing-change), translate var(--feitio-duration-change) var(--feitio-easing-change), visibility var(--feitio-duration-change) allow-discrete;display:flex;position:sticky;inset-block-end:var(--feitio-space-3)}.feitio-button.feitio-back-to-top .feitio-icon{rotate:180deg}.feitio-button.feitio-back-to-top[data-visible]{opacity:1;visibility:visible;translate:0}.search-open kbd{border:var(--feitio-border-width) solid var(--feitio-color-line);color:var(--feitio-color-text-soft);border-radius:4px;padding:0 .35em;font:.8rem ui-monospace,monospace}.feitio-dialog.search-dialog{max-inline-size:36rem;margin-block-start:0;padding:0;inset-block-start:10dvh}.feitio-dialog.search-dialog .search-head{align-items:center;gap:var(--feitio-space-2);padding:var(--feitio-space-2) var(--feitio-space-2) var(--feitio-space-2) var(--feitio-space-4);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);display:flex}.feitio-dialog.search-dialog .search-head>.feitio-icon{block-size:1.2rem;inline-size:1.2rem;color:var(--feitio-color-text-soft);flex:none}.feitio-dialog.search-dialog .search-field{min-block-size:40px;min-inline-size:0;font:var(--feitio-font-size-body) var(--feitio-font-ui);color:var(--feitio-color-text);background:0 0;border:0;outline:none;flex:1;padding:0}.feitio-dialog.search-dialog .results{padding:var(--feitio-space-2);gap:var(--feitio-space-1);max-block-size:50dvh;margin:0;list-style:none;display:grid;overflow-y:auto}.feitio-dialog.search-dialog .results:empty{display:none}.feitio-dialog.search-dialog .results a{justify-content:space-between;align-items:baseline;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3);color:var(--feitio-color-text);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);font-size:var(--feitio-font-size-small);text-decoration:none;display:flex}.feitio-dialog.search-dialog .results a:hover,.feitio-dialog.search-dialog .results a:focus-visible,.feitio-dialog.search-dialog .results a[data-active]{background:var(--feitio-color-surface);border-color:var(--feitio-color-text);outline:none}.feitio-dialog.search-dialog .results small{color:var(--feitio-color-text-soft);flex:none}.feitio-dialog.search-dialog .empty{padding:var(--feitio-space-4);color:var(--feitio-color-text-soft);font-size:var(--feitio-font-size-small);margin:0}.feitio-dialog.search-dialog .foot{gap:var(--feitio-space-1) var(--feitio-space-4);padding:var(--feitio-space-2) var(--feitio-space-4);border-top:var(--feitio-border-width) solid var(--feitio-color-line);color:var(--feitio-color-text-soft);flex-wrap:wrap;margin:0;font-size:.85rem;display:flex}.feitio-dialog.search-dialog kbd{text-align:center;border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:4px;min-inline-size:1.4em;padding:0 .3em;font:.8rem ui-monospace,monospace;display:inline-block}.feitio-stack{flex-direction:column;display:flex}.feitio-inline{flex-wrap:wrap;align-items:center;display:flex}.feitio-grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--feitio-grid-min,15rem), 100%), 1fr));display:grid}.feitio-stack,.feitio-inline,.feitio-grid{gap:var(--feitio-gap,var(--feitio-space-4))}.feitio-stack>*,.feitio-inline>*,.feitio-grid>*{min-inline-size:0;margin:0}[data-gap="1"]{--feitio-gap:var(--feitio-space-1)}[data-gap="2"]{--feitio-gap:var(--feitio-space-2)}[data-gap="3"]{--feitio-gap:var(--feitio-space-3)}[data-gap="4"]{--feitio-gap:var(--feitio-space-4)}[data-gap="5"]{--feitio-gap:var(--feitio-space-5)}[data-gap="6"]{--feitio-gap:var(--feitio-space-6)}[data-gap="7"]{--feitio-gap:var(--feitio-space-7)}.feitio-stack[data-align=start]{align-items:flex-start}.feitio-stack[data-align=center]{align-items:center}.feitio-inline[data-justify=between]{justify-content:space-between}.feitio-inline[data-justify=end]{justify-content:flex-end}.feitio-breadcrumbs ol{align-items:center;gap:var(--feitio-space-1) var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feitio-breadcrumbs li{align-items:center;gap:var(--feitio-space-2);display:inline-flex}.feitio-breadcrumbs .sep{color:var(--feitio-color-text-soft);display:inline-flex}.feitio-breadcrumbs .sep .feitio-icon{block-size:.8em;inline-size:.8em}.feitio-breadcrumbs a{color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-breadcrumbs [aria-current=page]{color:var(--feitio-color-text-soft)}.feitio-breadcrumbs .back .feitio-icon{block-size:.9em;inline-size:.9em;rotate:180deg}.feitio-breadcrumbs .back a{align-items:center;gap:var(--feitio-space-1);display:inline-flex}.feitio-nav a .feitio-tag[data-size=small]{margin-inline-start:auto}.feitio-swatch{vertical-align:-.12em;background:var(--swatch);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:3px;block-size:1em;inline-size:1em;display:inline-block}}@keyframes feitio-place{0%{opacity:0;box-shadow:0 0 0 var(--feitio-color-shadow);transform:translate(-3px,-8px)rotate(-1.5deg)}to{opacity:1;box-shadow:var(--feitio-shadow-lift);transform:none}}@keyframes feitio-filter-wait{to{scale:1}}@keyframes feitio-filter-spin{to{rotate:360deg}}@keyframes feitio-notice-out{to{opacity:0;border-width:0;block-size:0;margin-block:0;padding-block:0}}@keyframes feitio-spin{to{rotate:360deg}}@keyframes feitio-trace{50%{stroke-dashoffset:-.5px}}@keyframes feitio-draw{to{stroke-dashoffset:0}}.do .demo .feitio-button,.dont .demo .feitio-button{pointer-events:none}.live h2,.live h3,.live h4{margin:0}.live .heads h1{font-size:var(--feitio-font-size-h1)}.demo .feitio-block,.live .feitio-block{inline-size:100%}.states{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));inline-size:100%;display:grid}.states figure{gap:var(--feitio-space-2);align-content:start;margin:0;display:grid}.states figcaption{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.feitio-input[aria-invalid=true],.feitio-textarea[aria-invalid=true],.feitio-select select[aria-invalid=true]{border-color:var(--feitio-color-error)}.feitio-input:disabled,.feitio-textarea:disabled,.feitio-select select:disabled{color:var(--feitio-color-text-soft);background:var(--feitio-color-surface-raised);cursor:not-allowed;border-style:dashed}.is-hover{border-color:var(--feitio-color-accent-strong)!important}.feitio-select select{appearance:none;inline-size:100%;min-block-size:var(--feitio-control-min-size);padding:0 calc(var(--feitio-space-3) + 1.5rem) 0 var(--feitio-space-3);font:var(--feitio-font-size-body) var(--feitio-font-ui);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius)}.feitio-select select:has(option[value=""]:checked){color:var(--feitio-color-text-soft)}.feitio-select>.feitio-icon{inset:0 var(--feitio-space-3) 0 auto;pointer-events:none;margin-block:auto;position:absolute}@supports (appearance:base-select){.feitio-select select{appearance:base-select}.feitio-select select::picker-icon{display:none}.feitio-select select::picker(select){appearance:base-select;padding:var(--feitio-space-1);color:var(--feitio-color-text);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift)}.feitio-select option{padding:var(--feitio-space-2) var(--feitio-space-3);border-radius:var(--feitio-radius)}.feitio-select option:checked{font-weight:var(--feitio-font-weight-bold)}.feitio-select option::checkmark{display:none}}.feitio-choice input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--feitio-color-text);flex:none;margin:0}.feitio-fieldset legend{float:left;inline-size:100%;padding:0}.feitio-fieldset .head{gap:var(--feitio-space-1);display:grid}.feitio-fieldset>.feitio-error-message{margin-block-start:calc(var(--feitio-space-2) - var(--feitio-space-3))}.feitio-switch input{appearance:none;background:var(--feitio-color-surface-raised);border:var(--feitio-border-width) solid var(--feitio-color-text);cursor:pointer;border-radius:1rem;flex:none;block-size:1.5rem;inline-size:2.75rem;margin:0;position:relative}.feitio-switch input:before{content:"";background:var(--feitio-color-text);inline-size:calc(1.5rem - 6px);transition:translate var(--feitio-duration-change) var(--feitio-easing-change);border-radius:50%;position:absolute;inset-block:2px;inset-inline-start:2px}.feitio-switch input:checked{background:var(--feitio-color-text)}.feitio-switch input:checked:before{background:var(--feitio-color-surface);translate:1.25rem}.feitio-switch .state{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft)}.feitio-switch:has(input:disabled) input{border-style:dashed}.feitio-time-field .seg{text-align:center;inline-size:2ch;font:inherit;color:var(--feitio-color-text);background:0 0;border:0;border-radius:4px;padding:.1rem 0}.feitio-time-field .seg:focus{background:color-mix(in oklch, var(--feitio-color-accent) 18%, transparent);outline:none}.feitio-time-field .seg[aria-invalid=true]{color:var(--feitio-color-error);text-decoration:underline;text-decoration-color:var(--feitio-color-error)}.feitio-time-field .sep{font-weight:var(--feitio-font-weight-bold)}.feitio-time-field .period{padding:.1rem var(--feitio-space-2);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-line);cursor:pointer;background:0 0;border-radius:4px;margin-inline-start:var(--feitio-space-2);position:relative}.feitio-time-field[data-hour-cycle="24"] .period{display:none}.feitio-notice p{grid-column:2;margin:0}.feitio-summary-list>div:first-child{border-top:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-summary-list dt{font-weight:var(--feitio-font-weight-bold);font-size:var(--feitio-font-size-small)}.feitio-summary-list dd{font-size:var(--feitio-font-size-small);margin:0}.feitio-dialog h2{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);margin:0}.feitio-dialog p,.feitio-dialog ul{margin:var(--feitio-space-2) 0 0;font-size:var(--feitio-font-size-small);line-height:var(--feitio-line-height-text)}.feitio-dialog ul{gap:var(--feitio-space-1);padding-inline-start:1.2rem;display:grid}.feitio-dialog .actions{gap:var(--feitio-space-3);flex-direction:column;margin-block-start:var(--feitio-space-4);display:flex}@media (width>=30rem){.feitio-dialog .actions{flex-flow:wrap;align-items:center}}[data-motion=direct] .feitio-dialog{transition:none}.feitio-status-host[data-state]>.feitio-status{opacity:1;visibility:visible}.feitio-status svg{fill:none;stroke-width:2.2px;stroke-linecap:round;block-size:3rem;inline-size:3rem;overflow:visible}.feitio-status svg g{display:none}.feitio-status-host[data-state=loading] .loading,.feitio-status-host[data-state=ok] .ok,.feitio-status-host[data-state=error] .error{display:inline}.feitio-status .loading{stroke:var(--feitio-color-text);transform-box:fill-box;transform-origin:50%;animation:1.1s linear infinite feitio-spin}.feitio-status .loading path{stroke-dasharray:.62 .38;animation:1.6s ease-in-out infinite feitio-trace}.feitio-status .ok{stroke:var(--feitio-color-ok)}.feitio-status .error{stroke:var(--feitio-color-error)}.feitio-status .ok path,.feitio-status .error path{stroke-dasharray:1;stroke-dashoffset:1px;animation:feitio-draw .22s var(--feitio-easing-change) forwards}.feitio-status .ok path+path,.feitio-status .error path+path{animation-delay:.2s}@media (prefers-reduced-motion:reduce){.feitio-status .loading,.feitio-status .loading path{animation:none}.feitio-status .ok path,.feitio-status .error path{stroke-dashoffset:0;animation:none}}[data-motion=direct] .feitio-status .loading,[data-motion=direct] .feitio-status .loading path{animation:none}[data-motion=direct] .feitio-status .ok path,[data-motion=direct] .feitio-status .error path{stroke-dashoffset:0;animation:none}.feitio-error-summary h2,.feitio-error-summary h3{align-items:center;gap:var(--feitio-space-2);font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);color:var(--feitio-color-error);margin:0;display:flex}.feitio-error-summary ul{gap:var(--feitio-space-1);font-size:var(--feitio-font-size-small);margin:0;padding-inline-start:1.2rem;display:grid}.feitio-error-summary a{color:var(--feitio-color-error);font-weight:var(--feitio-font-weight-bold);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-empty svg{block-size:auto;inline-size:7.5rem;color:var(--feitio-color-text)}.feitio-empty h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.feitio-empty p{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft);margin:0}.card{padding:var(--feitio-space-4);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);inline-size:100%}.card>*+*{margin-block-start:var(--feitio-space-4)}.card>.feitio-status{margin:0}.card h3,.card h4{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.notice-slot:empty{display:none}.live>.notice-slot:not(:empty)+*{margin-block-start:var(--feitio-space-3)}.live:has(.notice-slot){display:grid}.demo-controls{align-items:center;gap:var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);flex-wrap:wrap;display:flex}.states3{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));inline-size:100%;display:grid}.states3 figure{gap:var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0;display:grid}.states3 .card{min-block-size:8rem}@starting-style{.feitio-drawer:popover-open{translate:105%}.feitio-drawer[data-side=start]:popover-open{translate:-105%}.feitio-drawer[data-side=top]:popover-open{translate:0 -105%}.feitio-drawer[data-side=bottom]:popover-open{translate:0 105%}}.feitio-drawer .drawer-header{align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3) var(--feitio-space-2) var(--feitio-space-4);flex:none;display:flex}.feitio-drawer .drawer-header:has(h2){border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-drawer .drawer-header h2{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);margin:0}.feitio-drawer .drawer-header .close{margin-inline-start:auto}.feitio-drawer .drawer-body{min-block-size:0;padding:var(--feitio-space-4);align-content:start;gap:var(--feitio-space-4);flex:auto;display:grid;overflow-y:auto}.feitio-drawer .drawer-header:not(:has(h2))+.drawer-body{padding-block-start:0}.feitio-drawer .drawer-footer{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-3);padding:var(--feitio-space-3) var(--feitio-space-4);border-top:var(--feitio-border-width) solid var(--feitio-color-line);font-size:var(--feitio-font-size-small);flex-wrap:wrap;flex:none;display:flex}[data-motion=direct] .feitio-drawer{transition:none}.feitio-app-header .brand{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);color:var(--feitio-color-text);text-decoration:none}.feitio-app-header .actions{align-items:center;gap:var(--feitio-space-2);margin-inline-start:auto;display:flex}.feitio-app-header .menu{margin-inline-start:auto}.feitio-app-header .actions+.menu{margin-inline-start:0}.feitio-app-main>*+*{margin-block-start:var(--feitio-space-4)}.feitio-app-nav .nav-footer{justify-content:space-between}.feitio-app-nav .nav-footer .who{color:var(--feitio-color-text-soft)}@container (width>=64rem){.feitio-app{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);grid-template-areas:"header header""nav main"}.feitio-app-header{padding:var(--feitio-space-3) var(--feitio-space-5);position:static}.feitio-app-header .menu,.feitio-app-nav .drawer-header{display:none}.feitio-app-nav[popover]{border-inline-start:0;border-inline-end:var(--feitio-border-width) solid var(--feitio-color-line);grid-area:nav;grid-template-rows:minmax(0,1fr) auto;block-size:auto;inline-size:auto;transition:none;display:grid;position:static;inset:auto;overflow:visible;translate:none}.feitio-app-nav .drawer-body{padding:var(--feitio-space-4) var(--feitio-space-3);overflow:visible}.feitio-app-nav .drawer-footer{padding-inline:var(--feitio-space-3)}.feitio-app-main{padding:var(--feitio-space-5);--feitio-scroll-fade-bleed:var(--feitio-space-5)}.feitio-app-main>:not(.feitio-scroll-fade,.feitio-back-to-top){max-inline-size:72rem;margin-inline:auto}}.feitio-button.feitio-back-to-top{z-index:2;inline-size:fit-content;margin:var(--feitio-space-3) var(--feitio-space-3) var(--feitio-space-3) auto;background:var(--feitio-color-surface-top);box-shadow:var(--feitio-shadow-lift);opacity:0;visibility:hidden;translate:0 var(--feitio-space-3);transition:opacity var(--feitio-duration-change) var(--feitio-easing-change), translate var(--feitio-duration-change) var(--feitio-easing-change), visibility var(--feitio-duration-change) allow-discrete;display:flex;position:sticky;inset-block-end:var(--feitio-space-3)}.feitio-button.feitio-back-to-top .feitio-icon{rotate:180deg}.feitio-button.feitio-back-to-top[data-visible]{opacity:1;visibility:visible;translate:0}[data-motion=direct] .feitio-scroll-fade,[data-motion=direct] .feitio-back-to-top{transition:none}.feitio-nav .group{gap:var(--feitio-space-2);display:grid}.feitio-nav .group-title{padding-inline:var(--feitio-space-3);font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft);margin:0}.feitio-nav ul{gap:var(--feitio-space-1);margin:0;padding:0;list-style:none;display:grid}.feitio-nav a{align-items:center;gap:var(--feitio-space-2);min-block-size:40px;padding:0 var(--feitio-space-3);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);color:var(--feitio-color-text);text-decoration:none;display:flex}.feitio-nav a:hover{text-underline-offset:.2em;text-decoration:underline 1px}.feitio-nav a[aria-current=page]{font-weight:var(--feitio-font-weight-bold);background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.feitio-breadcrumbs ol{align-items:center;gap:var(--feitio-space-1) var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feitio-breadcrumbs li{align-items:center;gap:var(--feitio-space-2);display:inline-flex}.feitio-breadcrumbs .sep{color:var(--feitio-color-text-soft);display:inline-flex}.feitio-breadcrumbs .sep .feitio-icon{block-size:.8em;inline-size:.8em}.feitio-breadcrumbs a{color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-breadcrumbs [aria-current=page]{color:var(--feitio-color-text-soft)}.feitio-breadcrumbs .back .feitio-icon{block-size:.9em;inline-size:.9em;rotate:180deg}.feitio-breadcrumbs .back a{align-items:center;gap:var(--feitio-space-1);display:inline-flex}.feitio-details summary{align-items:center;gap:var(--feitio-space-2);cursor:pointer;min-block-size:40px;font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px;list-style:none;display:inline-flex}.feitio-details summary::-webkit-details-marker{display:none}.feitio-details summary .feitio-icon{block-size:1em;inline-size:1em;transition:rotate var(--feitio-duration-change) var(--feitio-easing-change);flex:none}.feitio-details[open]:not([data-closing]) summary .feitio-icon{rotate:90deg}.feitio-details .content{padding-block-start:var(--feitio-space-2);padding-inline-start:calc(1em + var(--feitio-space-2))}.feitio-details .content>*+*{margin-block-start:var(--feitio-space-3)}[data-motion=direct] .feitio-details summary .feitio-icon{transition:none}.wide-sample{inline-size:100%;overflow-x:auto}.scroll-demo{background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);block-size:14rem;inline-size:100%;font:var(--feitio-font-size-small) var(--feitio-font-ui);padding:0;overflow-y:auto}.scroll-demo-content{padding:var(--feitio-space-4)}.scroll-demo-content>p{margin:0}.scroll-demo-content>p+p{margin-block-start:var(--feitio-space-2)}.anchor-sample{max-inline-size:15rem}.search-sample{opacity:1;inline-size:100%;max-inline-size:26rem;margin:0;display:block;position:static;translate:none}.live .feitio-app-frame{inline-size:100%}.live .toc-mobile{display:block!important}.note{font-size:var(--feitio-font-size-small);font-family:var(--feitio-font-ui);color:var(--feitio-color-text-soft);line-height:var(--feitio-line-height-text)}.site-main>.note+.note{margin-block-start:var(--feitio-space-2)}.tiebreak{gap:var(--feitio-space-3);margin-block-end:0;margin-inline:0;display:grid}.tiebreak div{gap:var(--feitio-space-1);border-top:var(--feitio-border-width) solid var(--feitio-color-line);padding-block-start:var(--feitio-space-3);display:grid}.tiebreak dt{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui)}.tiebreak dd{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0}.roles{gap:var(--feitio-space-4) var(--feitio-space-5);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.role{gap:0 var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;display:grid}.role .chip{border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);grid-row:span 2;block-size:2.25rem;inline-size:2.25rem}.role b{font-family:ui-monospace,monospace;font-size:.85rem}.role span{color:var(--feitio-color-text-soft)}.modes{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.modes>div{padding:var(--feitio-space-4);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);background:var(--feitio-color-surface);color:var(--feitio-color-text);font-family:var(--feitio-font-ui)}.modes>div>*+*{margin-block-start:var(--feitio-space-2)}.modes strong{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui)}.modes p{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft);margin:0}.modes code{font-size:.8rem}.status-word{align-items:center;gap:var(--feitio-space-1);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);display:inline-flex}.status-word.ok{color:var(--feitio-color-ok)}.status-word.error{color:var(--feitio-color-error)}.dot{border-radius:50%;block-size:.8rem;inline-size:.8rem;display:inline-block}.do .demo,.dont .demo{font-family:var(--feitio-font-ui);align-items:center}.voices{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.voices>div{padding:var(--feitio-space-4);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius)}.voices>div>*+*{margin-block-start:var(--feitio-space-2)}.voices .aa{margin:0;font-size:2.5rem;line-height:1}.voices strong{font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui)}.voices p{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0}.scale{margin-block-end:0;margin-inline:0;display:grid}.scale>div{gap:var(--feitio-space-1) var(--feitio-space-4);padding-block:var(--feitio-space-3);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);align-items:baseline;display:grid}.scale dt{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.scale dd{overflow-wrap:anywhere;margin:0}.ruler{gap:var(--feitio-space-2);margin-block-end:0;margin-inline:0;display:grid}.ruler>div{gap:var(--feitio-space-3);font:var(--feitio-font-size-small) var(--feitio-font-ui);grid-template-columns:5.5rem 3rem minmax(0,1fr);align-items:center;display:grid}.ruler dt{font-family:ui-monospace,monospace;font-size:.85rem}.ruler dd{color:var(--feitio-color-text-soft);margin:0}.ruler .bar{background:var(--feitio-color-text);border-radius:2px;block-size:.75rem}.group-demo{font-family:var(--feitio-font-ui);display:grid}.group-demo strong{font-size:var(--feitio-font-size-small)}.group-demo span{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft)}.density-demo{justify-items:start;gap:var(--feitio-space-3);display:grid}.density-demo .attrs{justify-self:stretch}.density-demo table{border-collapse:collapse;inline-size:100%;font:var(--feitio-font-size-small) var(--feitio-font-ui)}.density-demo th,.density-demo td{text-align:start;padding:var(--feitio-cell-padding-block) var(--feitio-cell-padding-inline);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.density-demo th{color:var(--feitio-color-text-soft);border-bottom-color:var(--feitio-color-text)}.lift{padding:var(--feitio-space-3) var(--feitio-space-4);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);font:var(--feitio-font-size-small) var(--feitio-font-ui)}.menu-demo{gap:var(--feitio-space-2);justify-items:start;display:inline-grid;position:relative}.menu-demo [popover]{padding:var(--feitio-space-2);background:var(--feitio-color-surface-top);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);font:var(--feitio-font-size-small) var(--feitio-font-ui);opacity:0;transition:opacity var(--feitio-duration-place) var(--feitio-easing-place), translate var(--feitio-duration-place) var(--feitio-easing-place), rotate var(--feitio-duration-place) var(--feitio-easing-place), display var(--feitio-duration-place) allow-discrete, overlay var(--feitio-duration-place) allow-discrete;margin:0;position:fixed;inset:auto;translate:0 6px;rotate:-1.2deg}.menu-demo [popover]:popover-open{opacity:1;translate:0;rotate:0deg}@starting-style{.menu-demo [popover]:popover-open{opacity:0;translate:0 6px;rotate:-1.2deg}}.menu-demo [popover] ul{gap:var(--feitio-space-1);margin:0;padding:0;list-style:none;display:grid}.menu-demo [popover] li{padding:var(--feitio-space-2) var(--feitio-space-3);border-radius:var(--feitio-radius)}.menu-demo [popover] li:hover{background:var(--feitio-color-surface)}.curves{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.curves .demo-row{grid-column:1/-1}.graph{block-size:auto;inline-size:100%;max-inline-size:16rem;overflow:visible}.graph .axis{fill:none;stroke:var(--feitio-color-text-soft);stroke-width:.8px}.graph .curve-line{fill:none;stroke:var(--feitio-color-text);stroke-width:1.6px;stroke-linecap:round}.graph .dot{fill:var(--feitio-color-accent);transition:none}.graph text{font:7px var(--feitio-font-ui);fill:var(--feitio-color-text-soft)}.curve{gap:var(--feitio-space-2);padding:var(--feitio-space-4);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);display:grid}.curve strong{font-size:var(--feitio-font-size-body)}.curve code{color:var(--feitio-color-text-soft)}.curve p{color:var(--feitio-color-text-soft);margin:0}.track{border-bottom:var(--feitio-border-width) dashed var(--feitio-color-line);block-size:1.5rem;position:relative}.track .ball{background:var(--feitio-color-accent);border-radius:50%;block-size:1rem;inline-size:1rem;transition:none;position:absolute;inset-block-start:.25rem;inset-inline-start:0}.drag-demo{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.drag-area{block-size:9rem;padding:var(--feitio-space-3);border:var(--feitio-border-width) dashed var(--feitio-color-line);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);touch-action:none;position:relative;overflow:hidden}.drag-area .piece{padding:var(--feitio-space-2) var(--feitio-space-3);background:var(--feitio-color-surface-top);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);cursor:grab;user-select:none;position:absolute;inset-block-start:3.5rem;inset-inline-start:1rem}.pair.stack{grid-template-columns:minmax(0,1fr)}.measure-demo{font-family:var(--feitio-font-text);font-size:var(--feitio-font-size-small);line-height:var(--feitio-line-height-text)}.grid-demo{gap:var(--feitio-space-3);inline-size:100%;padding:var(--feitio-space-3);border:var(--feitio-border-width) dashed var(--feitio-color-text-soft);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);display:grid}.grid-demo .cell{padding:var(--feitio-space-2);background:var(--feitio-color-surface-raised);border-radius:var(--feitio-radius)}.grid-demo .wide{white-space:nowrap}.grid-demo .scroll{overflow-x:auto}.dont .demo:has(.grid-demo){overflow:visible}.demo-row{align-items:center;gap:var(--feitio-space-3);flex-wrap:wrap;display:flex}.icons-grid{gap:var(--feitio-space-3);grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));display:grid}.icons-grid figure{justify-items:center;gap:var(--feitio-space-2);padding:var(--feitio-space-3) var(--feitio-space-2);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0;display:grid}.icons-grid .feitio-icon{block-size:1.75rem;inline-size:1.75rem;color:var(--feitio-color-text)}.icon-specs{margin-block-end:0;margin-inline:0;display:grid}.icon-specs div{gap:var(--feitio-space-4);padding-block:var(--feitio-space-2);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);font:var(--feitio-font-size-small) var(--feitio-font-ui);grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);display:grid}.icon-specs dt{font-weight:var(--feitio-font-weight-bold)}.icon-specs dd{color:var(--feitio-color-text-soft);margin:0}.big-icon{block-size:3rem;inline-size:3rem;color:var(--feitio-color-text)}.empty-art{justify-items:center;gap:var(--feitio-space-2);padding:var(--feitio-space-5) var(--feitio-space-4);text-align:center;border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);display:grid}.empty-art svg{block-size:auto;inline-size:7.5rem;color:var(--feitio-color-text)}.empty-art .feitio-hot{stroke:var(--feitio-color-accent)}.empty-art strong{font-size:var(--feitio-font-size-h3)}.empty-art p{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft);margin:0}.focus-demo{align-items:center;gap:var(--feitio-space-3);flex-wrap:wrap;display:flex}.media-grid{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));align-items:start;display:grid}.media-grid figure{gap:var(--feitio-space-2);margin:0;display:grid}.media-one{gap:var(--feitio-space-2);margin-block-end:0;margin-inline:0;display:grid}.media-grid figcaption,.media-one figcaption{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.feitio-media{object-fit:cover;border-radius:var(--feitio-radius);background:var(--feitio-color-surface-raised);block-size:auto;inline-size:100%;display:block}.feitio-media[data-ratio="16:9"]{aspect-ratio:16/9}.feitio-media[data-ratio="4:3"]{aspect-ratio:4/3}.feitio-media[data-ratio="1:1"]{aspect-ratio:1}.media-one{max-inline-size:22rem}.media-one a{border-radius:var(--feitio-radius);display:block}.do .demo img,.dont .demo img{aspect-ratio:4/3;object-fit:cover;inline-size:9rem}.feitio-dialog:not(.search-dialog) form{display:block}.card{padding:var(--feitio-space-4);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui)}.card h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.card .row{gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.site-main>.notice-slot:not(:empty)+*{margin-block-start:var(--feitio-space-3)}.site-main>dialog.feitio-dialog{margin:auto}.card.form-demo>*+*{margin-block-start:0}.states3{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.form-demo{gap:var(--feitio-space-5);max-inline-size:28rem;display:grid}.form-demo .feitio-field{gap:var(--feitio-space-1)}.form-demo .feitio-hint{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.fp-time{border:0;min-inline-size:0;margin-block-end:0;margin-inline:0;padding:0}.fp-time legend{margin-block-end:var(--feitio-space-1);padding:0}.feitio-time-field .period:after{content:"";position:absolute;inset:-6px -4px}.two-cols{gap:var(--feitio-space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.playground{gap:var(--feitio-space-4);display:grid}.playground .controls{gap:var(--feitio-space-3) var(--feitio-space-5);font:var(--feitio-font-size-small) var(--feitio-font-ui);flex-wrap:wrap;display:flex}.playground .controls>div{gap:var(--feitio-space-1);display:grid}.playground .controls>div>span:first-child{color:var(--feitio-color-text-soft)}.playground .sample{padding:var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui)}.playground .sample>*+*{margin-block-start:var(--feitio-space-3)}.playground .sample table{border-collapse:collapse;inline-size:100%;font-size:var(--feitio-font-size-small)}.playground .sample td,.playground .sample th{text-align:start;padding:var(--feitio-cell-padding-block) var(--feitio-cell-padding-inline);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.playground .sample .row{gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.swatch{block-size:.9rem;inline-size:.9rem;vertical-align:-.1rem;border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:3px;margin-inline-end:var(--feitio-space-1);display:inline-block}.changes-list{gap:var(--feitio-space-5);margin-block-end:0;margin-inline:0;padding:0;list-style:none;display:grid}.changes-list>li{gap:var(--feitio-space-2);border-top:var(--feitio-border-width) solid var(--feitio-color-line);font-family:var(--feitio-font-ui);padding-block-start:var(--feitio-space-4);display:grid}.changes-list h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.changes-list time{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft)}.changes-list ul{gap:var(--feitio-space-1);font-size:var(--feitio-font-size-small);line-height:var(--feitio-line-height-text);margin:0;padding-inline-start:1.2rem;display:grid}.lay-demo{padding:var(--feitio-space-4);border:var(--feitio-border-width) dashed var(--feitio-color-text-soft);border-radius:var(--feitio-radius)}.lay-demo .piece{padding:var(--feitio-space-2) var(--feitio-space-3);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui)}.dialog-sample.feitio-dialog{opacity:1;inline-size:auto;max-inline-size:22rem;margin:0;display:block;position:static;translate:none}.drawer-sample.feitio-drawer{flex-direction:column;block-size:auto;min-block-size:15rem;inline-size:16rem;display:flex;position:static;translate:none}.side-buttons{gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.live .feitio-code,.live .feitio-example{inline-size:100%}.catalog-tools{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-4);flex-wrap:wrap;display:flex}.catalog-tools .feitio-input{max-inline-size:22rem;padding-inline:var(--feitio-space-3);flex:14rem;margin:0}.catalog-tools .count,.empty-search{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.icon-catalog{gap:var(--feitio-space-3);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));margin-block-end:0;margin-inline:0;padding:0;list-style:none;display:grid}.icon-catalog[hidden],.icon-catalog li[hidden]{display:none}.icon-tile{justify-items:center;gap:var(--feitio-space-2);inline-size:100%;padding:var(--feitio-space-4) var(--feitio-space-2) var(--feitio-space-3);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);cursor:pointer;font-family:var(--feitio-font-ui);display:grid}.icon-tile:hover{border-color:var(--feitio-color-text)}.icon-tile .feitio-icon{block-size:2rem;inline-size:2rem}.icon-tile strong{font-size:var(--feitio-font-size-small)}.icon-tile code{color:var(--feitio-color-text-soft);font-size:.75rem}.icon-tile .done{font:var(--feitio-font-weight-bold) .8rem var(--feitio-font-ui);color:var(--feitio-color-ok)}.icon-tile:not([data-done]) .done,.icon-tile[data-done] code{display:none}.art-catalog{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.art-card{gap:var(--feitio-space-3);padding:var(--feitio-space-4);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);align-content:start;display:grid}.art-card[hidden]{display:none}.art-card .art{padding:var(--feitio-space-4);background:var(--feitio-color-surface-raised);border-radius:var(--feitio-radius);color:var(--feitio-color-text);place-items:center;display:grid}.art-card .art svg{block-size:auto;inline-size:8rem}.art-card .art .feitio-hot{stroke:var(--feitio-color-accent)}.art-card strong{font-size:var(--feitio-font-size-body)}.art-card p{font-size:var(--feitio-font-size-small);color:var(--feitio-color-text-soft);margin:0}.art-card code{color:var(--feitio-color-text-soft);font-size:.8rem}.header-frame{inline-size:100%;container-type:inline-size}.header-demo{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-4);padding:var(--feitio-space-2) var(--feitio-space-3);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);flex-wrap:wrap;min-inline-size:0;display:flex}.header-demo .brand{align-items:center;gap:var(--feitio-space-2);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) 1.2rem var(--feitio-font-ui);text-decoration:none;display:inline-flex}.header-demo .brand .brand-logo{block-size:1.5rem;inline-size:1.5rem}.header-demo .areas{gap:var(--feitio-space-1);flex-wrap:wrap;flex-basis:100%;order:3;display:none}.header-demo .areas a{min-block-size:32px;padding:0 var(--feitio-space-2);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);align-items:center;text-decoration:none;display:inline-flex}.header-demo .areas a[aria-current=true]{background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.header-demo .tools{align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}.header-demo .wide-only{display:none}.header-demo.wide .areas{display:flex}.header-demo.wide .wide-only{display:inline-flex}.header-demo.wide .menu{display:none}@container (width>=54rem){.header-demo.wide .areas{flex-basis:auto;order:0}}.narrow{inline-size:100%;max-inline-size:22rem}.live .feitio-footer,.live .feitio-filter{inline-size:100%}.live .feitio-footer{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius)}.feitio-table caption{caption-side:top;text-align:start;font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);padding-block-end:var(--feitio-space-3)}.feitio-table th,.feitio-table td{text-align:start;vertical-align:middle;padding:var(--feitio-cell-padding-block) var(--feitio-cell-padding-inline);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-table thead th{font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft);border-bottom-color:var(--feitio-color-text);white-space:nowrap}.feitio-table tbody tr:hover{background:color-mix(in oklch, var(--feitio-color-text) 4%, transparent)}.feitio-table [data-align=end]{text-align:end}.feitio-table .actions{text-align:end;white-space:nowrap}.feitio-table .actions .feitio-button+.feitio-button{margin-inline-start:var(--feitio-space-2)}.feitio-table thead a{color:inherit;text-underline-offset:.2em;align-items:center;gap:var(--feitio-space-1);text-decoration:underline 1px;display:inline-flex}.feitio-table thead [aria-sort] a{color:var(--feitio-color-text)}.feitio-table thead .feitio-icon{block-size:.95em;inline-size:.95em}.feitio-table .select-col{inline-size:2.5rem}@container (width<=39.99rem){.feitio-table,.feitio-table tbody,.feitio-table tr,.feitio-table td,.feitio-table caption{display:block}.feitio-table thead{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.feitio-table tbody{gap:var(--feitio-space-3);display:grid}.feitio-table tbody tr{gap:var(--feitio-space-2);padding:var(--feitio-space-3);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);display:grid}.feitio-table tbody tr:hover{background:var(--feitio-color-surface-top)}.feitio-table td{gap:var(--feitio-space-3);border:0;grid-template-columns:minmax(6rem,2fr) minmax(0,3fr);place-items:center start;padding:0;display:grid}.feitio-table td:before{content:attr(data-label);font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text-soft)}.feitio-table td[data-align=end]{text-align:start}.feitio-table td.title{font-weight:var(--feitio-font-weight-bold);font-size:var(--feitio-font-size-body);display:block}.feitio-table td.title:before,.feitio-table td.actions:before{content:none}.feitio-table td.actions{gap:var(--feitio-space-2);text-align:start;flex-wrap:wrap;padding-block-start:var(--feitio-space-1);display:flex}.feitio-table td.select{align-items:center;gap:var(--feitio-space-2);display:flex}.feitio-table td.select:before{content:none}}.feitio-summary-list>div{gap:var(--feitio-space-2) var(--feitio-space-4);padding-block:var(--feitio-space-3);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(8rem,1fr) minmax(0,2fr) auto;align-items:baseline;display:grid}.feitio-summary-list dt{font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading)}.feitio-summary-list dd{font:var(--feitio-font-size-small) var(--feitio-font-ui);margin:0;line-height:1.4}.feitio-summary-list .change{text-align:end}@media (width<=40rem){.feitio-summary-list>div{gap:var(--feitio-space-1);grid-template-columns:minmax(0,1fr)}.feitio-summary-list .change{text-align:start}}.feitio-task-list>li{gap:var(--feitio-space-1) var(--feitio-space-4);padding-block:var(--feitio-space-3);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.feitio-task-list>li:first-child{border-top:var(--feitio-border-width) solid var(--feitio-color-line)}.feitio-task-list .name{gap:var(--feitio-space-1);font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);display:grid}.feitio-task-list .name a{font-weight:var(--feitio-font-weight-bold)}.feitio-task-list .name small{color:var(--feitio-color-text-soft);font-size:var(--feitio-font-size-small)}.feitio-pagination ul{align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.feitio-pagination a,.feitio-pagination [aria-current]{min-block-size:40px;min-inline-size:40px;padding:0 var(--feitio-space-2);border-radius:var(--feitio-radius);place-items:center;display:inline-grid}.feitio-pagination a{color:var(--feitio-color-accent-strong);text-underline-offset:.2em;text-decoration:underline 1px}.feitio-pagination [aria-current]{font-weight:var(--feitio-font-weight-bold);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-text)}.feitio-pagination .step{align-items:center;gap:var(--feitio-space-1);display:inline-flex}.feitio-pagination .step .feitio-icon{block-size:1em;inline-size:1em}.feitio-pagination .step.prev .feitio-icon{rotate:180deg}.feitio-pagination .gap{color:var(--feitio-color-text-soft);padding:0 var(--feitio-space-1)}.feitio-pagination .meta{align-items:center;gap:var(--feitio-space-2) var(--feitio-space-5);flex-wrap:wrap;display:flex}.feitio-pagination .count{color:var(--feitio-color-text-soft);margin:0}.feitio-pagination .per-page{align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.feitio-pagination .per-page>span:first-child{color:var(--feitio-color-text-soft)}.live .feitio-table-scroll,.live .feitio-summary-list,.live .feitio-task-list{inline-size:100%}.mark-big{block-size:12rem;inline-size:12rem;overflow:visible}.mark-big path{fill:none;stroke:var(--feitio-color-text);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.mark-big .paper{fill:var(--feitio-color-surface-top);stroke:none}.mark-big .shadow{fill:var(--feitio-color-shadow);stroke:none}.mark-big .hot{stroke:var(--feitio-color-accent)}.mark-sm{block-size:1em;inline-size:1em}.brand-grid{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.brand-grid figure{gap:var(--feitio-space-2);margin:0;display:grid}.brand-grid figcaption{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.plate{justify-content:center;align-items:center;gap:var(--feitio-space-3);min-block-size:8rem;padding:var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);display:flex}.plate .word{font:var(--feitio-font-weight-heavy) 2.4rem / 1 var(--feitio-font-ui);letter-spacing:-.01em}.plate .brand-logo{block-size:3rem;inline-size:3rem}.plate.sizes-row{align-items:end;gap:var(--feitio-space-5)}.plate.sizes-row span{justify-items:center;gap:var(--feitio-space-1);font:.75rem var(--feitio-font-ui);color:var(--feitio-color-text-soft);display:grid}.respiro{border:var(--feitio-border-width) dashed var(--feitio-color-text-soft);border-radius:var(--feitio-radius);padding:1.5rem;display:inline-flex;position:relative}.respiro .brand-logo{block-size:3rem;inline-size:3rem}.downloads{gap:var(--feitio-space-3);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin-block-end:0;margin-inline:0;padding:0;list-style:none;display:grid}.downloads a{align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-3);color:var(--feitio-color-text);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font:var(--feitio-font-size-small) var(--feitio-font-ui);text-decoration:none;display:flex}.downloads a:hover{border-color:var(--feitio-color-text)}.downloads img{block-size:32px;inline-size:32px}.downloads small{color:var(--feitio-color-text-soft);display:block}.facades{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.facades figure{gap:var(--feitio-space-2);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0;display:grid}.facades .sheet{gap:var(--feitio-space-3);padding:var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);display:grid}.facades .sheet h3{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.facades .sheet p{color:var(--feitio-color-text-soft);margin:0}.facades .sheet .row{gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.facade-horta{--feitio-color-surface:oklch(97% .02 125);--feitio-color-surface-top:oklch(99% .01 125);--feitio-color-text:oklch(26% .04 150);--feitio-color-text-soft:oklch(44% .04 150);--feitio-color-accent:oklch(46% .11 150);--feitio-color-accent-strong:oklch(40% .1 150);--feitio-color-on-accent:oklch(98% .01 125)}.paths{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.steps{counter-reset:passo;gap:var(--feitio-space-5);margin-block-end:0;margin-inline:0;padding:0;list-style:none;display:grid}.steps>li{counter-increment:passo;gap:var(--feitio-space-1) var(--feitio-space-3);grid-template-columns:2rem minmax(0,1fr);display:grid}.steps>li:before{content:counter(passo);block-size:2rem;inline-size:2rem;font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);grid-row:span 3;place-items:center;display:grid}.steps>li>strong{font:var(--feitio-font-weight-bold) var(--feitio-font-size-body) var(--feitio-font-ui);align-self:center}.steps>li>p{font-size:var(--feitio-font-size-small);font-family:var(--feitio-font-ui);color:var(--feitio-color-text-soft);line-height:var(--feitio-line-height-text);margin:0}.steps>li>.feitio-code{grid-column:2;margin-block-start:var(--feitio-space-2)}#comp-all{margin-block-start:var(--feitio-space-6)}.comp-group>h2{margin:0 0 var(--feitio-space-4);font-size:var(--feitio-font-size-h1);scroll-margin-block-start:var(--feitio-space-6)}.comp-group+.comp-group{margin-block-start:var(--feitio-space-7)}.comp-grid{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin-block-end:0;margin-inline:0;padding:0;list-style:none;display:grid}.comp-grid li[hidden],.comp-group[hidden]{display:none}.comp-card{gap:var(--feitio-space-2);block-size:100%;padding:var(--feitio-space-3);color:var(--feitio-color-text);background:var(--feitio-color-surface);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);font-family:var(--feitio-font-ui);transition:border-color var(--feitio-duration-change) var(--feitio-easing-change), box-shadow var(--feitio-duration-place) var(--feitio-easing-place), translate var(--feitio-duration-place) var(--feitio-easing-place);grid-template-rows:auto auto 1fr;text-decoration:none;display:grid}.comp-card:hover{border-color:var(--feitio-color-text);box-shadow:var(--feitio-shadow-lift);translate:-2px -2px}.comp-card strong{justify-content:space-between;align-items:center;gap:var(--feitio-space-2);font-size:var(--feitio-font-size-body);display:flex}.comp-card>span:last-child{font-size:var(--feitio-font-size-small);line-height:var(--feitio-line-height-text);color:var(--feitio-color-text-soft)}.pv{justify-content:center;align-items:center;gap:var(--feitio-space-2);block-size:6.5rem;padding:var(--feitio-space-3);background:var(--feitio-color-surface-raised);border-radius:var(--feitio-radius);font-size:var(--feitio-font-size-small);pointer-events:none;flex-wrap:wrap;display:flex;overflow:hidden}.pv .b{font-weight:var(--feitio-font-weight-bold);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);background:var(--feitio-color-surface);align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.85rem;display:inline-flex}.pv .b.p{color:var(--feitio-color-on-accent);background:var(--feitio-color-accent);border-color:var(--feitio-color-accent)}.pv .b.d{color:var(--feitio-color-error);border-color:var(--feitio-color-error)}.pv .in{background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);min-block-size:1.9rem;inline-size:9rem;color:var(--feitio-color-text-soft);align-items:center;gap:.3rem;padding:0 .5rem;font-size:.85rem;display:inline-flex}.pv .stack{justify-items:start;gap:.2rem;display:grid}.pv .lbl{font-weight:var(--feitio-font-weight-bold);font-size:.8rem}.pv .box{border:var(--feitio-border-width) solid var(--feitio-color-text);vertical-align:-.1rem;border-radius:3px;block-size:.9rem;inline-size:.9rem;display:inline-block}.pv .box.on{background:var(--feitio-color-text)}.pv .dot{border:var(--feitio-border-width) solid var(--feitio-color-text);vertical-align:-.1rem;border-radius:50%;block-size:.9rem;inline-size:.9rem;display:inline-block}.pv .dot.on{box-shadow:inset 0 0 0 3px var(--feitio-color-surface-raised);background:var(--feitio-color-text)}.pv .sw{background:var(--feitio-color-text);border-radius:1rem;block-size:1.1rem;inline-size:2rem;display:inline-block;position:relative}.pv .sw:after{content:"";background:var(--feitio-color-surface);border-radius:50%;inline-size:.8rem;position:absolute;inset:.15rem .15rem .15rem auto}.pv .tg{font-weight:var(--feitio-font-weight-bold);border:var(--feitio-border-width) solid currentColor;border-radius:var(--feitio-radius);align-items:center;gap:.2rem;padding:0 .4rem;font-size:.8rem;display:inline-flex}.pv .ok{color:var(--feitio-color-ok);background:var(--feitio-color-ok-surface)}.pv .warn{color:var(--feitio-color-warn);background:var(--feitio-color-warn-surface)}.pv .err{color:var(--feitio-color-error)}.pv .lines{gap:.3rem;inline-size:80%;display:grid}.pv .lines i{background:var(--feitio-color-text-soft);opacity:.5;border-radius:2px;block-size:.35rem;display:block}.pv .frame{border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);background:var(--feitio-color-surface);block-size:5rem;inline-size:9rem;position:relative;overflow:hidden}.pv .frame .h{border-bottom:var(--feitio-border-width) solid var(--feitio-color-text);block-size:.9rem;position:absolute;inset:0 0 auto}.pv .frame .s{border-inline-end:var(--feitio-border-width) solid var(--feitio-color-line);inline-size:2.4rem;position:absolute;inset:.9rem auto 0 0}.pv .frame .r{background:var(--feitio-color-surface-top);border-inline-start:var(--feitio-border-width) solid var(--feitio-color-text);inline-size:3.6rem;position:absolute;inset:0 0 0 auto}.pv .frame .t{border-inline-start:var(--feitio-border-width) dashed var(--feitio-color-line);inline-size:2rem;position:absolute;inset:.9rem 0 0 auto}.pv .lift{background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);box-shadow:var(--feitio-shadow-lift);gap:.3rem;padding:.5rem .7rem;font-size:.8rem;display:grid}.pv code{font-size:.75rem}.pv .feitio-icon{block-size:1.1rem;inline-size:1.1rem}.pv svg.art{block-size:auto;inline-size:4.5rem;color:var(--feitio-color-text)}.pv svg.art .feitio-hot{stroke:var(--feitio-color-accent)}.pv .cur{font-weight:var(--feitio-font-weight-bold);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);padding:.15rem .5rem}.pv .soft{color:var(--feitio-color-text-soft)}body{margin:0}.site-header{z-index:5;align-items:center;gap:var(--feitio-space-3);padding:var(--feitio-space-2) var(--feitio-space-3);background:var(--feitio-color-surface);border-bottom:var(--feitio-border-width) solid var(--feitio-color-text);font-family:var(--feitio-font-ui);transition:translate var(--feitio-duration-change) var(--feitio-easing-change);display:flex;position:sticky;inset-block-start:0}.site-header[data-hidden]{translate:0 calc(-100% - 2px)}.site-header .brand{align-items:baseline;gap:var(--feitio-space-2);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) 1.45rem var(--feitio-font-ui);text-decoration:none;display:inline-flex}.site-header .areas{display:none}.site-header .tools{align-items:center;gap:var(--feitio-space-2);margin-inline-start:auto;display:flex}.site-header .wide-only{display:none}.site-drawer .choices{gap:var(--feitio-space-3);font:var(--feitio-font-size-small) var(--feitio-font-ui);display:grid}.site-drawer .choices div{justify-content:space-between;align-items:center;gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.site-body{gap:var(--feitio-space-6);padding:var(--feitio-space-5) var(--feitio-space-4) var(--feitio-space-7);grid-template-columns:minmax(0,1fr);max-inline-size:90rem;margin-inline:auto;display:grid}.site-side{display:none}.site-main{min-inline-size:0;max-inline-size:46rem}.site-main>*+*{margin-block-start:var(--feitio-space-4)}.site-main>h2{font-size:var(--feitio-font-size-h1);margin-block-start:var(--feitio-space-7);scroll-margin-block-start:var(--feitio-space-6)}.site-main>h3{margin-block-start:var(--feitio-space-6);scroll-margin-block-start:var(--feitio-space-6)}.site-main>ul{gap:var(--feitio-space-2);padding-inline-start:1.2rem;display:grid}.site-main .crumb{font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft)}.site-main .lede{font-size:var(--feitio-font-size-h3);color:var(--feitio-color-text-soft)}.site-main>h1~.lede{margin-block-start:var(--feitio-space-3)}.toc-mobile{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);padding:0 var(--feitio-space-3);font-family:var(--feitio-font-ui)}.toc-mobile summary{align-items:center;gap:var(--feitio-space-2);cursor:pointer;min-block-size:44px;font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);list-style:none;display:flex}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary .feitio-icon{block-size:1em;inline-size:1em;transition:rotate var(--feitio-duration-change) var(--feitio-easing-change)}.toc-mobile[open] summary .feitio-icon{rotate:90deg}.toc-mobile .feitio-anchor{padding-block-end:var(--feitio-space-3)}.toc-mobile .feitio-anchor .title,.site-toc{display:none}.attrs{overflow-x:auto}.attrs table{border-collapse:collapse;inline-size:100%;font:var(--feitio-font-size-small) var(--feitio-font-ui)}.attrs th,.attrs td{text-align:start;vertical-align:top;padding:var(--feitio-cell-padding-block) var(--feitio-cell-padding-inline);border-bottom:var(--feitio-border-width) solid var(--feitio-color-line)}.attrs th{color:var(--feitio-color-text-soft);border-bottom-color:var(--feitio-color-text)}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.pair{gap:var(--feitio-space-4);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));display:grid}.verdict{align-items:center;gap:var(--feitio-space-2);padding:var(--feitio-space-2) var(--feitio-space-3);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);margin:0;display:flex}.do .verdict{color:var(--feitio-color-ok);background:var(--feitio-color-ok-surface)}.dont .verdict{color:var(--feitio-color-error);background:var(--feitio-color-error-surface)}.do,.dont{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);overflow:hidden}.do .demo,.dont .demo{padding:var(--feitio-space-4);gap:var(--feitio-space-2);flex-wrap:wrap;display:flex}.do .why,.dont .why{padding:0 var(--feitio-space-4) var(--feitio-space-4);font:var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);margin:0}@media (width>=64rem){.site-header{padding:var(--feitio-space-3) var(--feitio-space-5);gap:var(--feitio-space-5);position:static}.site-header .areas{gap:var(--feitio-space-1);display:flex}.site-header .areas a{min-block-size:36px;padding:0 var(--feitio-space-3);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);color:var(--feitio-color-text);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);align-items:center;text-decoration:none;display:inline-flex}.site-header .areas a:hover{text-underline-offset:.2em;text-decoration:underline 1px}.site-header .areas a[aria-current=true]{background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.site-header .wide-only{display:inline-flex}.site-header .menu{display:none}.site-body.has-side{grid-template-columns:14rem minmax(0,1fr);padding-block-end:0}.site-body.has-side .site-main{padding-block-end:var(--feitio-space-7)}.site-side{border-inline-end:var(--feitio-border-width) solid var(--feitio-color-line);padding-inline-end:var(--feitio-space-3);display:block}.site-side .side-inner,.site-toc .side-inner{max-block-size:calc(100dvh - var(--feitio-space-5) - 3rem);padding:0 var(--feitio-space-2);margin-inline:calc(var(--feitio-space-2) * -1);--feitio-scroll-fade-bleed:var(--feitio-space-2);position:sticky;inset-block-start:var(--feitio-space-5);overflow-y:auto}.site-side .side-inner>:first-child,.site-toc .side-inner>:first-child{padding-block-start:var(--feitio-space-2);padding-block-end:var(--feitio-space-4)}}@media (width>=80rem){.site-body.has-side.has-toc{grid-template-columns:14rem minmax(0,1fr) 13rem}.site-toc{display:block}.toc-mobile{display:none}}.feitio-example h3[id]{scroll-margin-block-start:var(--feitio-space-6)}body>.feitio-button.feitio-back-to-top{margin:0 var(--feitio-space-4) var(--feitio-space-4) auto}.brand-mark{block-size:32px;inline-size:32px;color:var(--feitio-color-text);border-radius:var(--feitio-radius);place-items:center;display:inline-grid;position:relative}.brand-mark:after{content:"";position:absolute;inset:-4px}.brand-mark svg{fill:currentColor;block-size:22px;inline-size:22px}.brand-mark:hover{color:var(--feitio-color-accent-strong)}main[tabindex="-1"]:focus{outline:none}.feitio-code pre[hidden]{display:none}.soon{padding:0 var(--feitio-space-1);font:var(--feitio-font-weight-bold) .75rem / 1.5 var(--feitio-font-ui);color:var(--feitio-color-text-soft);border:var(--feitio-border-width) solid var(--feitio-color-text-soft);border-radius:var(--feitio-radius);white-space:nowrap;vertical-align:.2em;align-items:center;margin-inline-start:var(--feitio-space-2);display:inline-flex}.feitio-nav a .soon{margin-inline-start:auto}.is-focus{outline:var(--feitio-focus-width) solid var(--feitio-color-accent);outline-offset:var(--feitio-focus-offset)}.sketch-anatomy{gap:var(--feitio-space-6);padding:var(--feitio-space-5) var(--feitio-space-4);background:var(--feitio-color-surface-raised);border-radius:var(--feitio-radius);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;display:grid;position:relative}.sketch-anatomy .notes{gap:var(--feitio-space-4);font:var(--feitio-font-size-small) var(--feitio-font-ui);line-height:var(--feitio-line-height-heading);z-index:1;margin:0;padding:0;list-style:none;display:grid;position:relative}.sketch-anatomy .parts{z-index:1;min-inline-size:0;position:relative}.sketch-anatomy svg.sketch{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.sketch-anatomy svg.sketch path{fill:none;stroke:var(--feitio-color-text-soft);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}@media (width<=44rem){.sketch-anatomy{grid-template-columns:minmax(0,1fr)}.sketch-anatomy svg.sketch{display:none}.sketch-anatomy .notes{padding-inline-start:1.2rem;list-style:decimal}}.site-header .brand{align-items:center}.brand-logo{flex:none;block-size:1.75rem;inline-size:1.75rem;overflow:visible}.brand-logo path{fill:none;stroke:var(--feitio-color-text);stroke-width:5.6px;stroke-linecap:round}.brand-logo .paper{fill:var(--feitio-color-surface-top);stroke:none}.brand-logo .shadow{fill:var(--feitio-color-shadow);stroke:none}.brand-logo .hot{stroke:var(--feitio-color-accent)}.site-main>.feitio-breadcrumbs+h1{margin-block-start:var(--feitio-space-3)}.attrs{border-block-start:var(--feitio-border-width) solid var(--feitio-color-text);font:var(--feitio-font-size-small) / 1.45 var(--feitio-font-ui);gap:0;margin-block-end:0;margin-inline:0;display:grid}.attrs>div{gap:var(--feitio-space-3);padding:var(--feitio-space-3) 0;border-block-end:var(--feitio-border-width) solid var(--feitio-color-line);grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);display:grid}.attrs dt,.attrs dd{margin:0}@media (width<=40rem){.attrs>div{gap:var(--feitio-space-1);grid-template-columns:minmax(0,1fr)}}.live-stack{gap:var(--feitio-space-3);inline-size:100%;display:grid}.live-stack>.feitio-button{justify-self:center}.site-drawer .choices .langs{gap:var(--feitio-space-2);align-items:start;display:grid}.feitio-nav-plain{gap:var(--feitio-space-1);margin:0;padding:0;list-style:none;display:grid}.feitio-nav-plain a{min-block-size:36px;padding:0 var(--feitio-space-3);color:var(--feitio-color-text);border:var(--feitio-border-width) solid transparent;border-radius:var(--feitio-radius);align-items:center;text-decoration:none;display:flex}.feitio-nav-plain a[aria-current=page]{font-weight:var(--feitio-font-weight-bold);background:var(--feitio-color-surface-top);border-color:var(--feitio-color-text)}.site-drawer .choices .langs{grid-template-columns:minmax(0,1fr);justify-content:stretch}.playground{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.playground .stage{min-block-size:10rem;padding:var(--feitio-space-5) var(--feitio-space-4);color:var(--feitio-color-text);background:var(--feitio-color-surface);border-block-end:var(--feitio-border-width) solid var(--feitio-color-line);place-items:center;display:grid}.playground .live{justify-content:center;gap:var(--feitio-space-3);flex-wrap:wrap;display:flex}.playground .controls{gap:var(--feitio-space-4);padding:var(--feitio-space-4);border-block-end:var(--feitio-border-width) solid var(--feitio-color-line);font:var(--feitio-font-size-small) var(--feitio-font-ui);flex-wrap:wrap;display:flex}.playground .control{gap:var(--feitio-space-2);align-content:start;display:grid}.playground .control-label{font-weight:var(--feitio-font-weight-bold)}.playground .control .feitio-input{min-inline-size:12rem}.playground>.feitio-code{border-radius:0}.playground>*{min-inline-size:0}.example-title{font:var(--feitio-font-weight-bold) var(--feitio-font-size-h3) var(--feitio-font-ui);margin:0}.playground .stage .live,.playground .stage .live:has(.header-frame){inline-size:100%}.lay-box{min-block-size:2.5rem;min-inline-size:3rem;padding:0 var(--feitio-space-3);font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius);place-items:center;display:grid}.lay-box[data-wide]{min-inline-size:7rem}.lay-box[data-empty]{border-style:dashed;border-color:var(--feitio-color-text-soft);color:var(--feitio-color-text-soft);font-weight:var(--feitio-font-weight-regular);background:0 0}.playground .live:has(>.feitio-grid,>.feitio-stack,>.feitio-inline),.playground .live>.feitio-grid,.playground .live>.feitio-inline,.playground .live>.feitio-stack{inline-size:100%}.playground .live>.feitio-status-host{inline-size:min(100%,26rem);padding:var(--feitio-space-4);background:var(--feitio-color-surface-top);border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius)}.playground .live:has(>div>.feitio-table-scroll,>.feitio-summary-list,>.feitio-task-list,>.feitio-pagination),.playground .live>.feitio-summary-list,.playground .live>.feitio-task-list,.playground .live>.feitio-pagination{inline-size:100%}.site-header.header-demo{z-index:auto;position:static;translate:none}.playground .live:has(>.header-frame,>.scroll-demo,>.feitio-app-frame,>.feitio-footer,>dialog.search-sample){inline-size:100%}.playground .live>.feitio-footer{border:var(--feitio-border-width) solid var(--feitio-color-line);border-radius:var(--feitio-radius);inline-size:100%}.playground .live>dialog.search-sample{opacity:1;margin:0 auto;display:block;position:static;translate:none}.playground .live:has(>.header-sample){inline-size:100%}.header-sample .feitio-header{border:var(--feitio-border-width) solid var(--feitio-color-text);border-radius:var(--feitio-radius)}.pg-revealed{font:var(--feitio-font-weight-bold) var(--feitio-font-size-small) var(--feitio-font-ui);color:var(--feitio-color-text-soft);border:var(--feitio-border-width) dashed var(--feitio-color-text-soft);padding:0 var(--feitio-space-2);border-radius:var(--feitio-radius);inline-size:fit-content}.site-main :not(pre)>code{overflow-wrap:anywhere}.ruler .bar-cell{margin:0}.ruler .bar-cell .bar{display:block}.site-body.not-found .site-main{inline-size:100%;max-inline-size:var(--feitio-measure-reading);padding-block:var(--feitio-space-7);margin-inline:auto}