@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:1150px){.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}}@media (max-width:599px){.header__sep,.header:not(.header--section-only) .header__section{display:none}.header--section-only .header__section{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.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}.playground .preview-panel{overflow:clip}.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}.configuration .scenario-description{margin:6px 0 0;color:var(--text-dim);font-size:var(--fs-xs);line-height:1.4}.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{flex-wrap:wrap}.choice-group--icons .choice{flex:1 0 32px;min-width:32px}.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}.no-sidebar .sidebar{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)}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;max-width:min(var(--layout-max-width),100% - 2 * var(--layout-gutter));margin:0 auto;padding:20px 12px 20px 8px;border-top:1px solid var(--border);color:var(--text-dim);font-size:var(--fs-xs)}.site-footer a{color:inherit;text-decoration:none}.site-footer__links{display:flex;gap:16px}.home .site-footer{max-width:min(1040px,100% - 80px);padding-inline:0}@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){ :root{--site-footer-height:60px}.site-footer{height:var(--site-footer-height);align-items:center;padding-block:0}.layout:has(.component-page){min-height:calc(100dvh - var(--site-footer-height))}.layout:has(.component-page) .sidebar{height:calc(100dvh - var(--header-height) - var(--site-footer-height))}.content:has(.component-page){min-height:calc(100dvh - var(--header-height) - var(--site-footer-height))}.component-page{height:calc(100dvh - var(--header-height) - var(--site-footer-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}.no-sidebar .sidebar{display:block}.site-footer{padding-inline:12px}.home .site-footer{max-width:min(1040px,100% - 44px)}.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} :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-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-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-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,.colour-lab-stage,.mtrl-menu,.mtrl-snackbar) :is(button){background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}:where(.theme-app,.colour-lab-stage,.mtrl-menu,.mtrl-snackbar) :is(ul,ol){list-style:none;margin:0;padding:0}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,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:max(32px,40px + 4px * var(--mtrl-density,0));padding:0 16px;border:none;border-radius:var(--mtrl-button-shape,max(16px,20px + 2px * var(--mtrl-density,0)));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;z-index:1}.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}:host-context(.mtrl-toolbar--collapsed) .mtrl-button--icon .mtrl-button__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mtrl-toolbar--collapsed .mtrl-button--icon .mtrl-button__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mtrl-button--xs{height:max(32px,32px + 4px * var(--mtrl-density,0));padding:0 12px;gap:4px;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,max(16px,16px + 2px * var(--mtrl-density,0)))}.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:max(32px,40px + 4px * var(--mtrl-density,0));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,max(16px,20px + 2px * var(--mtrl-density,0)))}.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:max(32px,56px + 4px * var(--mtrl-density,0));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,max(16px,28px + 2px * var(--mtrl-density,0)))}.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:max(32px,96px + 4px * var(--mtrl-density,0));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,max(16px,48px + 2px * var(--mtrl-density,0)))}.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:max(32px,136px + 4px * var(--mtrl-density,0));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,max(16px,68px + 2px * var(--mtrl-density,0)))}.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-inline-start:12px}.mtrl-button--s.mtrl-button--icon:has(.mtrl-button__icon--end){padding-inline-start:16px;padding-inline-end:12px}.mtrl-button::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-inline:12px 16px}.mtrl-button--text.mtrl-button--icon:has(.mtrl-button__icon--end){padding-inline:16px 12px}.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,max(16px,16px + 2px * var(--mtrl-density,0)))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--s{border-radius:var(--mtrl-button-shape-selected,max(16px,20px + 2px * var(--mtrl-density,0)))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--m{border-radius:var(--mtrl-button-shape-selected,max(16px,28px + 2px * var(--mtrl-density,0)))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--l{border-radius:var(--mtrl-button-shape-selected,max(16px,48px + 2px * var(--mtrl-density,0)))}.mtrl-button--toggle.mtrl-button--selected.mtrl-button--square.mtrl-button--xl{border-radius:var(--mtrl-button-shape-selected,max(16px,68px + 2px * var(--mtrl-density,0)))}.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:max(32px,40px + 4px * var(--mtrl-density,0))!important;height:max(32px,40px + 4px * var(--mtrl-density,0))}.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:max(32px,32px + 4px * var(--mtrl-density,0));height:max(32px,32px + 4px * var(--mtrl-density,0));padding:0}.mtrl-button--circular.mtrl-button--s{width:max(32px,40px + 4px * var(--mtrl-density,0));height:max(32px,40px + 4px * var(--mtrl-density,0));padding:0}.mtrl-button--circular.mtrl-button--m{width:max(32px,56px + 4px * var(--mtrl-density,0));height:max(32px,56px + 4px * var(--mtrl-density,0));padding:0}.mtrl-button--circular.mtrl-button--l{width:max(32px,96px + 4px * var(--mtrl-density,0));height:max(32px,96px + 4px * var(--mtrl-density,0));padding:0}.mtrl-button--circular.mtrl-button--xl{width:max(32px,136px + 4px * var(--mtrl-density,0));height:max(32px,136px + 4px * var(--mtrl-density,0));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-toolbar--collapsed .mtrl-button--icon{min-width:48px;padding-inline:12px}:host-context(.mtrl-toolbar--collapsed) .mtrl-button--icon{min-width:48px;padding-inline:12px}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,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;padding:0;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:max(32px,40px + 4px * var(--mtrl-density,0));height:max(32px,40px + 4px * var(--mtrl-density,0));border-radius:var(--mtrl-button-shape,max(16px,20px + 2px * var(--mtrl-density,0)));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-secondary);outline-offset:2px;z-index:1}.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:max(32px,32px + 4px * var(--mtrl-density,0));height:max(32px,32px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--xs .mtrl-icon,.mtrl-icon-button--xs .mtrl-icon-button__icon{width:20px;height:20px}.mtrl-icon-button::after{content:"";position:absolute;width:48px;height:48px;top:50%;left:50%;transform:translate(-50%,-50%)}.mtrl-icon-button--m{width:max(32px,56px + 4px * var(--mtrl-density,0));height:max(32px,56px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--m .mtrl-icon,.mtrl-icon-button--m .mtrl-icon-button__icon{width:24px;height:24px}.mtrl-icon-button--l{width:max(32px,96px + 4px * var(--mtrl-density,0));height:max(32px,96px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--l .mtrl-icon,.mtrl-icon-button--l .mtrl-icon-button__icon{width:32px;height:32px}.mtrl-icon-button--xl{width:max(32px,136px + 4px * var(--mtrl-density,0));height:max(32px,136px + 4px * var(--mtrl-density,0))}.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,max(16px,20px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--round.mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape,max(16px,16px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--round.mtrl-icon-button--m{border-radius:var(--mtrl-button-shape,max(16px,28px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--round.mtrl-icon-button--l{border-radius:var(--mtrl-button-shape,max(16px,48px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--round.mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape,max(16px,68px + 2px * var(--mtrl-density,0)))}.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-icon-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-icon-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-icon-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-icon-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-icon-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:max(min(32px,32px),32px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--narrow.mtrl-icon-button--xs{width:max(min(28px,32px),28px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--narrow.mtrl-icon-button--m{width:max(min(48px,32px),48px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--narrow.mtrl-icon-button--l{width:max(min(64px,32px),64px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--narrow.mtrl-icon-button--xl{width:max(min(104px,32px),104px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--wide{width:max(min(52px,32px),52px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--wide.mtrl-icon-button--xs{width:max(min(40px,32px),40px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--wide.mtrl-icon-button--m{width:max(min(72px,32px),72px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--wide.mtrl-icon-button--l{width:max(min(128px,32px),128px + 4px * var(--mtrl-density,0))}.mtrl-icon-button--wide.mtrl-icon-button--xl{width:max(min(184px,32px),184px + 4px * var(--mtrl-density,0))}.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-icon-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-icon-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-icon-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-icon-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-icon-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,max(16px,20px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--xs{border-radius:var(--mtrl-button-shape-selected,max(16px,16px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--m{border-radius:var(--mtrl-button-shape-selected,max(16px,28px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--l{border-radius:var(--mtrl-button-shape-selected,max(16px,48px + 2px * var(--mtrl-density,0)))}.mtrl-icon-button--selected.mtrl-icon-button--square:not(:active).mtrl-icon-button--xl{border-radius:var(--mtrl-button-shape-selected,max(16px,68px + 2px * var(--mtrl-density,0)))}.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}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.fab{.mtrl-fab{padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;border:none;background-color:var(--mtrl-sys-color-primary-container);color:var(--mtrl-sys-color-on-primary-container);font:inherit;text-decoration:none;cursor:pointer;user-select:none;vertical-align:middle;appearance:none;overflow:hidden;box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15);transition:transform 100ms cubic-bezier(0.2,0,0,1),box-shadow 100ms cubic-bezier(0.2,0,0,1),background-color 100ms cubic-bezier(0.2,0,0,1),color 100ms cubic-bezier(0.2,0,0,1);width:56px;height:56px;border-radius:var(--mtrl-sys-shape-corner-large,16px)}.mtrl-fab:focus{outline:none}.mtrl-fab:focus-visible{outline:2px solid var(--mtrl-sys-color-outline);outline-offset:2px}.mtrl-fab__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.mtrl-fab__icon svg{width:24px;height:24px}.mtrl-fab--medium{width:80px;height:80px;border-radius:var(--mtrl-sys-shape-corner-large-increased,20px)}.mtrl-fab--medium .mtrl-fab__icon{width:28px;height:28px}.mtrl-fab--medium .mtrl-fab__icon svg{width:28px;height:28px}.mtrl-fab--large{width:96px;height:96px;border-radius:var(--mtrl-sys-shape-corner-extra-large,28px)}.mtrl-fab--large .mtrl-fab__icon{width:32px;height:32px}.mtrl-fab--large .mtrl-fab__icon svg{width:32px;height:32px}.mtrl-fab--primary-container{background-color:var(--mtrl-sys-color-primary-container);color:var(--mtrl-sys-color-on-primary-container)}.mtrl-fab--secondary-container{background-color:var(--mtrl-sys-color-secondary-container);color:var(--mtrl-sys-color-on-secondary-container)}.mtrl-fab--tertiary-container{background-color:var(--mtrl-sys-color-tertiary-container);color:var(--mtrl-sys-color-on-tertiary-container)}.mtrl-fab--primary{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-fab--secondary{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}.mtrl-fab--tertiary{background-color:var(--mtrl-sys-color-tertiary);color:var(--mtrl-sys-color-on-tertiary)}.mtrl-fab:hover{box-shadow:0px 2px 3px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15)}:where(.mtrl-fab:hover){position:relative}.mtrl-fab:hover::before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-fab:focus-visible{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}:where(.mtrl-fab:focus-visible){position:relative}.mtrl-fab:focus-visible::before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-fab:active{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}:where(.mtrl-fab:active){position:relative}.mtrl-fab:active:not(:has(>.mtrl-ripple))::before{content:"";position:absolute;inset:0;background-color:currentColor;opacity:.1;pointer-events:none;border-radius:inherit}.mtrl-fab.mtrl-fab--lowered{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-fab.mtrl-fab--lowered:hover{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-fab.mtrl-fab--lowered:focus-visible,.mtrl-fab.mtrl-fab--lowered:active{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-fab:disabled,.mtrl-fab.mtrl-fab--disabled{pointer-events:none}.mtrl-fab:disabled,.mtrl-fab:disabled:hover,.mtrl-fab:disabled:focus-visible,.mtrl-fab:disabled:active,.mtrl-fab.mtrl-fab--disabled,.mtrl-fab.mtrl-fab--disabled:hover,.mtrl-fab.mtrl-fab--disabled:focus-visible,.mtrl-fab.mtrl-fab--disabled:active{box-shadow:none;color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent)}.mtrl-fab:disabled::before,.mtrl-fab.mtrl-fab--disabled::before{display:none}.mtrl-fab--top-right,.mtrl-fab--top-end{position:fixed;top:16px;right:16px;z-index:600}.mtrl-fab--top-left,.mtrl-fab--top-start{position:fixed;top:16px;left:16px;z-index:600}.mtrl-fab--bottom-right,.mtrl-fab--bottom-end{position:fixed;bottom:16px;right:16px;z-index:600}.mtrl-fab--bottom-left,.mtrl-fab--bottom-start{position:fixed;bottom:16px;left:16px;z-index:600}.mtrl-fab--top-start:where(.mtrl-rtl,[dir=rtl]),:where(.mtrl-rtl) .mtrl-fab--top-start:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-fab--top-start:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-fab--top-start:not(:where(.mtrl-ltr,.mtrl-ltr *)),.mtrl-fab--bottom-start:where(.mtrl-rtl,[dir=rtl]),:where(.mtrl-rtl) .mtrl-fab--bottom-start:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-fab--bottom-start:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-fab--bottom-start:not(:where(.mtrl-ltr,.mtrl-ltr *)){left:auto;right:16px}.mtrl-fab--top-end:where(.mtrl-rtl,[dir=rtl]),:where(.mtrl-rtl) .mtrl-fab--top-end:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-fab--top-end:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-fab--top-end:not(:where(.mtrl-ltr,.mtrl-ltr *)),.mtrl-fab--bottom-end:where(.mtrl-rtl,[dir=rtl]),:where(.mtrl-rtl) .mtrl-fab--bottom-end:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-fab--bottom-end:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-fab--bottom-end:not(:where(.mtrl-ltr,.mtrl-ltr *)){right:auto;left:16px}@keyframes fab-enter{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mtrl-fab--animate-enter{animation:fab-enter .3s cubic-bezier(0.05,0.7,0.1,1) forwards}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.card{.mtrl-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--mtrl-sys-shape-corner-medium,12px);background-color:var(--mtrl-sys-color-surface);color:var(--mtrl-sys-color-on-surface);overflow:hidden;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;transition:box-shadow 100ms cubic-bezier(0.2,0,0,1),background-color 100ms cubic-bezier(0.2,0,0,1),border-color 100ms cubic-bezier(0.2,0,0,1)}.mtrl-card:focus-visible:focus-visible{outline:2px solid var(--mtrl-sys-color-secondary);outline-offset:2px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-card--focused:focus-visible{outline:2px solid var(--mtrl-sys-color-secondary);outline-offset:2px;box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-card .ripple{position:absolute;border-radius:50%;transform:scale(0);pointer-events:none;background-color:currentColor;opacity:.08}.mtrl-card>:not(:last-child){margin-bottom:0}.mtrl-card--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-card--elevated:hover.mtrl-card--interactive{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-card--elevated:active.mtrl-card--interactive{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}:where(.mtrl-card--elevated:active.mtrl-card--interactive){position:relative}.mtrl-card--elevated:active.mtrl-card--interactive: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-card--elevated.mtrl-card--dragging{box-shadow:0px 2px 3px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15)}.mtrl-card--elevated.mtrl-card--state-disabled{background-color:var(--mtrl-sys-color-surface);box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-card--filled{background-color:var(--mtrl-sys-color-surface-container-highest);box-shadow:none}.mtrl-card--filled:hover.mtrl-card--interactive{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}:where(.mtrl-card--filled:hover.mtrl-card--interactive){position:relative}.mtrl-card--filled:hover.mtrl-card--interactive::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-card--filled:active.mtrl-card--interactive{box-shadow:none}:where(.mtrl-card--filled:active.mtrl-card--interactive){position:relative}.mtrl-card--filled:active.mtrl-card--interactive: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-card--filled.mtrl-card--dragging{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}.mtrl-card--filled.mtrl-card--state-disabled{background-color:var(--mtrl-sys-color-surface-variant)}.mtrl-card--outlined{border:1px solid var(--mtrl-sys-color-outline-variant);background-color:var(--mtrl-sys-color-surface);box-shadow:none}.mtrl-card--outlined:hover.mtrl-card--interactive{box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15);border-color:var(--mtrl-sys-color-outline-variant)}:where(.mtrl-card--outlined:hover.mtrl-card--interactive){position:relative}.mtrl-card--outlined:hover.mtrl-card--interactive::before{content:"";position:absolute;inset:0;background-color:var(--mtrl-sys-color-on-surface);opacity:.08;pointer-events:none;border-radius:inherit}.mtrl-card--outlined:focus-visible,.mtrl-card--outlined.mtrl-card--focused{border-color:var(--mtrl-sys-color-on-surface)}.mtrl-card--outlined:active.mtrl-card--interactive{box-shadow:none;border-color:var(--mtrl-sys-color-outline-variant)}:where(.mtrl-card--outlined:active.mtrl-card--interactive){position:relative}.mtrl-card--outlined:active.mtrl-card--interactive: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-card--outlined.mtrl-card--dragging{box-shadow:0px 1px 3px rgba(0,0,0,.3),0px 4px 8px 3px rgba(0,0,0,.15)}.mtrl-card--outlined.mtrl-card--state-disabled{border-color:color-mix(in srgb,var(--mtrl-sys-color-outline) 12%,transparent)}.mtrl-card--interactive{cursor:pointer;user-select:none}.mtrl-card--full-width{width:100%}.mtrl-card--small{width:344px}.mtrl-card--medium{width:480px}.mtrl-card--large{width:624px}.mtrl-card__header{display:flex;align-items:center;padding:16px;padding-bottom:0}.mtrl-card__header:last-child{padding-bottom:16px}.mtrl-card__header-avatar{margin-right:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}:where(.mtrl-rtl) .mtrl-card__header-avatar:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-card__header-avatar:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-card__header-avatar:not(:where(.mtrl-ltr,.mtrl-ltr *)){margin-right:0;margin-left:16px}.mtrl-card__header-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.mtrl-card__header-text{flex:1;overflow:hidden}.mtrl-card__header-title{margin:0;font-family:var(--mtrl-ref-typeface-brand,Roboto,sans-serif);font-size:22px;line-height:28px;letter-spacing:0;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mtrl-sys-color-on-surface)}.mtrl-card__header-subtitle{margin:0;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.25px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-card__header-action{margin-left:8px;flex-shrink:0}:where(.mtrl-rtl) .mtrl-card__header-action:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-card__header-action:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-card__header-action:not(:where(.mtrl-ltr,.mtrl-ltr *)){margin-left:0;margin-right:8px}.mtrl-card__media{position:relative;overflow:hidden;border-radius:var(--mtrl-sys-shape-corner-medium,12px)}.mtrl-card__media-img{display:block;width:100%;object-fit:cover}.mtrl-card__media--16-9{aspect-ratio:16/9}.mtrl-card__media--16-9 img{height:100%}.mtrl-card__media--4-3{aspect-ratio:4/3}.mtrl-card__media--4-3 img{height:100%}.mtrl-card__media--1-1{aspect-ratio:1/1}.mtrl-card__media--1-1 img{height:100%}.mtrl-card__media--contain img{object-fit:contain}.mtrl-card__content{padding:16px;flex:1 1 auto}.mtrl-card__content>*:first-child{margin-top:0}.mtrl-card__content>*:last-child{margin-bottom:0}.mtrl-card__media+.mtrl-card__content:not(.mtrl-card__content--no-padding){padding-top:16px}.mtrl-card__content--no-padding{padding:0}.mtrl-card__actions{display:flex;flex-wrap:wrap;padding:8px;align-items:center}.mtrl-card__actions>*{margin:0 4px}.mtrl-card__actions>*:first-child{margin-left:8px}.mtrl-card__actions>*:last-child{margin-right:8px}:where(.mtrl-rtl) .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):first-child,:where(:host(.mtrl-rtl)) .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):first-child,[dir=rtl] .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):first-child{margin-left:4px;margin-right:8px}:where(.mtrl-rtl) .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):last-child,:where(:host(.mtrl-rtl)) .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):last-child,[dir=rtl] .mtrl-card__actions>*:not(:where(.mtrl-ltr,.mtrl-ltr *)):last-child{margin-right:4px;margin-left:8px}.mtrl-card__actions--full-bleed{padding:0}.mtrl-card__actions--full-bleed>*{margin:0;border-radius:0;flex:1 1 auto}.mtrl-card__actions--full-bleed>*:first-child{margin-left:0}.mtrl-card__actions--full-bleed>*:last-child{margin-right:0}.mtrl-card__actions--vertical{flex-direction:column}.mtrl-card__actions--vertical>*{width:100%;margin:4px 0}.mtrl-card__actions--vertical>*:first-child{margin-top:8px}.mtrl-card__actions--vertical>*:last-child{margin-bottom:8px}.mtrl-card__actions--center{justify-content:center}.mtrl-card__actions--end{justify-content:flex-end}.mtrl-card__actions--space-between{justify-content:space-between}.mtrl-card--state-disabled{opacity:.38;pointer-events:none}.mtrl-card--dragging{cursor:grabbing}@media(max-width:599px){.mtrl-card{width:100%}}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.text-field{@keyframes onAutoFillStart{from{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{from{opacity:1}to{opacity:1}}.mtrl-text-field{position:relative;display:inline-flex;flex-direction:column;contain:inline-size;contain-intrinsic-inline-size:280px;flex:0 0 auto}.mtrl-text-field__field{position:relative;display:flex;flex-direction:column}.mtrl-text-field__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:var(--mtrl-text-field-start,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-text-field__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:max(40px,56px + 4px * var(--mtrl-density,0));box-sizing:border-box;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-text-field__input::placeholder{color:var(--mtrl-sys-color-on-surface-variant);opacity:1}.mtrl-text-field__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-text-field__input:autofill{animation-name:onAutoFillStart;animation-duration:10ms;color:var(--mtrl-sys-color-on-surface)}.mtrl-text-field:has(>.mtrl-text-field__field>.mtrl-text-field__label):not(.mtrl-text-field--focused) .mtrl-text-field__input::placeholder{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.mtrl-text-field--empty:has(>.mtrl-text-field__field>.mtrl-text-field__label):not(.mtrl-text-field--focused):not(:has(.mtrl-text-field__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill))) :is(.mtrl-text-field__prefix,.mtrl-text-field__suffix){opacity:0}.mtrl-text-field__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:var(--mtrl-text-field-start,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-text-field__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:var(--mtrl-text-field-end,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-text-field__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-text-field__leading-icon svg{width:24px;height:24px}.mtrl-text-field__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;transition:top 200ms cubic-bezier(0.3,0,0,1)}.mtrl-text-field__trailing-icon svg{width:24px;height:24px}.mtrl-text-field__leading-icon[hidden],.mtrl-text-field__trailing-icon[hidden]{display:none}.mtrl-text-field--with-leading-icon{--mtrl-text-field-start:52px}.mtrl-text-field--with-trailing-icon{--mtrl-text-field-end:52px}.mtrl-text-field--with-trailing-icon .mtrl-text-field__input[type=search i]::-webkit-search-cancel-button{display:none}.mtrl-text-field--with-prefix{--mtrl-text-field-prefix-space:calc(var(--mtrl-text-field-prefix-width,32px) + 2px)}.mtrl-text-field--with-suffix{--mtrl-text-field-suffix-space:calc(var(--mtrl-text-field-suffix-width,32px) + 2px)}.mtrl-text-field--error .mtrl-text-field__label,.mtrl-text-field--error .mtrl-text-field__trailing-icon{color:var(--mtrl-sys-color-error)}.mtrl-text-field--error .mtrl-text-field__input{caret-color:var(--mtrl-sys-color-error)}.mtrl-text-field--disabled .mtrl-text-field__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-text-field--disabled .mtrl-text-field__supporting{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-text-field--disabled .mtrl-text-field__label{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-text-field--disabled .mtrl-text-field__leading-icon,.mtrl-text-field--disabled .mtrl-text-field__trailing-icon,.mtrl-text-field--disabled .mtrl-text-field__prefix,.mtrl-text-field--disabled .mtrl-text-field__suffix{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-text-field:has(.mtrl-text-field__input:disabled) .mtrl-text-field__label,.mtrl-text-field:has(.mtrl-text-field__input:disabled) .mtrl-text-field__supporting{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-text-field__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-text-field__input:disabled~.mtrl-text-field__leading-icon,.mtrl-text-field__input:disabled~.mtrl-text-field__trailing-icon,.mtrl-text-field__input:disabled~.mtrl-text-field__prefix,.mtrl-text-field__input:disabled~.mtrl-text-field__suffix{color:var(--mtrl-sys-color-on-surface);opacity:.38}.mtrl-text-field__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-text-field__helper{flex:1 1 auto;min-width:0}.mtrl-text-field__helper--error{color:var(--mtrl-sys-color-error)}.mtrl-text-field__counter{flex:none;margin-inline-start:auto}.mtrl-text-field--error .mtrl-text-field__counter{color:var(--mtrl-sys-color-error)}.mtrl-text-field__required{color:inherit}@media(prefers-reduced-motion:reduce){.mtrl-text-field__label,.mtrl-text-field__outline-leading,.mtrl-text-field__outline-notch,.mtrl-text-field__outline-trailing{transition:none}.mtrl-text-field__prefix,.mtrl-text-field__suffix,.mtrl-text-field__leading-icon,.mtrl-text-field__trailing-icon{transition:none}}.mtrl-text-field--filled .mtrl-text-field__label{opacity:1}.mtrl-text-field--filled .mtrl-text-field__input{background-color:var(--mtrl-sys-color-surface-container-highest);padding:max(12px,24px + 3px * var(--mtrl-density,0)) 16px max(3px,7px + 1px * var(--mtrl-density,0));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-text-field--filled .mtrl-text-field__input:-webkit-autofill{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0 0}.mtrl-text-field--filled .mtrl-text-field__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:opacity 200ms cubic-bezier(0.2,0,0,1)}@media(prefers-reduced-motion:reduce){.mtrl-text-field--filled .mtrl-text-field__field::before{transition:none}}.mtrl-text-field--filled:not(.mtrl-text-field--empty) .mtrl-text-field__label,.mtrl-text-field--filled.mtrl-text-field--focused .mtrl-text-field__label{transform:translateY(calc(-12px - 37.5%)) scale(0.75)}.mtrl-text-field--filled:has(.mtrl-text-field__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill)) .mtrl-text-field__label{transform:translateY(calc(-12px - 37.5%)) scale(0.75)}.mtrl-text-field--filled:has(>.mtrl-text-field__field>.mtrl-text-field__label) .mtrl-text-field__prefix,.mtrl-text-field--filled:has(>.mtrl-text-field__field>.mtrl-text-field__label) .mtrl-text-field__suffix{top:max(24px,36px + 3px * var(--mtrl-density,0))}.mtrl-text-field--filled:not(:has(>.mtrl-text-field__field>.mtrl-text-field__label)) .mtrl-text-field__input{padding-top:max(8px,16px + 2px * var(--mtrl-density,0));padding-bottom:max(7px,15px + 2px * var(--mtrl-density,0))}.mtrl-text-field--filled.mtrl-text-field--focused .mtrl-text-field__label{color:var(--mtrl-sys-color-primary)}.mtrl-text-field--filled.mtrl-text-field--focused .mtrl-text-field__field::before{opacity:1}.mtrl-text-field--filled:hover:not(.mtrl-text-field--focused):not(.mtrl-text-field--disabled):not(:has(.mtrl-text-field__input:disabled)) .mtrl-text-field__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-text-field--filled:hover:not(.mtrl-text-field--focused):not(.mtrl-text-field--disabled):not(.mtrl-text-field--error):not(:has(.mtrl-text-field__input:disabled)) .mtrl-text-field__input{border-bottom-color:var(--mtrl-sys-color-on-surface)}.mtrl-text-field--filled.mtrl-text-field--error .mtrl-text-field__input{border-bottom-color:var(--mtrl-sys-color-error)}.mtrl-text-field--filled.mtrl-text-field--error .mtrl-text-field__field::before{background-color:var(--mtrl-sys-color-error)}.mtrl-text-field--filled.mtrl-text-field--error .mtrl-text-field__label{color:var(--mtrl-sys-color-error)}.mtrl-text-field--filled.mtrl-text-field--error:hover:not(.mtrl-text-field--focused) .mtrl-text-field__input{border-bottom-color:var(--mtrl-sys-color-on-error-container)}.mtrl-text-field--filled.mtrl-text-field--error:hover:not(.mtrl-text-field--focused) .mtrl-text-field__label,.mtrl-text-field--filled.mtrl-text-field--error:hover:not(.mtrl-text-field--focused) .mtrl-text-field__trailing-icon{color:var(--mtrl-sys-color-on-error-container)}.mtrl-text-field--filled.mtrl-text-field--disabled .mtrl-text-field__input,.mtrl-text-field--filled .mtrl-text-field__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-text-field--filled.mtrl-text-field--disabled{pointer-events:none}.mtrl-text-field--filled.mtrl-text-field--with-leading-icon .mtrl-text-field__leading-icon,.mtrl-text-field--filled.mtrl-text-field--with-trailing-icon .mtrl-text-field__trailing-icon{top:max(20px,28px + 2px * var(--mtrl-density,0))}@media(forced-colors:active){.mtrl-text-field--filled.mtrl-text-field--focused .mtrl-text-field__field::before{opacity:1;background-color:rgba(0,0,0,0);height:0;border-top:2px solid CanvasText}}.mtrl-text-field__outline{display:none;position:absolute;inset:0;pointer-events:none}.mtrl-text-field__outline-leading,.mtrl-text-field__outline-notch,.mtrl-text-field__outline-trailing{border:var(--mtrl-text-field-outline-width,1px) solid var(--mtrl-text-field-outline-color,var(--mtrl-sys-color-outline));transition:border-color 100ms cubic-bezier(0.2,0,0,1)}.mtrl-text-field__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-text-field__outline-notch{flex:0 0 auto;width:0;max-width:calc(100% - 24px);border-inline:0}.mtrl-text-field__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-text-field__outline--notched .mtrl-text-field__outline-notch{border-top-color:rgba(0,0,0,0)}@media(forced-colors:active){.mtrl-text-field__outline--notched .mtrl-text-field__outline-notch{border-top-style:none}.mtrl-text-field__input:not(:placeholder-shown)~.mtrl-text-field__outline .mtrl-text-field__outline-notch,.mtrl-text-field__input:-webkit-autofill~.mtrl-text-field__outline .mtrl-text-field__outline-notch,.mtrl-text-field__input:autofill~.mtrl-text-field__outline .mtrl-text-field__outline-notch{border-top-style:none}}.mtrl-text-field--outlined{--mtrl-text-field-outline-color:var(--mtrl-sys-color-outline);--mtrl-text-field-outline-width:1px;border-radius:var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-text-field--outlined .mtrl-text-field__outline{display:flex}.mtrl-text-field--outlined .mtrl-text-field__input:not(:placeholder-shown)~.mtrl-text-field__outline .mtrl-text-field__outline-notch,.mtrl-text-field--outlined .mtrl-text-field__input:-webkit-autofill~.mtrl-text-field__outline .mtrl-text-field__outline-notch,.mtrl-text-field--outlined .mtrl-text-field__input:autofill~.mtrl-text-field__outline .mtrl-text-field__outline-notch{border-top-color:rgba(0,0,0,0)}.mtrl-text-field--outlined .mtrl-text-field__input{background-color:rgba(0,0,0,0);padding:max(7px,15px + 2px * var(--mtrl-density,0)) 16px;border:solid rgba(0,0,0,0);border-width:1px 0;transition:padding 100ms cubic-bezier(0.2,0,0,1)}.mtrl-text-field--outlined .mtrl-text-field__input:-webkit-autofill{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-text-field--outlined .mtrl-text-field__label{top:50%}.mtrl-text-field--outlined:not(.mtrl-text-field--empty) .mtrl-text-field__label,.mtrl-text-field--outlined.mtrl-text-field--focused .mtrl-text-field__label{transform:translateY(calc(-1 * max(20px,28px + 2px * var(--mtrl-density,0)) - 37.5%)) scale(0.75);--mtrl-text-field-start:16px}.mtrl-text-field--outlined:has(.mtrl-text-field__input:is(:not(:placeholder-shown),:autofill,:-webkit-autofill)) .mtrl-text-field__label{transform:translateY(calc(-1 * max(20px,28px + 2px * var(--mtrl-density,0)) - 37.5%)) scale(0.75);--mtrl-text-field-start:16px}.mtrl-text-field--outlined:hover:not(.mtrl-text-field--focused):not(.mtrl-text-field--disabled):not(.mtrl-text-field--error):not(:has(.mtrl-text-field__input:disabled)){--mtrl-text-field-outline-color:var(--mtrl-sys-color-on-surface)}.mtrl-text-field--outlined:hover:not(.mtrl-text-field--focused):not(.mtrl-text-field--disabled):not(.mtrl-text-field--error):not(:has(.mtrl-text-field__input:disabled)) .mtrl-text-field__label{color:var(--mtrl-sys-color-on-surface)}.mtrl-text-field--outlined.mtrl-text-field--focused{--mtrl-text-field-outline-color:var(--mtrl-sys-color-primary);--mtrl-text-field-outline-width:2px}.mtrl-text-field--outlined.mtrl-text-field--focused .mtrl-text-field__label{color:var(--mtrl-sys-color-primary)}.mtrl-text-field--outlined.mtrl-text-field--error{--mtrl-text-field-outline-color:var(--mtrl-sys-color-error)}.mtrl-text-field--outlined.mtrl-text-field--error:hover:not(.mtrl-text-field--focused){--mtrl-text-field-outline-color:var(--mtrl-sys-color-on-error-container)}.mtrl-text-field--outlined.mtrl-text-field--error:hover:not(.mtrl-text-field--focused) .mtrl-text-field__label,.mtrl-text-field--outlined.mtrl-text-field--error:hover:not(.mtrl-text-field--focused) .mtrl-text-field__trailing-icon{color:var(--mtrl-sys-color-on-error-container)}.mtrl-text-field--outlined.mtrl-text-field--error .mtrl-text-field__label{color:var(--mtrl-sys-color-error)}.mtrl-text-field--outlined.mtrl-text-field--disabled{--mtrl-text-field-outline-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent);pointer-events:none}.mtrl-text-field--multiline .mtrl-text-field__input{min-height:max(84px,100px + 4px * var(--mtrl-density,0));height:auto;resize:vertical;padding-top:max(8px,16px + 2px * var(--mtrl-density,0))}.mtrl-text-field--multiline.mtrl-text-field--filled:has(>.mtrl-text-field__field>.mtrl-text-field__label) .mtrl-text-field__input{padding-top:max(12px,24px + 3px * var(--mtrl-density,0))}.mtrl-text-field--multiline.mtrl-text-field--outlined .mtrl-text-field__input{padding-top:calc(max(8px,16px + 2px * var(--mtrl-density,0)) - 1px)}.mtrl-text-field--multiline .mtrl-text-field__prefix,.mtrl-text-field--multiline .mtrl-text-field__suffix{top:max(20px,28px + 2px * var(--mtrl-density,0))}.mtrl-text-field--multiline .mtrl-text-field__label{top:max(20px,28px + 2px * var(--mtrl-density,0))}.mtrl-text-field__input[type=multiline]{min-height:max(84px,100px + 4px * var(--mtrl-density,0));height:auto;max-height:none;flex-shrink:1}.mtrl-text-field__input[type=multiline]~.mtrl-text-field__leading-icon,.mtrl-text-field__input[type=multiline]~.mtrl-text-field__trailing-icon,.mtrl-text-field__input[type=multiline]~.mtrl-text-field__prefix,.mtrl-text-field__input[type=multiline]~.mtrl-text-field__suffix{top:20px;transform:none}.mtrl-text-field--density-compact{--mtrl-density:-4}.mtrl-text-field .mtrl-text-field__field .mtrl-text-field__input{padding-left:calc(var(--mtrl-text-field-start,16px) + var(--mtrl-text-field-prefix-space,0px));padding-right:calc(var(--mtrl-text-field-end,16px) + var(--mtrl-text-field-suffix-space,0px))}[dir=rtl] .mtrl-text-field .mtrl-text-field__label,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__label{left:auto;right:var(--mtrl-text-field-start,16px);transform-origin:right top}[dir=rtl] .mtrl-text-field .mtrl-text-field__prefix,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__prefix{left:auto;right:var(--mtrl-text-field-start,16px)}[dir=rtl] .mtrl-text-field .mtrl-text-field__suffix,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__suffix{right:auto;left:var(--mtrl-text-field-end,16px)}[dir=rtl] .mtrl-text-field .mtrl-text-field__leading-icon,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__leading-icon{left:auto;right:12px}[dir=rtl] .mtrl-text-field .mtrl-text-field__trailing-icon,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__trailing-icon{right:auto;left:12px}[dir=rtl] .mtrl-text-field .mtrl-text-field__field .mtrl-text-field__input,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__field .mtrl-text-field__input{padding-left:calc(var(--mtrl-text-field-end,16px) + var(--mtrl-text-field-suffix-space,0px));padding-right:calc(var(--mtrl-text-field-start,16px) + var(--mtrl-text-field-prefix-space,0px))}[dir=rtl] .mtrl-text-field .mtrl-text-field__outline-leading,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__outline-leading{border-radius:0 var(--mtrl-sys-shape-corner-extra-small,4px) var(--mtrl-sys-shape-corner-extra-small,4px) 0}[dir=rtl] .mtrl-text-field .mtrl-text-field__outline-trailing,.mtrl-text-field.mtrl-text-field--rtl .mtrl-text-field__outline-trailing{border-radius:var(--mtrl-sys-shape-corner-extra-small,4px) 0 0 var(--mtrl-sys-shape-corner-extra-small,4px)}.mtrl-text-field__trailing-icon.mtrl-text-field__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-text-field__trailing-icon.mtrl-text-field__trailing-icon--button::after{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%)}.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button::before{content:"";position:absolute;inset:0;border-radius:inherit;background-color:currentColor;opacity:0;pointer-events:none}.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button:hover:not(:disabled)::before{opacity:.08}.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button:focus-visible{outline:2px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button:focus-visible::before,.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button:active:not(:disabled)::before{opacity:.1}.mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button:disabled{cursor:default}[dir=rtl] .mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button,.mtrl-text-field--rtl .mtrl-text-field__trailing-icon.mtrl-text-field__trailing-icon--button{right:auto;left:4px}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.checkbox{.mtrl-checkbox{display:inline-flex;align-items:center;position:relative;min-height:48px;min-width:48px;box-sizing:border-box;padding:4px 0;user-select:none}.mtrl-checkbox:not(:has(>.mtrl-checkbox__label)){justify-content:center}.mtrl-checkbox__input{font:inherit;position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.mtrl-checkbox__input:disabled{cursor:not-allowed}.mtrl-checkbox__icon{position:relative;flex-shrink:0;width:18px;height:18px;box-sizing:border-box;border-radius:2px;background-color:rgba(0,0,0,0);border:2px solid var(--mtrl-sys-color-on-surface-variant);transition:background-color 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),border-color 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-checkbox__icon::before{content:"";position:absolute;inset:-13px;border-radius:50%;background-color:rgba(0,0,0,0);pointer-events:none}.mtrl-checkbox__icon svg{position:absolute;top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%) scale(0);fill:currentColor;color:var(--mtrl-sys-color-on-primary)}.mtrl-checkbox__label{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface)}.mtrl-checkbox--label-end .mtrl-checkbox__label{margin-inline-start:12px}.mtrl-checkbox--label-start .mtrl-checkbox__label{margin-inline-end:12px}.mtrl-checkbox .mtrl-checkbox__input:checked~.mtrl-checkbox__icon,.mtrl-checkbox--indeterminate .mtrl-checkbox__icon{background-color:var(--mtrl-sys-color-primary);border-color:var(--mtrl-sys-color-primary)}.mtrl-checkbox .mtrl-checkbox__input:checked~.mtrl-checkbox__icon svg{transform:translate(-50%,-50%) scale(1);transition:transform 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)}.mtrl-checkbox--indeterminate .mtrl-checkbox__icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:2px;background-color:var(--mtrl-sys-color-on-primary)}.mtrl-checkbox--indeterminate .mtrl-checkbox__icon svg{display:none}.mtrl-checkbox--error .mtrl-checkbox__icon{border-color:var(--mtrl-sys-color-error)}.mtrl-checkbox--error .mtrl-checkbox__input:checked~.mtrl-checkbox__icon,.mtrl-checkbox--error.mtrl-checkbox--indeterminate .mtrl-checkbox__icon{background-color:var(--mtrl-sys-color-error);border-color:var(--mtrl-sys-color-error)}.mtrl-checkbox--error .mtrl-checkbox__icon svg{color:var(--mtrl-sys-color-on-error)}.mtrl-checkbox--error.mtrl-checkbox--indeterminate .mtrl-checkbox__icon::after{background-color:var(--mtrl-sys-color-on-error)}.mtrl-checkbox--disabled .mtrl-checkbox__input{cursor:not-allowed}.mtrl-checkbox--disabled .mtrl-checkbox__icon{background-color:rgba(0,0,0,0);border-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-checkbox--disabled .mtrl-checkbox__input:checked~.mtrl-checkbox__icon,.mtrl-checkbox--disabled.mtrl-checkbox--indeterminate .mtrl-checkbox__icon{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);border-color:rgba(0,0,0,0)}.mtrl-checkbox--disabled .mtrl-checkbox__icon svg{color:var(--mtrl-sys-color-surface)}.mtrl-checkbox--disabled.mtrl-checkbox--indeterminate .mtrl-checkbox__icon::after{background-color:var(--mtrl-sys-color-surface)}.mtrl-checkbox--disabled .mtrl-checkbox__label{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:is(:hover,:focus-visible,:active):not(:checked)~.mtrl-checkbox__icon{border-color:var(--mtrl-sys-color-on-surface)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:hover~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 8%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:focus-visible~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:active~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:checked:hover~.mtrl-checkbox__icon::before,.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--indeterminate .mtrl-checkbox__input:hover~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 8%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:checked:focus-visible~.mtrl-checkbox__icon::before,.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--indeterminate .mtrl-checkbox__input:focus-visible~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:checked:active~.mtrl-checkbox__icon::before,.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--indeterminate .mtrl-checkbox__input:active~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--error .mtrl-checkbox__input:not(:checked):is(:hover,:focus-visible,:active)~.mtrl-checkbox__icon{border-color:var(--mtrl-sys-color-error)}.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--error .mtrl-checkbox__input:hover~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-error) 8%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--error .mtrl-checkbox__input:focus-visible~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-error) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled).mtrl-checkbox--error .mtrl-checkbox__input:active~.mtrl-checkbox__icon::before{background-color:color-mix(in srgb,var(--mtrl-sys-color-error) 10%,transparent)}.mtrl-checkbox:not(.mtrl-checkbox--disabled) .mtrl-checkbox__input:focus-visible~.mtrl-checkbox__icon::before{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.mtrl-checkbox .mtrl-checkbox__icon,.mtrl-checkbox .mtrl-checkbox__icon svg{transition:none}}@media(forced-colors:active){.mtrl-checkbox .mtrl-checkbox__icon{border-width:2px}}.mtrl-checkbox-group{display:flex;flex-direction:column;gap:8px}.mtrl-checkbox-group--horizontal{flex-direction:row;gap:16px;flex-wrap:wrap}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.radios{.mtrl-radios{display:flex;margin:0;padding:0}.mtrl-radios--vertical{flex-direction:column}.mtrl-radios--horizontal{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.mtrl-radios--horizontal .mtrl-radios__item{margin-inline-end:16px}.mtrl-radios--horizontal .mtrl-radios__item:last-child{margin-inline-end:0}.mtrl-radios--disabled{pointer-events:none}.mtrl-radios__item{position:relative;display:inline-flex;align-items:center}.mtrl-radios__item--disabled{cursor:not-allowed}.mtrl-radios__item--disabled .mtrl-radios__label{cursor:not-allowed}.mtrl-radios__input{font:inherit;position:absolute;opacity:0;height:0;width:0;margin:0;padding:0}.mtrl-radios__input:checked~.mtrl-radios__label .mtrl-radios__circle{border-color:var(--mtrl-sys-color-primary)}.mtrl-radios__input:checked~.mtrl-radios__label .mtrl-radios__circle::after{transform:translate(-50%,-50%) scale(1);opacity:1}.mtrl-radios__input:disabled~.mtrl-radios__label .mtrl-radios__circle{border-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-radios__input:disabled~.mtrl-radios__label .mtrl-radios__circle::after{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-radios__input:disabled~.mtrl-radios__label .mtrl-radios__text{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-radios__label{position:relative;display:inline-flex;align-items:center;cursor:pointer;padding:4px 0;min-height:48px;box-sizing:border-box;color:var(--mtrl-sys-color-on-surface);font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400}.mtrl-radios__label--before .mtrl-radios__text{margin-inline:0 8px}.mtrl-radios__label:has(>.mtrl-radios__text:empty){min-width:48px;justify-content:center}.mtrl-radios__control{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.mtrl-radios__circle{position:relative;width:20px;height:20px;border:2px solid var(--mtrl-sys-color-on-surface-variant);border-radius:50%;box-sizing:border-box;transition:border-color 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-radios__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;border-radius:50%;background-color:var(--mtrl-sys-color-primary);opacity:0;transition:transform 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 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-radios__ripple{position:absolute;inset:0;border-radius:50%;transition:background-color 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-radios__item .mtrl-radios__input:not(:disabled):not(:checked)~.mtrl-radios__label:is(:hover,:active) .mtrl-radios__circle,.mtrl-radios__item .mtrl-radios__input:not(:disabled):not(:checked):focus-visible~.mtrl-radios__label .mtrl-radios__circle{border-color:var(--mtrl-sys-color-on-surface)}.mtrl-radios__item .mtrl-radios__input:not(:disabled)~.mtrl-radios__label:hover .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 8%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled):focus-visible~.mtrl-radios__label .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled)~.mtrl-radios__label:active .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 10%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled):checked~.mtrl-radios__label:hover .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 8%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled):checked:focus-visible~.mtrl-radios__label .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-primary) 10%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled):checked~.mtrl-radios__label:active .mtrl-radios__ripple{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 10%,transparent)}.mtrl-radios__item .mtrl-radios__input:not(:disabled):focus-visible~.mtrl-radios__label .mtrl-radios__ripple{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-radios__text{margin-inline-start:8px}.mtrl-radios__text:empty{display:none}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.switch{.mtrl-switch{display:inline-flex;flex-direction:column;position:relative;width:100%;padding:4px 0;user-select:none}.mtrl-switch__container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:48px;width:100%;column-gap:12px}.mtrl-switch:where(:not(:has(.mtrl-switch__label,.mtrl-switch__helper))) .mtrl-switch__container{column-gap:0;min-height:40px}.mtrl-switch__content{display:flex;flex-direction:column;flex-grow:1}.mtrl-switch--label-end .mtrl-switch__container{flex-direction:row-reverse}.mtrl-switch__label{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface)}.mtrl-switch__input{font:inherit;position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.mtrl-switch__input:disabled{cursor:not-allowed}.mtrl-switch__input:focus-visible~.mtrl-switch__track{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-switch__track{position:relative;flex-shrink:0;min-width:52px;height:32px;box-sizing:border-box;border-radius:var(--mtrl-sys-shape-corner-full,9999px);background-color:var(--mtrl-sys-color-surface-container-highest);border:2px solid var(--mtrl-sys-color-outline);transition:background-color 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),border-color 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-switch__track::after{content:"";position:absolute;width:40px;height:40px;top:-6px;left:var(--mtrl-switch-layer-start,-6px);background-color:var(--mtrl-sys-color-on-surface);opacity:0;border-radius:50%;z-index:0;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),left 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),right 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),inset 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-switch__thumb{position:absolute;top:6px;left:var(--mtrl-switch-thumb-start,6px);width:16px;height:16px;border-radius:50%;background-color:var(--mtrl-sys-color-outline);transition:left 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),right 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),inset 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),height 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 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);display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}.mtrl-switch__thumb-icon{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);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),transform 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);color:var(--mtrl-sys-color-on-primary-container)}.mtrl-switch__thumb-icon svg{width:16px;height:16px}.mtrl-switch__thumb-icon--unselected{color:var(--mtrl-sys-color-surface-container-highest)}.mtrl-switch__helper{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)}.mtrl-switch__helper--error{color:var(--mtrl-sys-color-error)}.mtrl-switch--icons:not(.mtrl-switch--checked) .mtrl-switch__thumb{width:24px;height:24px;top:2px;--mtrl-switch-thumb-start:2px}.mtrl-switch--icons:not(.mtrl-switch--checked) .mtrl-switch__thumb-icon--unselected{opacity:1;transform:scale(1)}.mtrl-switch--checked .mtrl-switch__track{background-color:var(--mtrl-sys-color-primary);border-color:var(--mtrl-sys-color-primary)}.mtrl-switch--checked .mtrl-switch__track::after{--mtrl-switch-layer-start:14px;background-color:var(--mtrl-sys-color-primary)}.mtrl-switch--checked .mtrl-switch__thumb{background-color:var(--mtrl-sys-color-on-primary);width:24px;height:24px;top:2px;--mtrl-switch-thumb-start:22px}.mtrl-switch--checked .mtrl-switch__thumb-icon:not(.mtrl-switch__thumb-icon--unselected){opacity:1;transform:scale(1)}.mtrl-switch--dense .mtrl-switch__container{min-height:initial}.mtrl-switch--error .mtrl-switch__track{border-color:var(--mtrl-sys-color-error)}.mtrl-switch--disabled{pointer-events:none}.mtrl-switch--disabled .mtrl-switch__track{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent);border-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent)}.mtrl-switch--disabled .mtrl-switch__thumb{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-switch--disabled .mtrl-switch__thumb-icon--unselected{color:color-mix(in srgb,var(--mtrl-sys-color-surface-container-highest) 38%,transparent)}.mtrl-switch--disabled .mtrl-switch__label,.mtrl-switch--disabled .mtrl-switch__helper{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-switch--disabled.mtrl-switch--checked .mtrl-switch__track{border-color:rgba(0,0,0,0)}.mtrl-switch--disabled.mtrl-switch--checked .mtrl-switch__thumb{background-color:var(--mtrl-sys-color-surface)}.mtrl-switch--disabled.mtrl-switch--checked .mtrl-switch__thumb-icon{color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-switch:not(.mtrl-switch--disabled) .mtrl-switch__input:is(:hover,:focus-visible,:active)~.mtrl-switch__track .mtrl-switch__thumb{background-color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-switch:not(.mtrl-switch--disabled).mtrl-switch--checked .mtrl-switch__input:is(:hover,:focus-visible,:active)~.mtrl-switch__track .mtrl-switch__thumb{background-color:var(--mtrl-sys-color-primary-container)}.mtrl-switch:not(.mtrl-switch--disabled) .mtrl-switch__input:hover~.mtrl-switch__track::after{opacity:.08}.mtrl-switch:not(.mtrl-switch--disabled) .mtrl-switch__input:focus-visible~.mtrl-switch__track::after{opacity:.1}.mtrl-switch:not(.mtrl-switch--disabled) .mtrl-switch__input:active~.mtrl-switch__track::after{opacity:.1}.mtrl-switch:not(.mtrl-switch--disabled) .mtrl-switch__input:active~.mtrl-switch__track .mtrl-switch__thumb{width:28px;height:28px;top:0;--mtrl-switch-thumb-start:0}.mtrl-switch:not(.mtrl-switch--disabled).mtrl-switch--checked .mtrl-switch__input:active~.mtrl-switch__track .mtrl-switch__thumb{--mtrl-switch-thumb-start:20px}.mtrl-switch:where(.mtrl-rtl,[dir=rtl]) .mtrl-switch__track::after,:where(.mtrl-rtl) .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__track::after,:where(:host(.mtrl-rtl)) .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__track::after,[dir=rtl] .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__track::after{left:auto;right:var(--mtrl-switch-layer-start,-6px)}.mtrl-switch:where(.mtrl-rtl,[dir=rtl]) .mtrl-switch__thumb,:where(.mtrl-rtl) .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__thumb,:where(:host(.mtrl-rtl)) .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__thumb,[dir=rtl] .mtrl-switch:not(:where(.mtrl-ltr,.mtrl-ltr *)) .mtrl-switch__thumb{left:auto;right:var(--mtrl-switch-thumb-start,6px)}@media(prefers-reduced-motion:reduce){.mtrl-switch .mtrl-switch__track,.mtrl-switch .mtrl-switch__thumb,.mtrl-switch .mtrl-switch__thumb-icon{transition:none}}@media(forced-colors:active){.mtrl-switch .mtrl-switch__track{border-width:2px}.mtrl-switch--checked .mtrl-switch__track{border-color:currentColor}}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.slider{.mtrl-slider{position:relative;width:100%;display:flex;flex-direction:column;user-select:none;touch-action:none;--mtrl-slider-track-color:var(--mtrl-slider-color,var(--mtrl-sys-color-primary));--mtrl-slider-inactive-track-color:var(--mtrl-slider-container-color,var(--mtrl-sys-color-secondary-container));--mtrl-slider-tick-color:var(--mtrl-slider-on-color,var(--mtrl-slider-inactive-track-color));--mtrl-slider-active-opacity:1;--mtrl-slider-inactive-opacity:1;--mtrl-slider-tick-opacity:1;--mtrl-slider-active-tick-opacity:1}.mtrl-slider:focus{outline:none}.mtrl-slider__label{display:block;font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:16px;line-height:24px;letter-spacing:.5px;font-weight:400;color:var(--mtrl-sys-color-on-surface);margin-bottom:4px}.mtrl-slider__label--end{margin-bottom:0;margin-top:4px}.mtrl-slider__icon{display:flex;align-items:center;justify-content:center;color:var(--mtrl-sys-color-on-surface-variant);width:40px;height:40px}.mtrl-slider__icon svg{width:24px;height:24px}.mtrl-slider--icon{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:". label" "icon track";column-gap:8px;align-items:center}.mtrl-slider--icon .mtrl-slider__label{grid-area:label}.mtrl-slider--icon .mtrl-slider__container{grid-area:track}.mtrl-slider--icon .mtrl-slider__icon{grid-area:icon}.mtrl-slider--icon.mtrl-slider--label-end{grid-template-areas:"icon track" ". label"}.mtrl-slider--icon-end{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"label ." "track icon"}.mtrl-slider--icon-end.mtrl-slider--label-end{grid-template-areas:"track icon" "label ."}.mtrl-slider__container{position:relative;height:40px;display:flex;align-items:center}.mtrl-slider--secondary{--mtrl-slider-track-color:var(--mtrl-slider-color,var(--mtrl-sys-color-secondary));--mtrl-slider-inactive-track-color:var(--mtrl-slider-container-color,var(--mtrl-sys-color-secondary-container))}.mtrl-slider--tertiary{--mtrl-slider-track-color:var(--mtrl-slider-color,var(--mtrl-sys-color-tertiary));--mtrl-slider-inactive-track-color:var(--mtrl-slider-container-color,var(--mtrl-sys-color-tertiary-container))}.mtrl-slider--error{--mtrl-slider-track-color:var(--mtrl-slider-color,var(--mtrl-sys-color-error));--mtrl-slider-inactive-track-color:var(--mtrl-slider-container-color,var(--mtrl-sys-color-error-container))}.mtrl-slider--disabled{--mtrl-slider-track-color:var(--mtrl-sys-color-on-surface);--mtrl-slider-inactive-track-color:var(--mtrl-sys-color-on-surface);--mtrl-slider-tick-color:var(--mtrl-sys-color-on-surface);--mtrl-slider-active-opacity:0.38;--mtrl-slider-inactive-opacity:0.12;--mtrl-slider-tick-opacity:0.38;--mtrl-slider-active-tick-opacity:0.12}.mtrl-slider__visual{position:absolute;inset:0;pointer-events:none;container-type:size}.mtrl-slider__track{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.mtrl-slider__segment{position:absolute;height:100%;border-radius:2px;background:var(--mtrl-slider-inactive-track-color);opacity:var(--mtrl-slider-inactive-opacity)}.mtrl-slider__segment--active{background:var(--mtrl-slider-track-color);opacity:var(--mtrl-slider-active-opacity)}.mtrl-slider__ticks{position:absolute;inset:0;color:var(--mtrl-slider-track-color);opacity:var(--mtrl-slider-tick-opacity);background-image:radial-gradient(circle at center,currentColor 2px,transparent 2px);background-repeat:repeat-x}.mtrl-slider__ticks--active{color:var(--mtrl-slider-tick-color);opacity:var(--mtrl-slider-active-tick-opacity)}.mtrl-slider__inset-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--mtrl-slider-tick-color);opacity:var(--mtrl-slider-active-tick-opacity)}.mtrl-slider__inset-icon svg{width:100%;height:100%;fill:currentColor}.mtrl-slider__inset-icon--inactive{color:var(--mtrl-slider-track-color);opacity:var(--mtrl-slider-tick-opacity)}.mtrl-slider__dot{position:absolute;top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--mtrl-slider-track-color);opacity:var(--mtrl-slider-active-opacity)}.mtrl-slider__handle{position:absolute;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:4;width:14px;height:50px;border-radius:16px;background-color:rgba(255,0,0,0)}.mtrl-slider__handle:focus{outline:none}.mtrl-slider__handle::before{content:"";position:absolute;width:4px;height:100%;background-color:var(--mtrl-slider-color,var(--mtrl-sys-color-primary));border-radius:var(--mtrl-sys-shape-corner-full,9999px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.mtrl-slider--secondary .mtrl-slider__handle::before{background-color:var(--mtrl-slider-color,var(--mtrl-sys-color-secondary))}.mtrl-slider--tertiary .mtrl-slider__handle::before{background-color:var(--mtrl-slider-color,var(--mtrl-sys-color-tertiary))}.mtrl-slider--error .mtrl-slider__handle::before{background-color:var(--mtrl-sys-color-error)}.mtrl-slider--dragging .mtrl-slider__handle::before,.mtrl-slider__handle:active::before,.mtrl-slider__handle:focus-visible::before,.mtrl-slider__handle--focused::before{width:2px}.mtrl-slider__handle:focus-visible::before{outline:2px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-slider--range .mtrl-slider__handle:nth-of-type(1){z-index:3}.mtrl-slider--range .mtrl-slider__dot{z-index:2}.mtrl-slider__value{position:absolute;bottom:calc(50% + var(--mtrl-slider-handle-height,44px)/2 + 12px);left:0;box-sizing:border-box;min-width:48px;height:44px;padding:0 16px;display:flex;align-items:center;justify-content:center;background-color:var(--mtrl-sys-color-inverse-surface);color:var(--mtrl-sys-color-inverse-on-surface);border-radius:var(--mtrl-sys-shape-corner-full,9999px);font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500;white-space:nowrap;transform:translateX(-50%);transform-origin:50% 100%;scale:0;visibility:hidden;opacity:0;transition:scale 150ms cubic-bezier(0.3,0,0.8,0.15),opacity 150ms cubic-bezier(0.3,0,0.8,0.15),visibility 0s linear 150ms;pointer-events:none}.mtrl-slider__value--visible{visibility:visible;opacity:1;scale:1;transition:scale 400ms cubic-bezier(0.05,0.7,0.1,1),opacity 400ms cubic-bezier(0.05,0.7,0.1,1),visibility 0s}.mtrl-slider--settling .mtrl-slider__handle,.mtrl-slider--settling .mtrl-slider__inset-icon{transition:left 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),right 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),bottom 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),top 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)}.mtrl-slider--settling .mtrl-slider__segment{transition:left 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),right 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),bottom 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),top 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 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),height 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)}.mtrl-slider--settling .mtrl-slider__value{transition:left 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),right 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),bottom 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),top 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),scale 150ms cubic-bezier(0.3,0,0.8,0.15),opacity 150ms cubic-bezier(0.3,0,0.8,0.15),visibility 0s linear 150ms}.mtrl-slider--settling .mtrl-slider__value--visible{transition:left 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),right 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),bottom 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),top 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),scale 400ms cubic-bezier(0.05,0.7,0.1,1),opacity 400ms cubic-bezier(0.05,0.7,0.1,1),visibility 0s}.mtrl-slider--vertical{width:auto;height:100%;align-items:center}.mtrl-slider--vertical .mtrl-slider__container{height:100%;min-height:120px}.mtrl-slider--vertical .mtrl-slider__track{top:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}.mtrl-slider--vertical .mtrl-slider__segment{width:100%}.mtrl-slider--vertical .mtrl-slider__ticks{background-repeat:repeat-y}.mtrl-slider--vertical .mtrl-slider__dot{top:auto;left:calc(50% - 2px)}.mtrl-slider--vertical .mtrl-slider__inset-icon{top:auto;left:50%;transform:translateX(-50%)}.mtrl-slider--vertical .mtrl-slider__handle{top:auto;left:50%;height:14px}.mtrl-slider--vertical .mtrl-slider__handle::before{width:100%;height:4px}.mtrl-slider--vertical.mtrl-slider--dragging .mtrl-slider__handle::before,.mtrl-slider--vertical .mtrl-slider__handle:active::before,.mtrl-slider--vertical .mtrl-slider__handle:focus-visible::before,.mtrl-slider--vertical .mtrl-slider__handle--focused::before{width:100%;height:2px}.mtrl-slider--vertical .mtrl-slider__value{left:auto;bottom:auto;right:calc(50% + var(--mtrl-slider-handle-height,44px)/2 + 12px);transform-origin:100% 50%}.mtrl-slider--disabled .mtrl-slider__handle{cursor:default;pointer-events:none}.mtrl-slider--disabled .mtrl-slider__handle::before{opacity:.38;background-color:var(--mtrl-sys-color-on-surface)}@media(forced-colors:active){.mtrl-slider__handle::before{border:1px solid ButtonText;box-sizing:border-box}.mtrl-slider__handle:focus-visible::before{outline:2px solid Highlight;outline-offset:2px}}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.chips{.mtrl-chip{--mtrl-chip-label-color:var(--mtrl-sys-color-on-surface-variant);--mtrl-chip-leading-color:var(--mtrl-sys-color-primary);--mtrl-chip-trailing-color:var(--mtrl-sys-color-on-surface-variant);--mtrl-chip-checkmark-color:currentColor;display:inline-flex;align-items:center;position:relative;box-sizing:border-box;height:32px;max-width:100%;border:0;outline:1px solid var(--mtrl-sys-color-outline-variant);outline-offset:-1px;border-radius:var(--mtrl-sys-shape-corner-small,8px);background:rgba(0,0,0,0);color:var(--mtrl-chip-label-color);user-select:none;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 200ms cubic-bezier(0.2,0,0,1),box-shadow 200ms cubic-bezier(0.2,0,0,1)}.mtrl-chip--assist{--mtrl-chip-label-color:var(--mtrl-sys-color-on-surface);--mtrl-chip-leading-color:var(--mtrl-sys-color-primary)}.mtrl-chip--filter{--mtrl-chip-label-color:var(--mtrl-sys-color-on-surface-variant);--mtrl-chip-leading-color:var(--mtrl-sys-color-primary)}.mtrl-chip--input{--mtrl-chip-label-color:var(--mtrl-sys-color-on-surface-variant);--mtrl-chip-leading-color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-chip--suggestion{--mtrl-chip-label-color:var(--mtrl-sys-color-on-surface-variant);--mtrl-chip-leading-color:var(--mtrl-sys-color-primary)}.mtrl-chip__action,.mtrl-chip__remove,.mtrl-chip__trailing-action{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;height:100%;border:0;background:rgba(0,0,0,0);color:inherit;font:inherit;cursor:pointer;margin:0;border-radius:inherit}.mtrl-chip__action:disabled,.mtrl-chip__remove:disabled,.mtrl-chip__trailing-action:disabled{cursor:default}.mtrl-chip__action:focus-visible,.mtrl-chip__remove:focus-visible,.mtrl-chip__trailing-action:focus-visible{outline:3px solid var(--mtrl-sys-color-secondary);outline-offset:2px}.mtrl-chip__action{flex-shrink:1;min-width:0;padding:0 16px}.mtrl-chip--leading .mtrl-chip__action{padding-inline-start:8px}.mtrl-chip--trailing .mtrl-chip__action{padding-inline-end:8px}.mtrl-chip--input .mtrl-chip__action{padding-inline:12px}.mtrl-chip--input.mtrl-chip--leading .mtrl-chip__action{padding-inline-start:8px}.mtrl-chip--input.mtrl-chip--trailing .mtrl-chip__action{padding-inline-end:8px}.mtrl-chip--input.mtrl-chip--avatar .mtrl-chip__action{padding-inline-start:4px}.mtrl-chip__remove,.mtrl-chip__trailing-action{width:calc(18px + 8px);padding:0;padding-inline-end:8px;justify-content:flex-start;border-top-left-radius:0;border-bottom-left-radius:0;color:var(--mtrl-chip-trailing-color)}:where(.mtrl-rtl,:host(.mtrl-rtl),[dir=rtl]) :is(.mtrl-chip__remove,.mtrl-chip__trailing-action):not(.mtrl-ltr *){border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}.mtrl-chip:has(>.mtrl-chip__remove,>.mtrl-chip__trailing-action){min-width:88px}.mtrl-chip:has(>.mtrl-chip__remove,>.mtrl-chip__trailing-action) .mtrl-chip__label{min-width:42px}.mtrl-chip__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtrl-chip__leading-icon,.mtrl-chip__trailing-icon,.mtrl-chip__checkmark{display:inline-flex;width:18px;height:18px;flex-shrink:0;align-items:center;justify-content:center}.mtrl-chip__leading-icon[hidden],.mtrl-chip__trailing-icon[hidden],.mtrl-chip__checkmark[hidden]{display:none}.mtrl-chip__leading-icon,.mtrl-chip__checkmark{margin-inline-end:8px}.mtrl-chip__trailing-icon{margin-inline-start:8px}.mtrl-chip--motion .mtrl-chip__action{transition:padding-inline-start 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-inline-end 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-chip__leading-icon,.mtrl-chip__checkmark{overflow:hidden}.mtrl-chip--motion .mtrl-chip__leading-icon,.mtrl-chip--motion .mtrl-chip__checkmark{transition: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),margin-inline-end 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 350ms linear(0,0.065,0.2,0.351,0.491,0.611,0.708,0.783,0.841,0.885,0.917,0.941,0.958,0.97,0.979,0.985,0.99,0.993,0.995,0.997,0.998,0.998,0.999,0.999,1),display 425ms allow-discrete}@starting-style{.mtrl-chip--motion .mtrl-chip__leading-icon,.mtrl-chip--motion .mtrl-chip__checkmark{width:0;margin-inline-end:0;opacity:0}}.mtrl-chip--motion .mtrl-chip__leading-icon[hidden],.mtrl-chip--motion .mtrl-chip__checkmark[hidden]{width:0;margin-inline-end:0;opacity:0;transition: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),margin-inline-end 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 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),display 425ms allow-discrete}.mtrl-chip__leading-icon{color:var(--mtrl-chip-leading-color)}.mtrl-chip__trailing-icon{color:var(--mtrl-chip-trailing-color)}.mtrl-chip__checkmark{color:var(--mtrl-chip-checkmark-color)}.mtrl-chip__leading-icon svg,.mtrl-chip__trailing-icon svg,.mtrl-chip__checkmark svg,.mtrl-chip__remove svg,.mtrl-chip__trailing-action svg{width:18px;height:18px}.mtrl-chip--avatar .mtrl-chip__leading-icon{width:24px;height:24px;border-radius:50%;overflow:hidden}.mtrl-chip--disabled.mtrl-chip--avatar .mtrl-chip__leading-icon{opacity:.38}.mtrl-chip--avatar .mtrl-chip__leading-icon :is(svg,img){width:24px;height:24px;object-fit:cover}.mtrl-chip--selected{background:var(--mtrl-sys-color-secondary-container);outline-color:rgba(0,0,0,0);--mtrl-chip-label-color:var(--mtrl-sys-color-on-secondary-container);--mtrl-chip-leading-color:var(--mtrl-sys-color-on-secondary-container);--mtrl-chip-trailing-color:var(--mtrl-sys-color-on-secondary-container)}.mtrl-chip--input:not(.mtrl-chip--disabled).mtrl-chip--selected,.mtrl-chip--input:not(.mtrl-chip--disabled):hover,.mtrl-chip--input:not(.mtrl-chip--disabled):has(:focus-visible),.mtrl-chip--input:not(.mtrl-chip--disabled):focus-visible,.mtrl-chip--input:not(.mtrl-chip--disabled):active{--mtrl-chip-leading-color:var(--mtrl-sys-color-primary);--mtrl-chip-checkmark-color:var(--mtrl-sys-color-primary)}.mtrl-chip--elevated{outline-color:rgba(0,0,0,0);background: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-chip--elevated.mtrl-chip--selected{background:var(--mtrl-sys-color-secondary-container)}.mtrl-chip--elevated:hover:not(.mtrl-chip--disabled){box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 2px 6px 2px rgba(0,0,0,.15)}.mtrl-chip--elevated:active:not(.mtrl-chip--disabled){box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-chip--filter.mtrl-chip--selected:not(.mtrl-chip--elevated):hover:not(.mtrl-chip--disabled){box-shadow:0px 1px 2px rgba(0,0,0,.3),0px 1px 3px 1px rgba(0,0,0,.15)}.mtrl-chip--filter.mtrl-chip--selected:not(.mtrl-chip--elevated):active:not(.mtrl-chip--disabled){box-shadow:none}.mtrl-chip:is(:has(:focus-visible),:focus-visible):not(.mtrl-chip--disabled):not(.mtrl-chip--selected):not(.mtrl-chip--elevated):not(.mtrl-chip--pointer-focus){outline-color:var(--mtrl-sys-color-on-surface-variant)}.mtrl-chip--assist:is(:has(:focus-visible),:focus-visible):not(.mtrl-chip--disabled):not(.mtrl-chip--elevated):not(.mtrl-chip--pointer-focus){outline-color:var(--mtrl-sys-color-on-surface)}.mtrl-chip:focus-visible:not(.mtrl-chip--pointer-focus)::before{content:"";position:absolute;inset:-5px;border:3px solid var(--mtrl-sys-color-secondary);border-radius:calc(var(--mtrl-sys-shape-corner-small,8px) + 5px);pointer-events:none}.mtrl-chip::after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;pointer-events:none;opacity:0}.mtrl-chip:hover:not(.mtrl-chip--disabled)::after{opacity:.08}.mtrl-chip:is(:has(:focus-visible),:focus-visible):not(.mtrl-chip--disabled):not(.mtrl-chip--pointer-focus)::after{opacity:.1}.mtrl-chip:active:not(.mtrl-chip--disabled):not(:has(>.mtrl-chip__action:active>.mtrl-ripple))::after{opacity:.1}.mtrl-chip--dragged{box-shadow:0px 2px 3px rgba(0,0,0,.3),0px 6px 10px 4px rgba(0,0,0,.15)}.mtrl-chip--dragged:not(.mtrl-chip--disabled)::after{opacity:.16}.mtrl-chip--disabled{outline-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent);box-shadow:none;--mtrl-chip-label-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);--mtrl-chip-leading-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent);--mtrl-chip-trailing-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 38%,transparent)}.mtrl-chip--disabled.mtrl-chip--selected,.mtrl-chip--disabled.mtrl-chip--elevated{background:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 12%,transparent);outline-color:rgba(0,0,0,0)}.mtrl-chip--disabled .mtrl-ripple{display:none}.mtrl-chip__action::before{content:"";position:absolute;inset-inline:0;inset-block:-8px}.mtrl-chip__remove::before,.mtrl-chip__trailing-action::before{content:"";position:absolute;top:50%;right:0;width:48px;height:48px;transform:translateY(-50%)}:where(.mtrl-rtl) .mtrl-chip__remove::before:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-chip__remove::before:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-chip__remove::before:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(.mtrl-rtl) .mtrl-chip__trailing-action::before:not(:where(.mtrl-ltr,.mtrl-ltr *)),:where(:host(.mtrl-rtl)) .mtrl-chip__trailing-action::before:not(:where(.mtrl-ltr,.mtrl-ltr *)),[dir=rtl] .mtrl-chip__trailing-action::before:not(:where(.mtrl-ltr,.mtrl-ltr *)){right:auto;left:0}.mtrl-chips{display:flex;flex-wrap:wrap;gap:8px;width:100%;min-height:fit-content;height:auto}.mtrl-chips__label{font-family:var(--mtrl-ref-typeface-plain,Roboto,sans-serif);font-size:12px;line-height:16px;letter-spacing:.5px;font-weight:500;font-size:16px;color:var(--mtrl-sys-color-on-surface-variant);display:block;width:100%}.mtrl-chips--with-label{display:flex;flex-direction:column}.mtrl-chips--with-label.mtrl-chips--label-end{flex-direction:column-reverse}.mtrl-chips--with-label.mtrl-chips--label-end .mtrl-chips__label{margin-bottom:0;margin-top:8px}.mtrl-chips__container{display:flex;flex-wrap:wrap;gap:8px;width:100%}.mtrl-chips--scrollable .mtrl-chips__container{flex-wrap:nowrap;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:6px 6px 8px;margin:-6px -6px 0;position:relative;white-space:nowrap;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 20%,transparent) color-mix(in srgb,var(--mtrl-sys-color-on-surface) 5%,transparent)}.mtrl-chips--scrollable .mtrl-chips__container::-webkit-scrollbar{height:4px}.mtrl-chips--scrollable .mtrl-chips__container::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 20%,transparent);border-radius:4px}.mtrl-chips--scrollable .mtrl-chips__container::-webkit-scrollbar-track{background-color:color-mix(in srgb,var(--mtrl-sys-color-on-surface) 5%,transparent);border-radius:4px}.mtrl-chips--scrollable .mtrl-chips__container .mtrl-chip{flex-shrink:0}.mtrl-chips--vertical .mtrl-chips__container{flex-direction:column;align-items:flex-start;gap:8px}} /*! material v3.10.1 | MIT */@layer mtrl.preupgrade,mtrl.base,mtrl.utilities,mtrl.text-field,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.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-bar,mtrl.navigation-rail,mtrl.list,mtrl.tooltip,mtrl.toolbar;@layer mtrl.badge{.mtrl-badge__wrapper{position:relative;display:inline-flex;flex-shrink:0}.mtrl-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;box-sizing:border-box;overflow:hidden;transition:all 200ms ease;text-overflow:ellipsis}.mtrl-badge--invisible{display:none}.mtrl-badge--small{width:6px;height:6px;min-width:6px;border-radius:var(--mtrl-sys-shape-corner-full,9999px);font-size:0;padding:0}.mtrl-badge--large{height:16px;min-width:16px;border-radius:var(--mtrl-sys-shape-corner-full,9999px);padding:0 4px;font-size:11px;line-height:16px;padding-top:.5px}.mtrl-badge--large.mtrl-badge--overflow{min-width:auto;max-width:34px;padding:0 4px}.mtrl-badge--positioned{position:absolute}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-right{top:0;right:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--top-left{top:0;left:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-right{bottom:0;right:0}.mtrl-badge--positioned.mtrl-badge--small.mtrl-badge--bottom-left{bottom:0;left:0}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-right{top:-2px;right:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--top-left{top:-2px;left:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-right{bottom:-2px;right:-4px}.mtrl-badge--positioned.mtrl-badge--large.mtrl-badge--bottom-left{bottom:-2px;left:-4px}.mtrl-badge--error{background-color:var(--mtrl-sys-color-error);color:var(--mtrl-sys-color-on-error)}.mtrl-badge--primary{background-color:var(--mtrl-sys-color-primary);color:var(--mtrl-sys-color-on-primary)}.mtrl-badge--secondary{background-color:var(--mtrl-sys-color-secondary);color:var(--mtrl-sys-color-on-secondary)}.mtrl-badge--tertiary{background-color:var(--mtrl-sys-color-tertiary);color:var(--mtrl-sys-color-on-tertiary)}.mtrl-badge--success{background-color:var(--mtrl-sys-color-success);color:var(--mtrl-sys-color-on-success)}.mtrl-badge--warning{background-color:var(--mtrl-sys-color-warning);color:var(--mtrl-sys-color-on-warning)}.mtrl-badge--info{background-color:var(--mtrl-sys-color-info);color:var(--mtrl-sys-color-on-info)}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-right{right:auto;left:0}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--top-left{left:auto;right:0}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-right{right:auto;left:0}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--small.mtrl-badge--bottom-left{left:auto;right:0}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-right{right:auto;left:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--top-left{left:auto;right:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-right,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-right,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-right{right:auto;left:-4px}:where(.mtrl-rtl) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-left,:where(:host(.mtrl-rtl)) .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-left,[dir=rtl] .mtrl-badge--positioned:not(:where(.mtrl-ltr,.mtrl-ltr *)).mtrl-badge--large.mtrl-badge--bottom-left{left:auto;right:-4px}}.colour-lab{width:100%;max-width:1480px;padding:40px 32px 48px;margin:0 auto;min-width:0}.lab-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.lab-heading .eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent-text)}.lab-heading h1{margin:8px 0 8px;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.1;letter-spacing:-1.4px}.lab-heading p{color:var(--text-muted);font-size:16px;line-height:1.5}.lab-api-link{flex-shrink:0;font-size:13px;color:var(--text-muted);padding-bottom:5px}.lab-controls{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--border-hover);border-radius:20px;background:var(--bg-card);overflow:hidden}.lab-controls section{min-width:0;padding:24px}.lab-controls h2{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:400;margin:0 0 22px}.lab-step{font:11px var(--font-mono);color:var(--text-dim)}.lab-appearance{border-left:1px solid var(--border)}.lab-seed-row{display:flex;align-items:center;gap:12px}.lab-picker{display:block;width:48px;height:48px;flex-shrink:0;border-radius:14px;overflow:hidden;background:#6750a4;cursor:pointer}.lab-picker input{width:64px;height:64px;padding:0;margin:-8px;border:0;cursor:pointer;background:transparent}.lab-hex-field{min-width:112px;width:112px;flex-shrink:0}.lab-controls label,.lab-variant label,.lab-contrast-head>label{font-size:12px;color:var(--text-muted)}.lab-hex-field input{width:100%;padding:5px 0;margin-top:3px;border:0;border-bottom:1px solid var(--border-hover);color:var(--text);background:transparent;font:14px var(--font-mono)}.lab-hex-field input[aria-invalid="true"]{border-color:var(--red)}.lab-seeds{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto;max-width:120px}.lab-seed{width:28px;height:28px;border:0;border-radius:50%;background:var(--seed);color:white;cursor:pointer}.lab-seed span{visibility:hidden}.lab-seed[aria-pressed="true"]{outline:2px solid var(--text);outline-offset:2px}.lab-seed[aria-pressed="true"] span{visibility:visible}.lab-help{min-height:18px;color:var(--text-dim);font-size:11px;margin:10px 0 16px}.lab-help[data-error]{color:var(--red)}.lab-image-source{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:16px}.lab-upload{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1 1 150px}.lab-upload>span:first-child{display:grid;place-items:center;font-size:25px;width:32px;height:40px;border:1px dashed var(--border-hover);border-radius:8px}.lab-upload strong{display:block;font-size:12px;font-weight:400;color:var(--text)}.lab-upload small{display:block;max-width:155px;font-size:10px;color:var(--text-dim);line-height:1.4;margin-top:3px}.lab-image-source:has(input:focus-visible),.lab-image-source[data-dragging]{outline:2px solid var(--accent-text);outline-offset:6px;border-radius:6px}.lab-samples{display:flex;gap:6px}.lab-sample{width:52px;color:var(--text-dim);font:9px var(--font-sans,sans-serif);border:0;background:none;cursor:pointer;text-align:center}.lab-sample img{display:block;width:52px;height:36px;object-fit:cover;border-radius:7px;margin-bottom:4px}.lab-sample[aria-pressed="true"] img{outline:2px solid var(--accent-text);outline-offset:2px}.lab-source-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:25px;margin-top:14px;color:var(--text-dim);font-size:10px}.lab-source-meta img{border-radius:4px;object-fit:cover}.lab-source-meta output{color:var(--text-muted);font-family:var(--font-mono)}.lab-source-meta>span{margin-left:auto}.lab-appearance-row{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}.lab-variant{flex:1;min-width:0}.lab-variant label{display:block;margin-bottom:6px}.lab-variant select{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-hover);border-radius:9px;background:var(--bg);color:var(--text);font-family:inherit;font-size:13px}.lab-segment{border:0;padding:0;display:flex;min-width:0}.lab-segment label{flex:1;position:relative;cursor:pointer}.lab-segment input{position:absolute;opacity:0;width:1px;height:1px}.lab-segment label>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;min-height:40px;font-size:12px;border:1px solid var(--border-hover);border-right-width:0;background:var(--bg);color:var(--text-muted)}.lab-segment label:first-of-type>span{border-radius:9px 0 0 9px}.lab-segment label:last-of-type>span{border-radius:0 9px 9px 0;border-right-width:1px}.lab-segment input:checked + span{background:var(--accent-dim);color:var(--accent-text)}.lab-segment input:focus-visible + span{outline:2px solid var(--accent-text);outline-offset:-3px}.lab-mode{flex:0 0 160px}.lab-mode label>span{padding-inline:10px}.lab-contrast-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lab-contrast-head output{font:10px var(--font-mono);color:var(--text-dim)}.lab-contrast-presets{margin-bottom:13px}.lab-contrast-presets small{font:9px var(--font-mono);opacity:.7}#lab-contrast{width:100%;height:20px;accent-color:var(--accent-text);cursor:pointer}.lab-range-labels{display:flex;justify-content:space-between;color:var(--text-dim);font-size:10px;margin-top:4px}.lab-preview-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0 12px}.lab-preview-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lab-preview-heading h2{font-size:13px;font-weight:400}.lab-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px var(--green-dim);margin-right:4px}#lab-preview-caption{color:var(--text-dim);font-size:11px;border-left:1px solid var(--border-hover);padding-left:10px}.lab-text-button{border:0;background:none;color:var(--accent-text);font:inherit;font-size:12px;cursor:pointer}.lab-text-button>span{margin-left:6px}.colour-lab-stage{transition:background-color .18s,color .18s,border-color .18s;padding:24px;border-radius:22px;font-family:var(--mtrl-ref-typeface-plain);background:var(--mtrl-sys-color-surface);color:var(--mtrl-sys-color-on-surface);min-width:0}.colour-lab-stage *,.colour-lab-stage button{margin:revert-layer;padding:revert-layer}.colour-lab-stage :is(h2,h3,p){margin:0}.colour-lab-stage :is(.mtrl-card,.mtrl-button,.mtrl-icon-button,.mtrl-fab,.mtrl-text-field,.mtrl-checkbox,.mtrl-switch,.mtrl-radio,.lab-status){transition:background-color .18s,color .18s,border-color .18s}.lab-preview-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:stretch}.lab-preview-grid>div{min-width:0}.lab-preview-grid .mtrl-card{height:100%}.lab-preview-grid .mtrl-card__content{display:flex;flex-direction:column;gap:18px;padding:24px}.lab-showcase-art{height:88px;position:relative;overflow:hidden;border-radius:12px;background:var(--mtrl-sys-color-primary-container);color:var(--mtrl-sys-color-on-primary-container)}.lab-showcase-art::before{content:'';position:absolute;width:116px;height:116px;border-radius:50%;right:24px;top:12px;background:var(--mtrl-sys-color-primary)}.lab-showcase-art::after{content:'';position:absolute;width:118px;height:118px;transform:rotate(45deg);right:92px;top:35px;border-radius:22px;background:var(--mtrl-sys-color-tertiary-container)}.lab-showcase-art span{position:absolute;left:18px;top:18px;z-index:1;font-size:10px;letter-spacing:1.4px}.lab-showcase-title{font-size:clamp(22px,2.5vw,30px);line-height:1.16;font-weight:400;letter-spacing:-.6px;max-width:15ch}.lab-showcase-description{font-size:13px;line-height:1.6;color:var(--mtrl-sys-color-on-surface-variant)}.lab-preview-actions,.lab-preview-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lab-preview-tools{justify-content:space-between;border-top:1px solid var(--mtrl-sys-color-outline-variant);padding-top:14px}.lab-preview-tools>div{display:flex;gap:4px}.lab-preview-tools .mtrl-fab{position:static;transform:none}.lab-preview-feedback{font-size:11px;min-height:17px;color:var(--mtrl-sys-color-on-surface-variant)}.lab-form-title{font-weight:500;font-size:16px}.lab-form-fields{display:grid;gap:14px}.lab-form-fields .mtrl-text-field{width:100%}.lab-selection-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.lab-checks{display:flex;flex-direction:column;gap:4px}.lab-form-slider{margin-top:-6px}.lab-feedback{margin-top:24px}.lab-feedback-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;margin-bottom:12px}.lab-feedback-head h3{font-weight:500;font-size:13px}.lab-feedback-head p{color:var(--mtrl-sys-color-on-surface-variant);font-size:11px}.lab-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lab-status{display:flex;flex-direction:column;gap:12px;border-radius:12px;padding:14px;min-width:0}.lab-status-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.lab-status .mtrl-badge{position:static;transform:none;flex-shrink:0;outline:1px solid currentColor}.lab-status-ratio{font:11px var(--font-mono)}.lab-status-message{font-size:11px;line-height:1.4}.lab-scope-note{margin:12px 4px 24px;font-size:11px;color:var(--text-dim);line-height:1.6}.lab-scope-note a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px}.lab-drawer{min-width:0;width:100%;border:1px solid var(--border-hover);border-radius:14px;margin-top:12px;background:var(--bg-card);overflow:hidden}.lab-drawer summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;cursor:pointer;list-style:none}.lab-drawer summary::-webkit-details-marker{display:none}.lab-drawer summary strong{font-size:14px;font-weight:400}.lab-drawer summary small{display:block;margin-top:5px;color:var(--text-dim);font-size:11px}.lab-count{color:var(--text-dim);font:11px var(--font-mono);white-space:nowrap}.lab-count span{margin-left:12px}.lab-drawer-body{padding:0 20px 20px;border-top:1px solid var(--border)}.lab-copy-mode{display:inline-flex;margin:18px 0;align-items:center;flex-wrap:wrap;gap:0}.lab-copy-mode legend{float:left;font-size:11px;color:var(--text-muted);margin-right:12px;padding:10px 0}.lab-copy-mode label>span{min-height:32px;padding:6px 12px;font-size:11px}.lab-role-group{margin-bottom:18px}.lab-role-group h3{color:var(--text-muted);font-size:12px;font-weight:400;margin-bottom:8px}.lab-role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.lab-token{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);cursor:copy}.lab-token-colour{width:32px;height:36px;border-radius:5px;border:1px solid var(--border-hover);flex-shrink:0}.lab-token-info{flex:1;min-width:0;font-size:10px;overflow-wrap:anywhere}.lab-token-info code{display:block;font-size:9px;color:var(--text-dim);margin-top:4px}.lab-token-copy{color:var(--text-dim);font-size:14px}.lab-code-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:12px 0}.lab-code-tabs{display:flex;gap:2px}.lab-code-tabs button{padding:10px 12px;border:0;background:none;color:var(--text-muted);border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.lab-code-tabs button[aria-selected="true"]{color:var(--accent-text);background:var(--accent-dim)}#lab-code-panel{min-width:0;max-width:100%}#lab-code-panel pre{overflow:auto;padding:18px;border-radius:10px;border:1px solid var(--border);background:var(--bg);margin:0;max-height:320px}#lab-code-content{white-space:pre;color:var(--text-muted);font:11px/1.8 var(--font-mono)}.lab-code-note{color:var(--text-dim);font-size:11px;line-height:1.6;margin-top:12px}.lab-announcement{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:40;border-radius:10px;font-size:12px;max-width:calc(100vw - 32px);text-align:center}.lab-announcement:not(:empty){padding:12px 18px;color:var(--text);background:var(--bg-card);border:1px solid var(--border-hover);box-shadow:0 4px 30px rgba(0,0,0,.18)}.colour-lab :is(button,select,input,summary,a):focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.colour-lab-stage :is(button,input):focus-visible{outline-color:var(--mtrl-sys-color-primary)}.lab-notice{margin:20px 0;font-size:14px}@media (min-width:1650px){.lab-seeds{max-width:none}}@media (max-width:1100px){.colour-lab{padding:32px 24px}.lab-controls{grid-template-columns:1fr}.lab-appearance{border-left:0;border-top:1px solid var(--border)}.lab-seeds{max-width:none}.lab-source-meta{margin-top:12px}}@media (max-width:800px){.lab-preview-grid{grid-template-columns:1fr}.lab-preview-grid .mtrl-card{height:auto}.lab-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:500px){.colour-lab{padding:28px 16px 36px}.lab-heading{align-items:flex-start;flex-direction:column;gap:12px}.lab-heading h1{font-size:40px}.lab-heading p{font-size:14px}.lab-api-link{font-size:11px}.lab-controls section{padding:20px 16px}.lab-seed-row{flex-wrap:wrap}.lab-seeds{margin-left:auto;max-width:110px;gap:5px}.lab-seed{width:32px;height:32px}.lab-picker{width:40px;height:44px}.lab-hex-field{min-width:104px;width:104px}.lab-source-meta>span{margin-left:0}.lab-upload{flex-basis:130px}.lab-upload small{max-width:125px}.lab-sample,.lab-sample img{width:44px}.lab-appearance-row{gap:10px}.lab-mode{flex-basis:144px}.lab-segment label>span{padding-inline:8px}.lab-contrast-head output{font-size:9px}.colour-lab-stage{transition:background-color .18s,color .18s,border-color .18s;padding:14px;border-radius:18px}.lab-preview-grid .mtrl-card__content{padding:18px}.lab-preview-actions .mtrl-button{--mtrl-button-height:36px}.lab-drawer summary{padding:18px 14px}.lab-drawer-body{padding:0 14px 16px}.lab-drawer summary small{font-size:10px}.lab-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-token{padding:6px;gap:6px}.lab-token-colour{width:22px;height:32px}.lab-token-copy{display:none}.lab-copy-mode legend{float:none;width:100%;padding-bottom:6px}}@media (prefers-reduced-motion:reduce){.colour-lab-stage,.colour-lab-stage *{transition:none!important}}.lab-source-meta>span{max-width:100%;overflow-wrap:anywhere}.lab-picker:focus-within{outline:2px solid var(--accent-text);outline-offset:3px}