@font-face{font-family:"DIN Alternate";src:url("/fonts/DIN-Alternate-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DIN Alternate";src:url("/fonts/DIN-Alternate-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Ioskeley Mono";src:url("/fonts/IoskeleyMono-Regular.latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Ioskeley Mono";src:url("/fonts/IoskeleyMono-Bold.latin.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap} :root{--text:#e8e8ed;--text-muted:#a8a8ba;--text-dim:#8888a0;--bg:#0c0c10;--bg-sidebar:#101014;--bg-card:#141418;--bg-card-hover:#1a1a1f;--surface-container:#18181e;--border:#1e1e25;--border-hover:#2e2e38;--accent:#4354a5;--accent-dim:rgba(102,126,234,0.15);--accent-glow:rgba(102,126,234,0.06);--accent-text:#8da0f2;--green:#4ade80;--green-dim:rgba(74,222,128,0.1);--orange:#fb923c;--orange-dim:rgba(251,146,60,0.1);--red:#f87171;--badge-bg:rgba(255,255,255,0.06);--badge-success:#6fcf97;--badge-success-bg:rgba(111,207,151,0.1);--badge-warning:#d4a052;--badge-warning-bg:rgba(212,160,82,0.1);--badge-error:#e07575;--badge-error-bg:rgba(224,117,117,0.1);--badge-info:#7eb8f0;--badge-info-bg:rgba(126,184,240,0.1);--badge-muted:#9a9aaa;--badge-muted-bg:rgba(154,154,170,0.1);--badge-purple:#b09adf;--badge-purple-bg:rgba(176,154,223,0.1);--bg-code:#18181e;--bg-code-inline:#1c1c24;--code-bar-bg:rgba(255,255,255,0.02);--header-bg:rgba(12,12,16,0.85);--dropdown-bg:rgba(12,12,16,0.95);--sidebar-hover:rgba(255,255,255,0.03);--overlay-bg:rgba(0,0,0,0.5);--shadow-sidebar:rgba(0,0,0,0.4);--header-height:56px;--sidebar-width:220px;--toc-width:240px;--layout-max-width:1472px;--layout-gutter:0px;--radius:8px;--radius-sm:6px;--radius-xs:4px;--fw-normal:400;--fw-bold:700;--font-sans:"DIN Alternate",Helvetica Neue,Helvetica,Arial,sans-serif;--font-vlist:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:"Ioskeley Mono",monospace;--fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-ui:14px;--fs-base:15px;--fs-md:16px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:22px;--fs-3xl:27px;--fs-4xl:36px;--fs-5xl:48px;--fs-6xl:78px}[data-theme-mode="light"]{--text:#1a1a2e;--text-muted:#40405a;--text-dim:#5c5c78;--bg:#ffffff;--bg-sidebar:#f5f5f8;--bg-card:#f0f0f5;--bg-card-hover:#e8e8f0;--surface-container:#e8e8f0;--border:#dcdce5;--border-hover:#c0c0d0;--accent:#4a5cd8;--accent-dim:rgba(74,92,216,0.08);--accent-glow:rgba(74,92,216,0.04);--accent-text:#4a5cd8;--green:#16a34a;--green-dim:rgba(22,163,74,0.08);--orange:#ea580c;--orange-dim:rgba(234,88,12,0.08);--red:#dc2626;--badge-bg:#f0f0f2;--badge-success:#1b6e20;--badge-success-bg:#e1f0e2;--badge-warning:#7a5000;--badge-warning-bg:#f5ede0;--badge-error:#a21c1c;--badge-error-bg:#f8e2e2;--badge-info:#1a5296;--badge-info-bg:#e2ecf7;--badge-muted:#444454;--badge-muted-bg:#e8e8ec;--badge-purple:#4a3590;--badge-purple-bg:#eae6f5;--bg-code:#f0f0f5;--bg-code-inline:#eaeaf0;--code-bar-bg:rgba(0,0,0,0.02);--header-bg:rgba(255,255,255,0.85);--dropdown-bg:rgba(255,255,255,0.95);--sidebar-hover:rgba(0,0,0,0.03);--overlay-bg:rgba(0,0,0,0.3);--shadow-sidebar:rgba(0,0,0,0.15)}@media (min-width:1600px){ :root{--layout-max-width:1840px;--layout-gutter:64px;--sidebar-width:240px;--toc-width:260px}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100vh;left:0;padding:4px 48px;background:var(--bg,#111);color:var(--accent,#6e9eff);border:1px solid var(--accent,#6e9eff);border-radius:6px;font-size:14px;font-weight:var(--fw-bold);text-decoration:none;z-index:10000}.skip-link:focus{position:fixed;top:12px;left:12px;box-shadow:0 2px 8px rgba(0,0,0,0.4)}#list-container{position:relative}#content:focus,#list-container:focus{outline:none}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}code,pre,kbd,samp{font-family:var(--font-mono)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;z-index:100}.header__inner{display:flex;align-items:center;width:100%;max-width:min(var(--layout-max-width),100% - 2 * var(--layout-gutter));padding:0 12px 0 8px;gap:16px}.header__logo{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);text-decoration:none;letter-spacing:-0.3px;padding:3px 12px;border-radius:6px}.header__logo:hover{opacity:0.85}.header__sep{color:var(--text-dim);font-weight:var(--fw-normal);font-size:var(--fs-md);user-select:none}.header__section{font-size:var(--fs-lg);color:var(--text-muted);text-decoration:none;font-weight:var(--fw-bold);padding:3px 12px;border-radius:6px}.header__section:hover{color:var(--text)}.header__nav{margin-left:auto;display:flex;gap:2px}.header__nav a{font-size:var(--fs-md);color:var(--text-dim);text-decoration:none;transition:color 0.15s;padding:3px 12px;border-radius:6px}.header__nav a:hover{color:var(--text-muted)}.header__nav a.active{color:var(--text)}.header__hamburger{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px;order:-1;margin-right:12px}.dropdown{display:none;position:fixed;top:var(--header-height);left:0;right:0;background:var(--dropdown-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 24px 16px;z-index:99;flex-direction:column;gap:4px}.dropdown--open{display:flex}.dropdown a{display:block;font-size:var(--fs-base);color:var(--text-muted);text-decoration:none;padding:8px 0}.dropdown a:hover{color:var(--text)}.badge{font-size:var(--fs-base);padding:5px 12px;border-radius:16px;border:1px solid var(--border);color:var(--text-muted);letter-spacing:0.2px}.badge--accent{border-color:var(--accent);color:var(--accent-text);background:var(--accent-dim)}.layout{display:flex;padding-top:var(--header-height);min-height:100vh;max-width:min(var(--layout-max-width),100% - 2 * var(--layout-gutter));margin:0 auto}.sidebar{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:20px 0;z-index:50}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar__group{margin-bottom:20px}.sidebar__label{font-size:var(--fs-base);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.8px;padding:0 20px;margin-bottom:6px}.sidebar__link{display:block;font-size:var(--fs-md);color:var(--text-muted);text-decoration:none;padding:0 20px;transition:all 0.1s;margin-right:8px;border-radius:6px}.sidebar__link:hover{color:var(--text)}.sidebar__link--active,.sidebar__link--active:hover{color:var(--accent-text);border-right-color:var(--accent)}.sidebar__badge{font-size:9px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.5px;padding:3px 5px;border-radius:4px;background:var(--accent);color:white;margin-left:6px;margin-top:-2px;vertical-align:middle}.sidebar__badge--dot{font-size:0;padding:0;width:6px;height:6px;border-radius:50%;display:inline-block}.content{position:relative;flex:1;min-width:0;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{scroll-margin-top:calc(var(--header-height) + 16px)}.toc{position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--toc-width);flex-shrink:0;padding:32px 20px;overflow-y:auto;border-left:1px solid var(--border)}.toc::-webkit-scrollbar{width:4px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toc__title{font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.8px;color:var(--text-dim);margin-bottom:12px}.toc__list{list-style:none}.toc__item{margin-bottom:0}.toc__link{display:block;font-size:var(--fs-sm);line-height:1.5;color:var(--text-muted);text-decoration:none;padding:2px 0;transition:color 0.15s;border-left:2px solid transparent;padding-left:10px;margin-left:-10px}.toc__link:hover{color:var(--text)}.toc__link--active{color:var(--accent-text);border-left-color:var(--accent)}.toc__sublist{list-style:none;padding:0;margin:0}.toc__link--sub{font-size:var(--fs-xs);padding-left:20px;margin-left:-10px;color:var(--text-dim)}.toc__link--sub:hover{color:var(--text-muted)}.toc__link--sub.toc__link--active{color:var(--accent-text)}.toc-context{display:none}.overlay{display:none;position:fixed;inset:0;background:var(--overlay-bg);z-index:40}.overlay--visible{display:block}.overview{max-width:760px;margin:0 auto;padding:40px 36px 80px}.overview__title{font-size:38px;font-weight:var(--fw-bold);letter-spacing:-0.5px;margin-bottom:8px;color:var(--text)}.overview__tagline{font-size:var(--fs-xl);color:var(--text-muted);margin-bottom:36px;line-height:1.6}.overview__tagline a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.overview__tagline a:hover{text-decoration-thickness:2px}.overview__section{margin-bottom:32px}.overview__section-title{font-size:var(--fs-base);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.8px;color:var(--text-dim);margin-bottom:12px}.overview__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview__card{display:block;padding:20px 22px}.overview__card-icon{font-size:var(--fs-xl);margin-bottom:6px}.overview__card-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1.2em;color:var(--text);margin-bottom:4px}.overview__card-desc{font-size:var(--fs-base);color:var(--text-dim);line-height:1.5}.overview__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.overview__chip{display:inline-block;font-size:var(--fs-2xs);font-weight:var(--fw-bold);line-height:1;padding:3px 7px;border-radius:4px;background:var(--bg-subtle,rgba(127,127,127,0.1));color:var(--text-dim);white-space:nowrap}.variant-switcher{position:absolute;top:10px;left:36px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.variant-switcher__option{padding:2px 6px;font-size:10px;font-weight:var(--fw-normal);text-transform:uppercase;color:var(--text-muted);text-decoration:none;background:transparent;border-radius:4px;transition:all 0.15s ease;cursor:pointer}.variant-switcher__option:hover{color:var(--text);background:var(--bg-hover)}.variant-switcher__option--active{color:#fff;background-color:var(--accent);font-weight:var(--fw-bold)}.variant-switcher__option--active:hover{color:#fff;background-color:var(--accent);font-weight:var(--fw-bold)}.variant-switcher__option--disabled{color:var(--text-dim);cursor:not-allowed;pointer-events:none;opacity:0.5}.header__theme{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-dim);cursor:pointer;transition:color 0.2s,background 0.2s,border-color 0.2s;padding:0;flex-shrink:0}.header__theme:hover{color:var(--text-muted);background:var(--sidebar-hover);border-color:var(--border)}.header__theme-sun,.header__theme-moon{width:18px;height:18px}.header__theme-sun{display:none}.header__theme-moon{display:block}[data-theme-mode="light"] .header__theme-sun{display:block}[data-theme-mode="light"] .header__theme-moon{display:none}html[data-theme-mode] body,html[data-theme-mode] .header,html[data-theme-mode] .sidebar,html[data-theme-mode] .content,html[data-theme-mode] .toc,html[data-theme-mode] .ui-card,html[data-theme-mode] .sidebar__link,html[data-theme-mode] .md pre,html[data-theme-mode] .md code,html[data-theme-mode] .md table,html[data-theme-mode] .badge{transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}@media (min-width:1200px){.overview{max-width:980px;width:980px}}@media (max-width:1200px){.toc{display:none}.content{margin-right:0}}@media (max-width:900px){ :root{--sidebar-width:190px}.overview{padding:32px 28px 60px}.overview__title{font-size:32px}.overview__tagline{font-size:18px;margin-bottom:28px}.overview__section-title{font-size:14px}.overview__card{padding:16px 18px}.overview__card-title{font-size:16px}.overview__card-desc{font-size:14px}}body.no-sidebar .header__hamburger{display:none}body.no-sidebar .header__nav{display:flex}@media (max-width:640px){body.no-sidebar .header__nav{display:none}body.no-sidebar .header__hamburger{display:block}body.no-sidebar .dropdown--open{display:flex}}@media (max-width:720px){.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;transform:translateX(-100%);transition:transform 0.25s ease;width:260px;background:var(--bg);box-shadow:4px 0 24px var(--shadow-sidebar)}.sidebar--open{transform:translateX(0)}.header__inner{padding:0 12px 0 12px;gap:8px}.header__hamburger{display:block;margin-right:0}.header__nav{display:none}.header__theme{margin-left:auto}.header__logo{display:block;font-size:20px;margin-bottom:4px}.header__sep{font-size:20px;margin-bottom:4px}.header__section{font-size:20px;margin-bottom:4px}.sidebar__label{font-size:11px}.sidebar__link{font-size:14px}.overview{padding:12px 20px 60px}.overview__title{font-size:28px}.overview__tagline{font-size:16px;margin-bottom:24px}.overview__section{margin-bottom:24px}.overview__section-title{font-size:13px;margin-bottom:8px}.overview__grid{grid-template-columns:1fr;gap:8px}.overview__card{padding:14px 16px}.overview__card-title{font-size:15px}.overview__card-desc{font-size:14px}.variant-switcher{display:none}.variant-switcher__option{padding:3px 10px;font-size:14px}}.doc-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:32px;border-top:1px solid var(--border)}.doc-nav__link{display:flex;flex-direction:column;padding:20px 24px}.doc-nav__link--prev{text-align:left}.doc-nav__link--next{text-align:right;grid-column:2}.doc-nav__label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.5px;color:var(--text-dim);margin-bottom:8px}.doc-nav__title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--accent-text)}.button-group{display:flex;gap:4px;background:var(--bg-card);padding:3px;border-radius:6px}.button-group button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;white-space:nowrap;transition:background 0.15s ease,border-color 0.15s ease}.button-group button:hover{background:var(--bg-card-hover);color:var(--text)}.button-group .button--active{background:var(--accent);color:#fff;font-weight:var(--fw-bold);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.button-group .button--active:hover{background:var(--accent)}[data-theme-mode="light"] .doc-nav__link{background:#f8f8fa;border-color:#e0e0e8}[data-theme-mode="light"] .doc-nav__link:hover{background:#f0f0f5;border-color:#d0d0d8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar__link:focus-visible{background:var(--accent-dim);color:var(--accent-text);outline:none}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:0.01ms!important;animation-duration:0.01ms!important;scroll-behavior:auto!important}}.ui-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all 0.2s ease}.ui-card--interactive{text-decoration:none;color:inherit;cursor:pointer}.ui-card--interactive:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.ui-card--sm{border-radius:var(--radius-sm)}.ui-card--xs{border-radius:var(--radius-xs)}.ui-card--lg{border-radius:12px}.ui-card--xl{border-radius:16px;padding:28px 32px}.ui-card--flush{padding:0}.ui-card--compact{padding:14px 18px}.ui-card--strong{border-width:2px}.split-layout{display:flex;gap:16px;align-items:stretch}.split-main{flex:1;min-width:0;background-color:var(--bg-card);border-radius:var(--radius);padding:32px}.split-main--full{padding:0}.split-panel{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:hidden;overflow-y:auto}.ui-section{padding:14px 16px}.ui-section + .ui-section{border-top:1px solid var(--border)}.ui-section--hidden{display:none}.ui-title{font-size:var(--fs-2xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.6px;color:var(--text-dim);margin:0 0 8px}.ui-title__hint{font-size:var(--fs-2xs);font-weight:var(--fw-normal);color:var(--text-muted);opacity:0.7;margin-left:6px}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px}.ui-row.slider,.ui-row.no-margin{margin-top:0!important}.ui-row + .ui-row{margin-top:8px}.ui-row--action{padding-top:4px}.ui-label{flex:1;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.ui-label--muted{color:var(--text-muted);font-style:italic;font-size:var(--fs-xs)}.ui-value{font-size:var(--fs-xs);color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-mono)}.ui-text{font-size:var(--fs-sm);line-height:1.6;color:var(--text-muted);margin:0 0 8px}.ui-text:last-child{margin-bottom:0}.ui-input-group{display:flex;gap:4px;flex:1;min-width:0}.ui-input{width:64px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:var(--bg);color:var(--text);outline:none;transition:border-color 0.15s;-moz-appearance:textfield;appearance:textfield}.ui-input::-webkit-inner-spin-button,.ui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ui-input:focus{border-color:var(--accent)}.ui-select{padding:5px 24px 5px 8px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-sm);background:var(--bg);color:var(--text);cursor:pointer;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color 0.15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.ui-select:focus{outline:none;box-shadow:none}.ui-select:focus-visible{border-color:var(--accent)}.ui-select--full{flex:1}.ui-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;white-space:nowrap;transition:background 0.15s ease,border-color 0.15s ease}.ui-btn svg{flex-shrink:0;opacity:0.7}.ui-btn:hover svg{opacity:1}.ui-btn--icon{padding:5px 7px}.ui-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.ui-btn:active{background:var(--border)}.ui-btn:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.ui-btn--active{background:var(--bg-card-hover);color:var(--text);font-weight:var(--fw-bold)}.ui-btn--primary{width:100%;background:var(--accent);color:#fff;font-weight:var(--fw-bold);justify-content:center;transition:all 0.15s ease}.ui-btn--primary:hover{background:var(--accent);opacity:0.9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,0.3)}.ui-btn--primary:active{transform:translateY(0);box-shadow:none}.ui-btn--danger{width:100%;background:transparent;color:#f87171;border-color:rgba(248,113,113,0.3);font-weight:var(--fw-bold);justify-content:center;transition:all 0.15s ease}.ui-btn--danger:hover{background:rgba(248,113,113,0.1);border-color:rgba(248,113,113,0.5)}.ui-btn--danger:active{background:rgba(248,113,113,0.2)}.ui-btn--load:hover:not(:disabled){filter:brightness(1.1)}.ui-btn--load:disabled{opacity:0.4;cursor:not-allowed}.ui-btn-group{display:flex;flex-wrap:wrap;gap:4px}.ui-btn-group--fill{display:flex;width:100%}.ui-btn-group--fill .ui-btn{flex:1}.ui-ctrl-btn{padding:4px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:inherit;cursor:pointer;transition:all 0.15s ease;min-width:36px;text-align:center}.ui-ctrl-btn:hover{border-color:var(--accent);color:var(--accent-text)}.ui-ctrl-btn--active,.ui-ctrl-btn--active:hover{background:var(--accent);color:white;border-color:var(--accent)}.ui-segmented{display:flex;border-radius:var(--radius);background:var(--bg);padding:2px;gap:4px}.ui-segmented--flex-1{flex:1}.ui-segmented__btn{flex:1;padding:5px 10px;border:none;background:var(--bg);color:var(--text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:pointer;white-space:nowrap;border-radius:4px;transition:background 0.15s ease,color 0.15s ease}.ui-segmented__btn:last-child{border-right:none}.ui-segmented__btn:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.ui-segmented__btn--active{background:var(--accent);color:white}.ui-segmented__btn--active:hover{background:var(--accent)}.ui-segmented__btn--disabled,.ui-segmented__btn:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}.ui-detail{font-size:var(--fs-sm);line-height:1.5;color:var(--text)}.ui-detail__empty{color:var(--text-dim);font-style:italic;font-size:var(--fs-sm)}.ui-detail__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ui-detail__header:last-child{margin-bottom:0}.ui-detail__name{font-weight:var(--fw-bold);font-size:var(--fs-ui)}.ui-detail__meta{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--text-muted);font-family:var(--font-mono);padding-top:6px;border-top:1px solid var(--border)}.ui-detail__avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:white;font-weight:var(--fw-bold);font-size:var(--fs-ui);flex-shrink:0}.ui-detail__email{font-size:var(--fs-xs);color:var(--text-muted)}.stats{display:flex;gap:24px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius);margin-bottom:16px;font-size:var(--fs-ui);color:var(--text-muted);font-variant-numeric:tabular-nums}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.controls label{display:flex;align-items:center;gap:8px;font-size:var(--fs-ui);font-weight:var(--fw-bold);color:var(--text-muted)}.controls select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:var(--fs-ui);background:var(--bg);color:var(--text);cursor:pointer;outline:none;transition:border-color 0.15s}.controls select:focus{border-color:var(--accent)}.controls button{padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font-size:var(--fs-ui);font-weight:var(--fw-bold);cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease}.controls button:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.controls button:active{background:var(--border)}.ui-chips{position:absolute;top:10px;right:12px;display:flex;flex-wrap:wrap;gap:6px;z-index:5}.ui-chip{display:inline-block;font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;line-height:1;padding:4px 10px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:0.02em;line-height:1.5;white-space:nowrap;flex-shrink:0;color:var(--text-muted);background:var(--badge-bg)}.ui-badge--pill{border-radius:20px;padding:2px 10px}.ui-badge--sm{font-size:9px;padding:2px 6px;border-radius:3px;letter-spacing:0.03em;text-transform:uppercase}.ui-badge--glass{background:rgba(255,255,255,0.25);backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:0.05em;font-size:9px}.ui-badge--success{color:var(--badge-success);background:var(--badge-success-bg)}.ui-badge--warning{color:var(--badge-warning);background:var(--badge-warning-bg)}.ui-badge--error{color:var(--badge-error);background:var(--badge-error-bg)}.ui-badge--info{color:var(--badge-info);background:var(--badge-info-bg)}.ui-badge--muted{color:var(--badge-muted);background:var(--badge-muted-bg)}.ui-badge--purple{color:var(--badge-purple);background:var(--badge-purple-bg)}.ui-badge--accent{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;letter-spacing:0.03em}.source{position:sticky;bottom:0;margin-top:auto;z-index:100;overflow:hidden;min-width:0;max-width:100%;display:flex;flex-direction:column;transition:background-color 0.25s ease,border-color 0.25s ease}.source__header{display:flex;align-items:center;gap:16px;padding:0 16px;border-bottom:1px solid var(--border);border-radius:0 8px 0 0;background:var(--bg-card);flex-shrink:0;height:41px}.source__title{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.source__tabs{display:flex;gap:0;flex:1}.source__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--text-dim);cursor:pointer;border-radius:16px;flex-shrink:0;margin-left:auto;transition:color 0.15s ease,background 0.15s ease,transform 0.3s cubic-bezier(0.4,0,0.2,1)}.source__toggle:hover{color:var(--text);background:var(--bg-card-hover)}.source--open .source__toggle{transform:rotate(180deg)}.source__tab{padding:10px 16px;border:none;background:none;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-bold);font-family:var(--font-mono);cursor:pointer;border-bottom:2px solid transparent;transition:color 0.15s ease,border-color 0.15s ease}.source__tab:hover{color:var(--text)}.source__tab--active{color:var(--accent-text,var(--text));border-bottom-color:var(--accent,currentColor)}.source__body{height:0;overflow:hidden;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--bg-card);transition:height 0.3s cubic-bezier(0.4,0,0.2,1)}.source--open .source__body{height:var(--source-body-height,60vh)}.source__panel{display:none;height:100%;min-width:0}.source__panel--active{display:block}.source__panel pre{margin:0;padding:20px 24px;overflow:auto;overscroll-behavior:contain;height:100%;font-size:var(--fs-sm);line-height:1.65;background:transparent;box-sizing:border-box}.source__panel code{font-family:var(--font-mono);tab-size:2}.ui-switch{display:flex;align-items:center;cursor:pointer;user-select:none}.ui-switch input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-switch__track{position:relative;width:40px;height:22px;border-radius:5px;background:var(--border);transition:background 0.2s ease;flex-shrink:0}.ui-switch input:checked + .ui-switch__track{background:var(--accent)}.ui-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:4px;background:#fff;transition:transform 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.ui-switch input:checked + .ui-switch__track::after{transform:translateX(18px)}.ui-switch input:focus-visible + .ui-switch__track{outline:2px solid var(--accent);outline-offset:2px}.ui-switch input:disabled + .ui-switch__track{opacity:0.35;cursor:not-allowed}.ui-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.ui-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 3px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.1s ease}.ui-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.ui-slider::-webkit-slider-thumb:active{transform:scale(1.05)}.ui-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 1px 3px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.1s ease}.ui-slider::-moz-range-thumb:hover{transform:scale(1.15)}.ui-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--border)}.ui-hint{font-size:11px;color:var(--text-muted);line-height:1.4;margin:8px 0 0;padding:0 2px}.ui-hint code{font-size:10px}.icon{display:inline-block;width:14px;height:14px;background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;vertical-align:-2px;flex-shrink:0}.icon--up{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}.icon--down{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/><path fill="none" d="M0 0h24v24H0V0z"/></svg>')}.icon--center{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z"/></svg>')}.icon--add{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Zm40 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160Zm40 200q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>')}.icon--remove{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}.icon--trash{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>')}.icon--shuffle{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M10.59 9.17L5.41 4 4 5.41l5.17 5.17 1.42-1.41zM14.5 4l2.04 2.04L4 18.59 5.41 20 17.96 7.46 20 9.5V4h-5.5zm.33 9.41l-1.41 1.41 3.13 3.13L14.5 20H20v-5.5l-2.04 2.04-3.13-3.13z"/></svg>')}.icon--back{-webkit-mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>');mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>')}.icon--forward{-webkit-mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>');mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>')}.icon--search{-webkit-mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>')}.icon--sort{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h6v-2H3v2zM3 6v2h18V6H3zm0 7h12v-2H3v2z"/></svg>')}.icon--filter{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/></svg>')}.icon--send{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>')}.icon--settings{-webkit-mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>');mask-image:url('data:image/svg+xml,<svg fill="currentColor" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>')}[data-theme-mode="dark"] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E")}html[data-theme] .ui-card,html[data-theme] .stats,html[data-theme] .controls button,html[data-theme] .controls select,html[data-theme] .split-panel,html[data-theme] .ui-btn,html[data-theme] .ui-ctrl-btn,html[data-theme] .ui-badge,html[data-theme] .ui-input,html[data-theme] .ui-select,html[data-theme] .ui-segmented,html[data-theme] .ui-segmented__btn,html[data-theme] .source__header,html[data-theme] .source__tab,html[data-theme] .source__panel pre{transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease}@media (max-width:720px){.stats{gap:16px;font-size:var(--fs-sm);padding:10px 16px}.controls{flex-direction:column}.source__header{gap:12px;padding:0 12px}.source__tab{padding:8px 12px;font-size:var(--fs-xs)}.source__panel pre{font-size:var(--fs-sm);padding:16px}}@media (max-width:820px){.split-layout{flex-direction:column}.split-panel{width:100%}}.component-size{margin-left:auto;color:var(--text-dim);font-size:var(--fs-xs);white-space:nowrap;cursor:help}.playground-space>.preview-copy{position:absolute;top:16px;right:18px;z-index:1}@media (max-width:400px){.panel-heading.preview-heading{flex-wrap:wrap;padding-bottom:8px}}.component-size strong{color:var(--text-muted);font-family:var(--font-mono);font-weight:var(--fw-bold,600)}.version-switcher{position:absolute;top:10px;right:12px;flex:none;z-index:1;font-family:var(--font-mono)}.version-switcher .ui-segmented__btn{padding:3px 10px;font-size:var(--fs-xs);text-decoration:none}.version-switcher .ui-segmented__btn{padding:3px 10px;font-size:var(--fs-xs);text-decoration:none;border:2px solid transparent}.version-switcher .ui-segmented__btn--active{background:transparent;color:var(--accent);border:2px solid var(--accent)}.meta{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:var(--fs-xs);color:var(--text-dim);letter-spacing:0.2px}.meta__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-xs);font-weight:var(--fw-bold);text-transform:uppercase;font-size:var(--fs-2xs);letter-spacing:0.5px}.meta__badge--draft{color:var(--badge-warning);background:var(--badge-warning-bg)}.meta__badge--review{color:var(--badge-info);background:var(--badge-info-bg)}.meta__badge--published{color:var(--badge-success);background:var(--badge-success-bg)}.meta__item{color:var(--text-dim)}.md{max-width:820px;margin:0 auto;padding:40px 48px 80px;overflow-wrap:break-word;word-wrap:break-word}.md h1{font-size:var(--fs-4xl);font-weight:var(--fw-bold);letter-spacing:-0.5px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.md h2{font-size:var(--fs-3xl);font-weight:var(--fw-bold);margin-top:48px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:-0.3px}.md h3{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin-top:32px;margin-bottom:12px}.md h4{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-top:24px;margin-bottom:8px;color:var(--text-muted)}.md h1:first-child{margin-top:0}.md h2:first-child{margin-top:0}.md h1 .anchor,.md h2 .anchor,.md h3 .anchor,.md h4 .anchor{color:var(--text-dim);text-decoration:none;margin-left:6px;opacity:0;transition:opacity 0.15s;font-weight:var(--fw-normal)}.md h1:hover .anchor,.md h2:hover .anchor,.md h3:hover .anchor,.md h4:hover .anchor,.md h1:focus-within .anchor,.md h2:focus-within .anchor,.md h3:focus-within .anchor,.md h4:focus-within .anchor{opacity:1}.md p{margin-bottom:16px;color:var(--text-muted);line-height:1.7;font-size:var(--fs-md)}.md blockquote{border-left:3px solid var(--accent);padding:8px 16px;margin-bottom:16px;background:var(--accent-dim);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.md blockquote p{color:var(--text-muted);margin-bottom:0}.md strong{font-weight:var(--fw-bold);color:var(--text)}.md a{color:var(--accent-text);text-decoration:none}.md ul,.md ol{margin-bottom:16px;padding-left:24px;color:var(--text-muted)}.md li{margin-bottom:4px;line-height:1.7}.md li>ul,.md li>ol{margin-top:4px;margin-bottom:4px}.md hr{border:none;border-top:1px solid var(--border);margin:32px 0}.md code{font-family:var(--font-mono);font-size:0.88em;background:var(--bg-code-inline);padding:2px 7px;border-radius:4px;color:#abb2bf}[data-theme-mode="light"] .md code{color:#374151}.md pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px;overflow-x:auto;line-height:1.55}.md pre::-webkit-scrollbar{height:4px}.md pre::-webkit-scrollbar-track{background:transparent}.md pre::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.md pre code{background:none;padding:0;border-radius:0;font-size:var(--fs-base);color:#abb2bf}.md pre code [class^="hljs-"]{transition:color 0.15s ease}.md pre code .hljs-comment{font-style:italic}[data-theme-mode="light"] .md pre code{color:#374151}.doc-example__panel{display:none;margin-bottom:16px}.doc-example__panel[data-framework="vanilla"], :root[data-framework="html"] .doc-example__panel[data-framework="html"], :root[data-framework="react"] .doc-example__panel[data-framework="react"], :root[data-framework="vue"] .doc-example__panel[data-framework="vue"], :root[data-framework="svelte"] .doc-example__panel[data-framework="svelte"], :root[data-framework="solid"] .doc-example__panel[data-framework="solid"]{display:block} :root[data-framework]:not([data-framework="vanilla"]) .doc-example__panel[data-framework="vanilla"]{display:none}.doc-example__label{display:block;padding:8px 20px 0;background:var(--bg-code);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;color:var(--text-dim);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase}.doc-example__panel pre{margin-bottom:0;padding-top:8px;border-top:none;border-radius:0 0 var(--radius) var(--radius)}.doc-example .framework-note{margin:8px 0 0}.doc-example__error{color:var(--error,#f2b8b5)}.md table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:var(--fs-md)}.md thead th{text-align:left;font-weight:var(--fw-bold);color:var(--text);padding:8px 12px;border-bottom:2px solid var(--border);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:0.5px}.md tbody td{padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-muted);vertical-align:top}.md tbody tr:last-child td{border-bottom:none}.md tbody tr:hover{background:var(--sidebar-hover)}.md tbody td code{font-size:var(--fs-base)}.error{padding:40px;text-align:center;color:var(--text-dim)}.error__title{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:8px}.error__message{font-size:var(--fs-lg);margin-bottom:20px}.error__link{color:var(--accent-text);text-decoration:none}.error__link:hover{text-decoration:underline}@media (min-width:1200px){.md{max-width:920px}}@media (max-width:900px){.md{padding:32px 32px 60px}}@media (max-width:720px){.md{padding:12px 20px 60px;max-width:100%}.md h1{font-size:28px}.md h2{font-size:22px;margin-top:36px}.md h3{font-size:18px;margin-top:24px}.md h4{font-size:15px}.md pre{padding:12px 14px}.md pre code{font-size:14px;word-break:break-all;white-space:pre-wrap}.md table{font-size:14px;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.md thead th{font-size:13px}.md tbody td code{font-size:13px}.md table thead,.md table tbody,.md table tr{display:table;width:100%;table-layout:fixed}}.framework-switch__option[data-framework="vanilla"], :root[data-framework="html"] .framework-switch__option[data-framework="html"], :root[data-framework="react"] .framework-switch__option[data-framework="react"], :root[data-framework="vue"] .framework-switch__option[data-framework="vue"], :root[data-framework="svelte"] .framework-switch__option[data-framework="svelte"], :root[data-framework="solid"] .framework-switch__option[data-framework="solid"]{background:var(--accent);color:var(--text)} :root[data-framework]:not([data-framework="vanilla"]) .framework-switch__option[data-framework="vanilla"]{background:transparent;color:var(--text-dim)}.doc-install{margin:16px 0 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-code);overflow:hidden}.doc-install__bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border)}.doc-install__switch{display:flex;flex-wrap:wrap;gap:2px}.doc-install__option,.doc-install__copy{border:0;border-radius:6px;padding:4px 10px;background:transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-2xs);cursor:pointer}.doc-install__option:hover,.doc-install__copy:hover{color:var(--text)}.doc-install__option:focus-visible,.doc-install__copy:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.doc-install__copy{font-family:inherit}pre.doc-install__command{display:none;margin:0;padding:14px 18px;border:0;border-radius:0;background:transparent}.doc-install__option[data-package-manager="bun"], :root[data-package-manager="npm"] .doc-install__option[data-package-manager="npm"], :root[data-package-manager="pnpm"] .doc-install__option[data-package-manager="pnpm"], :root[data-package-manager="yarn"] .doc-install__option[data-package-manager="yarn"]{background:var(--bg-card-hover);color:var(--text)} :root[data-package-manager]:not([data-package-manager="bun"]) .doc-install__option[data-package-manager="bun"]{background:transparent;color:var(--text-dim)}pre.doc-install__command[data-package-manager="bun"], :root[data-package-manager="npm"] pre.doc-install__command[data-package-manager="npm"], :root[data-package-manager="pnpm"] pre.doc-install__command[data-package-manager="pnpm"], :root[data-package-manager="yarn"] pre.doc-install__command[data-package-manager="yarn"]{display:block} :root[data-package-manager]:not([data-package-manager="bun"]) pre.doc-install__command[data-package-manager="bun"]{display:none}.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:32px;border-top:1px solid var(--border)}.pager-wrap{padding-top:0}.pager-wrap .page-nav{margin-top:0}.page-nav__link{display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-decoration:none;transition:border-color .15s,background-color .15s}.page-nav__link:hover{border-color:var(--text-dim);background:var(--bg-card-hover)}.page-nav__link:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.page-nav__link--next{grid-column:2;text-align:right}.page-nav__label{color:var(--text-dim);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.5px;text-transform:uppercase}.page-nav__title{color:var(--accent-text);font-size:var(--fs-md);font-weight:var(--fw-bold);overflow-wrap:anywhere}@media (max-width:560px){.page-nav{grid-template-columns:1fr}.page-nav__link--next{grid-column:1}}.doc-entry{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;text-decoration:none}.doc-entry__name{color:var(--text);font-size:var(--fs-base);font-weight:var(--fw-bold)}.doc-entry__summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.document-layout .md{max-width:none;margin:0;padding:32px 48px 80px}.hljs{color:#abb2bf}.hljs-keyword,.hljs-doctag,.hljs-formula{color:#c678dd}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta-string{color:#98c379}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d19a66}.hljs-comment,.hljs-quote{color:#ffffff59;font-style:italic}.hljs-function .hljs-title,.hljs-title.function_,.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id{color:#61aeee}.hljs-built_in,.hljs-class .hljs-title,.class_ .hljs-title{color:#e6c07b}.hljs-type{color:#e6c07b}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-tag{color:#e06c75}.hljs-tag .hljs-name{color:#e06c75}.hljs-variable.language_{color:#56b6c2}.hljs-property{color:#56b6c2}.hljs-params{color:#abb2bf}.hljs-punctuation{color:#abb2bf}.hljs-attribute{color:#c678dd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme-mode="light"] .hljs{color:#383a42}[data-theme-mode="light"] .hljs-keyword,[data-theme-mode="light"] .hljs-doctag,[data-theme-mode="light"] .hljs-formula{color:#a626a4}[data-theme-mode="light"] .hljs-string,[data-theme-mode="light"] .hljs-regexp,[data-theme-mode="light"] .hljs-addition,[data-theme-mode="light"] .hljs-meta-string{color:#50a14f}[data-theme-mode="light"] .hljs-number,[data-theme-mode="light"] .hljs-literal,[data-theme-mode="light"] .hljs-variable,[data-theme-mode="light"] .hljs-template-variable,[data-theme-mode="light"] .hljs-selector-class,[data-theme-mode="light"] .hljs-selector-attr,[data-theme-mode="light"] .hljs-selector-pseudo{color:#986801}[data-theme-mode="light"] .hljs-comment,[data-theme-mode="light"] .hljs-quote{color:#a0a1a7;font-style:italic}[data-theme-mode="light"] .hljs-function .hljs-title,[data-theme-mode="light"] .hljs-title.function_,[data-theme-mode="light"] .hljs-symbol,[data-theme-mode="light"] .hljs-bullet,[data-theme-mode="light"] .hljs-link,[data-theme-mode="light"] .hljs-meta,[data-theme-mode="light"] .hljs-selector-id{color:#4078f2}[data-theme-mode="light"] .hljs-built_in,[data-theme-mode="light"] .hljs-class .hljs-title,[data-theme-mode="light"] .class_ .hljs-title{color:#c18401}[data-theme-mode="light"] .hljs-type{color:#c18401}[data-theme-mode="light"] .hljs-section,[data-theme-mode="light"] .hljs-name,[data-theme-mode="light"] .hljs-selector-tag,[data-theme-mode="light"] .hljs-deletion,[data-theme-mode="light"] .hljs-subst{color:#e45649}[data-theme-mode="light"] .hljs-tag{color:#e45649}[data-theme-mode="light"] .hljs-tag .hljs-name{color:#e45649}[data-theme-mode="light"] .hljs-variable.language_{color:#0184bc}[data-theme-mode="light"] .hljs-property{color:#0184bc}[data-theme-mode="light"] .hljs-params{color:#383a42}[data-theme-mode="light"] .hljs-punctuation{color:#383a42}[data-theme-mode="light"] .hljs-attribute{color:#a626a4}.kw{color:#c678dd}.fn{color:#61aeee}.str{color:#98c379}.num{color:#d19a66}.prop{color:#56b6c2}.par{color:#abb2bf}.op{color:#abb2bf}.pun{color:#abb2bf}.cm{color:#ffffff59;font-style:italic}.bool{color:#d19a66}.type{color:#e6c07b}[data-theme-mode="light"] .kw{color:#a626a4}[data-theme-mode="light"] .fn{color:#4078f2}[data-theme-mode="light"] .str{color:#50a14f}[data-theme-mode="light"] .num{color:#986801}[data-theme-mode="light"] .prop{color:#0184bc}[data-theme-mode="light"] .par{color:#383a42}[data-theme-mode="light"] .op{color:#383a42}[data-theme-mode="light"] .pun{color:#383a42}[data-theme-mode="light"] .cm{color:#a0a1a7}[data-theme-mode="light"] .bool{color:#986801}[data-theme-mode="light"] .type{color:#c18401}button,input,select{font-family:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent} :focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}[hidden]{display:none!important}html[data-theme-mode="dark"]{color-scheme:dark}html[data-theme-mode="light"]{color-scheme:light}.header__logo{font-size:23px;letter-spacing:-1px;white-space:nowrap}.header__mark{display:inline-block;width:20px;height:20px;margin-right:7px;vertical-align:-1px}@media (max-width:720px){.header__logo{padding:3px 4px}.header__section{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.brand-dot{color:var(--accent-text)}.header__section{font-size:var(--fs-base)}.sidebar__label{font-size:var(--fs-xs);color:var(--text)}.sidebar__link{font-size:var(--fs-md)}.sidebar{display:flex;flex-direction:column}.sidebar__foot{margin-top:auto;padding:24px 20px 4px;font-size:var(--fs-xs);color:var(--text-dim)}.sidebar__foot a{color:inherit}.mobile-navigation{display:none}.page-wrap{padding:8px 40px 64px;width:100%}.page-heading{margin-bottom:30px}.page-heading h1{font-size:40px;letter-spacing:-1px;line-height:1.2;margin:10px 0 12px}.page-heading p{color:var(--text-muted);font-size:var(--fs-lg)}.page-heading__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading__top .text-link{white-space:nowrap}.eyebrow,.feature-index{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:1.2px}.text-link,.catalog-note a,.doc-toolbar a{color:var(--accent-text);text-decoration:none;font-size:var(--fs-ui)}.text-link:hover,.catalog-note a:hover,.doc-toolbar a:hover{text-decoration:underline}.playground{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}.preview-panel{border:1px solid var(--border);background:var(--bg-card);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-width:0}.panel-heading{min-height:49px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.panel-heading .ui-title{margin:0}.preview-dot{height:6px;width:6px;border-radius:50%;background:var(--green)}.preview-heading{padding-top:0;padding-bottom:0}.preview-copy{flex-shrink:0;gap:6px}.preview-tabs{display:flex;gap:22px;align-self:stretch}.preview-tab{position:relative;border:0;background:transparent;padding:0;color:var(--text-dim);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;cursor:pointer}.preview-tab:hover{color:var(--text)}.preview-tab[aria-selected="true"]{color:var(--text)}.preview-tab[aria-selected="true"]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent-text)}.playground-space{position:relative;flex:1;min-height:450px}.playground-view{position:absolute;inset:0}#preview{display:block;border:0;width:100%;height:100%;background:#f7f2fa;color-scheme:light}html[data-preview-mode="dark"] #preview{background:#1d1b20;color-scheme:dark}.code-panel{overflow:auto;background:var(--bg-code);padding:24px}.code-panel pre{margin:0;font-size:var(--fs-sm);line-height:1.8;tab-size:2}.code-panel:focus-visible{outline-offset:-4px}.preview-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-shrink:0;gap:8px 16px;padding:12px 16px;border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-xs)}.configuration{width:auto;min-width:0;min-height:0;overflow:hidden;gap:0}.panel-heading{flex-shrink:0}.configuration-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.configuration .ui-section{padding:14px 16px}.configuration-controls>.ui-title{margin-bottom:10px}.configuration .ui-row + .ui-row{margin-top:8px}.control-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,190px);gap:8px}.control-label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1.3}.control-input{width:100%;min-width:0}.control-row .ui-select{width:100%;min-width:0}.choice-group{justify-self:end;max-width:100%;gap:2px}.choice{position:relative;cursor:pointer;min-width:0;flex:1}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice>span{display:flex;align-items:center;justify-content:center;min-height:26px;padding:4px 8px;line-height:1.4}.choice input:checked + span{color:white;background:var(--accent)}.choice input:focus-visible + span{outline:2px solid var(--accent-text);outline-offset:2px}.choice-group--sizes,.choice-group--icons{width:100%}.choice-group--icons span{padding:4px}.choice svg{width:16px;height:16px}.configuration .ui-switch{position:relative}.ui-switch__track{display:block}.ui-switch:has(input:disabled){opacity:.45;cursor:default}.reset-button{background:none;border:0;color:var(--text-dim);cursor:pointer;font-size:var(--fs-xs)}.reset-button:hover{color:var(--text)}.preview-appearance{display:flex;align-items:center;gap:8px;margin-left:auto}.preview-appearance .ui-select{width:120px;min-width:0}.preview-footer #playground-status{overflow-wrap:anywhere}@media (max-width:400px){.preview-appearance{width:100%}.preview-appearance .ui-select{flex:1}}.catalog-group + .catalog-group{margin-top:32px}.catalog-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:16px}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.component-card{display:block;padding:0;overflow:hidden}.component-card__body{display:flex;align-items:center;justify-content:space-between;padding:20px;border-top:1px solid var(--border)}.component-card__body h3{font-size:var(--fs-lg);margin-bottom:4px}.component-card__body p,.catalog-note{font-size:var(--fs-ui);color:var(--text-muted)}.catalog-note{margin-top:28px}.architecture-link{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;font-size:var(--fs-base)}.docs-group{margin-top:30px}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.doc-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;font-size:var(--fs-base)}.doc-card>span + span{color:var(--text-dim)}.document-layout{display:flex;min-width:0}.document-layout .md{min-width:0;flex:1;width:100%}.doc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.doc-toc{width:190px;flex-shrink:0;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;margin:44px 20px 0 0;align-self:flex-start}.doc-toc a{display:block;color:var(--text-dim);text-decoration:none;font-size:var(--fs-xs);padding:3px 0}.doc-toc a:hover{color:var(--accent-text)}.md table{display:block;max-width:100%;overflow-x:auto}.home .sidebar--home{display:none}.landing{width:100%;max-width:1120px;margin:auto;padding:0 40px}.landing .hero{padding:72px 0 48px}.landing .hero__name{font-size:clamp(44px,6vw,72px);line-height:1.08;margin:24px 0}.hero__accent{color:var(--accent-text)}.landing .hero__tagline{max-width:540px;font-size:var(--fs-xl)}.install{display:inline-flex;align-items:center;gap:32px;padding:9px 10px 9px 18px;background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);margin:28px 0 0;font-size:var(--fs-ui)}.install code span{color:var(--text-dim)}.hero__notes{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;color:var(--text-dim);font-size:var(--fs-xs);margin-top:25px}.landing-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;border-top:1px solid var(--border);padding:32px 0 40px}.landing-features h2{font-size:var(--fs-lg);margin:12px 0 8px}.landing-features p{font-size:var(--fs-base);color:var(--text-muted)}.landing-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:20px 0;color:var(--text-dim);font-size:var(--fs-xs)}.landing-footer a{color:inherit;text-decoration:none}@media (max-width:1150px){.doc-toc{display:none}.page-wrap{padding:32px 28px 48px}.playground{grid-template-columns:minmax(0,1fr) 340px;gap:12px}}@media (min-width:1001px){.component-page{height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;padding-top:8px;padding-bottom:24px}.component-page .page-heading{flex-shrink:0;margin-bottom:22px}.component-page .playground{flex:1;min-height:0}.component-page .playground-space{min-height:0}.component-page .preview-panel{min-height:0}}@media (max-width:1000px) and (min-width:721px){.playground{grid-template-columns:1fr}.playground-space{height:350px;min-height:350px;flex:none}}@media (max-width:1000px){.component-page:is([data-component="datepicker"],[data-component="timepicker"]) .playground-space{height:560px;min-height:560px}}@media (max-width:720px){.mobile-navigation{display:block;border-bottom:1px solid var(--border);padding-bottom:16px}.home .sidebar--home{display:block}.header__nav{display:none}.header__theme{margin-left:auto}.page-wrap{padding:28px 18px 40px}.page-heading h1{font-size:34px}.page-heading p{font-size:var(--fs-base)}.page-heading__top .text-link{font-size:var(--fs-xs)}.playground{grid-template-columns:1fr}.playground-space{height:310px;min-height:310px;flex:none}.code-panel{padding:18px}.preview-tabs{gap:16px}.configuration{width:100%}.docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-grid{grid-template-columns:1fr}.document-layout .md{padding:28px 18px 48px}.landing{padding:0 22px}.landing .hero{padding:50px 0 36px}.landing .hero__tagline{font-size:var(--fs-lg)}.hero__notes{gap:8px 16px}.landing-features{grid-template-columns:1fr;gap:24px;padding:28px 0}.landing-features h2{margin-top:6px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important}}.control-range{display:flex;align-items:center;gap:12px;min-width:0}.control-range output{min-width:24px;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-align:right}.control-range .ui-slider{min-width:0}.control-row:has(:disabled){opacity:.5}@media (max-width:1000px){.component-page:is([data-component="card"],[data-component="dialog"],[data-component="bottom-sheet"],[data-component="side-sheet"]) .playground-space{height:480px;min-height:480px}}.framework-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.framework-tab{border:1px solid transparent;background:transparent;color:var(--text-dim);border-radius:6px;padding:5px 10px;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.6px;text-transform:uppercase;cursor:pointer}.framework-tab:hover:not(:disabled){color:var(--text)}.framework-tab[aria-selected="true"]{background:var(--accent);color:var(--text)}.framework-tab:disabled{opacity:.45;cursor:not-allowed}.framework-tab:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.framework-note{margin:12px 18px 0;color:var(--text-dim);font-size:var(--fs-sm)}.header__search{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-sm);transition:color 0.15s,background 0.15s,border-color 0.15s}.header__search:hover{color:var(--text-muted);background:var(--bg-card);border-color:var(--border-hover)}.header__search-icon{width:16px;height:16px;flex-shrink:0}.header__search-kbd{display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-container);color:var(--text-dim);font-family:var(--font-sans);font-size:11px;line-height:1;pointer-events:none}.search-overlay{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;padding:20vh 0 0;justify-content:center;align-items:flex-start;background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--text);transition:opacity 0.15s ease-out}.search-overlay[open]{display:flex}.search-overlay::backdrop{background:transparent}@starting-style{.search-overlay[open]{opacity:0}}.search-dialog{width:90vw;max-width:640px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.35),0 0 1px rgba(0,0,0,0.2);overflow:hidden;transition:transform 0.15s ease-out}@starting-style{.search-overlay[open] .search-dialog{transform:scale(0.98)}}[data-theme-mode="light"] .search-dialog{box-shadow:0 8px 30px rgba(0,0,0,0.12),0 0 1px rgba(0,0,0,0.08),0 0 0 1px rgba(0,0,0,0.04)}.search-dialog__input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.search-dialog__input-icon{flex-shrink:0;width:18px;height:18px;color:var(--text-dim)}.search-dialog__input{flex:1;min-width:0;border:none;outline:none;box-shadow:none;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-lg);line-height:1.5}.search-dialog__input::placeholder{color:var(--text-dim)}.search-dialog__input:focus-visible{outline:none}.search-dialog__input-esc{flex-shrink:0;padding:2px 6px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-container);color:var(--text-dim);font-family:var(--font-sans);font-size:11px;line-height:1;cursor:pointer}.search-dialog__input-esc:hover{border-color:var(--border-hover);color:var(--text-muted)}.search-dialog__results{max-height:420px;overflow-y:auto;overscroll-behavior:contain;padding:10px}.search-dialog__results::-webkit-scrollbar{width:4px}.search-dialog__results::-webkit-scrollbar-track{background:transparent}.search-dialog__results::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.search-dialog__group{padding:0 0 4px}.search-dialog__group + .search-dialog__group{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.search-dialog__group-label{padding:4px 8px 6px;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:0.03em;text-transform:uppercase}.search-dialog__result{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background 0.1s}.search-dialog__result:hover{background:var(--bg-card-hover)}.search-dialog__result--active{background:var(--accent-dim)}.search-dialog__result--active:hover{background:var(--accent-dim)}.search-dialog__result-body{flex:1;min-width:0}.search-dialog__result-title{color:var(--text);font-family:var(--font-sans);font-size:var(--fs-ui);font-weight:var(--fw-bold);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dialog__result--active .search-dialog__result-title{color:var(--accent-text)}.search-dialog__result-snippet{margin-top:2px;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dialog__result-badge{flex-shrink:0;align-self:center;padding:2px 7px;border-radius:var(--radius-xs);background:var(--surface-container);color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-xs);line-height:1.4;white-space:nowrap}.search-dialog__result--active .search-dialog__result-badge{background:var(--accent-dim);color:var(--accent-text)}.search-dialog__result-arrow{flex-shrink:0;align-self:center;width:14px;height:14px;color:var(--text-dim);opacity:0;transition:opacity 0.1s}.search-dialog__result:hover .search-dialog__result-arrow,.search-dialog__result--active .search-dialog__result-arrow{opacity:1}.search-dialog__result--active .search-dialog__result-arrow{color:var(--accent-text)}.search-dialog__result-snippet--code{font-family:var(--font-mono);font-size:var(--fs-xs)}.search-dialog__result mark{background:none;color:var(--accent-text);font-weight:var(--fw-bold)}.search-dialog__empty{padding:40px 16px;text-align:center;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-ui);line-height:1.5}.search-dialog__footer{display:flex;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid var(--border)}.search-dialog__footer-hint{display:flex;align-items:center;gap:5px;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--fs-xs);line-height:1}.search-dialog__footer-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-container);color:var(--text-dim);font-family:var(--font-sans);font-size:11px;line-height:1}@media (max-width:720px){.header .header__search{margin-left:auto}.header .header__search + .header__theme{margin-left:0}}@media (max-width:640px){.search-overlay{padding-top:0;align-items:flex-start}.search-dialog{width:100vw;max-width:100%;border-radius:0;border-left:none;border-right:none;border-top:none}.search-dialog__results{max-height:60vh}.header__search-kbd{display:none}.search-dialog__footer{flex-wrap:wrap;gap:8px 14px}}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/Roboto-latin-wght.woff2") format("woff2-variations"),url("/fonts/Roboto-latin-wght.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto";font-style:italic;font-display:swap;font-weight:100 900;src:url("/fonts/Roboto-latin-wght-italic.woff2") format("woff2-variations"),url("/fonts/Roboto-latin-wght-italic.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.styles-page{min-width:0}.styles-page code{font-family:var(--font-mono);font-size:var(--fs-xs);overflow-wrap:anywhere}.styles-page section{margin-bottom:36px}.styles-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}.styles-card{display:block;padding:0;overflow:hidden}.styles-card__visual{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent-glow)}.styles-card__visual--color span{width:44px;height:44px;border-radius:50%;background:var(--accent)}.styles-card__visual--color span:nth-child(2){background:var(--accent-text)}.styles-card__visual--color span:nth-child(3){background:var(--accent-dim);border:1px solid var(--accent-text)}.styles-card__visual--color span:nth-child(4){background:var(--text)}.styles-card__visual--type span{font-size:64px;line-height:1;color:var(--accent-text)}.styles-card__body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.styles-card__visual + .styles-card__body{border-top:1px solid var(--border)}.styles-card__body h3{font-size:var(--fs-lg);margin-bottom:4px}.styles-card__body p{font-size:var(--fs-ui);color:var(--text-muted)}.styles-cards--coming{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:12px}.styles-card--coming{opacity:0.7;cursor:default}.styles-card--coming .styles-card__body{align-items:flex-start;padding:16px 18px}.styles-source{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-xs);margin:-14px 0 20px}.styles-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:28px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.styles-toolbar label[for]{color:var(--text-muted);font-size:var(--fs-sm)}.styles-toolbar .ui-select{min-width:140px}.styles-toolbar .choice-group--mode{justify-self:auto;min-width:140px}.styles-note{color:var(--text-muted);font-size:var(--fs-sm);border-left:2px solid var(--border-hover);padding:4px 0 4px 12px;margin:0 0 28px}.styles-badge{display:inline-block;flex-shrink:0;padding:2px 8px;border-radius:10px;font-size:var(--fs-2xs);letter-spacing:0.4px;white-space:nowrap;color:var(--badge-muted);background:var(--badge-muted-bg)}.styles-badge--pass{color:var(--badge-success);background:var(--badge-success-bg)}.styles-badge--fail{color:var(--badge-error);background:var(--badge-error-bg)}.color-group__note{color:var(--text-dim);font-size:var(--fs-sm);margin:-8px 0 14px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:12px;list-style:none;margin:0;padding:0}.swatch{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}.swatch[hidden]{display:none}.swatch__chip{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:96px;padding:12px 14px;border-bottom:1px solid var(--border)}.swatch__name{font-size:var(--fs-base);font-weight:var(--fw-bold);overflow-wrap:anywhere}.swatch__hex{font-family:var(--font-mono);font-size:var(--fs-sm)}.swatch__info{display:flex;flex-direction:column;gap:8px;padding:10px 14px 12px;font-size:var(--fs-xs);color:var(--text-muted)}.swatch__var{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.swatch__var code{color:var(--text);min-width:0}.swatch__contrast{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}.swatch__contrast[hidden],.swatch__inherited[hidden]{display:none}.swatch__ratio{color:var(--text);font-family:var(--font-mono)}.swatch__pair{color:var(--text-dim)}.swatch__inherited{color:var(--text-dim);font-style:italic}.color-group[hidden]{display:none}.styles-toolbar--sample .styles-sample-input{flex:1 1 240px;width:auto;min-width:0;font-size:var(--fs-ui);padding:7px 10px}.type-section{margin-top:40px}.type-section>h2{font-size:var(--fs-xl,22px);margin:0 0 6px}.type-section__lead{color:var(--text-muted);margin:0 0 18px}.type-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.type-grid--weights{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.type-card{display:flex;align-items:center;gap:18px;min-width:0;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.type-grid:has(.type-card__text) .type-card,.type-card--weight{flex-direction:column;align-items:flex-start}.type-card__aa{flex:none;color:var(--text)}.type-card__text{margin:0;color:var(--text);overflow-wrap:anywhere}.type-card__meta{display:grid;gap:4px;min-width:0}.type-card__name{margin:0;font-size:var(--fs-md)}.type-card__spec{margin:0;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-2xs)}.type-card__used{margin:0;color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5}.type-card__used a{color:inherit;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px}.type-card__used a:hover{color:var(--text)}.type-card__copy{justify-self:start;margin-top:4px;padding:2px 6px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:var(--fs-2xs);cursor:copy}.type-card__copy:hover{color:var(--text);border-color:var(--text-dim)}.type-card__copy:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}@media (max-width:1100px){.type-grid:not(.type-grid--weights){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.styles-cards{grid-template-columns:1fr}.styles-toolbar .ui-select,.styles-toolbar .choice-group--mode{flex:1 1 140px}.type-grid{grid-template-columns:minmax(0,1fr)}}.styles-layout>.styles-page{container-type:inline-size}.styles-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start;min-width:0}.styles-preview{position:sticky;top:calc(var(--header-height) + 16px);display:flex;flex-direction:column;gap:10px;height:calc(100vh - var(--header-height) - 32px);margin:16px 24px 16px 0;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-width:0}@media (min-width:1600px){.styles-layout:has(.styles-preview--compare){grid-template-columns:minmax(0,1fr) 740px}}.styles-preview__bar{display:flex;align-items:center;gap:10px;min-width:0}.styles-preview__heading{font-weight:var(--fw-bold);font-size:var(--fs-sm);margin-right:auto}.styles-preview__toggle{display:none;align-items:center;gap:6px;margin-right:auto;padding:4px 6px;border:0;background:transparent;color:var(--text);font-size:var(--fs-sm);font-weight:var(--fw-bold);cursor:pointer}.styles-preview__toggle svg{transition:transform 0.15s ease}.styles-preview__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.styles-preview__compare{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer}.styles-preview__compare input{accent-color:var(--accent);margin:0}.styles-preview__body{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.styles-preview__appearance{display:flex;gap:8px;min-width:0}.styles-preview__appearance .ui-select{flex:1 1 auto;min-width:0}.styles-preview__appearance .choice-group--mode{flex:0 0 140px}.styles-preview__frames{container-type:inline-size;display:flex;gap:10px;flex:1;min-height:0}.styles-preview__frame{display:flex;flex-direction:column;gap:4px;flex:1 1 0;min-width:0;margin:0}.styles-preview__frame figcaption{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:0.4px}.styles-preview__frame iframe{flex:1;width:100%;min-height:0;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--bg)}.styles-preview:not(.styles-preview--compare) figcaption{display:none}.styles-preview__switch{display:none}@container (max-width:639px){.styles-preview__frames[data-show="theme"] [data-frame="base"],.styles-preview__frames[data-show="base"] [data-frame="theme"]{display:none}}@media (max-width:1599px){.styles-preview--compare .styles-preview__switch{display:flex}}.styles-layout:has(.styles-preview--docked){display:flex;flex-direction:column;align-items:stretch}.styles-preview--docked{position:sticky;top:auto;bottom:0;z-index:20;height:auto;margin:0;border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;box-shadow:0 -6px 24px var(--shadow-sidebar,rgba(0,0,0,0.2))}.styles-preview--docked .styles-preview__heading{display:none}.styles-preview--docked .styles-preview__toggle,.styles-preview[data-collapsible] .styles-preview__toggle{display:inline-flex}.styles-preview[data-collapsible]:not(.styles-preview--docked) .styles-preview__heading{display:none}.styles-preview--docked .styles-preview__body{height:min(62vh,640px);flex:none}.styles-preview--docked[data-open="false"] .styles-preview__body{display:none}.styles-preview--docked.styles-preview--compare .styles-preview__switch{display:flex}.styles-export{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text)}.styles-export::backdrop{background:var(--overlay-bg,rgba(0,0,0,0.5))}.styles-export__panel{display:flex;flex-direction:column;gap:18px;padding:20px}.styles-export__head,.styles-export__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.styles-export__head h2{font-size:var(--fs-xl,22px);margin:0}.styles-export h3{font-size:var(--fs-md);margin:0}.styles-export section{margin:0;display:flex;flex-direction:column;gap:8px}.styles-export__summary{margin:-8px 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.styles-export__actions{display:flex;flex-wrap:wrap;gap:6px}.styles-export__css{margin:0;max-height:280px;overflow:auto;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1.6;white-space:pre}.styles-export__hint{margin:0;color:var(--text-dim);font-size:var(--fs-xs)}.styles-export__link{width:100%;font-family:var(--font-mono);font-size:var(--fs-xs);padding:7px 10px}.styles-summary{padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.styles-summary:focus{outline:none}.styles-summary .catalog-label{margin:0}.styles-summary__lead,.styles-summary__empty{margin:8px 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.styles-summary__empty a{color:var(--accent-text)}.styles-summary__list{list-style:none;margin:8px 0 0;padding:0}.styles-summary__list:empty{display:none}.styles-summary__item{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border);font-size:var(--fs-sm)}.styles-summary__item a{font-weight:var(--fw-bold);color:var(--text);min-width:80px}.styles-summary__item span{flex:1;color:var(--text-muted);min-width:0}.styles-cards:not(.styles-cards--coming):has(> :nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.styles-card__visual--shape span{width:40px;height:40px;background:var(--accent)}.styles-card__visual--shape span:nth-child(1){border-radius:0;opacity:0.5}.styles-card__visual--shape span:nth-child(2){border-radius:8px;opacity:0.7}.styles-card__visual--shape span:nth-child(3){border-radius:16px;opacity:0.85}.styles-card__visual--shape span:nth-child(4){border-radius:50%}.type-section__title{font-size:var(--fs-xl,22px);margin:0 0 6px}.styles-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.shape-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.shape-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-align:center}.shape-tile--changed{border-color:var(--accent-text)}.shape-tile--hover,.shape-tile:has(.shape-tile__select[aria-pressed="true"]){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.shape-tile__select{width:64px;height:64px;padding:0;overflow:hidden;border:0;background:transparent;cursor:pointer}.shape-tile__select:disabled{cursor:default}.shape-tile__shape{display:block;width:128px;height:128px;background:var(--accent);transition:border-radius 0.12s ease}.shape-tile__name{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text);line-height:1.25}.shape-tile__value{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-muted)}.shape-tile__edit{padding:1px 6px;border:1px dashed var(--border-hover);border-radius:6px;background:transparent;cursor:pointer}.shape-tile__edit:hover{color:var(--text);border-color:var(--text-dim)}.shape-tile__editor{display:grid;gap:6px;width:100%;padding-top:4px}.shape-tile__editor .ui-input{width:100%;box-sizing:border-box}.shape-tile__token{padding:0;border:0;background:transparent;color:var(--text-dim);font-size:var(--fs-2xs);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:2px;cursor:copy}.shape-tile__token:hover{color:var(--text)}.shape-tile--missing{border-style:dashed;background:transparent}.shape-tile--missing .shape-tile__shape{background:var(--border-hover)}.shape-tile--missing .shape-tile__name{color:var(--text-muted)}.shape-tile__note{font-size:var(--fs-2xs);color:var(--text-dim)}.shape-extras{margin-top:14px}.shape-extras__label{margin:0 0 6px;color:var(--text-dim);font-size:var(--fs-xs)}.shape-strip--extras{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));opacity:0.85}.shape-strip--extras .shape-tile__shape{background:var(--text-dim)}.shape-gallery{display:block;width:100%;height:520px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.shape-library{--shape-fill:var(--accent-dim);--shape-ink:var(--accent-text)}.shape-library__body{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:14px;align-items:start}.shape-library__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.shape-library__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);font-size:var(--fs-2xs);color:var(--text-muted);text-align:center}.shape-library svg{display:block;width:56px;height:56px;overflow:visible}.shape-library path{fill:var(--shape-fill);stroke:var(--shape-ink);stroke-width:1.2;stroke-opacity:0.35}.shape-morph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin:0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.shape-morph svg{width:112px;height:112px}.shape-morph figcaption{display:flex;align-items:center;gap:10px;font-size:var(--fs-xs);color:var(--text-muted)}.shape-guidance{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--text-muted)}.shape-guidance strong{color:var(--text)}@container (max-width:560px){.shape-library__body{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.styles-cards:not(.styles-cards--coming):has(> :nth-child(3)){grid-template-columns:1fr}.styles-summary__item{flex-wrap:wrap}}@container (max-width:480px){.shape-strip,.shape-strip--extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}} :root{--mtrl-ref-typeface-brand:Roboto,sans-serif;--mtrl-ref-typeface-plain:Roboto,sans-serif;--mtrl-sys-shape-corner-none:0;--mtrl-sys-shape-corner-extra-tiny:1px;--mtrl-sys-shape-corner-tiny:2px;--mtrl-sys-shape-corner-extra-small:4px;--mtrl-sys-shape-corner-small:8px;--mtrl-sys-shape-corner-medium:12px;--mtrl-sys-shape-corner-large:16px;--mtrl-sys-shape-corner-large-increased:20px;--mtrl-sys-shape-corner-extra-large:28px;--mtrl-sys-shape-corner-extra-large-increased:32px;--mtrl-sys-shape-corner-extra-extra-large:48px;--mtrl-sys-shape-corner-full:9999px;--mtrl-sys-shape-corner-pill:100px;--mtrl-sys-typescale-display-large-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-display-large-font-size:57px;--mtrl-sys-typescale-display-large-line-height:64px;--mtrl-sys-typescale-display-large-letter-spacing:-0.25px;--mtrl-sys-typescale-display-large-font-weight:400;--mtrl-sys-typescale-display-medium-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-display-medium-font-size:45px;--mtrl-sys-typescale-display-medium-line-height:52px;--mtrl-sys-typescale-display-medium-letter-spacing:0;--mtrl-sys-typescale-display-medium-font-weight:400;--mtrl-sys-typescale-display-small-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-display-small-font-size:36px;--mtrl-sys-typescale-display-small-line-height:44px;--mtrl-sys-typescale-display-small-letter-spacing:0;--mtrl-sys-typescale-display-small-font-weight:400;--mtrl-sys-typescale-headline-large-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-headline-large-font-size:32px;--mtrl-sys-typescale-headline-large-line-height:40px;--mtrl-sys-typescale-headline-large-letter-spacing:0;--mtrl-sys-typescale-headline-large-font-weight:400;--mtrl-sys-typescale-headline-medium-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-headline-medium-font-size:28px;--mtrl-sys-typescale-headline-medium-line-height:36px;--mtrl-sys-typescale-headline-medium-letter-spacing:0;--mtrl-sys-typescale-headline-medium-font-weight:400;--mtrl-sys-typescale-headline-small-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-headline-small-font-size:24px;--mtrl-sys-typescale-headline-small-line-height:32px;--mtrl-sys-typescale-headline-small-letter-spacing:0;--mtrl-sys-typescale-headline-small-font-weight:400;--mtrl-sys-typescale-title-large-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-title-large-font-size:22px;--mtrl-sys-typescale-title-large-line-height:28px;--mtrl-sys-typescale-title-large-letter-spacing:0;--mtrl-sys-typescale-title-large-font-weight:400;--mtrl-sys-typescale-title-medium-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-title-medium-font-size:16px;--mtrl-sys-typescale-title-medium-line-height:24px;--mtrl-sys-typescale-title-medium-letter-spacing:0.15px;--mtrl-sys-typescale-title-medium-font-weight:500;--mtrl-sys-typescale-title-small-font:var(--mtrl-ref-typeface-brand);--mtrl-sys-typescale-title-small-font-size:14px;--mtrl-sys-typescale-title-small-line-height:20px;--mtrl-sys-typescale-title-small-letter-spacing:0.1px;--mtrl-sys-typescale-title-small-font-weight:500;--mtrl-sys-typescale-body-large-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-body-large-font-size:16px;--mtrl-sys-typescale-body-large-line-height:24px;--mtrl-sys-typescale-body-large-letter-spacing:0.5px;--mtrl-sys-typescale-body-large-font-weight:400;--mtrl-sys-typescale-body-medium-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-body-medium-font-size:14px;--mtrl-sys-typescale-body-medium-line-height:20px;--mtrl-sys-typescale-body-medium-letter-spacing:0.25px;--mtrl-sys-typescale-body-medium-font-weight:400;--mtrl-sys-typescale-body-small-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-body-small-font-size:12px;--mtrl-sys-typescale-body-small-line-height:16px;--mtrl-sys-typescale-body-small-letter-spacing:0.4px;--mtrl-sys-typescale-body-small-font-weight:400;--mtrl-sys-typescale-label-large-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-label-large-font-size:14px;--mtrl-sys-typescale-label-large-line-height:20px;--mtrl-sys-typescale-label-large-letter-spacing:0.1px;--mtrl-sys-typescale-label-large-font-weight:500;--mtrl-sys-typescale-label-medium-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-label-medium-font-size:12px;--mtrl-sys-typescale-label-medium-line-height:16px;--mtrl-sys-typescale-label-medium-letter-spacing:0.5px;--mtrl-sys-typescale-label-medium-font-weight:500;--mtrl-sys-typescale-label-small-font:var(--mtrl-ref-typeface-plain);--mtrl-sys-typescale-label-small-font-size:11px;--mtrl-sys-typescale-label-small-line-height:16px;--mtrl-sys-typescale-label-small-letter-spacing:0.5px;--mtrl-sys-typescale-label-small-font-weight:500}.mtrl-ripple{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.mtrl-ripple-wave{position:absolute;border-radius:50%;background-color:currentColor;opacity:0;transform:scale(0);pointer-events:none;will-change:transform,opacity;transition:opacity .4s cubic-bezier(0.4,0,0.2,1)}.mtrl-ripple-wave.active{animation:mtrl-ripple-expand .4s cubic-bezier(0.4,0,0.2,1) both;opacity:.1}.mtrl-ripple-wave.fade-out{opacity:0}@keyframes mtrl-ripple-expand{from{transform:scale(0)}to{transform:scale(1)}}@layer mtrl.base{:where(.theme-app,.mtrl-menu,.mtrl-snackbar) :is(button){background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}:where(.theme-app,.mtrl-menu,.mtrl-snackbar) :is(ul,ol){list-style:none;margin:0;padding:0}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.textfield{@keyframes onAutoFillStart{from{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{from{opacity:1}to{opacity:1}}.mtrl-textfield{position:relative;display:inline-flex;flex-direction:column;contain:inline-size;contain-intrinsic-inline-size:280px;flex:0 0 auto}.mtrl-textfield__field{position:relative;display:flex;flex-direction:column}.mtrl-textfield__label{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;user-select:none;position:absolute;left:16px;top:50%;transform:translateY(-50%);transform-origin:left top;pointer-events:none;color:var(--mtrl-sys-color-on-surface-variant);transition:transform 200ms cubic-bezier(0.3,0,0,1),color 100ms cubic-bezier(0.2,0,0,1),left 200ms cubic-bezier(0.3,0,0,1)}.mtrl-textfield__input{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px);padding:13px 16px;width:100%;height:56px;color:var(--mtrl-sys-color-on-surface);caret-color:var(--mtrl-sys-color-primary);border:0;appearance:none;outline:none;animation-name:onAutoFillCancel;animation-duration:10ms;transition:background-color 0s ease-out 50000000s}.mtrl-textfield__input::placeholder{color:var(--mtrl-sys-color-on-surface-variant);opacity:1}.mtrl-textfield__input:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:10ms;-webkit-text-fill-color:var(--mtrl-sys-color-on-surface);transition:background-color 5000s ease-in-out 0s}.mtrl-textfield__input:autofill{animation-name:onAutoFillStart;animation-duration:10ms;color:var(--mtrl-sys-color-on-surface)}.mtrl-textfield:has(>.mtrl-textfield__field>.mtrl-textfield__label):not(.mtrl-textfield--focused) .mtrl-textfield__input::placeholder{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.mtrl-textfield--empty:has(>.mtrl-textfield__field>.mtrl-textfield__label):not(.mtrl-textfield--focused):not(:has(.mtrl-textfield__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill))) :is(.mtrl-textfield__prefix,.mtrl-textfield__suffix){opacity:0}.mtrl-textfield__prefix{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mtrl-sys-color-on-surface-variant);pointer-events:none;z-index:2;white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis;transition:top 200ms cubic-bezier(0.3,0,0,1),opacity 200ms cubic-bezier(0.3,0,0,1)}.mtrl-textfield__suffix{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--mtrl-sys-color-on-surface-variant);pointer-events:none;z-index:2;white-space:nowrap;max-width:40%;overflow:hidden;text-overflow:ellipsis;transition:top 200ms cubic-bezier(0.3,0,0,1),opacity 200ms cubic-bezier(0.3,0,0,1)}.mtrl-textfield__leading-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none;color:var(--mtrl-sys-color-on-surface-variant);z-index:1;transition:top 200ms cubic-bezier(0.3,0,0,1)}.mtrl-textfield__leading-icon svg{width:24px;height:24px}.mtrl-textfield__trailing-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--mtrl-sys-color-on-surface-variant);z-index:1;cursor:pointer;transition:top 200ms cubic-bezier(0.3,0,0,1)}.mtrl-textfield__trailing-icon svg{width:24px;height:24px}.mtrl-textfield--with-prefix .mtrl-textfield__label{left:48px}.mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:48px}.mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:48px}.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:44px}.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:44px}.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__prefix{left:44px}.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__label{left:76px}.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:76px}.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:44px}.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__suffix{right:44px}.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:76px}.mtrl-textfield--error .mtrl-textfield__label,.mtrl-textfield--error .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-error)}.mtrl-textfield--error .mtrl-textfield__input{caret-color:var(--mtrl-sys-color-error)}.mtrl-textfield--disabled .mtrl-textfield__input{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);-webkit-text-fill-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);pointer-events:none}.mtrl-textfield--disabled .mtrl-textfield__supporting{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-textfield--disabled .mtrl-textfield__label{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-textfield--disabled .mtrl-textfield__leading-icon,.mtrl-textfield--disabled .mtrl-textfield__trailing-icon,.mtrl-textfield--disabled .mtrl-textfield__prefix,.mtrl-textfield--disabled .mtrl-textfield__suffix{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-textfield:has(.mtrl-textfield__input:disabled) .mtrl-textfield__label,.mtrl-textfield:has(.mtrl-textfield__input:disabled) .mtrl-textfield__supporting{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-textfield__input:disabled{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);-webkit-text-fill-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);pointer-events:none}.mtrl-textfield__input:disabled~.mtrl-textfield__leading-icon,.mtrl-textfield__input:disabled~.mtrl-textfield__trailing-icon,.mtrl-textfield__input:disabled~.mtrl-textfield__prefix,.mtrl-textfield__input:disabled~.mtrl-textfield__suffix{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-textfield__supporting{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:12px;line-height:16px;letter-spacing:.4px;font-weight:400;display:flex;gap:16px;padding:4px 16px 0;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-textfield__helper{flex:1 1 auto;min-width:0}.mtrl-textfield__helper--error{color:var(--mtrl-sys-color-error)}.mtrl-textfield__counter{flex:none;margin-inline-start:auto}.mtrl-textfield--error .mtrl-textfield__counter{color:var(--mtrl-sys-color-error)}.mtrl-textfield__required{color:inherit}@media(prefers-reduced-motion:reduce){.mtrl-textfield__label,.mtrl-textfield__outline-leading,.mtrl-textfield__outline-notch,.mtrl-textfield__outline-trailing{transition:none}.mtrl-textfield__prefix,.mtrl-textfield__suffix,.mtrl-textfield__leading-icon,.mtrl-textfield__trailing-icon{transition:none}}[dir=rtl] .mtrl-textfield__label{left:auto;right:16px;transform-origin:right top}[dir=rtl] .mtrl-textfield__prefix{left:auto;right:16px}[dir=rtl] .mtrl-textfield__suffix{right:auto;left:16px}[dir=rtl] .mtrl-textfield__leading-icon{left:auto;right:12px}[dir=rtl] .mtrl-textfield__trailing-icon{right:auto;left:12px}[dir=rtl] .mtrl-textfield--with-prefix .mtrl-textfield__label{left:auto;right:48px}[dir=rtl] .mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:16px;padding-right:48px}[dir=rtl] .mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:16px;padding-left:48px}[dir=rtl] .mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:auto;right:44px}[dir=rtl] .mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:16px;padding-right:44px}[dir=rtl] .mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__prefix{left:auto;right:44px}[dir=rtl] .mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__label{left:auto;right:76px}[dir=rtl] .mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:16px;padding-right:76px}[dir=rtl] .mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:16px;padding-left:44px}[dir=rtl] .mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__suffix{right:auto;left:44px}[dir=rtl] .mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:16px;padding-left:76px}.mtrl-textfield--filled .mtrl-textfield__label{opacity:1}.mtrl-textfield--filled .mtrl-textfield__input{background-color:var(--mtrl-sys-color-surface-container-highest);padding:20px 16px 7px;border-bottom:1px solid var(--mtrl-sys-color-on-surface-variant);border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0 0;transition:background-color 100ms cubic-bezier(0.2,0,0,1),border-color 100ms cubic-bezier(0.2,0,0,1)}.mtrl-textfield--filled .mtrl-textfield__input:-webkit-autofill{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0 0}.mtrl-textfield--filled .mtrl-textfield__field::before{content:"";position:absolute;opacity:0;bottom:0;width:100%;height:2px;background-color:var(--mtrl-sys-color-primary);border-radius:0;pointer-events:none;transition:.2s opacity ease}.mtrl-textfield--filled:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--filled.mtrl-textfield--focused .mtrl-textfield__label{transform:translateY(-95%) scale(0.75)}.mtrl-textfield--filled:has(.mtrl-textfield__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill)) .mtrl-textfield__label{transform:translateY(-95%) scale(0.75)}.mtrl-textfield--filled.mtrl-textfield--with-prefix:not(.mtrl-textfield--empty) .mtrl-textfield__prefix,.mtrl-textfield--filled.mtrl-textfield--with-prefix:not(.mtrl-textfield--empty) .mtrl-textfield__suffix,.mtrl-textfield--filled.mtrl-textfield--with-prefix.mtrl-textfield--focused .mtrl-textfield__prefix,.mtrl-textfield--filled.mtrl-textfield--with-prefix.mtrl-textfield--focused .mtrl-textfield__suffix,.mtrl-textfield--filled.mtrl-textfield--with-suffix:not(.mtrl-textfield--empty) .mtrl-textfield__prefix,.mtrl-textfield--filled.mtrl-textfield--with-suffix:not(.mtrl-textfield--empty) .mtrl-textfield__suffix,.mtrl-textfield--filled.mtrl-textfield--with-suffix.mtrl-textfield--focused .mtrl-textfield__prefix,.mtrl-textfield--filled.mtrl-textfield--with-suffix.mtrl-textfield--focused .mtrl-textfield__suffix{top:34px}.mtrl-textfield--filled.mtrl-textfield--focused .mtrl-textfield__label{color:var(--mtrl-sys-color-primary)}.mtrl-textfield--filled.mtrl-textfield--focused .mtrl-textfield__field::before{opacity:1}.mtrl-textfield--filled:hover:not(.mtrl-textfield--focused):not(.mtrl-textfield--disabled):not(:has(.mtrl-textfield__input:disabled)) .mtrl-textfield__input{background-image:linear-gradient(color-mix(in srgb,var(--mtrl-sys-color-on-surface) 8%,transparent),color-mix(in srgb,var(--mtrl-sys-color-on-surface) 8%,transparent))}.mtrl-textfield--filled:hover:not(.mtrl-textfield--focused):not(.mtrl-textfield--disabled):not(.mtrl-textfield--error):not(:has(.mtrl-textfield__input:disabled)) .mtrl-textfield__input{border-bottom-color:var(--mtrl-sys-color-on-surface)}.mtrl-textfield--filled.mtrl-textfield--error .mtrl-textfield__input{border-bottom-color:var(--mtrl-sys-color-error)}.mtrl-textfield--filled.mtrl-textfield--error .mtrl-textfield__field::before{background-color:var(--mtrl-sys-color-error)}.mtrl-textfield--filled.mtrl-textfield--error .mtrl-textfield__label{color:var(--mtrl-sys-color-error)}.mtrl-textfield--filled.mtrl-textfield--error:hover:not(.mtrl-textfield--focused) .mtrl-textfield__input{border-bottom-color:var(--mtrl-sys-color-on-error-container)}.mtrl-textfield--filled.mtrl-textfield--error:hover:not(.mtrl-textfield--focused) .mtrl-textfield__label,.mtrl-textfield--filled.mtrl-textfield--error:hover:not(.mtrl-textfield--focused) .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-on-error-container)}.mtrl-textfield--filled.mtrl-textfield--disabled .mtrl-textfield__input,.mtrl-textfield--filled .mtrl-textfield__input:disabled{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 4%,transparent);border-bottom-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-textfield--filled.mtrl-textfield--disabled{pointer-events:none}.mtrl-textfield--filled.mtrl-textfield--with-prefix .mtrl-textfield__prefix{top:28px}.mtrl-textfield--filled.mtrl-textfield--with-suffix .mtrl-textfield__suffix{top:28px}.mtrl-textfield--filled.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding:20px 16px 7px 44px}.mtrl-textfield--filled.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:44px}.mtrl-textfield--filled.mtrl-textfield--with-leading-icon .mtrl-textfield__leading-icon{top:28px}.mtrl-textfield--filled:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--filled.mtrl-textfield--focused .mtrl-textfield__label{left:16px}.mtrl-textfield--filled.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:44px}.mtrl-textfield--filled.mtrl-textfield--with-trailing-icon .mtrl-textfield__trailing-icon{top:28px}[dir=rtl] .mtrl-textfield--filled .mtrl-textfield__label{left:auto;right:16px}[dir=rtl] .mtrl-textfield--filled.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding:20px 44px 7px 16px}[dir=rtl] .mtrl-textfield--filled.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:auto;right:44px}[dir=rtl] .mtrl-textfield--filled.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:16px;padding-left:44px}.mtrl-textfield__outline{display:none;position:absolute;inset:0;pointer-events:none}.mtrl-textfield__outline-leading,.mtrl-textfield__outline-notch,.mtrl-textfield__outline-trailing{border:var(--mtrl-textfield-outline-width,1px) solid var(--mtrl-textfield-outline-color,var(--mtrl-sys-color-outline));transition:border-color 100ms cubic-bezier(0.2,0,0,1)}.mtrl-textfield__outline-leading{flex:0 0 12px;border-inline-end:0;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) 0 0 var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-textfield__outline-notch{flex:0 0 auto;width:0;max-width:calc(100% - 24px);border-inline:0}.mtrl-textfield__outline-trailing{flex:1 1 auto;border-inline-start:0;border-radius:0 var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0}.mtrl-textfield__outline--notched .mtrl-textfield__outline-notch{border-top-color:rgba(0,0,0,0)}.mtrl-textfield--outlined{--mtrl-textfield-outline-color:var(--mtrl-sys-color-outline);--mtrl-textfield-outline-width:1px;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-textfield--outlined .mtrl-textfield__outline{display:flex}.mtrl-textfield--outlined .mtrl-textfield__input:not(:placeholder-shown)~.mtrl-textfield__outline .mtrl-textfield__outline-notch,.mtrl-textfield--outlined .mtrl-textfield__input:-webkit-autofill~.mtrl-textfield__outline .mtrl-textfield__outline-notch,.mtrl-textfield--outlined .mtrl-textfield__input:autofill~.mtrl-textfield__outline .mtrl-textfield__outline-notch{border-top-color:rgba(0,0,0,0)}.mtrl-textfield--outlined .mtrl-textfield__input{background-color:rgba(0,0,0,0);padding:12px 15px 13px;border:1px solid rgba(0,0,0,0);transition:padding 100ms cubic-bezier(0.2,0,0,1)}.mtrl-textfield--outlined .mtrl-textfield__input:-webkit-autofill{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-textfield--outlined .mtrl-textfield__label{left:16px;top:50%}.mtrl-textfield--outlined:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--outlined.mtrl-textfield--focused .mtrl-textfield__label{transform:translateY(-147%) scale(0.75);left:16px}.mtrl-textfield--outlined:has(.mtrl-textfield__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill)) .mtrl-textfield__label{transform:translateY(-147%) scale(0.75);left:16px}.mtrl-textfield--outlined:hover:not(.mtrl-textfield--focused):not(.mtrl-textfield--disabled):not(.mtrl-textfield--error):not(:has(.mtrl-textfield__input:disabled)){--mtrl-textfield-outline-color:var(--mtrl-sys-color-on-surface)}.mtrl-textfield--outlined:hover:not(.mtrl-textfield--focused):not(.mtrl-textfield--disabled):not(.mtrl-textfield--error):not(:has(.mtrl-textfield__input:disabled)) .mtrl-textfield__label{color:var(--mtrl-sys-color-on-surface)}.mtrl-textfield--outlined.mtrl-textfield--focused{--mtrl-textfield-outline-color:var(--mtrl-sys-color-primary);--mtrl-textfield-outline-width:2px}.mtrl-textfield--outlined.mtrl-textfield--focused .mtrl-textfield__label{color:var(--mtrl-sys-color-primary)}.mtrl-textfield--outlined.mtrl-textfield--error{--mtrl-textfield-outline-color:var(--mtrl-sys-color-error)}.mtrl-textfield--outlined.mtrl-textfield--error:hover:not(.mtrl-textfield--focused){--mtrl-textfield-outline-color:var(--mtrl-sys-color-on-error-container)}.mtrl-textfield--outlined.mtrl-textfield--error:hover:not(.mtrl-textfield--focused) .mtrl-textfield__label,.mtrl-textfield--outlined.mtrl-textfield--error:hover:not(.mtrl-textfield--focused) .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-on-error-container)}.mtrl-textfield--outlined.mtrl-textfield--error .mtrl-textfield__label{color:var(--mtrl-sys-color-error)}.mtrl-textfield--outlined.mtrl-textfield--disabled{--mtrl-textfield-outline-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent);pointer-events:none}.mtrl-textfield--outlined.mtrl-textfield--with-prefix .mtrl-textfield__prefix{top:50%}.mtrl-textfield--outlined.mtrl-textfield--with-suffix .mtrl-textfield__suffix{top:50%}.mtrl-textfield--outlined.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:44px}.mtrl-textfield--outlined.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:44px}.mtrl-textfield--outlined.mtrl-textfield--with-leading-icon:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--outlined.mtrl-textfield--with-leading-icon.mtrl-textfield--focused .mtrl-textfield__label{left:16px}.mtrl-textfield--outlined.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:44px}.mtrl-textfield--outlined.mtrl-textfield--rtl .mtrl-textfield__label{left:auto;right:16px;transform-origin:right top}.mtrl-textfield--outlined.mtrl-textfield--rtl.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:auto;right:44px}.mtrl-textfield--outlined.mtrl-textfield--rtl:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--outlined.mtrl-textfield--rtl.mtrl-textfield--focused .mtrl-textfield__label,.mtrl-textfield--outlined.mtrl-textfield--rtl:has(.mtrl-textfield__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill)) .mtrl-textfield__label{left:auto;right:16px}.mtrl-textfield--outlined.mtrl-textfield--rtl .mtrl-textfield__outline-leading{border-radius:0 var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0}.mtrl-textfield--outlined.mtrl-textfield--rtl .mtrl-textfield__outline-trailing{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) 0 0 var(--mtrl-sys-shape-corner-extra-small,4px)}[dir=rtl] .mtrl-textfield--outlined.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:16px;padding-right:44px}[dir=rtl] .mtrl-textfield--outlined.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:16px;padding-left:44px}.mtrl-textfield--multiline .mtrl-textfield__input{min-height:100px;height:auto;resize:vertical;padding-top:12px}.mtrl-textfield--multiline .mtrl-textfield__prefix,.mtrl-textfield--multiline .mtrl-textfield__suffix{top:28px}.mtrl-textfield--multiline .mtrl-textfield__label{top:24px}.mtrl-textfield__input[type=multiline]{min-height:100px;height:auto;max-height:none;flex-shrink:1}.mtrl-textfield__input[type=multiline]~.mtrl-textfield__leading-icon,.mtrl-textfield__input[type=multiline]~.mtrl-textfield__trailing-icon,.mtrl-textfield__input[type=multiline]~.mtrl-textfield__prefix,.mtrl-textfield__input[type=multiline]~.mtrl-textfield__suffix{top:20px;transform:none}.mtrl-textfield--density-compact .mtrl-textfield__input{height:40px;padding:8px 16px;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400}.mtrl-textfield--density-compact .mtrl-textfield__label{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400}.mtrl-textfield--density-compact .mtrl-textfield__leading-icon,.mtrl-textfield--density-compact .mtrl-textfield__trailing-icon{width:20px;height:20px}.mtrl-textfield--density-compact .mtrl-textfield__leading-icon svg,.mtrl-textfield--density-compact .mtrl-textfield__trailing-icon svg{width:16px;height:16px}.mtrl-textfield--density-compact .mtrl-textfield__prefix,.mtrl-textfield--density-compact .mtrl-textfield__suffix{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400}.mtrl-textfield--density-compact.mtrl-textfield--filled .mtrl-textfield__input{padding:12px 16px 4px}.mtrl-textfield--density-compact.mtrl-textfield--filled:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--focused .mtrl-textfield__label{transform:translateY(-90%) scale(0.75)}.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-prefix:not(.mtrl-textfield--empty) .mtrl-textfield__prefix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-prefix:not(.mtrl-textfield--empty) .mtrl-textfield__suffix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-prefix.mtrl-textfield--focused .mtrl-textfield__prefix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-prefix.mtrl-textfield--focused .mtrl-textfield__suffix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-suffix:not(.mtrl-textfield--empty) .mtrl-textfield__prefix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-suffix:not(.mtrl-textfield--empty) .mtrl-textfield__suffix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-suffix.mtrl-textfield--focused .mtrl-textfield__prefix,.mtrl-textfield--density-compact.mtrl-textfield--filled.mtrl-textfield--with-suffix.mtrl-textfield--focused .mtrl-textfield__suffix{top:22px}.mtrl-textfield--density-compact.mtrl-textfield--filled .mtrl-textfield__leading-icon,.mtrl-textfield--density-compact.mtrl-textfield--filled .mtrl-textfield__trailing-icon{top:20px}.mtrl-textfield--density-compact.mtrl-textfield--outlined .mtrl-textfield__input{padding:9px 15px 8px}.mtrl-textfield--density-compact.mtrl-textfield--outlined:not(.mtrl-textfield--empty) .mtrl-textfield__label,.mtrl-textfield--density-compact.mtrl-textfield--outlined.mtrl-textfield--focused .mtrl-textfield__label{transform:translateY(-130%) scale(0.75)}.mtrl-textfield--density-compact.mtrl-textfield--multiline .mtrl-textfield__input{min-height:40px;padding:8px 16px}.mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:40px}.mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:40px}.mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__prefix{left:40px}.mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__label{left:68px}.mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:68px}.mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:40px}.mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__suffix{right:40px}.mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:68px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon .mtrl-textfield__label{left:auto;right:40px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon .mtrl-textfield__input{padding-left:16px;padding-right:40px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__prefix{left:auto;right:40px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__label{left:auto;right:68px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-leading-icon.mtrl-textfield--with-prefix .mtrl-textfield__input{padding-left:16px;padding-right:68px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon .mtrl-textfield__input{padding-right:16px;padding-left:40px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__suffix{right:auto;left:40px}[dir=rtl] .mtrl-textfield--density-compact.mtrl-textfield--with-trailing-icon.mtrl-textfield--with-suffix .mtrl-textfield__input{padding-right:16px;padding-left:68px}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button{right:4px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,0);font:inherit;cursor:pointer;position:relative;position:absolute}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button::after{content:"";position:absolute;top:50%;inset-inline-start:50%;width:48px;height:48px;transform:translate(-50%,-50%)}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button::before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:0;pointer-events:none}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button:hover:not(:disabled)::before{opacity:.08}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button:focus-visible{outline:2px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button:focus-visible::before,.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button:active:not(:disabled)::before{opacity:.1}.mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button:disabled{cursor:default}[dir=rtl] .mtrl-textfield__trailing-icon.mtrl-textfield__trailing-icon--button{right:auto;left:4px}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.menu{.mtrl-menu{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px);position:fixed;z-index:700;min-width:112px;max-width:280px;padding:8px 0;background-color:var(--mtrl-sys-color-surface-container);color:var(--mtrl-sys-color-on-surface);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15);overflow:hidden;display:flex;flex-direction:column;opacity:0;transform-origin:top center;transform:scaleY(0);pointer-events:none;visibility:hidden;transition:transform 250ms cubic-bezier(0.3,0,0,1),opacity 250ms cubic-bezier(0.3,0,0,1),visibility 250ms}.mtrl-menu[popover]{inset:auto;margin:0;border:0}.mtrl-menu--visible{opacity:1;transform:scaleY(1);pointer-events:auto;visibility:visible}.mtrl-menu--position-top,.mtrl-menu--position-top-start,.mtrl-menu--position-top-end{transform-origin:bottom center}.mtrl-menu--submenu{position:absolute;z-index:701}.mtrl-menu__group{display:block;list-style:none}.mtrl-menu__group>ul{margin:0;padding:0;list-style:none}.mtrl-menu__group+.mtrl-menu__group{margin-top:8px}.mtrl-menu__list{margin:0;padding:0;list-style:none;overflow-y:auto;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05);width:100%}.mtrl-menu__list::-webkit-scrollbar{width:8px}.mtrl-menu__list::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.mtrl-menu__list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}.mtrl-menu__item{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;min-height:48px;padding:12px;padding-inline-end:40px;cursor:pointer;user-select:none;color:var(--mtrl-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;box-sizing:border-box}.mtrl-menu__item:hover{position:relative}.mtrl-menu__item:hover::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-menu__item:focus{outline:none}.mtrl-menu__item:focus-visible,.mtrl-menu__item--active{position:relative}.mtrl-menu__item:focus-visible::before,.mtrl-menu__item--active::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu__item:active{position:relative}.mtrl-menu__item:active:not(:has(>.mtrl-ripple))::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu__item--submenu{padding-right:48px}.mtrl-menu__item--submenu::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3C/svg%3E") center/contain no-repeat;background-color:currentColor;opacity:.87}.mtrl-menu__item--submenu[aria-expanded=true]{position:relative}.mtrl-menu__item--submenu[aria-expanded=true]::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-menu__item--submenu[aria-expanded=true]::after{opacity:1}.mtrl-menu__item--disabled{cursor:default;color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-menu__item--disabled:hover::before,.mtrl-menu__item--disabled:active::before{opacity:0}.mtrl-menu__item--selected{background-color:var(--mtrl-sys-color-secondary-container);color:var(--mtrl-sys-color-on-secondary-container)}.mtrl-menu__item--selected:hover{position:relative}.mtrl-menu__item--selected:hover::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-secondary-container);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-menu__item--selected:focus-visible,.mtrl-menu__item--selected.mtrl-menu__item--active{position:relative}.mtrl-menu__item--selected:focus-visible::before,.mtrl-menu__item--selected.mtrl-menu__item--active::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-secondary-container);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu__item--selected:active{position:relative}.mtrl-menu__item--selected:active:not(:has(>.mtrl-ripple))::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-secondary-container);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu__item--selected .mtrl-menu__item-icon,.mtrl-menu__item--selected .mtrl-menu__item-shortcut{color:inherit}.mtrl-menu__item--selected::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;background-color:currentColor}.mtrl-menu__item-content{display:flex;align-items:center;width:100%;overflow:hidden}.mtrl-menu__item-icon{margin-inline-end:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-menu__item-icon svg{width:24px;height:24px}.mtrl-menu__item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtrl-menu__item-label{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.mtrl-menu__item-supporting{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;color:var(--mtrl-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtrl-menu__item-shortcut{margin-left:12px;color:var(--mtrl-sys-color-on-surface-variant);flex-shrink:0}.mtrl-menu__divider{height:1px;flex-shrink:0;margin:8px 0;background-color:var(--mtrl-sys-color-outline-variant)}.mtrl-menu:focus-visible{outline:2px solid ".mtrl-menu__item:focus-visible";outline-offset:2px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}@media(prefers-reduced-motion:reduce){.mtrl-menu{transition:opacity 100ms linear,visibility 100ms}.mtrl-menu,.mtrl-menu--visible{transform:none}}@media(forced-colors:active){.mtrl-menu{border:1px solid CurrentColor}.mtrl-menu .mtrl-menu__divider{background-color:CurrentColor}.mtrl-menu .mtrl-menu__item--disabled{opacity:1;color:GrayText}}.mtrl-menu--dense{padding:4px 0}.mtrl-menu--dense .mtrl-menu__item{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;min-height:32px;padding:4px 12px;padding-right:32px}.mtrl-menu--dense .mtrl-menu__item--submenu{padding-right:36px}.mtrl-menu--dense .mtrl-menu__item-icon svg{width:16px;height:16px}.mtrl-menu--dense .mtrl-menu__divider{margin:4px 0}.mtrl-menu--vertical{--mtrl-menu-container:var(--mtrl-sys-color-surface-container-low);--mtrl-menu-label:var(--mtrl-sys-color-on-surface);--mtrl-menu-supporting:var(--mtrl-sys-color-on-surface-variant);--mtrl-menu-selected-container:var(--mtrl-sys-color-tertiary-container);--mtrl-menu-selected-label:var(--mtrl-sys-color-on-tertiary-container);border-radius:var(--mtrl-sys-shape-corner-large,16px);background-color:var(--mtrl-menu-container);color:var(--mtrl-menu-label);padding:4px}.mtrl-menu--vertical.mtrl-menu--vibrant{--mtrl-menu-container:var(--mtrl-sys-color-tertiary-container);--mtrl-menu-label:var(--mtrl-sys-color-on-tertiary-container);--mtrl-menu-supporting:var(--mtrl-sys-color-on-tertiary-container);--mtrl-menu-selected-container:var(--mtrl-sys-color-tertiary);--mtrl-menu-selected-label:var(--mtrl-sys-color-on-tertiary)}.mtrl-menu--vertical .mtrl-menu__list{display:flex;flex-direction:column;gap:2px}.mtrl-menu--vertical .mtrl-menu__item{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;min-height:44px;padding:8px 16px;padding-inline-end:16px;color:var(--mtrl-menu-label);border-radius:var(--mtrl-sys-shape-corner-extra-small,4px);transition:border-radius 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),background-color 100ms cubic-bezier(0.2,0,0,1)}.mtrl-menu--vertical .mtrl-menu__item:hover,.mtrl-menu--vertical .mtrl-menu__item:focus-visible,.mtrl-menu--vertical .mtrl-menu__item--active,.mtrl-menu--vertical .mtrl-menu__item:active{border-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-menu--vertical .mtrl-menu__item:first-child{border-start-start-radius:var(--mtrl-sys-shape-corner-medium,12px);border-start-end-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-menu--vertical .mtrl-menu__item:last-child{border-end-start-radius:var(--mtrl-sys-shape-corner-medium,12px);border-end-end-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-menu--vertical .mtrl-menu__item--selected{background-color:var(--mtrl-menu-selected-container);color:var(--mtrl-menu-selected-label);border-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-menu--vertical .mtrl-menu__item--selected:hover{position:relative}.mtrl-menu--vertical .mtrl-menu__item--selected:hover::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-menu-selected-label);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-menu--vertical .mtrl-menu__item--selected:focus-visible,.mtrl-menu--vertical .mtrl-menu__item--selected.mtrl-menu__item--active{position:relative}.mtrl-menu--vertical .mtrl-menu__item--selected:focus-visible::before,.mtrl-menu--vertical .mtrl-menu__item--selected.mtrl-menu__item--active::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-menu-selected-label);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu--vertical .mtrl-menu__item--selected:active{position:relative}.mtrl-menu--vertical .mtrl-menu__item--selected:active:not(:has(>.mtrl-ripple))::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-menu-selected-label);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-menu--vertical .mtrl-menu__item--disabled{color:color-mix(in srgb,var(--mtrl-menu-label) 38%,transparent)}.mtrl-menu--vertical .mtrl-menu__item-icon{color:var(--mtrl-menu-supporting);margin-inline-end:12px}.mtrl-menu--vertical .mtrl-menu__item-icon svg{width:20px;height:20px}.mtrl-menu--vertical .mtrl-menu__item-shortcut{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:11px;line-height:16px;letter-spacing:.5px;font-weight:500;color:var(--mtrl-menu-supporting)}.mtrl-menu--vertical .mtrl-menu__item-label{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0}.mtrl-menu--vertical .mtrl-menu__item-supporting{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;color:var(--mtrl-menu-supporting);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtrl-menu--vertical .mtrl-menu__item--selected .mtrl-menu__item-icon,.mtrl-menu--vertical .mtrl-menu__item--selected .mtrl-menu__item-shortcut,.mtrl-menu--vertical .mtrl-menu__item--selected .mtrl-menu__item-supporting{color:inherit}.mtrl-menu--vertical .mtrl-menu__divider{margin:6px 0}.mtrl-menu--vertical:has(.mtrl-menu__group){background-color:rgba(0,0,0,0);box-shadow:none;padding:0;overflow:visible}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__list{overflow:visible;gap:2px}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__group{background-color:var(--mtrl-menu-container);padding:4px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15);border-radius:var(--mtrl-sys-shape-corner-small,8px)}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__group:first-child{border-start-start-radius:var(--mtrl-sys-shape-corner-large,16px);border-start-end-radius:var(--mtrl-sys-shape-corner-large,16px)}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__group:last-child{border-end-start-radius:var(--mtrl-sys-shape-corner-large,16px);border-end-end-radius:var(--mtrl-sys-shape-corner-large,16px)}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__group+.mtrl-menu__group{margin-top:0}.mtrl-menu--vertical:has(.mtrl-menu__group) .mtrl-menu__group>ul{display:flex;flex-direction:column;gap:2px}.mtrl-menu--vertical{transition:transform 250ms cubic-bezier(0.3,0,0,1),opacity 250ms cubic-bezier(0.3,0,0,1),visibility 250ms,border-radius 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1)}.mtrl-menu--vertical.mtrl-menu--active{border-radius:24px}.mtrl-menu--vertical.mtrl-menu--inactive{border-radius:var(--mtrl-sys-shape-corner-small,8px)}[dir=rtl] .mtrl-menu{transform-origin:top right}[dir=rtl] .mtrl-menu--position-top,[dir=rtl] .mtrl-menu--position-top-start,[dir=rtl] .mtrl-menu--position-top-end{transform-origin:bottom right}[dir=rtl] .mtrl-menu .mtrl-menu__item--submenu{padding-right:16px;padding-left:48px}[dir=rtl] .mtrl-menu .mtrl-menu__item--submenu::after{right:auto;left:16px;transform:translateY(-50%) rotate(180deg)}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.select{.mtrl-select{position:relative;width:100%;cursor:pointer;transition:border-color 100ms cubic-bezier(0.2,0,0,1),background-color 100ms cubic-bezier(0.2,0,0,1),box-shadow 100ms cubic-bezier(0.2,0,0,1)}.mtrl-select>.mtrl-menu{position:absolute;top:100%;left:0;right:0;z-index:1;margin-top:0}.mtrl-select .mtrl-textfield__input{cursor:pointer;pointer-events:none;caret-color:rgba(0,0,0,0)}.mtrl-select .mtrl-textfield__trailing-icon{pointer-events:auto;cursor:pointer;transform:translateY(-50%);transition:250ms cubic-bezier(0.3,0,0,1)}.mtrl-select .mtrl-textfield__trailing-icon svg{width:24px;height:24px;vertical-align:middle;color:inherit;transition:250ms cubic-bezier(0.3,0,0,1)}.mtrl-select--open{z-index:700}.mtrl-select--open .mtrl-textfield--filled .mtrl-textfield__field::before{opacity:1}.mtrl-select--open .mtrl-textfield--filled .mtrl-textfield__label{color:var(--mtrl-sys-color-primary)}.mtrl-select--open .mtrl-textfield--filled .mtrl-textfield__trailing-icon{top:28px}.mtrl-select--open .mtrl-textfield--outlined::before{opacity:1;border-color:var(--mtrl-sys-color-primary)}.mtrl-select--open .mtrl-textfield--outlined .mtrl-textfield__label{color:var(--mtrl-sys-color-primary)}.mtrl-select--open .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-primary)}.mtrl-select--open .mtrl-textfield__trailing-icon svg{transform:rotate(180deg)}.mtrl-select--disabled{pointer-events:none;opacity:.38;cursor:default}.mtrl-select--disabled .mtrl-textfield__input,.mtrl-select--disabled .mtrl-textfield__trailing-icon{cursor:default}.mtrl-select--error .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-error)}.mtrl-select+.mtrl-menu{max-height:20rem;overflow-y:auto;max-width:initial}.mtrl-select+.mtrl-menu .mtrl-menu__item{min-height:3rem}.mtrl-select+.mtrl-menu .mtrl-menu__item--selected{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 12%,transparent);color:var(--mtrl-sys-color-primary);font-weight:500}.mtrl-select+.mtrl-menu .mtrl-menu__item--selected::after{content:"";display:block;position:absolute;right:12px;width:18px;height:18px;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;background-color:currentColor}.mtrl-select--small .mtrl-textfield{height:48px}.mtrl-select--small .mtrl-textfield__input{height:48px;padding-top:8px;padding-bottom:8px}.mtrl-select--large .mtrl-textfield{height:64px}.mtrl-select--large .mtrl-textfield__input{height:64px;padding-top:16px;padding-bottom:16px}.mtrl-select:focus-within .mtrl-textfield__trailing-icon{color:var(--mtrl-sys-color-primary)}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.top-app-bar{.mtrl-top-app-bar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;width:100%;background-color:var(--mtrl-sys-color-surface);height:64px;padding:0 16px;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,height .3s ease-in-out}.mtrl-top-app-bar__headline{flex:1;display:flex;align-items:center;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400;color:var(--mtrl-sys-color-on-surface);margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease-in-out,margin .3s ease-in-out,padding .3s ease-in-out}.mtrl-top-app-bar__leading{display:flex;align-items:center;margin-right:24px}.mtrl-top-app-bar__trailing{display:flex;align-items:center;gap:8px;margin-left:auto}.mtrl-top-app-bar--center .mtrl-top-app-bar__headline{position:absolute;left:50%;transform:translateX(-50%);text-align:center;flex:0}.mtrl-top-app-bar--medium{height:112px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--medium .mtrl-top-app-bar__headline{margin-bottom:24px;margin-left:16px;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:24px;line-height:32px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--large{height:152px;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.mtrl-top-app-bar--large .mtrl-top-app-bar__row{display:flex;align-items:center;width:100%;padding:0 16px}.mtrl-top-app-bar--large .mtrl-top-app-bar__row:first-child{margin-top:20px}.mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-bottom:28px;margin-left:16px;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:28px;line-height:36px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled{background-color:var(--mtrl-sys-color-surface-container);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible{height:64px;flex-direction:row;align-items:center;padding:0 16px}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row{display:none}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline,.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__headline{margin:0;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400}.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--medium.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2),.mtrl-top-app-bar--scrolled.mtrl-top-app-bar--large.mtrl-top-app-bar--compressible .mtrl-top-app-bar__row:nth-child(2){display:flex;flex:1;margin:0;padding:0}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:0;margin-left:24px}[dir=rtl] .mtrl-top-app-bar .mtrl-top-app-bar__trailing{margin-left:0;margin-right:auto}[dir=rtl] .mtrl-top-app-bar--medium .mtrl-top-app-bar__headline,[dir=rtl] .mtrl-top-app-bar--large .mtrl-top-app-bar__headline{margin-left:0;margin-right:16px}[dir=rtl] .mtrl-top-app-bar--center .mtrl-top-app-bar__headline{left:auto;right:50%;transform:translateX(50%)}@media(max-width:600px){.mtrl-top-app-bar{padding:0 12px}.mtrl-top-app-bar .mtrl-top-app-bar__leading{margin-right:16px}.mtrl-top-app-bar .mtrl-top-app-bar__trailing{gap:4px}.mtrl-top-app-bar .mtrl-top-app-bar__leading button,.mtrl-top-app-bar .mtrl-top-app-bar__trailing button{padding:8px}}@media(prefers-reduced-motion:reduce){.mtrl-top-app-bar{transition-duration:.01ms}.mtrl-top-app-bar .mtrl-top-app-bar__headline{transition-duration:.01ms}}@media(forced-colors:active){.mtrl-top-app-bar{border-bottom:1px solid currentColor}}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.button{.mtrl-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:58px;height:40px;padding:0 16px;border:none;border-radius:var(--mtrl-button-shape,20px);background-color:rgba(0,0,0,0);color:inherit;font:inherit;text-decoration:none;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;will-change:border-radius;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;transition:background-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),box-shadow 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-radius 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1)}.mtrl-button:focus{outline:none}.mtrl-button:focus-visible{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-button:disabled{pointer-events:none;color:color-mix(in srgb,var(--mtrl-sys-color-on-surface-variant) 38%,transparent);background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent);box-shadow:none}.mtrl-button:disabled .mtrl-button__icon{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface-variant) 38%,transparent)}.mtrl-button::before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:0;pointer-events:none;border-radius:inherit;transition:opacity 100ms cubic-bezier(0.2,0,0,1)}.mtrl-button:hover::before{opacity:.08}.mtrl-button:focus-visible::before{opacity:.1}.mtrl-button:active:not(:has(>.mtrl-ripple))::before,.mtrl-button--active:not(:has(>.mtrl-ripple))::before{opacity:.1}.mtrl-button__icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px}.mtrl-button__icon svg{width:100%;height:100%}.mtrl-button__progress{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px}.mtrl-button__progress.mtrl-progress{width:20px;height:20px;transition:opacity 100ms cubic-bezier(0.2,0,0,1)}.mtrl-button__progress .mtrl-progress__canvas{color:currentColor}.mtrl-button__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtrl-button--xs{height:32px;padding:0 12px;gap:8px;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;border-radius:var(--mtrl-button-shape,16px)}.mtrl-button--xs .mtrl-button__icon,.mtrl-button--xs .mtrl-button__progress,.mtrl-button--xs .mtrl-button__progress.mtrl-progress{width:20px;height:20px}.mtrl-button--xs.mtrl-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--xs.mtrl-button--outlined{border-width:1px}.mtrl-button--s{height:40px;padding:0 16px;gap:8px;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;border-radius:var(--mtrl-button-shape,20px)}.mtrl-button--s .mtrl-button__icon,.mtrl-button--s .mtrl-button__progress,.mtrl-button--s .mtrl-button__progress.mtrl-progress{width:20px;height:20px}.mtrl-button--s.mtrl-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--s.mtrl-button--outlined{border-width:1px}.mtrl-button--m{height:56px;padding:0 24px;gap:8px;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.15px;font-weight:500;border-radius:var(--mtrl-button-shape,28px)}.mtrl-button--m .mtrl-button__icon,.mtrl-button--m .mtrl-button__progress,.mtrl-button--m .mtrl-button__progress.mtrl-progress{width:24px;height:24px}.mtrl-button--m.mtrl-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--m.mtrl-button--outlined{border-width:1px}.mtrl-button--l{height:96px;padding:0 48px;gap:12px;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:24px;line-height:32px;letter-spacing:0;font-weight:400;border-radius:var(--mtrl-button-shape,48px)}.mtrl-button--l .mtrl-button__icon,.mtrl-button--l .mtrl-button__progress,.mtrl-button--l .mtrl-button__progress.mtrl-progress{width:32px;height:32px}.mtrl-button--l.mtrl-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-button--l.mtrl-button--outlined{border-width:2px}.mtrl-button--xl{height:136px;padding:0 64px;gap:16px;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:32px;line-height:40px;letter-spacing:0;font-weight:400;border-radius:var(--mtrl-button-shape,68px)}.mtrl-button--xl .mtrl-button__icon,.mtrl-button--xl .mtrl-button__progress,.mtrl-button--xl .mtrl-button__progress.mtrl-progress{width:40px;height:40px}.mtrl-button--xl.mtrl-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-button--xl.mtrl-button--outlined{border-width:3px}.mtrl-button--s.mtrl-button--icon{padding-left:12px}.mtrl-button--s.mtrl-button--icon:has(.mtrl-button__icon--end){padding-left:16px;padding-right:12px}.mtrl-button--xs::after,.mtrl-button--s::after{content:"";position:absolute;left:0;right:0;top:50%;height:48px;transform:translateY(-50%)}.mtrl-button:active,.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px));box-shadow:none}.mtrl-button--xs:active,.mtrl-button--xs.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-button--s:active,.mtrl-button--s.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-button--m:active,.mtrl-button--m.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--l:active,.mtrl-button--l.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--xl:active,.mtrl-button--xl.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--filled{color:var(--mtrl-sys-color-on-primary)}.mtrl-button--elevated{color:var(--mtrl-sys-color-primary)}.mtrl-button--tonal{color:var(--mtrl-sys-color-on-secondary-container)}.mtrl-button--outlined{color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-button--text{color:var(--mtrl-button-text-color,var(--mtrl-sys-color-primary))}.mtrl-button--filled{background-color:var(--mtrl-sys-color-primary)}.mtrl-button--filled:hover{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-button--filled:active,.mtrl-button--filled.mtrl-button--active,.mtrl-button--filled:disabled{box-shadow:none}.mtrl-button--elevated{background-color:var(--mtrl-sys-color-surface-container-low);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-button--elevated:hover{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-button--elevated:active,.mtrl-button--elevated.mtrl-button--active{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-button--elevated:disabled{box-shadow:none}.mtrl-button--tonal{background-color:var(--mtrl-sys-color-secondary-container)}.mtrl-button--tonal:hover{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-button--tonal:active,.mtrl-button--tonal.mtrl-button--active,.mtrl-button--tonal:disabled{box-shadow:none}.mtrl-button--outlined{border:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-button--outlined:disabled{background-color:rgba(0,0,0,0);border-color:color-mix(in srgb,var(--mtrl-sys-color-outline-variant) 10%,transparent)}.mtrl-button--text{padding:0 12px}.mtrl-button--text.mtrl-button--icon{padding:0 16px 0 12px}.mtrl-button--text.mtrl-button--icon:has(.mtrl-button__icon--end){padding:0 12px 0 16px}.mtrl-button--text.mtrl-button--m{padding:0 24px}.mtrl-button--text.mtrl-button--l{padding:0 48px}.mtrl-button--text.mtrl-button--xl{padding:0 64px}.mtrl-button--text:disabled{background-color:rgba(0,0,0,0)}.mtrl-button--toggle.mtrl-button--filled,.mtrl-button--toggle.mtrl-button--filled:hover,.mtrl-button--toggle.mtrl-button--filled:active,.mtrl-button--toggle.mtrl-button--filled.mtrl-button--active,.mtrl-button--toggle.mtrl-button--tonal,.mtrl-button--toggle.mtrl-button--tonal:hover,.mtrl-button--toggle.mtrl-button--tonal:active,.mtrl-button--toggle.mtrl-button--tonal.mtrl-button--active{box-shadow:none}.mtrl-button--toggle.mtrl-button--filled{background-color:var(--mtrl-sys-color-surface-container);color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--filled{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--elevated{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--tonal{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--outlined{background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--outlined{border-color:rgba(0,0,0,0)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xs{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--s{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--m{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--l{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xl{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--xs{border-radius:var(--mtrl-button-shape-selected,16px)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--s{border-radius:var(--mtrl-button-shape-selected,20px)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--m{border-radius:var(--mtrl-button-shape-selected,28px)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--l{border-radius:var(--mtrl-button-shape-selected,48px)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--xl{border-radius:var(--mtrl-button-shape-selected,68px)}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xs:active,.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xs.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--s:active,.mtrl-button--toggle.mtrl-button--selected.mtrl-button--s.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--m:active,.mtrl-button--toggle.mtrl-button--selected.mtrl-button--m.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--l:active,.mtrl-button--toggle.mtrl-button--selected.mtrl-button--l.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xl:active,.mtrl-button--toggle.mtrl-button--selected.mtrl-button--xl.mtrl-button--active{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-button--toggle:disabled,.mtrl-button--toggle.mtrl-button--selected:disabled{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface-variant) 38%,transparent);background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent);border-color:color-mix(in srgb,var(--mtrl-sys-color-outline-variant) 10%,transparent);box-shadow:none}.mtrl-button--toggle.mtrl-button--outlined:disabled{background-color:rgba(0,0,0,0)}.mtrl-button--circular{flex:none!important;border-radius:50%;padding:8px;min-width:unset;width:40px!important;height:40px}.mtrl-button--circular:active,.mtrl-button--circular.mtrl-button--active{border-radius:50%}.mtrl-button--circular:active.mtrl-button--square,.mtrl-button--circular.mtrl-button--active.mtrl-button--square{border-radius:var(--mtrl-sys-shape-corner-medium,12px)!important}.mtrl-button--circular.mtrl-button--square{border-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-button--circular.mtrl-button--xs{width:32px;height:32px;padding:0}.mtrl-button--circular.mtrl-button--s{width:40px;height:40px;padding:0}.mtrl-button--circular.mtrl-button--m{width:56px;height:56px;padding:0}.mtrl-button--circular.mtrl-button--l{width:96px;height:96px;padding:0}.mtrl-button--circular.mtrl-button--xl{width:136px;height:136px;padding:0}.mtrl-button--circular .mtrl-button__text{display:none}.mtrl-button--circular.mtrl-button--progress{padding:0!important}.mtrl-button[disabled].mtrl-button--progress .mtrl-button__progress{opacity:.7}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.icon-button{.mtrl-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:rgba(0,0,0,0);color:var(--mtrl-sys-color-on-surface-variant);font:inherit;text-decoration:none;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;overflow:visible;flex-shrink:0;width:40px;height:40px;border-radius:var(--mtrl-button-shape,20px);transition:background-color 100ms cubic-bezier(0.2,0,0,1),color 100ms cubic-bezier(0.2,0,0,1),border-color 100ms cubic-bezier(0.2,0,0,1),border-radius 50ms cubic-bezier(0.3,0,1,1),transform 50ms cubic-bezier(0.3,0,1,1),box-shadow 100ms cubic-bezier(0.2,0,0,1)}.mtrl-icon-button:focus{outline:none}.mtrl-icon-button:focus-visible{outline:2px solid var(--mtrl-sys-color-outline);outline-offset:2px}.mtrl-icon-button::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:currentColor;opacity:0;pointer-events:none;border-radius:inherit;transition:opacity 100ms cubic-bezier(0.2,0,0,1)}.mtrl-icon-button:hover::before{opacity:.08}.mtrl-icon-button:focus-visible::before{opacity:.1}.mtrl-icon-button:active:not(:has(>.mtrl-ripple))::before{opacity:.1}.mtrl-icon-button__icon,.mtrl-icon-button .mtrl-icon,.mtrl-icon-button .mtrl-icon-button__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;pointer-events:none}.mtrl-icon-button__icon svg,.mtrl-icon-button .mtrl-icon svg,.mtrl-icon-button .mtrl-icon-button__icon svg{width:100%;height:100%}.mtrl-icon-button--xs{width:32px;height:32px}.mtrl-icon-button--xs .mtrl-icon,.mtrl-icon-button--xs .mtrl-icon-button__icon{width:20px;height:20px}.mtrl-icon-button--xs::after,.mtrl-icon-button--s::after{content:"";position:absolute;width:48px;height:48px;top:50%;left:50%;transform:translate(-50%,-50%)}.mtrl-icon-button--m{width:56px;height:56px}.mtrl-icon-button--m .mtrl-icon,.mtrl-icon-button--m .mtrl-icon-button__icon{width:24px;height:24px}.mtrl-icon-button--l{width:96px;height:96px}.mtrl-icon-button--l .mtrl-icon,.mtrl-icon-button--l .mtrl-icon-button__icon{width:32px;height:32px}.mtrl-icon-button--xl{width:136px;height:136px}.mtrl-icon-button--xl .mtrl-icon,.mtrl-icon-button--xl .mtrl-icon-button__icon{width:40px;height:40px}.mtrl-icon-button--round{border-radius:var(--mtrl-button-shape,20px)}.mtrl-icon-button--round.mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape,16px)}.mtrl-icon-button--round.mtrl-icon-button--m{border-radius:var(--mtrl-button-shape,28px)}.mtrl-icon-button--round.mtrl-icon-button--l{border-radius:var(--mtrl-button-shape,48px)}.mtrl-icon-button--round.mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape,68px)}.mtrl-icon-button--square{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button--square.mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button--square.mtrl-icon-button--m{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button--square.mtrl-icon-button--l{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-icon-button--square.mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-icon-button:active.mtrl-icon-button--round{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-icon-button:active.mtrl-icon-button--round.mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-icon-button:active.mtrl-icon-button--round.mtrl-icon-button--m{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button:active.mtrl-icon-button--round.mtrl-icon-button--l{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button:active.mtrl-icon-button--round.mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button:active.mtrl-icon-button--square{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-icon-button:active.mtrl-icon-button--square.mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-small,8px))}.mtrl-icon-button:active.mtrl-icon-button--square.mtrl-icon-button--m{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button:active.mtrl-icon-button--square.mtrl-icon-button--l{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button:active.mtrl-icon-button--square.mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape-pressed,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button--narrow{width:32px}.mtrl-icon-button--narrow.mtrl-icon-button--xs{width:28px}.mtrl-icon-button--narrow.mtrl-icon-button--m{width:48px}.mtrl-icon-button--narrow.mtrl-icon-button--l{width:64px}.mtrl-icon-button--narrow.mtrl-icon-button--xl{width:104px}.mtrl-icon-button--wide{width:52px}.mtrl-icon-button--wide.mtrl-icon-button--xs{width:40px}.mtrl-icon-button--wide.mtrl-icon-button--m{width:72px}.mtrl-icon-button--wide.mtrl-icon-button--l{width:128px}.mtrl-icon-button--wide.mtrl-icon-button--xl{width:184px}.mtrl-icon-button--standard{background-color:rgba(0,0,0,0);color:var(--mtrl-icon-button-standard-color,var(--mtrl-sys-color-on-surface-variant))}.mtrl-icon-button--standard.mtrl-icon-button--selected{background-color:var(--mtrl-icon-button-selected-container,transparent);color:var(--mtrl-icon-button-selected-color,var(--mtrl-sys-color-primary))}.mtrl-icon-button--filled{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-icon-button--filled.mtrl-icon-button--toggle:not(.mtrl-icon-button--selected){background-color:var(--mtrl-sys-color-surface-container);color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-icon-button--tonal{background-color:var(--mtrl-sys-color-secondary-container);color:var(--mtrl-sys-color-on-secondary-container)}.mtrl-icon-button--tonal.mtrl-icon-button--selected{background-color:var(--mtrl-icon-button-selected-container,var(--mtrl-sys-color-secondary));color:var(--mtrl-icon-button-selected-color,var(--mtrl-sys-color-on-secondary))}.mtrl-icon-button--outlined{background-color:rgba(0,0,0,0);color:var(--mtrl-sys-color-on-surface-variant);border:1px solid var(--mtrl-sys-color-outline-variant)}.mtrl-icon-button--outlined.mtrl-icon-button--xs{border-width:1px}.mtrl-icon-button--outlined.mtrl-icon-button--s{border-width:1px}.mtrl-icon-button--outlined.mtrl-icon-button--m{border-width:1px}.mtrl-icon-button--outlined.mtrl-icon-button--l{border-width:2px}.mtrl-icon-button--outlined.mtrl-icon-button--xl{border-width:3px}.mtrl-icon-button--outlined.mtrl-icon-button--selected{background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);border-color:rgba(0,0,0,0)}.mtrl-icon-button--selected.mtrl-icon-button--round:not(:active){border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button--selected.mtrl-icon-button--round:not(:active).mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-medium,12px))}.mtrl-icon-button--selected.mtrl-icon-button--round:not(:active).mtrl-icon-button--m{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-large,16px))}.mtrl-icon-button--selected.mtrl-icon-button--round:not(:active).mtrl-icon-button--l{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-icon-button--selected.mtrl-icon-button--round:not(:active).mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape-selected,var(--mtrl-sys-shape-corner-extra-large,28px))}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active){border-radius:var(--mtrl-button-shape-selected,20px)}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape-selected,16px)}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--m{border-radius:var(--mtrl-button-shape-selected,28px)}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--l{border-radius:var(--mtrl-button-shape-selected,48px)}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape-selected,68px)}.mtrl-icon-button:disabled,.mtrl-icon-button.mtrl-icon-button--disabled{pointer-events:none;cursor:default}.mtrl-icon-button:disabled.mtrl-icon-button--standard,.mtrl-icon-button:disabled.mtrl-icon-button--filled,.mtrl-icon-button:disabled.mtrl-icon-button--tonal,.mtrl-icon-button:disabled.mtrl-icon-button--outlined,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--standard,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--filled,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--tonal,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--outlined{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-icon-button:disabled.mtrl-icon-button--filled,.mtrl-icon-button:disabled.mtrl-icon-button--tonal,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--filled,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--tonal{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent)}.mtrl-icon-button:disabled.mtrl-icon-button--outlined,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--outlined{border-color:var(--mtrl-sys-color-outline-variant)}.mtrl-icon-button:disabled.mtrl-icon-button--outlined.mtrl-icon-button--selected,.mtrl-icon-button.mtrl-icon-button--disabled.mtrl-icon-button--outlined.mtrl-icon-button--selected{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent);border-color:rgba(0,0,0,0)}.mtrl-icon-button:disabled::before,.mtrl-icon-button.mtrl-icon-button--disabled::before{display:none}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.button-group{.mtrl-button-group{position:relative;display:inline-flex;flex-direction:row;align-items:center;gap:var(--mtrl-button-group-gap,12px);--mtrl-button-group-height:40px;--mtrl-button-group-icon:20px;--mtrl-button-group-gap:12px;--mtrl-button-group-inner-corner:var(--mtrl-sys-shape-corner-small,8px);--mtrl-button-group-pressed-corner:var(--mtrl-sys-shape-corner-extra-small,4px);--mtrl-button-group-radius:20px}.mtrl-button-group--vertical{flex-direction:column;align-items:stretch}.mtrl-button-group>.mtrl-button,.mtrl-button-group>.mtrl-icon-button{margin:0;flex-shrink:0;height:var(--mtrl-button-group-height);transition:background-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),box-shadow 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-radius 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),width 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),padding 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),gap 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1)}.mtrl-button-group>.mtrl-button:active,.mtrl-button-group>.mtrl-icon-button:active{transition:background-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),box-shadow 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-color 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),border-radius 450ms linear(0,0.055,0.18,0.332,0.483,0.619,0.733,0.823,0.891,0.94,0.973,0.994,1.007,1.013,1.015,1.015,1.013,1.011,1.009,1.006,1.005,1.003,1.002,1.001,1),width 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),padding 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),gap 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1)}.mtrl-button-group>.mtrl-icon-button{width:var(--mtrl-button-group-height)}.mtrl-button-group--equal-width>.mtrl-button{flex:1 1 0;justify-content:center}.mtrl-button-group--disabled{pointer-events:none}.mtrl-button-group--connected>.mtrl-button,.mtrl-button-group--connected>.mtrl-icon-button{--mtrl-button-shape:var(--mtrl-button-group-inner-corner);--mtrl-button-shape-pressed:var(--mtrl-button-group-pressed-corner);--mtrl-button-shape-selected:var(--mtrl-button-group-radius)}.mtrl-button-group--connected>.mtrl-button-group__button--first{--mtrl-button-shape:var(--mtrl-button-group-radius) var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-radius);--mtrl-button-shape-pressed:var(--mtrl-button-group-radius) var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-radius)}.mtrl-button-group--connected>.mtrl-button-group__button--last{--mtrl-button-shape:var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-radius) var(--mtrl-button-group-radius) var(--mtrl-button-group-inner-corner);--mtrl-button-shape-pressed:var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-radius) var(--mtrl-button-group-radius) var(--mtrl-button-group-pressed-corner)}.mtrl-button-group--connected>.mtrl-button-group__button--single{--mtrl-button-shape:var(--mtrl-button-group-radius);--mtrl-button-shape-pressed:var(--mtrl-button-group-radius)}.mtrl-button-group--connected.mtrl-button-group--vertical>.mtrl-button-group__button--first{--mtrl-button-shape:var(--mtrl-button-group-radius) var(--mtrl-button-group-radius) var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-inner-corner);--mtrl-button-shape-pressed:var(--mtrl-button-group-radius) var(--mtrl-button-group-radius) var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-pressed-corner)}.mtrl-button-group--connected.mtrl-button-group--vertical>.mtrl-button-group__button--last{--mtrl-button-shape:var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-inner-corner) var(--mtrl-button-group-radius) var(--mtrl-button-group-radius);--mtrl-button-shape-pressed:var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-pressed-corner) var(--mtrl-button-group-radius) var(--mtrl-button-group-radius)}.mtrl-button-group--connected.mtrl-button-group--square>.mtrl-button-group__button--first,.mtrl-button-group--connected.mtrl-button-group--square>.mtrl-button-group__button--last,.mtrl-button-group--connected.mtrl-button-group--square>.mtrl-button-group__button--single{--mtrl-button-shape:var(--mtrl-button-group-inner-corner);--mtrl-button-shape-pressed:var(--mtrl-button-group-pressed-corner)}.mtrl-button-group--connected.mtrl-button-group--size-xs>.mtrl-button,.mtrl-button-group--connected.mtrl-button-group--size-xs>.mtrl-icon-button,.mtrl-button-group--connected.mtrl-button-group--size-s>.mtrl-button,.mtrl-button-group--connected.mtrl-button-group--size-s>.mtrl-icon-button{min-width:48px}.mtrl-button-group--labels-selected>.mtrl-button{gap:0;min-width:var(--mtrl-button-group-height);padding:0 calc((var(--mtrl-button-group-height) - var(--mtrl-button-group-icon))/2)}.mtrl-button-group--labels-selected>.mtrl-button .mtrl-button__text{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;text-overflow:clip;transition:max-width 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1),opacity 250ms linear(0,0.066,0.203,0.355,0.496,0.616,0.713,0.788,0.845,0.888,0.92,0.943,0.96,0.971,0.98,0.986,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1)}.mtrl-button-group--labels-selected>.mtrl-button-group__button--selected{gap:8px;padding:0 16px}.mtrl-button-group--labels-selected>.mtrl-button-group__button--selected .mtrl-button__text{max-width:12em;opacity:1}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.snackbar{.mtrl-snackbar{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;box-sizing:border-box;position:fixed;bottom:16px;z-index:950;display:flex;align-items:center;min-width:320px;max-width:600px;min-height:48px;padding:0 16px;background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);border-radius:var(--mtrl-sys-shape-corner-extra-small,4px);box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15);opacity:0;scale:.8;transition:opacity 175ms linear(0,0.075,0.227,0.39,0.537,0.657,0.751,0.822,0.874,0.912,0.939,0.958,0.971,0.98,0.987,0.991,0.994,0.996,0.997,0.998,0.999,0.999,0.999,1,1),scale 425ms linear(0,0.102,0.323,0.57,0.784,0.942,1.039,1.085,1.094,1.082,1.06,1.037,1.018,1.004,0.995,0.992,0.991,0.992,0.995,0.997,0.999,1,1.001,1.001,1);pointer-events:none}.mtrl-snackbar--visible{opacity:1;scale:1;pointer-events:auto}.mtrl-snackbar:where([popover]){inset:auto;bottom:16px;margin:0;border:0;overflow:visible}.mtrl-snackbar--center{left:50%;translate:-50% 0}.mtrl-snackbar--start{inset-inline-start:16px}.mtrl-snackbar--end{inset-inline-end:16px}.mtrl-snackbar__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto;min-width:0;margin:14px 0;overflow-wrap:anywhere}.mtrl-snackbar--with-action .mtrl-snackbar__text,.mtrl-snackbar--dismissible .mtrl-snackbar__text{padding-inline-end:8px}.mtrl-snackbar--with-action{padding-inline-end:8px}.mtrl-snackbar--dismissible{padding-inline-end:0}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action{flex:0 0 auto;color:var(--mtrl-sys-color-inverse-primary)}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:hover{position:relative}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:hover::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-inverse-primary);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:focus-visible{position:relative;outline-color:var(--mtrl-sys-color-inverse-primary)}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:focus-visible::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-inverse-primary);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:active,.mtrl-snackbar .mtrl-button.mtrl-snackbar__action.mtrl-button--active{position:relative}.mtrl-snackbar .mtrl-button.mtrl-snackbar__action:active:not(:has(>.mtrl-ripple))::before,.mtrl-snackbar .mtrl-button.mtrl-snackbar__action.mtrl-button--active:not(:has(>.mtrl-ripple))::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-inverse-primary);opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-snackbar .mtrl-icon-button.mtrl-snackbar__close{flex:0 0 auto;color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-snackbar .mtrl-icon-button.mtrl-snackbar__close:hover{color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-snackbar .mtrl-icon-button.mtrl-snackbar__close:focus-visible{outline-color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-snackbar--action-below{flex-wrap:wrap;padding-bottom:4px}.mtrl-snackbar--action-below .mtrl-snackbar__text{flex-basis:100%;padding-inline-end:16px}.mtrl-snackbar--action-below .mtrl-snackbar__action{margin-inline-start:auto}@media(max-width:599px){.mtrl-snackbar{min-width:0;max-width:none;width:calc(100% - 32px)}.mtrl-snackbar--center{left:16px;translate:none}.mtrl-snackbar--start,.mtrl-snackbar--end{inset-inline:16px}}@media(prefers-reduced-motion:reduce){.mtrl-snackbar{scale:none;transition:opacity 175ms linear(0,0.075,0.227,0.39,0.537,0.657,0.751,0.822,0.874,0.912,0.939,0.958,0.971,0.98,0.987,0.991,0.994,0.996,0.997,0.998,0.999,0.999,0.999,1,1)}.mtrl-snackbar--visible{scale:none}}@media(forced-colors:active){.mtrl-snackbar{border:1px solid CanvasText}}@media print{.mtrl-snackbar{display:none}}} /*! mtrl v0.10.6 | MIT */@layer mtrl.base,mtrl.utilities,mtrl.textfield,mtrl.badge,mtrl.bottom-app-bar,mtrl.bottom-sheet,mtrl.side-sheet,mtrl.menu,mtrl.slider,mtrl.switch,mtrl.select,mtrl.progress,mtrl.button,mtrl.tabs,mtrl.top-app-bar,mtrl.icon-button,mtrl.button-group,mtrl.fab,mtrl.fab-menu,mtrl.extended-fab,mtrl.segmented-button,mtrl.card,mtrl.carousel,mtrl.checkbox,mtrl.chips,mtrl.divider,mtrl.dialog,mtrl.drawer,mtrl.loading-indicator,mtrl.split-button,mtrl.radios,mtrl.datepicker,mtrl.timepicker,mtrl.search,mtrl.snackbar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.tooltip{.mtrl-tooltip{position:fixed;top:0;left:0;z-index:1000;max-width:200px;padding:4px 8px;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px);background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);font-size:12px;line-height:16px;text-align:center;pointer-events:none;opacity:0;transform:scale(0.9);transform-origin:center;box-sizing:border-box;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:12px;line-height:16px;letter-spacing:.4px;font-weight:400;font-weight:500;transition:opacity 150ms cubic-bezier(0,0,0.2,1),transform 150ms cubic-bezier(0,0,0.2,1)}.mtrl-tooltip:where([popover]){inset:auto;margin:0;border:0;overflow:visible}.mtrl-tooltip--visible{opacity:1;transform:scale(1);pointer-events:auto}.mtrl-tooltip--rich{max-width:320px;padding:12px 16px;border-radius:var(--mtrl-sys-shape-corner-medium,12px);background-color:var(--mtrl-sys-color-surface-container);color:var(--mtrl-sys-color-on-surface-variant);text-align:start;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-tooltip--plain{background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface)}.mtrl-tooltip__arrow{position:absolute;width:0;height:0;border:8px solid rgba(0,0,0,0);pointer-events:none}.mtrl-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-start{bottom:100%;left:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-start{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--top-end{bottom:100%;right:8px;border-bottom-color:var(--mtrl-sys-color-inverse-surface);border-top-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--top-end{border-bottom-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-start{top:100%;left:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-start{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--bottom-end{top:100%;right:8px;border-top-color:var(--mtrl-sys-color-inverse-surface);border-bottom-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--bottom-end{border-top-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-start{right:100%;top:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-start{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--left-end{right:100%;bottom:8px;border-right-color:var(--mtrl-sys-color-inverse-surface);border-left-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--left-end{border-right-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-start{left:100%;top:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-start{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip__arrow--right-end{left:100%;bottom:8px;border-left-color:var(--mtrl-sys-color-inverse-surface);border-right-width:0}.mtrl-tooltip--plain .mtrl-tooltip__arrow--right-end{border-left-color:var(--mtrl-sys-color-surface-container-high)}.mtrl-tooltip--top{margin-bottom:8px}.mtrl-tooltip--bottom{margin-top:8px}.mtrl-tooltip--left{margin-right:8px}.mtrl-tooltip--right{margin-left:8px}}.theme-app-page{min-width:0}.theme-app{min-height:calc(100vh - var(--header-height));background:var(--mtrl-sys-color-surface-container-low,var(--bg));color:var(--mtrl-sys-color-on-surface,var(--text));font-family:var(--mtrl-ref-typeface-plain)}.theme-app>.mtrl-top-app-bar,.theme-app>.mtrl-top-app-bar *,.theme-app__controls *,.mtrl-menu,.mtrl-menu *,.mtrl-snackbar,.mtrl-snackbar *,.mtrl-tooltip,.mtrl-tooltip *{margin:revert-layer;padding:revert-layer}.theme-app>.mtrl-top-app-bar{position:sticky;left:auto;right:auto;top:var(--header-height);z-index:5;background:var(--mtrl-sys-color-surface-container)}.theme-app__actions{display:flex;align-items:center;gap:4px}.theme-app__controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;padding:16px 24px 0}.theme-app__controls>.mtrl-select{width:200px}.theme-app__controls>.mtrl-select[data-seeded] .mtrl-menu__item[data-id="original"]{display:none}.theme-app[data-dropping] .theme-app__content{outline:2px dashed var(--mtrl-sys-color-primary);outline-offset:-8px;border-radius:16px}.theme-app__content{display:grid;gap:20px;padding:20px 24px 48px}.theme-app__heading{margin:12px 0 4px;font:500 16px/24px var(--mtrl-ref-typeface-brand);letter-spacing:0.15px}.theme-app__note{margin:0 0 12px;color:var(--mtrl-sys-color-on-surface-variant,var(--text-muted));font-size:14px;line-height:20px}.theme-app__palette-list{display:grid;gap:16px}.theme-app__palette-list[hidden]{display:none}.md3-scheme-card{padding:20px;border-radius:16px;container-type:inline-size;font-family:var(--mtrl-ref-typeface-plain)}.md3-scheme-card--dark{box-shadow:inset 0 0 0 1px var(--card-outline)}.md3-scheme-card__title{margin:0 0 16px;font:400 22px/28px var(--mtrl-ref-typeface-brand)}.md3-scheme-grid{display:grid;grid-template-columns:3fr 1fr;gap:16px;grid-template-areas:"main error" "surfaces inverse"}.md3-scheme-grid__main{grid-area:main;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.md3-scheme-grid__error{grid-area:error;display:grid}.md3-scheme-grid__surfaces{grid-area:surfaces;display:grid;gap:8px;align-content:start}.md3-scheme-grid__inverse{grid-area:inverse;display:grid;gap:8px;align-content:start}.md3-scheme-col{display:flex;flex-direction:column;min-width:0}.md3-scheme-row{display:grid;grid-template-columns:repeat(var(--count),minmax(0,1fr));min-width:0}.md3-scheme-grid__inverse .md3-scheme-row{gap:8px}.md3-scheme-tile{display:flex;align-items:flex-start;min-width:0;margin:0;padding:8px 10px;border:0;border-radius:0;font:400 12px/16px var(--mtrl-ref-typeface-plain);letter-spacing:0.4px;text-align:left;overflow-wrap:anywhere;cursor:copy}.md3-scheme-tile--tall{min-height:88px}.md3-scheme-tile--short{min-height:44px}.md3-scheme-tile:focus-visible{outline:2px solid currentColor;outline-offset:-4px}@container (max-width:700px){.md3-scheme-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"main main" "surfaces surfaces" "error inverse"}.md3-scheme-tile{padding:6px;font-size:11px;line-height:14px;letter-spacing:0.2px}.md3-scheme-tile--tall{min-height:72px}.md3-scheme-tile--short{min-height:40px}}.md3-palette__name{margin:0 0 6px;font:500 14px/20px var(--mtrl-ref-typeface-plain)}.md3-palette__strip{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));margin:0;padding:0;list-style:none;border-radius:8px;overflow:hidden}.md3-palette__tone{display:grid;place-items:center;min-width:0;height:52px;font:400 11px/1 var(--mtrl-ref-typeface-plain)}@media (max-width:700px){.theme-app__content{padding:16px 12px 40px}.md3-scheme-card{padding:14px}.md3-palette__tone{height:40px;font-size:9px;letter-spacing:-0.3px}.theme-app__controls{padding:12px 12px 0}.theme-app__controls>.mtrl-select{width:auto;flex:1 1 150px;min-width:0}}.md3-scheme-tile{position:relative}.md3-scheme-tile__copy{position:absolute;top:6px;right:6px;display:grid;opacity:0;transition:opacity .12s ease;pointer-events:none}.md3-scheme-tile__copy svg{width:18px;height:18px}.md3-scheme-tile:hover .md3-scheme-tile__copy,.md3-scheme-tile:focus-visible .md3-scheme-tile__copy{opacity:1}@media (prefers-reduced-motion:reduce){.md3-scheme-tile__copy{transition:none}}