:root{--ls-color-blue: #248df4;--ls-color-blue-on: #ffffff;--ls-color-cyan: #00bebe;--ls-color-cyan-on: #ffffff;--ls-color-magenta: #d32ede;--ls-color-magenta-on: #ffffff;--ls-color-green: #03a329;--ls-color-green-on: #ffffff;--ls-color-red: #ff0000;--ls-color-red-on: #ffffff;--ls-color-yellow: #f49700;--ls-color-yellow-on: #ffffff;--ls-color-dark: #424242;--ls-color-dark-on: #ffffff;--ls-color-gray: #808080;--ls-color-gray-on: #ffffff;--ls-color-white: #ffffff;--ls-color-white-on: #1d1d1d;--ls-color-black: #000000;--ls-color-black-on: #ffffff;--ls-accent: var(--ls-color-blue);--ls-accent-on: var(--ls-color-blue-on);--ls-color-blue-hover: color-mix(in srgb, var(--ls-color-blue) 78%, #000);--ls-color-cyan-hover: color-mix(in srgb, var(--ls-color-cyan) 78%, #000);--ls-color-magenta-hover: color-mix(in srgb, var(--ls-color-magenta) 78%, #000);--ls-color-green-hover: color-mix(in srgb, var(--ls-color-green) 78%, #000);--ls-color-red-hover: color-mix(in srgb, var(--ls-color-red) 78%, #000);--ls-color-yellow-hover: color-mix(in srgb, var(--ls-color-yellow) 78%, #000);--ls-color-gray-hover: color-mix(in srgb, var(--ls-color-gray) 78%, #000);--ls-color-dark-hover: color-mix(in srgb, var(--ls-color-dark) 72%, #fff);--ls-color-white-hover: color-mix(in srgb, var(--ls-color-white) 86%, #000);--ls-color-black-hover: color-mix(in srgb, var(--ls-color-black) 72%, #fff);--ls-input-focus: color-mix(in srgb, var(--ls-accent, var(--ls-color-blue)) 58%, #ffffff);--ls-size-sm-font: .75rem;--ls-size-sm-icon: 1rem;--ls-size-sm-control: 1.5rem;--ls-size-md-font: .875rem;--ls-size-md-icon: 1.25rem;--ls-size-md-control: 1.75rem;--ls-size-lg-font: 1rem;--ls-size-lg-icon: 1.5rem;--ls-size-lg-control: 2.25rem;--ls-font-title: 1.125rem;--ls-font-body: .875rem;--ls-font-secondary: .8125rem;--ls-font-caption: .75rem;--ls-card-radius: .3rem;--ls-table-radius: .3rem;--ls-dialog-radius: .5rem;--ls-tabs-radius: .3rem;--ls-dense-shrink: .25rem;--ls-input-spin-end: .58em;--ls-input-spin-end-dense: .5em;--ls-input-spin-size: 1;--ls-ease: cubic-bezier(.165, .84, .44, 1);--ls-expand-duration: .5s;--ls-hover-duration: .5s;--ls-hover: var(--ls-hover-duration) var(--ls-ease);--ls-z-expand: 20;--ls-z-menu: 40;--ls-z-tooltip: 60;--ls-z-dialog: 70;--ls-tooltip-delay: .28s;--ls-tooltip-offset: .5rem;--ls-tooltip-motion-distance: 15px;--ls-tooltip-motion-duration: .3s;--ls-icon-grad: 0;--ls-icon-opsz: 24;--ls-icon-wght: 400;--ls-root-font: 16px}html[data-ls-scale=sm]{--ls-root-font: 14px}html[data-ls-scale=md]{--ls-root-font: 16px}html[data-ls-scale=lg]{--ls-root-font: 18px}html[data-ls-scale=xl]{--ls-root-font: 20px}html[data-ls-scale]{font-size:var(--ls-root-font)}:root:not([data-theme]),:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--ls-bg: #111111;--ls-bg-elevated: #1a1a1a;--ls-border: #2e2e2e;--ls-text: #e0e0e0;--ls-text-dim: #d7d7d7;--ls-text-muted: #555555;--ls-accent: #1177bb;--ls-accent-on: #ffffff;--ls-accent-hover: #1177bb;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-danger: #c74e39;--ls-ok: #3d9a5f;--ls-popover-bg: #484848;--ls-popover-text: #f3f3f3;--ls-popover-active: #f0b429;--ls-popover-shadow: 0 10px 28px rgba(0, 0, 0, .45);--ls-btn-fill: #3a3a3a;--ls-btn-fill-hover: color-mix(in srgb, var(--ls-btn-fill) 72%, #fff);--ls-btn-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);--ls-btn-shadow-active: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .14), 0 1px 14px rgba(0, 0, 0, .12);--ls-btn-transition: var(--ls-hover);--ls-btn-radius: .214em;--ls-btn-radius-push: .5em;--ls-btn-padding-block: .143em;--ls-btn-padding: var(--ls-btn-padding-block) .857em;--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-font-weight: 500;--ls-btn-line-height: 1.4em;--ls-btn-min-height: var(--ls-size-md-control);--ls-btn-gap: .286em;--ls-btn-press: .1em;--ls-btn-ledge-width: .143em;--ls-btn-ledge-mix: 52%;--ls-radio-size: 2.5rem;--ls-radio-unchecked: rgb(255 255 255 / .7);--ls-radio-ripple: .32;--ls-checkbox-size: 2.5rem;--ls-checkbox-unchecked: rgb(255 255 255 / .7);--ls-checkbox-radius: .1875rem;--ls-switch-track-w: 2.125rem;--ls-switch-track-h: .875rem;--ls-switch-dot: 1.25rem;--ls-switch-track-off: rgb(255 255 255 / .42);--ls-switch-dot-off: #bdbdbd;--ls-btn-hover: rgba(255, 255, 255, .06);--ls-btn-active: rgba(255, 255, 255, .1);--ls-menu-item-active-bg: #303030;--ls-menu-item-active-text: #1177bb;--ls-input-bg: #3c3c3c;--ls-input-font-size: var(--ls-size-md-font);--ls-input-min-height: var(--ls-size-md-control);--ls-input-padding: 0 .75em;--ls-input-radius: .286em;--ls-tabs-bar-bg: #212121;--ls-tabs-bg: var(--ls-bg);--ls-tabs-active-text: var(--ls-menu-item-active-text);--ls-scroll-shadow: #000000;--ls-expand-bg: var(--ls-bg-elevated);--ls-expand-header-bg: color-mix(in srgb, var(--ls-bg-elevated) 88%, #000);--ls-ease-out: var(--ls-ease);--ls-duration: .5s;--ls-duration-fast: .5s;--ls-scrollbar-size: 4px;--ls-scrollbar-thumb-rgb: 255 255 255;--ls-scrollbar-thumb-alpha: .14;--ls-scrollbar-thumb-hover-alpha: .2;--ls-scrollbar-fade-duration: .7s;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}[data-theme=light]{color-scheme:light;--ls-bg: #ffffff;--ls-bg-elevated: #fafafa;--ls-border: #e1e1e1;--ls-text: #333333;--ls-text-dim: #646464;--ls-text-muted: #c0c0c0;--ls-accent: #009bf9;--ls-accent-on: #ffffff;--ls-accent-hover: #106ebe;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-danger: #c74e39;--ls-ok: #15803d;--ls-popover-bg: #ffffff;--ls-popover-text: #222222;--ls-popover-active: #d97706;--ls-popover-shadow: 0 10px 28px rgba(0, 0, 0, .16);--ls-btn-fill: #ffffff;--ls-btn-fill-hover: color-mix(in srgb, var(--ls-btn-fill) 86%, #000);--ls-btn-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);--ls-btn-shadow-active: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .14), 0 1px 14px rgba(0, 0, 0, .12);--ls-btn-transition: var(--ls-hover);--ls-btn-radius: .214em;--ls-btn-radius-push: .5em;--ls-btn-padding-block: .143em;--ls-btn-padding: var(--ls-btn-padding-block) .857em;--ls-radio-size: 2.5rem;--ls-radio-unchecked: rgb(0 0 0 / .54);--ls-radio-ripple: .12;--ls-checkbox-size: 2.5rem;--ls-checkbox-unchecked: rgb(0 0 0 / .54);--ls-checkbox-radius: .1875rem;--ls-switch-track-w: 2.125rem;--ls-switch-track-h: .875rem;--ls-switch-dot: 1.25rem;--ls-switch-track-off: rgb(0 0 0 / .38);--ls-switch-dot-off: #fafafa;--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-font-weight: 500;--ls-btn-line-height: 1.4em;--ls-btn-min-height: var(--ls-size-md-control);--ls-btn-gap: .286em;--ls-btn-press: .1em;--ls-btn-ledge-width: .143em;--ls-btn-ledge-mix: 16%;--ls-btn-hover: rgba(0, 0, 0, .05);--ls-btn-active: rgba(0, 0, 0, .08);--ls-menu-item-active-bg: #c7dded;--ls-menu-item-active-text: #009bf9;--ls-input-bg: #ffffff;--ls-input-font-size: var(--ls-size-md-font);--ls-input-min-height: var(--ls-size-md-control);--ls-input-padding: 0 .75em;--ls-input-radius: .286em;--ls-tabs-bar-bg: #f0f0f0;--ls-tabs-bg: var(--ls-bg);--ls-tabs-active-text: var(--ls-menu-item-active-text);--ls-scroll-shadow: rgba(0, 0, 0, .22);--ls-expand-bg: var(--ls-bg-elevated);--ls-expand-header-bg: color-mix(in srgb, var(--ls-bg-elevated) 92%, #000);--ls-ease-out: var(--ls-ease);--ls-duration: .5s;--ls-duration-fast: .5s;--ls-scrollbar-size: 4px;--ls-scrollbar-thumb-rgb: 0 0 0;--ls-scrollbar-thumb-alpha: .14;--ls-scrollbar-thumb-hover-alpha: .2;--ls-scrollbar-fade-duration: .7s}[data-theme=mint],[data-theme=sky],[data-theme=pink],[data-theme=brown],[data-theme=amber]{color-scheme:light;--ls-popover-shadow: 0 10px 28px rgba(0, 0, 0, .16);--ls-btn-fill-hover: color-mix(in srgb, var(--ls-btn-fill) 86%, #000);--ls-btn-shadow: 0 1px 5px rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12);--ls-btn-shadow-active: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px rgba(0, 0, 0, .14), 0 1px 14px rgba(0, 0, 0, .12);--ls-btn-transition: var(--ls-hover);--ls-btn-radius: .214em;--ls-btn-radius-push: .5em;--ls-btn-padding-block: .143em;--ls-btn-padding: var(--ls-btn-padding-block) .857em;--ls-radio-size: 2.5rem;--ls-radio-unchecked: rgb(0 0 0 / .54);--ls-radio-ripple: .12;--ls-checkbox-size: 2.5rem;--ls-checkbox-unchecked: rgb(0 0 0 / .54);--ls-checkbox-radius: .1875rem;--ls-switch-track-w: 2.125rem;--ls-switch-track-h: .875rem;--ls-switch-dot: 1.25rem;--ls-switch-track-off: rgb(0 0 0 / .38);--ls-switch-dot-off: #fafafa;--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-font-weight: 500;--ls-btn-line-height: 1.4em;--ls-btn-min-height: var(--ls-size-md-control);--ls-btn-gap: .286em;--ls-btn-press: .1em;--ls-btn-ledge-width: .143em;--ls-btn-ledge-mix: 16%;--ls-btn-hover: rgba(0, 0, 0, .05);--ls-btn-active: rgba(0, 0, 0, .08);--ls-input-font-size: var(--ls-size-md-font);--ls-input-min-height: var(--ls-size-md-control);--ls-input-padding: 0 .75em;--ls-input-radius: .286em;--ls-tabs-bg: var(--ls-bg);--ls-tabs-active-text: var(--ls-menu-item-active-text);--ls-scroll-shadow: rgba(0, 0, 0, .22);--ls-expand-bg: var(--ls-bg-elevated);--ls-expand-header-bg: color-mix(in srgb, var(--ls-bg-elevated) 92%, #000);--ls-ease-out: var(--ls-ease);--ls-duration: .5s;--ls-duration-fast: .5s;--ls-scrollbar-size: 4px;--ls-scrollbar-thumb-rgb: 0 0 0;--ls-scrollbar-thumb-alpha: .14;--ls-scrollbar-thumb-hover-alpha: .2;--ls-scrollbar-fade-duration: .7s}[data-theme=mint]{--ls-bg: #f4fbf6;--ls-bg-elevated: #e6f6eb;--ls-border: #c4e8d1;--ls-text: #193b2d;--ls-text-dim: #218358;--ls-text-muted: #7a9e88;--ls-accent: #30a46c;--ls-accent-on: #ffffff;--ls-accent-hover: #218358;--ls-danger: #f85552;--ls-ok: #30a46c;--ls-popover-bg: #fbfefc;--ls-popover-text: #193b2d;--ls-popover-active: #30a46c;--ls-btn-fill: #fbfefc;--ls-menu-item-active-bg: #d6f1df;--ls-menu-item-active-text: #00b72d;--ls-input-bg: #fbfefc;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-tabs-bar-bg: #e6f6eb}[data-theme=sky]{--ls-bg: #f0f9ff;--ls-bg-elevated: #e0f2fe;--ls-border: #bae6fd;--ls-text: #0c4a6e;--ls-text-dim: #0369a1;--ls-text-muted: #7ba8c4;--ls-accent: #0ea5e9;--ls-accent-on: #ffffff;--ls-accent-hover: #0284c7;--ls-danger: #bf616a;--ls-ok: #35a77c;--ls-popover-bg: #f9feff;--ls-popover-text: #0c4a6e;--ls-popover-active: #0ea5e9;--ls-btn-fill: #f9feff;--ls-menu-item-active-bg: #bae6fd;--ls-menu-item-active-text: #03a1f8;--ls-input-bg: #f9feff;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-tabs-bar-bg: #e0f2fe}[data-theme=pink]{--ls-bg: #fdf2f8;--ls-bg-elevated: #fce7f3;--ls-border: #f3c6d8;--ls-text: #575279;--ls-text-dim: #756173;--ls-text-muted: #c37491;--ls-accent: #e30707;--ls-accent-on: #ffffff;--ls-accent-hover: #b4637a;--ls-danger: #b4637a;--ls-ok: #286983;--ls-popover-bg: #fffaf3;--ls-popover-text: #575279;--ls-popover-active: #d7827e;--ls-btn-fill: #fff7fa;--ls-menu-item-active-bg: #f4d4e0;--ls-menu-item-active-text: #fc2e2e;--ls-input-bg: #fff7fa;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-tabs-bar-bg: #f8d7e8}[data-theme=brown]{--ls-bg: #fffaea;--ls-bg-elevated: #ffe3a5;--ls-border: #eac67f;--ls-text: #654735;--ls-text-dim: #665c54;--ls-text-muted: #a89984;--ls-accent: #c35e0a;--ls-accent-on: #ffffff;--ls-accent-hover: #c35e0a;--ls-danger: #c14a4a;--ls-ok: #6c782e;--ls-popover-bg: #f9f5d7;--ls-popover-text: #654735;--ls-popover-active: #c35e0a;--ls-btn-fill: #f9f5d7;--ls-menu-item-active-bg: #f4d089;--ls-menu-item-active-text: #9f560b;--ls-input-bg: #f9f5d7;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-tabs-bar-bg: #ffe090}[data-theme=amber]{--ls-bg: #fdf2e3;--ls-bg-elevated: #ffedc4;--ls-border: #ffdaa7;--ls-text: #6a5000;--ls-text-dim: #966412;--ls-text-muted: #d1b500;--ls-accent: #b58900;--ls-accent-on: #ffffff;--ls-accent-hover: #cb4b16;--ls-danger: #dc322f;--ls-ok: #859900;--ls-popover-bg: #fff4d0;--ls-popover-text: #3c849b;--ls-popover-active: #ecbb22;--ls-btn-fill: #fdf6e3;--ls-menu-item-active-bg: #eed4a1;--ls-menu-item-active-text: #1f1700;--ls-input-bg: #fff7d8;--ls-input-focus: color-mix(in srgb, var(--ls-accent) 58%, #ffffff);--ls-tabs-bar-bg: #eee8d5}@keyframes ls-pop-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ls-dialog-in{0%{opacity:0}to{opacity:1}}@keyframes ls-panel-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.ls-btn,.ls-btn:before,.ls-btn:after,.ls-btn-dropdown .arrow,.ls-menu .item,.ls-menu .caret,.ls-menu .label,.ls-menu .sub,.ls-tabs .tab,.ls-tabs .close,.ls-dropdown .trigger,.ls-dropdown .caret,.ls-radio,.ls-radio:before,.ls-radio:after,.ls-icon,.ls-input,.ls-dialog:not([hidden]),.ls-dialog:not([hidden]) .panel,.ls-tooltip,.ls-scroll,.ls-progress,.ls-progress:before,.ls-progress:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}.ls-icon{--ls-icon-size: var(--ls-size-md-icon);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ls-icon-size);height:var(--ls-icon-size);flex:0 0 auto;color:inherit;line-height:0;vertical-align:middle;transition:color var(--ls-hover)}.ls-icon.sm{--ls-icon-size: var(--ls-size-sm-icon)}.ls-icon.md{--ls-icon-size: var(--ls-size-md-icon)}.ls-icon.lg{--ls-icon-size: var(--ls-size-lg-icon)}.ls-icon>svg,.ls-icon>img,.ls-icon>.iconify{display:block;width:100%;height:100%}.ls-icon>.material-symbols-outlined,.ls-icon>.material-symbols-rounded,.ls-icon>.material-symbols-sharp,.ls-icon>.material-icons,.ls-icon>.material-icons-outlined,.ls-icon>.material-icons-round,.ls-icon>.material-icons-sharp,.ls-icon>.material-icons-two-tone{display:block;overflow:visible;font-size:var(--ls-icon-size);width:1em;height:1em;line-height:1;white-space:nowrap;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variant-ligatures:common-ligatures;-webkit-user-select:none;user-select:none}.ls-icon.material-symbols-outlined,.ls-icon.material-symbols-rounded,.ls-icon.material-symbols-sharp,.ls-icon.material-icons,.ls-icon.material-icons-outlined,.ls-icon.material-icons-round,.ls-icon.material-icons-sharp,.ls-icon.material-icons-two-tone{overflow:visible;font-size:var(--ls-icon-size);line-height:1}.ls-icon.fill,.material-symbols-outlined.fill,.material-symbols-rounded.fill,.material-symbols-sharp.fill{--ls-icon-fill: 1}.ls-icon>.material-symbols-outlined,.ls-icon>.material-symbols-rounded,.ls-icon>.material-symbols-sharp,.ls-icon.material-symbols-outlined,.ls-icon.material-symbols-rounded,.ls-icon.material-symbols-sharp,.material-symbols-outlined.fill,.material-symbols-rounded.fill,.material-symbols-sharp.fill{font-variation-settings:"FILL" var(--ls-icon-fill, 0),"wght" var(--ls-icon-wght),"GRAD" var(--ls-icon-grad),"opsz" var(--ls-icon-opsz)}.ls-icon>.iconify svg{width:100%;height:100%}.ls-icon.warning:before,.ls-icon.error:before,.ls-icon.info:before,.ls-icon.success:before,.ls-icon.close:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--ls-icon) center / contain no-repeat;mask:var(--ls-icon) center / contain no-repeat}.ls-icon.warning{color:var(--ls-popover-active);--ls-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.8 21.2 19.6H2.8L12 3.8z'/%3E%3Cpath d='M12 10v4.2'/%3E%3Cpath d='M12 17.2h.01'/%3E%3C/svg%3E")}.ls-icon.error{color:var(--ls-danger);--ls-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M12 8.2v5.4'/%3E%3Cpath d='M12 16.4h.01'/%3E%3C/svg%3E")}.ls-icon.info{color:var(--ls-accent-hover);--ls-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M12 11.2V16'/%3E%3Cpath d='M12 8.2h.01'/%3E%3C/svg%3E")}.ls-icon.success{color:var(--ls-ok);--ls-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='m8.2 12.2 2.4 2.4 5.2-5.2'/%3E%3C/svg%3E")}.ls-icon.close{--ls-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l10 10'/%3E%3Cpath d='M17 7 7 17'/%3E%3C/svg%3E")}.ls-menu{--ls-menu-icon-size: 1rem;--ls-menu-icon-gap: .5rem;--ls-menu-item-pad-x: .375rem;--ls-menu-item-pad-right: .625rem;--ls-menu-item-pad-y: .5rem;--ls-menu-indent: .75rem;--ls-menu-line-gap: .75rem;--ls-menu-gap: .25rem;--ls-menu-font-size: var(--ls-font-secondary);display:flex;flex-direction:column;gap:var(--ls-menu-gap);min-width:0;font-size:var(--ls-menu-font-size, var(--ls-font-secondary))}.ls-menu .item{box-sizing:border-box;display:flex;align-items:center;gap:var(--ls-menu-icon-gap);width:100%;min-width:0;padding:var(--ls-menu-item-pad-y) var(--ls-menu-item-pad-right) var(--ls-menu-item-pad-y) var(--ls-menu-item-pad-x);border:0;border-radius:4px;background-color:transparent;color:var(--ls-text);font:inherit;font-size:var(--ls-menu-font-size, var(--ls-font-secondary));line-height:1.3;text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--ls-hover),color var(--ls-hover)}.ls-menu .item .ls-icon{--ls-icon-size: var(--ls-menu-icon-size, 1rem);flex:0 0 auto;color:var(--ls-text-muted)}.ls-menu .item.is-active .ls-icon{color:inherit}.ls-menu .item:hover:not(:disabled){background-color:var(--ls-btn-hover)}.ls-menu .item.is-active{color:var(--ls-menu-item-active-text);font-weight:700}.ls-menu.fill .item.is-active,.ls-menu.fill .item.is-active:hover:not(:disabled){background-color:var(--ls-menu-item-active-bg);font-weight:inherit}.ls-menu .item:disabled,.ls-menu .item[aria-disabled=true]{opacity:.45;pointer-events:none;cursor:default}.ls-menu .label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-menu .caret{flex:0 0 auto;width:6px;height:6px;border-right:1.5px solid var(--ls-text-muted);border-top:1.5px solid var(--ls-text-muted);transform:rotate(45deg);transition:transform var(--ls-duration-fast) var(--ls-ease-out)}.ls-menu .item.is-expanded>.caret{transform:rotate(135deg)}.ls-menu .sub{display:grid;grid-template-rows:1fr;padding-left:var(--ls-menu-indent);transition:grid-template-rows var(--ls-duration) var(--ls-ease-out),opacity var(--ls-duration) var(--ls-ease-out),visibility var(--ls-duration);opacity:1;visibility:visible}.ls-menu .sub>.sub-inner{display:flex;flex-direction:column;gap:var(--ls-menu-gap);min-height:0;overflow:hidden}.ls-menu .sub[hidden]{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden}.ls-menu.icons{--ls-menu-collapsed-size: calc(2 * var(--ls-menu-item-pad-x) + var(--ls-menu-icon-size));--ls-menu-rail-pad: 0px;box-sizing:border-box}.ls-menu.icons .item{position:relative}.ls-menu.icons .label{padding-left:calc(var(--ls-menu-icon-size) + var(--ls-menu-icon-gap))}.ls-menu.icons .item>.ls-icon{position:absolute;left:var(--ls-menu-item-pad-x);top:50%;transform:translateY(-50%)}.ls-menu.icons .sub{position:relative;padding-left:calc(var(--ls-menu-icon-size) / 2 + var(--ls-menu-item-pad-x) + var(--ls-menu-line-gap))}.ls-menu.icons .sub:before{content:"";position:absolute;left:calc(var(--ls-menu-icon-size) / 2 + var(--ls-menu-item-pad-x));top:0;bottom:6px;width:1px;background:var(--ls-text-muted);transform:translate(-50%)}.ls-menu.plain .sub{padding-left:var(--ls-menu-indent)}.ls-menu.plain .sub:before{content:none}.ls-menu.icons.collapsed{--ls-menu-collapsed-size: calc(2 * var(--ls-menu-item-pad-x) + var(--ls-menu-icon-size));overflow-x:hidden}.ls-menu.icons.collapsed:not([data-ls-rail])>.item,.ls-menu.icons[data-ls-aperture]>.item{box-sizing:border-box;width:var(--ls-menu-open-inner, var(--ls-menu-open-width, 200px));min-width:var(--ls-menu-open-inner, var(--ls-menu-open-width, 200px));max-width:none;flex:0 0 auto;overflow:hidden}.ls-menu.icons[data-ls-aperture]{overflow:hidden}.ls-menu.icons.collapsed[data-ls-rail]{width:calc(var(--ls-menu-collapsed-size) + 2 * var(--ls-menu-rail-pad));min-width:calc(var(--ls-menu-collapsed-size) + 2 * var(--ls-menu-rail-pad));overflow:visible}.ls-menu.icons.collapsed[data-ls-rail]>.item{width:var(--ls-menu-collapsed-size);min-width:var(--ls-menu-collapsed-size);min-height:calc(2 * var(--ls-menu-item-pad-y) + 1.3em);padding-block:var(--ls-menu-item-pad-y);padding-inline:0;justify-content:center;overflow:visible}.ls-menu.icons.collapsed[data-ls-rail] .item>.ls-icon{left:50%;top:50%;transform:translate(-50%,-50%)}.ls-menu.icons.collapsed[data-ls-rail] .item:hover,.ls-menu.icons.collapsed[data-ls-rail] .item:focus-visible{z-index:2}.ls-menu.icons.collapsed .sub{display:none}.ls-menu.icons.collapsed .caret{visibility:hidden;width:0;min-width:0;height:0;overflow:hidden;border:0}.ls-menu.icons.collapsed[data-ls-rail] .label{position:absolute;left:calc(100% + 8px);top:50%;z-index:8;flex:0 0 auto;width:max-content;max-width:220px;padding:6px 10px;border-radius:4px;background:var(--ls-popover-bg);color:var(--ls-popover-text);box-shadow:var(--ls-popover-shadow);font-size:var(--ls-font-caption);line-height:1.35;overflow:visible;text-overflow:unset;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-50%)}.ls-menu.icons.collapsed[data-ls-rail] .item:hover>.label,.ls-menu.icons.collapsed[data-ls-rail] .item:focus-visible>.label{opacity:1;visibility:visible}.ls-menu .sep{flex:0 0 auto;height:1px;margin:4px 6px;background:var(--ls-border)}.ls-card.ls-menu{padding:8px}.ls-dropdown>.ls-menu,.ls-btn-dropdown>.ls-menu{position:absolute;top:calc(100% + 4px);bottom:auto;left:0;right:auto;z-index:var(--ls-z-menu);flex:none;box-sizing:border-box;width:max-content;min-width:100%;max-height:min(220px,var(--ls-menu-pop-max-h, 220px));overflow:auto;transform-origin:top center}.ls-dropdown>.ls-menu.end,.ls-btn-dropdown>.ls-menu.end,.ls-dropdown>.ls-menu[data-ls-placement$=-end],.ls-btn-dropdown>.ls-menu[data-ls-placement$=-end]{left:auto;right:0}.ls-dropdown>.ls-menu.start,.ls-btn-dropdown>.ls-menu.start,.ls-dropdown>.ls-menu[data-ls-placement$=-start],.ls-btn-dropdown>.ls-menu[data-ls-placement$=-start]{left:0;right:auto}.ls-dropdown>.ls-menu.top,.ls-btn-dropdown>.ls-menu.top,.ls-dropdown>.ls-menu[data-ls-placement^=top],.ls-btn-dropdown>.ls-menu[data-ls-placement^=top]{top:auto;bottom:calc(100% + 4px);transform-origin:bottom center}.ls-dropdown>.ls-menu.bottom,.ls-btn-dropdown>.ls-menu.bottom,.ls-dropdown>.ls-menu[data-ls-placement^=bottom],.ls-btn-dropdown>.ls-menu[data-ls-placement^=bottom]{top:calc(100% + 4px);bottom:auto;transform-origin:top center}.ls-dropdown>.ls-menu:not([hidden]),.ls-btn-dropdown>.ls-menu:not([hidden]){animation:ls-pop-in var(--ls-duration) var(--ls-ease-out)}.ls-dropdown>.ls-menu[hidden],.ls-btn-dropdown>.ls-menu[hidden]{display:none!important}.ls-card{box-sizing:border-box;padding:.875rem;border:1px solid var(--ls-border);border-radius:var(--ls-card-radius);background:var(--ls-bg-elevated);color:var(--ls-text)}.ls-card.note{padding:.75rem .875rem;border-style:dashed;background:transparent;color:var(--ls-text-dim);overflow-wrap:anywhere;font-size:var(--ls-font-secondary);line-height:1.5}.ls-btn{--ls-control-height: var(--ls-size-md-control);--ls-btn-icon-size: var(--ls-size-md-icon);--ls-btn-color: var(--ls-accent);--ls-btn-on: var(--ls-accent-on);--ls-btn-fill: var(--ls-accent);--ls-btn-hover: var(--ls-accent-hover);--ls-btn-fill-hover: var(--ls-accent-hover);--ls-btn-ledge: color-mix(in srgb, #000 var(--ls-btn-ledge-mix), var(--ls-btn-fill));--ls-btn-focus-ring: var(--ls-input-focus);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--ls-btn-gap);position:relative;isolation:isolate;width:auto;height:auto;min-height:var(--ls-btn-min-height, var(--ls-control-height));padding:var(--ls-btn-padding);border:0;border-radius:var(--ls-btn-radius);background:transparent;color:var(--ls-btn-color);font:inherit;font-size:var(--ls-btn-font-size);font-weight:var(--ls-btn-font-weight);line-height:var(--ls-btn-line-height);text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:middle;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:0;transform:translateZ(1px) translateY(0) scale(1);transform-origin:center center;backface-visibility:hidden;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:transform var(--ls-btn-transition),background-color var(--ls-btn-transition),color var(--ls-btn-transition),padding var(--ls-btn-transition)}.ls-btn .ls-icon{--ls-icon-size: var(--ls-btn-icon-size)}.ls-btn .ls-icon.sm{--ls-icon-size: var(--ls-size-sm-icon)}.ls-btn .ls-icon.md{--ls-icon-size: var(--ls-size-md-icon)}.ls-btn .ls-icon.lg{--ls-icon-size: var(--ls-size-lg-icon)}.ls-btn.sm{--ls-control-height: var(--ls-size-sm-control);--ls-btn-icon-size: var(--ls-size-sm-icon);--ls-btn-font-size: var(--ls-size-sm-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn.md{--ls-control-height: var(--ls-size-md-control);--ls-btn-icon-size: var(--ls-size-md-icon);--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn.lg{--ls-control-height: var(--ls-size-lg-control);--ls-btn-icon-size: var(--ls-size-lg-icon);--ls-btn-font-size: var(--ls-size-lg-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn:before,.ls-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none}.ls-btn:before{box-shadow:none;border:1px solid currentColor;transition:box-shadow var(--ls-btn-transition),border-width var(--ls-btn-transition),border-color var(--ls-btn-transition)}.ls-btn:after{background-color:currentColor;opacity:0;transition:opacity var(--ls-btn-transition)}.ls-btn.blue{--ls-btn-color: var(--ls-color-blue);--ls-btn-on: var(--ls-color-blue-on);--ls-btn-fill: var(--ls-color-blue);--ls-btn-hover: var(--ls-color-blue-hover)}.ls-btn.cyan{--ls-btn-color: var(--ls-color-cyan);--ls-btn-on: var(--ls-color-cyan-on);--ls-btn-fill: var(--ls-color-cyan);--ls-btn-hover: var(--ls-color-cyan-hover)}.ls-btn.magenta{--ls-btn-color: var(--ls-color-magenta);--ls-btn-on: var(--ls-color-magenta-on);--ls-btn-fill: var(--ls-color-magenta);--ls-btn-hover: var(--ls-color-magenta-hover)}.ls-btn.green{--ls-btn-color: var(--ls-color-green);--ls-btn-on: var(--ls-color-green-on);--ls-btn-fill: var(--ls-color-green);--ls-btn-hover: var(--ls-color-green-hover)}.ls-btn.red{--ls-btn-color: var(--ls-color-red);--ls-btn-on: var(--ls-color-red-on);--ls-btn-fill: var(--ls-color-red);--ls-btn-hover: var(--ls-color-red-hover)}.ls-btn.yellow{--ls-btn-color: var(--ls-color-yellow);--ls-btn-on: var(--ls-color-yellow-on);--ls-btn-fill: var(--ls-color-yellow);--ls-btn-hover: var(--ls-color-yellow-hover)}.ls-btn.dark{--ls-btn-color: var(--ls-color-dark);--ls-btn-on: var(--ls-color-dark-on);--ls-btn-fill: var(--ls-color-dark);--ls-btn-hover: var(--ls-color-dark-hover)}.ls-btn.gray{--ls-btn-color: var(--ls-color-gray);--ls-btn-on: var(--ls-color-gray-on);--ls-btn-fill: var(--ls-color-gray);--ls-btn-hover: var(--ls-color-gray-hover)}.ls-btn.white{--ls-btn-color: var(--ls-color-white);--ls-btn-on: var(--ls-color-white-on);--ls-btn-fill: var(--ls-color-white);--ls-btn-hover: var(--ls-color-white-hover)}.ls-btn.black{--ls-btn-color: var(--ls-color-black);--ls-btn-on: var(--ls-color-black-on);--ls-btn-fill: var(--ls-color-black);--ls-btn-hover: var(--ls-color-black-hover)}.ls-btn.blue,.ls-btn.cyan,.ls-btn.magenta,.ls-btn.green,.ls-btn.red,.ls-btn.yellow,.ls-btn.dark,.ls-btn.gray,.ls-btn.white,.ls-btn.black{--ls-btn-fill-hover: var(--ls-btn-hover)}@media(any-hover:hover){.ls-btn:hover:not(:disabled){--ls-btn-color: var(--ls-btn-hover)}.ls-btn:hover:not(:disabled):after{opacity:.15}.ls-btn.fill:hover:not(:disabled),.ls-btn.push:not(.outline):not(.flat):not(.ghost):hover:not(:disabled){--ls-btn-fill: var(--ls-btn-fill-hover)}.ls-btn.fill:hover:not(:disabled):after,.ls-btn.push:not(.outline):not(.flat):not(.ghost):hover:not(:disabled):after{opacity:0}}.ls-btn:focus-visible:after{opacity:.22}.ls-btn:focus-visible{outline:2px solid var(--ls-btn-focus-ring);outline-offset:2px}.ls-btn:focus-visible:hover:after{opacity:.22}.ls-btn:active:not(:disabled).ls-btn.fill:not(.push):before{box-shadow:var(--ls-btn-shadow-active)}.ls-btn:disabled{opacity:.7;pointer-events:none}.ls-btn.fill{background:var(--ls-btn-fill);color:var(--ls-btn-on)}.ls-btn.fill:before{box-shadow:var(--ls-btn-shadow);border:0}.ls-btn.outline{background:transparent;color:var(--ls-btn-color)}.ls-btn.outline:before{box-shadow:none;border:1px solid currentColor}.ls-btn.flat,.ls-btn.ghost{background:transparent;color:var(--ls-btn-color)}.ls-btn.flat:before,.ls-btn.ghost:before{box-shadow:none;border:0}.ls-btn.push:not(.outline):not(.flat):not(.ghost){background:var(--ls-btn-fill);color:var(--ls-btn-on)}.ls-btn.push:not(.outline):not(.flat):not(.ghost):before{box-shadow:none;border-top:0;border-right:0;border-left:0}.ls-btn.push{--ls-btn-content-nudge: calc(var(--ls-btn-ledge-width) / 2);border-radius:var(--ls-btn-radius-push);padding-top:calc(var(--ls-btn-padding-block) - var(--ls-btn-content-nudge));padding-bottom:calc(var(--ls-btn-padding-block) + var(--ls-btn-content-nudge))}.ls-btn.push:before{border-bottom:var(--ls-btn-ledge-width) solid var(--ls-btn-ledge)}.ls-btn.no-caps{text-transform:none}.ls-btn.stack{flex-direction:column;gap:var(--ls-btn-press);height:auto;white-space:normal}.ls-btn.icon,.ls-btn.round{width:var(--ls-btn-min-height);min-width:var(--ls-btn-min-height);min-height:var(--ls-btn-min-height);height:var(--ls-btn-min-height);padding:0}.ls-btn.push.icon,.ls-btn.push.round{padding:0 0 var(--ls-btn-content-nudge)}.ls-btn.rounded{--ls-btn-radius: 100em;--ls-btn-radius-push: 100em}.ls-btn.round{border-radius:50%}.ls-btn.dense{--ls-btn-padding-block: .071em;--ls-btn-padding: .071em .65em;--ls-btn-line-height: 1.25em;--ls-btn-gap: .2em;--ls-btn-press: .071em;--ls-btn-ledge-width: .1em;--ls-btn-min-height: calc(var(--ls-control-height) - var(--ls-dense-shrink))}.ls-btn:active:not(:disabled){padding-top:calc(var(--ls-btn-padding-block) + var(--ls-btn-press));padding-bottom:calc(var(--ls-btn-padding-block) - var(--ls-btn-press))}.ls-btn.push:active:not(:disabled){padding-top:calc(var(--ls-btn-padding-block) - var(--ls-btn-content-nudge) + var(--ls-btn-press));padding-bottom:calc(var(--ls-btn-padding-block) + var(--ls-btn-content-nudge) - var(--ls-btn-press))}.ls-btn.icon:active:not(:disabled),.ls-btn.round:active:not(:disabled){padding-top:var(--ls-btn-press);padding-bottom:0}.ls-btn.push.icon:active:not(:disabled),.ls-btn.push.round:active:not(:disabled){padding-top:var(--ls-btn-press);padding-bottom:calc(var(--ls-btn-content-nudge) - var(--ls-btn-press))}.ls-btn-group{display:inline-flex;flex-wrap:nowrap;vertical-align:middle;border-radius:var(--ls-btn-radius)}.ls-btn-group>.ls-btn{align-self:stretch;border-radius:inherit;transform:none;will-change:auto}.ls-btn-group>.ls-btn:before{box-shadow:none}.ls-btn-group>.ls-btn.fill:before,.ls-btn-group>.ls-btn.push:not(.outline):not(.flat):not(.ghost):before{z-index:-1}.ls-btn-group>.ls-btn:first-of-type{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.ls-btn-group>.ls-btn:last-of-type{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.ls-btn-group>.ls-btn:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0}.ls-btn-group>.ls-btn:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}.ls-btn-group>.ls-btn+.ls-btn:before{border-left:0}.ls-btn-group.fill,.ls-btn-group.push{box-shadow:var(--ls-btn-shadow)}.ls-btn-group.outline,.ls-btn-group.flat,.ls-btn-group.ghost{box-shadow:none}.ls-btn-group.rounded{--ls-btn-radius: 100em;--ls-btn-radius-push: 100em}.ls-btn-group.sm{--ls-control-height: var(--ls-size-sm-control);--ls-btn-icon-size: var(--ls-size-sm-icon);--ls-btn-font-size: var(--ls-size-sm-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn-group.md{--ls-control-height: var(--ls-size-md-control);--ls-btn-icon-size: var(--ls-size-md-icon);--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn-group.lg{--ls-control-height: var(--ls-size-lg-control);--ls-btn-icon-size: var(--ls-size-lg-icon);--ls-btn-font-size: var(--ls-size-lg-font);--ls-btn-min-height: var(--ls-control-height)}.ls-btn-group.dense{--ls-btn-padding-block: .071em;--ls-btn-padding: .071em .65em;--ls-btn-line-height: 1.25em;--ls-btn-gap: .2em;--ls-btn-press: .071em;--ls-btn-ledge-width: .1em;--ls-btn-min-height: calc(var(--ls-control-height, var(--ls-size-md-control)) - var(--ls-dense-shrink))}.ls-btn-group.push{border-radius:var(--ls-btn-radius-push)}.ls-btn-dropdown{position:relative;display:inline-flex;vertical-align:middle}.ls-btn-dropdown .arrow{display:block;flex:0 0 auto;width:.55em;height:.55em;margin:0 .22em .15em .12em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--ls-hover)}.ls-btn-dropdown .arrow.triangle{width:1.715em;height:1.715em;margin:0;border:0;background-color:currentColor;clip-path:polygon(29.17% 41.67%,70.83% 41.67%,50% 62.5%);transform:none}.ls-btn-dropdown.is-open .arrow:not(.triangle){transform:translateY(.15em) rotate(225deg)}.ls-btn-dropdown.is-open .arrow.triangle{transform:rotate(180deg)}.ls-btn-dropdown.simple>.ls-btn{gap:.286em;padding-right:.286em}.ls-btn-dropdown.split .arrow-btn{min-width:0;padding-left:.286em;padding-right:.286em}.ls-btn-dropdown.split>.ls-btn:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.ls-btn-dropdown.split>.ls-btn+.arrow-btn{border-top-left-radius:0;border-bottom-left-radius:0}.ls-btn-dropdown.split>.ls-btn+.arrow-btn:before{border-left:0}.ls-btn-dropdown.split>.ls-btn+.arrow-btn.ls-btn.fill:before,.ls-btn-dropdown.split>.ls-btn+.arrow-btn.ls-btn.push:not(.outline):before{border-left:1px solid color-mix(in srgb,var(--ls-btn-on) 32%,var(--ls-btn-fill))}.ls-btn-dropdown.borderless>.ls-btn:before{border-color:transparent}.ls-btn-dropdown.no-arrow .arrow{display:none}.ls-btn-dropdown.simple.no-arrow>.ls-btn{gap:var(--ls-btn-gap);padding-inline:1em}.ls-btn-dropdown.split.no-arrow .arrow-btn{min-width:var(--ls-btn-min-height, var(--ls-control-height))}.ls-radio{--ls-radio-color: var(--ls-radio-unchecked);--ls-radio-on: var(--ls-accent);--ls-radio-box: calc(var(--ls-radio-size) * .5);--ls-radio-dot: calc(var(--ls-radio-box) * .5);--ls-ripple: 0px;box-sizing:border-box;display:inline-flex;align-items:center;vertical-align:middle;position:relative;max-width:100%;min-height:var(--ls-radio-size);padding-inline:var(--ls-radio-size) 8px;outline:0;color:var(--ls-text);font:inherit;font-size:var(--ls-font-body);line-height:1.715em;cursor:pointer;user-select:none;-webkit-user-select:none;background-image:radial-gradient(circle closest-side,color-mix(in srgb,var(--ls-radio-color) calc(var(--ls-radio-ripple) * 100%),transparent) 100%,transparent 100%);background-repeat:no-repeat;background-position:calc((var(--ls-radio-size) - var(--ls-ripple)) / 2) 50%;background-size:var(--ls-ripple) var(--ls-ripple);transition:--ls-ripple var(--ls-hover)}.ls-radio:has(:checked){--ls-radio-color: var(--ls-radio-on, var(--ls-text))}.ls-radio.blue{--ls-radio-on: var(--ls-color-blue)}.ls-radio.cyan{--ls-radio-on: var(--ls-color-cyan)}.ls-radio.magenta{--ls-radio-on: var(--ls-color-magenta)}.ls-radio.green{--ls-radio-on: var(--ls-color-green)}.ls-radio.red{--ls-radio-on: var(--ls-color-red)}.ls-radio.yellow{--ls-radio-on: var(--ls-color-yellow)}.ls-radio.dark{--ls-radio-on: var(--ls-color-dark)}.ls-radio.gray{--ls-radio-on: var(--ls-color-gray)}.ls-radio.white{--ls-radio-on: var(--ls-color-white)}.ls-radio.black{--ls-radio-on: var(--ls-color-black)}.ls-radio.blue,.ls-radio.cyan,.ls-radio.magenta,.ls-radio.green,.ls-radio.red,.ls-radio.yellow,.ls-radio.dark,.ls-radio.gray,.ls-radio.white,.ls-radio.black{--ls-radio-color: var(--ls-radio-on)}.ls-radio.color{--ls-radio-color: var(--ls-radio-on, var(--ls-text));color:var(--ls-radio-on, var(--ls-text))}.ls-radio>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;z-index:1}.ls-radio:before,.ls-radio:after{content:"";position:absolute;top:50%;box-sizing:border-box;pointer-events:none;border-radius:50%}.ls-radio:before{left:calc((var(--ls-radio-size) - var(--ls-radio-box)) / 2);width:var(--ls-radio-box);height:var(--ls-radio-box);margin-top:calc(var(--ls-radio-box) / -2);border:2px solid var(--ls-radio-color);background:transparent;transition:border-color var(--ls-hover)}.ls-radio:after{left:calc((var(--ls-radio-size) - var(--ls-radio-dot)) / 2);width:var(--ls-radio-dot);height:var(--ls-radio-dot);margin-top:calc(var(--ls-radio-dot) / -2);background:var(--ls-radio-color);transform:scale(0);transform-origin:center;transition:transform var(--ls-hover),background-color var(--ls-hover)}.ls-radio:has(:checked):after{transform:scale(1)}.ls-radio:not(:has(:disabled)):has(:focus-visible){--ls-ripple: var(--ls-radio-size)}@media(any-hover:hover){.ls-radio:not(:has(:disabled)):hover{--ls-ripple: var(--ls-radio-size)}}.ls-radio:has(:disabled){opacity:.75;cursor:default}.ls-radio:has(:disabled)>input{cursor:default}.ls-radio:has(:disabled),.ls-radio.color:has(:disabled){--ls-radio-on: var(--ls-radio-unchecked);--ls-radio-color: var(--ls-radio-unchecked);color:var(--ls-radio-unchecked)}@media(forced-colors:active){.ls-radio{forced-color-adjust:none;color:CanvasText}.ls-radio:before{border:2px solid CanvasText;background:Canvas}.ls-radio:has(:checked):before{border-color:Highlight}.ls-radio:has(:checked):after{background:Highlight}}@property --ls-ripple{syntax: "<length>"; inherits: false; initial-value: 0px;}.ls-checkbox{--ls-checkbox-color: var(--ls-checkbox-unchecked);--ls-checkbox-on: var(--ls-accent);--ls-checkbox-tick: var(--ls-accent-on);--ls-box: calc(var(--ls-checkbox-size) * .45);--ls-check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0%200%2024%2024'%3E%3Cpath fill='white' d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019L21%207l-1.41-1.41z'/%3E%3C/svg%3E");box-sizing:border-box;display:inline-flex;align-items:center;vertical-align:middle;position:relative;max-width:100%;outline:0;color:var(--ls-text);font:inherit;font-size:var(--ls-font-body);line-height:1.715em;cursor:pointer;user-select:none;-webkit-user-select:none}.ls-checkbox:has(:checked){--ls-checkbox-color: var(--ls-checkbox-on, var(--ls-text))}.ls-checkbox.blue{--ls-checkbox-on: var(--ls-color-blue);--ls-checkbox-tick: var(--ls-color-blue-on)}.ls-checkbox.cyan{--ls-checkbox-on: var(--ls-color-cyan);--ls-checkbox-tick: var(--ls-color-cyan-on)}.ls-checkbox.magenta{--ls-checkbox-on: var(--ls-color-magenta);--ls-checkbox-tick: var(--ls-color-magenta-on)}.ls-checkbox.green{--ls-checkbox-on: var(--ls-color-green);--ls-checkbox-tick: var(--ls-color-green-on)}.ls-checkbox.red{--ls-checkbox-on: var(--ls-color-red);--ls-checkbox-tick: var(--ls-color-red-on)}.ls-checkbox.yellow{--ls-checkbox-on: var(--ls-color-yellow);--ls-checkbox-tick: var(--ls-color-yellow-on)}.ls-checkbox.dark{--ls-checkbox-on: var(--ls-color-dark);--ls-checkbox-tick: var(--ls-color-dark-on)}.ls-checkbox.gray{--ls-checkbox-on: var(--ls-color-gray);--ls-checkbox-tick: var(--ls-color-gray-on)}.ls-checkbox.white{--ls-checkbox-on: var(--ls-color-white);--ls-checkbox-tick: var(--ls-color-white-on)}.ls-checkbox.black{--ls-checkbox-on: var(--ls-color-black);--ls-checkbox-tick: var(--ls-color-black-on)}.ls-checkbox.blue,.ls-checkbox.cyan,.ls-checkbox.magenta,.ls-checkbox.green,.ls-checkbox.red,.ls-checkbox.yellow,.ls-checkbox.dark,.ls-checkbox.gray,.ls-checkbox.white,.ls-checkbox.black{--ls-checkbox-color: var(--ls-checkbox-on)}.ls-checkbox.color{--ls-checkbox-color: var(--ls-checkbox-on, var(--ls-text));--ls-checkbox-tick: var(--ls-checkbox-on, var(--ls-text))}.ls-checkbox.color:not(.btn){color:var(--ls-checkbox-on, var(--ls-text))}.ls-checkbox>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;z-index:1}.ls-checkbox:has(:disabled){opacity:.75;cursor:default}.ls-checkbox:has(:disabled)>input{cursor:default}.ls-checkbox:not(.switch):not(.btn){--ls-ripple: 0px;min-height:var(--ls-checkbox-size);padding-inline:var(--ls-checkbox-size) 8px;background-image:radial-gradient(circle closest-side,color-mix(in srgb,var(--ls-checkbox-color) calc(var(--ls-radio-ripple) * 100%),transparent) 100%,transparent 100%);background-repeat:no-repeat;background-position:calc((var(--ls-checkbox-size) - var(--ls-ripple)) / 2) 50%;background-size:var(--ls-ripple) var(--ls-ripple);transition:--ls-ripple var(--ls-hover)}.ls-checkbox:not(.switch):not(.btn):before,.ls-checkbox:not(.switch):not(.btn):after{content:"";position:absolute;left:calc((var(--ls-checkbox-size) - var(--ls-box)) / 2);top:50%;width:var(--ls-box);height:var(--ls-box);margin-top:calc(var(--ls-box) / -2);box-sizing:border-box;pointer-events:none}.ls-checkbox:not(.switch):not(.btn):before{border:2px solid var(--ls-checkbox-color);border-radius:var(--ls-checkbox-radius);background:transparent;transition:background-color var(--ls-hover),border-color var(--ls-hover),box-shadow var(--ls-hover)}.ls-checkbox:not(.switch):not(.btn):has(:checked):before{border-color:var(--ls-checkbox-color);background:var(--ls-checkbox-color)}.ls-checkbox:not(.switch):not(.btn):not(.color):has(:checked):before{border-color:transparent}.ls-checkbox.color:not(.switch):not(.btn):has(:checked):before{background:transparent}.ls-checkbox.round:not(.switch):not(.btn):before{border-radius:50%}.ls-checkbox:not(.switch):not(.btn):not(:has(:disabled)):has(:focus-visible){--ls-ripple: var(--ls-checkbox-size)}@media(any-hover:hover){.ls-checkbox:not(.switch):not(.btn):not(:has(:disabled)):hover{--ls-ripple: var(--ls-checkbox-size)}}.ls-checkbox:not(.switch):not(.btn):after{background:var(--ls-checkbox-tick);opacity:0;transform:scale(0);transform-origin:center;transition:opacity var(--ls-hover),transform var(--ls-hover),background-color var(--ls-hover);-webkit-mask:var(--ls-check-icon) center / contain no-repeat;mask:var(--ls-check-icon) center / contain no-repeat;-webkit-mask-mode:alpha;mask-mode:alpha}.ls-checkbox:not(.switch):not(.btn):has(:checked):after{opacity:1;transform:scale(1)}.ls-checkbox.round:not(.switch):not(.btn):after{--ls-tick: calc(var(--ls-box) - 4px);left:calc((var(--ls-checkbox-size) - var(--ls-tick)) / 2);width:var(--ls-tick);height:var(--ls-tick);margin-top:calc(var(--ls-tick) / -2)}.ls-checkbox.round.color:not(.switch):not(.btn):after{background:var(--ls-checkbox-color)}.ls-checkbox.round.color:not(.switch):not(.btn):has(:checked):after{background:var(--ls-checkbox-on, var(--ls-text))}.ls-checkbox.switch{--ls-switch-color: var(--ls-switch-dot-off);min-height:var(--ls-checkbox-size);padding-inline:calc(var(--ls-switch-track-w) + 8px) 8px}.ls-checkbox.switch:has(:checked){--ls-switch-color: var(--ls-checkbox-on, var(--ls-text))}.ls-checkbox.switch.color:not(:has(:checked)){--ls-switch-color: color-mix(in srgb, var(--ls-checkbox-on, var(--ls-text)) 28%, transparent)}.ls-checkbox.switch:before,.ls-checkbox.switch:after{content:"";position:absolute;pointer-events:none;box-sizing:border-box}.ls-checkbox.switch:before{left:0;top:50%;width:var(--ls-switch-track-w);height:var(--ls-switch-track-h);margin-top:calc(var(--ls-switch-track-h) / -2);border-radius:calc(var(--ls-switch-track-h) / 2);background:var(--ls-switch-track-off);transition:background-color var(--ls-hover)}.ls-checkbox.switch:has(:checked):before{background:color-mix(in srgb,var(--ls-switch-color) 32%,transparent)}.ls-checkbox.switch.color:not(:has(:checked)):before{background:color-mix(in srgb,var(--ls-checkbox-on, var(--ls-text)) 12%,transparent)}.ls-checkbox.switch:after{left:0;top:50%;width:var(--ls-switch-dot);height:var(--ls-switch-dot);margin-top:calc(var(--ls-switch-dot) / -2);border-radius:50%;background:var(--ls-switch-color);box-shadow:0 1px 3px #0006;transform:translate(0);transition:transform var(--ls-hover),background-color var(--ls-hover),box-shadow var(--ls-hover)}.ls-checkbox.switch:has(:checked):after{transform:translate(calc(var(--ls-switch-track-w) - var(--ls-switch-dot)))}.ls-checkbox.switch:not(:has(:disabled)):has(:focus-visible):after{box-shadow:0 1px 3px #0006,0 0 0 calc((var(--ls-checkbox-size) - var(--ls-switch-dot)) / 2) color-mix(in srgb,var(--ls-switch-color) calc(var(--ls-radio-ripple) * 100%),transparent)}@media(any-hover:hover){.ls-checkbox.switch:not(:has(:disabled)):hover:after{box-shadow:0 1px 3px #0006,0 0 0 calc((var(--ls-checkbox-size) - var(--ls-switch-dot)) / 2) color-mix(in srgb,var(--ls-switch-color) calc(var(--ls-radio-ripple) * 100%),transparent)}}.ls-checkbox.btn{--ls-control-height: var(--ls-size-md-control);isolation:isolate;color:var(--ls-checkbox-on, var(--ls-text));min-height:var(--ls-btn-min-height, var(--ls-control-height));padding:var(--ls-btn-padding);border:1px solid currentColor;border-radius:var(--ls-btn-radius);background:transparent;font-size:var(--ls-btn-font-size);font-weight:var(--ls-btn-font-weight);line-height:var(--ls-btn-line-height);letter-spacing:.0125em;text-transform:uppercase;justify-content:center;transition:padding var(--ls-btn-transition)}.ls-checkbox.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--ls-btn-transition)}.ls-checkbox.btn.sm{--ls-control-height: var(--ls-size-sm-control);--ls-btn-icon-size: var(--ls-size-sm-icon);--ls-btn-font-size: var(--ls-size-sm-font);--ls-btn-min-height: var(--ls-control-height)}.ls-checkbox.btn.md{--ls-control-height: var(--ls-size-md-control);--ls-btn-icon-size: var(--ls-size-md-icon);--ls-btn-font-size: var(--ls-size-md-font);--ls-btn-min-height: var(--ls-control-height)}.ls-checkbox.btn.lg{--ls-control-height: var(--ls-size-lg-control);--ls-btn-icon-size: var(--ls-size-lg-icon);--ls-btn-font-size: var(--ls-size-lg-font);--ls-btn-min-height: var(--ls-control-height)}.ls-checkbox.btn.dense{--ls-btn-padding-block: .071em;--ls-btn-padding: .071em .65em;--ls-btn-line-height: 1.25em;--ls-btn-gap: .2em;--ls-btn-press: .071em;--ls-btn-ledge-width: .1em;--ls-btn-min-height: calc(var(--ls-control-height, var(--ls-size-md-control)) - var(--ls-dense-shrink))}.ls-checkbox.btn:not(:has(:disabled)):not(:has(:checked)):hover:before{opacity:.07}.ls-checkbox.btn:has(:checked):before{opacity:.32}.ls-checkbox.btn:has(:focus-visible){outline:2px solid var(--ls-input-focus);outline-offset:-2px}.ls-checkbox.btn:not(:has(:disabled)):active{padding-top:calc(var(--ls-btn-padding-block) + var(--ls-btn-press));padding-bottom:calc(var(--ls-btn-padding-block) - var(--ls-btn-press))}.ls-checkbox.btn:has(:disabled){opacity:.7}.ls-checkbox:has(:disabled),.ls-checkbox.color:not(.btn):has(:disabled),.ls-checkbox.switch:has(:checked):has(:disabled),.ls-checkbox.switch.color:not(:has(:checked)):has(:disabled),.ls-checkbox.btn:has(:disabled){--ls-checkbox-on: var(--ls-checkbox-unchecked);--ls-checkbox-color: var(--ls-checkbox-unchecked);--ls-checkbox-tick: var(--ls-bg);--ls-switch-color: var(--ls-switch-dot-off);color:var(--ls-checkbox-unchecked)}.ls-checkbox.color:has(:disabled),.ls-checkbox.color:not(.btn):has(:disabled){--ls-checkbox-tick: var(--ls-checkbox-unchecked)}.ls-checkbox.switch:has(:disabled):before,.ls-checkbox.switch.color:has(:disabled):before,.ls-checkbox.switch.color:not(:has(:checked)):has(:disabled):before{background:var(--ls-switch-track-off)}.ls-checkbox.switch:has(:checked):has(:disabled):before{background:color-mix(in srgb,var(--ls-switch-dot-off) 32%,transparent)}@media(forced-colors:active){.ls-checkbox{forced-color-adjust:none;color:CanvasText}.ls-checkbox:before{border:2px solid CanvasText;background:Canvas}.ls-checkbox:has(:checked):before{background:Highlight;border-color:Highlight}.ls-checkbox.switch:before{background:Canvas;border:2px solid CanvasText}.ls-checkbox.switch:has(:checked):before{background:Highlight;border-color:Highlight}}.ls-tabs{--ls-tabs-bar: var(--ls-tabs-bar-bg);--ls-tabs-color: var(--ls-text-dim);--ls-tabs-active: var(--ls-tabs-active-text);--ls-tabs-hover: var(--ls-text);--ls-tabs-tab-radius: .25rem;--ls-tabs-bar-pad: .1875rem;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;border:1px solid var(--ls-border);border-radius:var(--ls-tabs-radius);background:var(--ls-tabs-bar);color:var(--ls-text)}.ls-tabs.blue,.ls-tabs .bar.blue{--ls-tabs-active: var(--ls-color-blue)}.ls-tabs.cyan,.ls-tabs .bar.cyan{--ls-tabs-active: var(--ls-color-cyan)}.ls-tabs.magenta,.ls-tabs .bar.magenta{--ls-tabs-active: var(--ls-color-magenta)}.ls-tabs.green,.ls-tabs .bar.green{--ls-tabs-active: var(--ls-color-green)}.ls-tabs.red,.ls-tabs .bar.red{--ls-tabs-active: var(--ls-color-red)}.ls-tabs.yellow,.ls-tabs .bar.yellow{--ls-tabs-active: var(--ls-color-yellow)}.ls-tabs.dark,.ls-tabs .bar.dark{--ls-tabs-active: var(--ls-color-dark)}.ls-tabs.gray,.ls-tabs .bar.gray{--ls-tabs-active: var(--ls-color-gray)}.ls-tabs.white,.ls-tabs .bar.white{--ls-tabs-active: var(--ls-color-white)}.ls-tabs.black,.ls-tabs .bar.black{--ls-tabs-active: var(--ls-color-black)}.ls-tabs .bar{display:flex;flex:0 0 auto;align-items:flex-end;min-width:0;padding:var(--ls-tabs-bar-pad) var(--ls-tabs-bar-pad) 0;overflow-x:auto;overflow-y:hidden;background:var(--ls-tabs-bar);border-radius:calc(var(--ls-tabs-radius) - 1px) calc(var(--ls-tabs-radius) - 1px) 0 0;position:relative;z-index:1;box-shadow:inset 0 -1px 0 var(--ls-border),0 6px 6px -6px transparent;transition:box-shadow var(--ls-duration-fast) var(--ls-ease-out)}.ls-tabs.is-scrolled .bar{box-shadow:inset 0 -1px 0 var(--ls-border),0 6px 6px -6px var(--ls-scroll-shadow)}.ls-tabs .tab{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:16rem;margin:0;padding:4px 8px;border:0;border-radius:var(--ls-tabs-tab-radius) var(--ls-tabs-tab-radius) 0 0;background:transparent;color:var(--ls-tabs-color);font:inherit;font-size:var(--ls-font-secondary);line-height:1.3;text-align:left;white-space:nowrap;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 1 auto;transition:color var(--ls-hover),background-color var(--ls-hover)}.ls-tabs .tab .ls-icon{--ls-icon-size: 1rem;color:inherit}.ls-tabs .label{min-width:0;overflow:hidden;text-overflow:ellipsis}.ls-tabs .tab:hover:not(.is-active){background:transparent;color:var(--ls-tabs-hover)}.ls-tabs .tab.is-active{background:var(--ls-tabs-bg);color:var(--ls-tabs-active);border-radius:var(--ls-tabs-tab-radius) var(--ls-tabs-tab-radius) 0 0;z-index:1}.ls-tabs .tab.is-active:before,.ls-tabs .tab.is-active:after{content:"";position:absolute;bottom:0;width:var(--ls-tabs-tab-radius);height:var(--ls-tabs-tab-radius);pointer-events:none}.ls-tabs .tab.is-active:before{left:calc(-1 * var(--ls-tabs-tab-radius));background:radial-gradient(circle at 0 0,transparent var(--ls-tabs-tab-radius),var(--ls-tabs-bg) calc(var(--ls-tabs-tab-radius) + .5px))}.ls-tabs .tab.is-active:after{right:calc(-1 * var(--ls-tabs-tab-radius));background:radial-gradient(circle at 100% 0,transparent var(--ls-tabs-tab-radius),var(--ls-tabs-bg) calc(var(--ls-tabs-tab-radius) + .5px))}.ls-tabs .tab:focus-visible{outline:2px solid var(--ls-input-focus);outline-offset:-2px}.ls-tabs .tab:not(.is-active)+.tab:not(.is-active):before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--ls-border)}.ls-tabs .close{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0 0 0 2px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.5;cursor:pointer;transition:opacity var(--ls-hover),background-color var(--ls-hover)}.ls-tabs .tab:hover .close,.ls-tabs .tab.is-active .close{opacity:.85}.ls-tabs .close:hover{background:var(--ls-btn-hover);opacity:1}.ls-tabs .close .ls-icon{--ls-icon-size: .85rem}.ls-tabs .panel{box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:0;overflow:auto;padding:14px 16px;background:var(--ls-tabs-bg);color:var(--ls-text);font-size:var(--ls-font-body);line-height:1.5;border-radius:0 0 calc(var(--ls-tabs-radius) - 1px) calc(var(--ls-tabs-radius) - 1px)}.ls-tabs .panel[hidden]{display:none}.ls-tabs.bar-only{border:0;border-radius:0;background:transparent}.ls-tabs.bar-only .bar{border-radius:0;border-top:1px solid var(--ls-border);border-right:1px solid var(--ls-border);border-left:1px solid var(--ls-border)}.ls-tabs.bar-only .panel{min-height:0;padding:12px 0 0;background:transparent;border-radius:0}.ls-table{box-sizing:border-box;width:100%;height:fit-content;max-height:100%;align-self:start;flex:0 0 auto;overflow:auto;border:1px solid var(--ls-border);border-radius:var(--ls-table-radius);background:color-mix(in srgb,var(--ls-bg-elevated) 22%,var(--ls-bg));color:var(--ls-text)}.ls-table>table{width:100%;border-collapse:collapse;table-layout:auto;font-size:var(--ls-font-secondary)}.ls-table.fixed>table{table-layout:fixed}.ls-table th,.ls-table td{box-sizing:border-box;padding:.5rem .625rem;border:1px solid var(--ls-border);vertical-align:middle;word-wrap:break-word;line-height:1.45;text-align:left}.ls-table tr:first-child>*{border-top:0}.ls-table tr:last-child>*{border-bottom:0}.ls-table tr>:first-child{border-left:0}.ls-table tr>:last-child{border-right:0}.ls-table th{background:color-mix(in srgb,var(--ls-text) 8%,var(--ls-bg));font-weight:600}.ls-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--ls-text) 3%,transparent)}.ls-table.dense th,.ls-table.dense td{padding:.25rem .5rem}.ls-table.square{border-radius:0}.ls-table.kv th{width:20%;white-space:nowrap}.ls-table.no-frame,.ls-table.plain,.ls-table.plain th,.ls-table.plain td{border:0}.ls-table.hover tbody>tr>th,.ls-table.hover tbody>tr>td{transition:background-color var(--ls-duration) var(--ls-ease-out)}@media(any-hover:hover){.ls-table.hover tbody tr:hover>th,.ls-table.hover tbody tr:hover>td{background:color-mix(in srgb,var(--ls-accent) 6%,var(--ls-bg-elevated))}}.ls-field{display:flex;flex-direction:column;gap:.45em;font-size:var(--ls-input-font-size);color:var(--ls-text-dim);min-width:0}.ls-field.sm{--ls-input-font-size: var(--ls-size-sm-font);--ls-input-min-height: var(--ls-size-sm-control)}.ls-field.md{--ls-input-font-size: var(--ls-size-md-font);--ls-input-min-height: var(--ls-size-md-control)}.ls-field.lg{--ls-input-font-size: var(--ls-size-lg-font);--ls-input-min-height: var(--ls-size-lg-control)}.ls-field .label{font-size:.85em;line-height:1.3}.ls-input{--ls-control-height: var(--ls-input-min-height, var(--ls-size-md-control));--ls-input-radius: var(--ls-input-radius);box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:var(--ls-input-min-height);padding:var(--ls-input-padding);padding-block:.15em;border:1px solid var(--ls-border);border-radius:var(--ls-input-radius);background:var(--ls-input-bg);color:var(--ls-text);font:inherit;font-size:1em;line-height:normal;outline:none;transition:border-color var(--ls-hover),box-shadow var(--ls-hover),background-color var(--ls-hover),color var(--ls-hover),opacity var(--ls-hover)}.ls-input.sm{--ls-control-height: var(--ls-size-sm-control);--ls-input-font-size: var(--ls-size-sm-font);--ls-input-min-height: var(--ls-control-height);font-size:var(--ls-input-font-size)}.ls-input.md{--ls-control-height: var(--ls-size-md-control);--ls-input-font-size: var(--ls-size-md-font);--ls-input-min-height: var(--ls-control-height);font-size:var(--ls-input-font-size)}.ls-input.lg{--ls-control-height: var(--ls-size-lg-control);--ls-input-font-size: var(--ls-size-lg-font);--ls-input-min-height: var(--ls-control-height);font-size:var(--ls-input-font-size)}.ls-input.borderless{border-color:transparent;background:transparent}.ls-input.rounded{--ls-input-radius: 100em}.ls-input.dense{--ls-input-padding: 0 .55em;--ls-input-min-height: calc(var(--ls-control-height, var(--ls-size-md-control)) - var(--ls-dense-shrink))}.ls-input[type=number]{padding-inline-end:var(--ls-input-spin-end, .58em)}.ls-input.dense[type=number]{padding-inline-end:var(--ls-input-spin-end-dense, .36em)}.ls-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.ls-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;box-sizing:border-box;width:calc(14px * var(--ls-input-spin-size, 1));height:calc(22px * var(--ls-input-spin-size, 1));background-color:currentColor;transition:opacity var(--ls-hover),background-color var(--ls-hover),filter var(--ls-hover);--ls-spin-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 22'%3E%3Csvg x='2' y='1' width='10' height='9' viewBox='0 0 12 11'%3E%3Cpath d='M1 8.2 6 2.4 11 8.2 9.2 8.2 6 4.8 2.8 8.2Z'/%3E%3C/svg%3E%3Csvg x='2' y='12' width='10' height='9' viewBox='0 0 12 11'%3E%3Cpath d='M1 2.8 2.8 2.8 6 6.2 9.2 2.8 11 2.8 6 8.6Z'/%3E%3C/svg%3E%3C/svg%3E");-webkit-mask:var(--ls-spin-mask) center / 100% 100% no-repeat;mask:var(--ls-spin-mask) center / 100% 100% no-repeat;opacity:.8;cursor:default}.ls-input[type=number]:hover::-webkit-inner-spin-button{opacity:1}.ls-input[type=number].is-spin-overlay::-webkit-inner-spin-button{opacity:0}.ls-input-spin-overlay{position:fixed;z-index:var(--ls-z-tooltip, 60);display:flex;flex-direction:column;pointer-events:none}.ls-input-spin-overlay>span{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;border-radius:2px;opacity:.8;transition:color var(--ls-hover, .16s),opacity var(--ls-hover, .16s)}.ls-input-spin-overlay>span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:transparent;transition:background-color var(--ls-hover, .16s)}.ls-input-spin-overlay>.up:before{top:1px}.ls-input-spin-overlay>.down:before{bottom:1px}.ls-input-spin-overlay svg{width:71.43%;height:81.82%;fill:currentColor}.ls-input-spin-overlay.up-hover>.up,.ls-input-spin-overlay.down-hover>.down{color:var(--ls-spin-accent);opacity:1}.ls-input-spin-overlay.up-hover>.up:before,.ls-input-spin-overlay.down-hover>.down:before{background-color:color-mix(in srgb,var(--ls-spin-accent) 22%,transparent)}@media(prefers-reduced-motion:reduce){.ls-input-spin-overlay>span,.ls-input-spin-overlay>span:before{transition-duration:0s}}.ls-input[type=number]::-moz-number-spin-box,.ls-input[type=number]::-moz-number-spin-up,.ls-input[type=number]::-moz-number-spin-down{background:transparent}.ls-input::placeholder{color:color-mix(in srgb,var(--ls-text) 40%,transparent);opacity:1}@media(any-hover:hover){.ls-input:hover:not(:disabled):not(:read-only){box-shadow:0 0 8px 4px color-mix(in srgb,var(--ls-accent) 28%,transparent)}.ls-input:hover:not(:disabled):not(:read-only):not(:focus):not(:focus-visible){border-color:color-mix(in srgb,var(--ls-accent) 65%,var(--ls-border))}.ls-input.borderless:hover:not(:disabled):not(:read-only):not(:focus):not(:focus-visible){border-color:transparent}.ls-input.is-error:hover:not(:disabled):not(:read-only){box-shadow:0 0 8px 4px color-mix(in srgb,var(--ls-color-red) 28%,transparent)}.ls-input.is-error:hover:not(:disabled):not(:read-only):not(:focus):not(:focus-visible){border-color:var(--ls-color-red)}}.ls-input:focus,.ls-input:focus-visible{border-color:var(--ls-input-focus)}.ls-input.borderless:focus{border-color:var(--ls-input-focus)}.ls-input:read-only{color:var(--ls-text-dim);border-style:dashed}.ls-input.borderless:read-only{border-color:var(--ls-border)}.ls-input:disabled{opacity:.55;cursor:default}.ls-input.is-error{border-color:var(--ls-color-red)}.ls-input.is-error:focus,.ls-input.is-error:focus-visible{border-color:var(--ls-color-red)}.ls-field .error{margin:0;color:var(--ls-color-red);font-size:.85em;line-height:1.35}.ls-field .error[hidden]{display:none!important}.ls-dropdown{--ls-font-size: var(--ls-size-md-font);--ls-dropdown-icon-size: var(--ls-size-md-icon);--ls-control-height: var(--ls-size-md-control);position:relative;display:inline-flex;align-items:center;min-width:0}.ls-dropdown.sm{--ls-font-size: var(--ls-size-sm-font);--ls-dropdown-icon-size: var(--ls-size-sm-icon);--ls-control-height: var(--ls-size-sm-control)}.ls-dropdown.md{--ls-font-size: var(--ls-size-md-font);--ls-dropdown-icon-size: var(--ls-size-md-icon);--ls-control-height: var(--ls-size-md-control)}.ls-dropdown.lg{--ls-font-size: var(--ls-size-lg-font);--ls-dropdown-icon-size: var(--ls-size-lg-icon);--ls-control-height: var(--ls-size-lg-control)}.ls-dropdown .trigger{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:.5em;min-width:10.5rem;min-height:var(--ls-control-height);height:auto;padding:0 .75em;border:1px solid var(--ls-border);border-radius:4px;background:var(--ls-input-bg);color:var(--ls-text);font:inherit;font-size:var(--ls-font-size);line-height:1.2;cursor:pointer;transition:background-color var(--ls-hover),border-color var(--ls-hover),color var(--ls-hover),opacity var(--ls-hover)}.ls-dropdown.dense .trigger{min-height:calc(var(--ls-control-height) - var(--ls-dense-shrink));padding:0 .55em}.ls-dropdown .trigger:hover:not(:disabled){background:color-mix(in srgb,var(--ls-input-bg) 88%,var(--ls-text) 12%)}.ls-dropdown .trigger:focus{outline:none;border-color:var(--ls-accent-hover)}.ls-dropdown .trigger[aria-expanded=true]{border-color:var(--ls-accent-hover)}.ls-dropdown .trigger:disabled{opacity:.45;cursor:default;pointer-events:none}.ls-dropdown .caret{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;color:var(--ls-text-dim)}.ls-dropdown .caret:before{content:"";width:.45em;height:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.12em) rotate(45deg);transition:transform var(--ls-hover)}.ls-dropdown .caret.triangle:before{width:0;height:0;border:0;border-left:.3em solid transparent;border-right:.3em solid transparent;border-top:.35em solid currentColor;transform:none}.ls-dropdown .trigger[aria-expanded=true] .caret:before{transform:translateY(.12em) rotate(225deg)}.ls-dropdown .trigger[aria-expanded=true] .caret.triangle:before{transform:rotate(180deg)}.ls-dropdown.split .trigger{padding-inline-end:0;align-items:stretch}.ls-dropdown.split .trigger>:first-child{align-self:center}.ls-dropdown.split .caret{width:var(--ls-control-height);height:auto;min-height:calc(var(--ls-control-height) - 2px);border-inline-start:1px solid var(--ls-border)}.ls-dropdown.split.dense .caret{width:calc(var(--ls-control-height) - var(--ls-dense-shrink));min-height:calc(var(--ls-control-height) - var(--ls-dense-shrink) - 2px)}.ls-dropdown.borderless .trigger{border-color:transparent;background:transparent}.ls-dropdown.borderless .trigger:hover:not(:disabled){background:color-mix(in srgb,var(--ls-text) 8%,transparent)}.ls-dropdown.borderless .trigger:focus-visible{outline:2px solid var(--ls-input-focus);outline-offset:2px}.ls-dropdown.no-arrow .caret{display:none}.ls-dropdown.no-arrow .trigger{justify-content:center;gap:0;padding-inline:.75em}.ls-dropdown.no-arrow.dense .trigger{padding-inline:.55em}.ls-dropdown.editable .trigger{cursor:text}.ls-dropdown.editable .editor{box-sizing:border-box;flex:1 1 0;width:8rem;min-width:0;padding:0;border:0;outline:none;background:transparent;color:inherit;font:inherit;line-height:inherit}.ls-dropdown.editable .editor::placeholder{color:var(--ls-text-dim)}.ls-dropdown.editable .trigger:focus-within{border-color:var(--ls-accent-hover)}.ls-dropdown.editable button.caret{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.ls-dropdown.editable.split button.caret{border-inline-start:1px solid var(--ls-border)}.ls-dropdown.editable.is-disabled .trigger{opacity:.45;pointer-events:none}.ls-date-picker,.ls-date-picker__panel{--ls-date-picker-font: var(--ls-size-md-font);--ls-date-picker-control: var(--ls-size-md-control);--ls-date-picker-calendar-width: 16rem;--ls-date-picker-time-column-width: 2.5rem;color:var(--ls-text);font-size:var(--ls-date-picker-font)}.ls-date-picker{position:relative;display:inline-block;min-width:0;width:min(100%,20rem)}.ls-date-picker.sm{--ls-date-picker-font: var(--ls-size-sm-font);--ls-date-picker-control: var(--ls-size-sm-control)}.ls-date-picker.lg{--ls-date-picker-font: var(--ls-size-lg-font);--ls-date-picker-control: var(--ls-size-lg-control)}.ls-date-picker__control{position:relative;width:100%}.ls-date-picker__input{width:100%;padding-right:calc(var(--ls-date-picker-control) + .5rem);font-variant-numeric:tabular-nums}.ls-date-picker__trigger.ls-btn{position:absolute;z-index:1;inset:0 0 0 auto;width:var(--ls-date-picker-control);height:100%;min-height:0;padding:0;border-radius:0 var(--ls-input-radius, .286em) var(--ls-input-radius, .286em) 0}.ls-date-picker__trigger svg{display:block;width:1.1em;height:1.1em}.ls-date-picker__panel{position:fixed;z-index:calc(var(--ls-z-menu, 40) + 1);box-sizing:border-box;width:calc(var(--ls-date-picker-calendar-width) + 1.5rem + 2px);max-width:calc(100vw - 16px);overflow:auto;overscroll-behavior:contain;padding:.75rem;border:1px solid var(--ls-border);border-radius:var(--ls-dialog-radius);background:var(--ls-bg-elevated);box-shadow:0 .4rem 1rem color-mix(in srgb,#000 22%,transparent)}.ls-date-picker__panel[data-mode=datetime]{width:calc(var(--ls-date-picker-calendar-width) + 2 * var(--ls-date-picker-time-column-width) + 2.75rem + 3px)}.ls-date-picker__panel[data-mode=time]{width:calc(2 * var(--ls-date-picker-time-column-width) + 4rem)}.ls-date-picker__body{display:grid;grid-template-columns:minmax(0,var(--ls-date-picker-calendar-width));min-width:0}.ls-date-picker__panel[data-mode=datetime] .ls-date-picker__body{grid-template-columns:minmax(0,var(--ls-date-picker-calendar-width)) auto;gap:.5rem}.ls-date-picker__calendar{min-width:0}.ls-date-picker__month{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.ls-date-picker__month strong{font-size:.95rem;font-weight:600}.ls-date-picker__month-nav{display:flex;align-items:center;gap:.1rem}.ls-date-picker__month-nav svg{display:block;width:1rem;height:1rem}.ls-date-picker__weekdays,.ls-date-picker__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.12rem;align-items:center;text-align:center}.ls-date-picker__weekdays{margin-bottom:.2rem;color:var(--ls-text-dim);font-size:.82em;line-height:1.6rem}.ls-date-picker__day.ls-btn{width:100%;min-width:0;padding-inline:0;border-radius:.3rem;font-weight:400;text-transform:none;font-variant-numeric:tabular-nums}.ls-date-picker__time{display:flex;align-self:stretch;align-items:stretch;justify-content:center;gap:.25rem;height:14rem;min-height:0}.ls-date-picker__panel[data-mode=datetime] .ls-date-picker__time{contain:size;height:auto;padding-left:.5rem;border-left:1px solid var(--ls-border)}.ls-date-picker__time-col{box-sizing:border-box;display:flex;flex:0 0 var(--ls-date-picker-time-column-width);flex-direction:column;align-items:stretch;width:var(--ls-date-picker-time-column-width);min-width:var(--ls-date-picker-time-column-width);height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.ls-date-picker__time-option.ls-btn{flex:0 0 auto;width:100%;min-width:0;padding-inline:0;border-radius:.3rem;font-weight:400;font-variant-numeric:tabular-nums}.ls-date-picker__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--ls-border)}.ls-date-picker__shortcuts,.ls-date-picker__actions{display:flex;align-items:center;gap:.25rem}.ls-date-picker__panel[data-mode=time] .ls-date-picker__body{grid-template-columns:auto}.ls-date-picker__panel[data-mode=time] .ls-date-picker__footer{flex-direction:column;align-items:stretch}.ls-date-picker__panel[data-mode=time] .ls-date-picker__shortcuts,.ls-date-picker__panel[data-mode=time] .ls-date-picker__actions{justify-content:space-between}.ls-date-picker.is-disabled{opacity:.55}.ls-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ls-z-dialog);display:none;align-items:center;justify-content:center;background:#00000073}.ls-dialog:not([hidden]){display:flex;animation:ls-dialog-in var(--ls-duration) var(--ls-ease-out)}.ls-dialog .panel{box-sizing:border-box;width:min(27.5rem,calc(100vw - 2rem));padding:1rem 1.125rem .875rem;background:var(--ls-bg-elevated);color:var(--ls-text);border:1px solid var(--ls-border);border-radius:var(--ls-dialog-radius);box-shadow:var(--ls-popover-shadow)}.ls-dialog:not([hidden]) .panel{animation:ls-panel-in var(--ls-duration) var(--ls-ease-out)}.ls-dialog:not([hidden]) .panel.draggable{animation:ls-dialog-in var(--ls-duration) var(--ls-ease-out)}.ls-dialog .title{margin:0 0 8px;font-size:var(--ls-font-title);font-weight:600}.ls-dialog .hint{margin:0 0 12px;color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.45}.ls-dialog .hint[hidden]{display:none!important}.ls-dialog .body{margin:0;color:var(--ls-text);font-size:var(--ls-font-secondary);line-height:1.55;white-space:pre-wrap}.ls-dialog .head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ls-dialog .head .title{margin:0}.ls-dialog .panel.draggable :is(.head,.title,.drag-handle){cursor:default;-webkit-user-select:none;user-select:none;touch-action:none}.ls-dialog .icon{flex:0 0 auto;display:flex;align-items:center;color:var(--ls-accent-hover)}.ls-dialog[data-kind=warning] .icon{color:var(--ls-popover-active)}.ls-dialog[data-kind=error] .icon{color:var(--ls-danger)}.ls-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ls-dialog .actions .ls-btn:not(.fill):not(.push):not(.outline){background:transparent;color:var(--ls-btn-color)}.ls-dialog .actions .ls-btn:not(.fill):not(.push):not(.outline):before{box-shadow:none;border:0}.ls-dialog .error{margin:8px 0 0;color:var(--ls-color-red);font-size:var(--ls-font-caption)}.ls-dialog .error[hidden]{display:none!important}.ls-dialog.modeless{background:transparent;pointer-events:none;align-items:center;justify-content:center;padding:24px}.ls-dialog.modeless .panel{pointer-events:auto}.ls-dialog.modeless:not([hidden]) .panel{animation:ls-dialog-in var(--ls-duration-fast) var(--ls-ease-out)}:has(>.ls-tooltip){position:relative}:has(>.ls-tooltip):hover,:has(>.ls-tooltip):focus-within{z-index:var(--ls-z-tooltip)}.ls-tooltip{box-sizing:border-box;position:absolute;left:50%;top:auto;right:auto;bottom:calc(100% + var(--ls-tooltip-offset));z-index:var(--ls-z-tooltip);width:max-content;max-width:min(220px,70vw);padding:6px 10px;border-radius:4px;background:var(--ls-popover-bg);color:var(--ls-popover-text);box-shadow:var(--ls-popover-shadow);font-size:var(--ls-font-caption);font-weight:400;line-height:1.35;letter-spacing:normal;text-align:center;text-transform:none;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(var(--ls-tooltip-motion-distance));transition:opacity var(--ls-tooltip-motion-duration) var(--ls-ease-out),transform var(--ls-tooltip-motion-duration) var(--ls-ease-out),visibility var(--ls-tooltip-motion-duration);transition-delay:0s}.ls-tooltip[data-theme]{background:var(--ls-bg-elevated);color:var(--ls-text)}.ls-tooltip.top,.ls-tooltip[data-ls-placement=top]{top:auto;right:auto;bottom:calc(100% + var(--ls-tooltip-offset));left:50%;transform:translate(-50%) translateY(var(--ls-tooltip-motion-distance))}.ls-tooltip.bottom,.ls-tooltip[data-ls-placement=bottom]{top:calc(100% + var(--ls-tooltip-offset));right:auto;bottom:auto;left:50%;transform:translate(-50%) translateY(calc(-1 * var(--ls-tooltip-motion-distance)))}.ls-tooltip.left,.ls-tooltip[data-ls-placement=left]{top:50%;right:calc(100% + var(--ls-tooltip-offset));bottom:auto;left:auto;transform:translate(var(--ls-tooltip-motion-distance),-50%)}.ls-tooltip.right,.ls-tooltip[data-ls-placement=right]{top:50%;right:auto;bottom:auto;left:calc(100% + var(--ls-tooltip-offset));transform:translate(calc(-1 * var(--ls-tooltip-motion-distance)),-50%)}.ls-tooltip.blue{color:var(--ls-color-blue)}.ls-tooltip.cyan{color:var(--ls-color-cyan)}.ls-tooltip.magenta{color:var(--ls-color-magenta)}.ls-tooltip.green{color:var(--ls-color-green)}.ls-tooltip.red{color:var(--ls-color-red)}.ls-tooltip.yellow{color:var(--ls-color-yellow)}.ls-tooltip.dark{color:var(--ls-color-dark)}.ls-tooltip.gray{color:var(--ls-color-gray)}.ls-tooltip.white{color:var(--ls-color-white)}.ls-tooltip.black{color:var(--ls-color-black)}.ls-tooltip--shown{opacity:1;visibility:visible;transition-delay:var(--ls-tooltip-delay)}.ls-tooltip--shown.top,.ls-tooltip--shown[data-ls-placement=top],.ls-tooltip--shown:not(.bottom):not(.left):not(.right):not([data-ls-placement]),.ls-tooltip--shown.bottom,.ls-tooltip--shown[data-ls-placement=bottom]{transform:translate(-50%) translateY(0)}.ls-tooltip--shown.left,.ls-tooltip--shown[data-ls-placement=left],.ls-tooltip--shown.right,.ls-tooltip--shown[data-ls-placement=right]{transform:translateY(-50%)}@property --scrollbar-fade{syntax: "<number>"; inherits: true; initial-value: 0;}.ls-scroll{--scrollbar-fade: 0;overflow:auto;transition:--scrollbar-fade var(--ls-scrollbar-fade-duration) var(--ls-ease-out),scrollbar-color var(--ls-scrollbar-fade-duration) var(--ls-ease-out);scrollbar-width:thin;scrollbar-color:rgb(var(--ls-scrollbar-thumb-rgb) / calc(var(--ls-scrollbar-thumb-alpha) * var(--scrollbar-fade))) transparent}.ls-scroll:hover{--scrollbar-fade: 1}.ls-scroll::-webkit-scrollbar{width:var(--ls-scrollbar-size);height:var(--ls-scrollbar-size);background:transparent}.ls-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}.ls-scroll::-webkit-scrollbar-track,.ls-scroll::-webkit-scrollbar-corner{background:transparent}.ls-scroll::-webkit-scrollbar-thumb{background-color:rgb(var(--ls-scrollbar-thumb-rgb) / calc(var(--ls-scrollbar-thumb-alpha) * var(--scrollbar-fade)));border-radius:99px;transition:background-color var(--ls-scrollbar-fade-duration) var(--ls-ease-out)}.ls-scroll::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--ls-scrollbar-thumb-rgb) / calc(var(--ls-scrollbar-thumb-hover-alpha) * var(--scrollbar-fade)))}.ls-color-picker{--ls-cp-value: #888888;--ls-cp-hue: #ff0000;--ls-cp-s: 1;--ls-cp-v: 1;--ls-cp-h: 0;display:grid;gap:.625rem;width:13.75rem;padding:.75rem;border:1px solid var(--ls-border);border-radius:.5rem;background:var(--ls-bg-elevated);color:var(--ls-text);box-shadow:var(--ls-popover-shadow);font-size:var(--ls-font-secondary)}.ls-color-picker .sv{position:relative;width:100%;height:8.75rem;border-radius:.25rem;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--ls-cp-hue));cursor:default;touch-action:none}.ls-color-picker .hue{position:relative;width:100%;height:.75rem;border-radius:99px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:default;touch-action:none}.ls-color-picker .thumb{position:absolute;box-sizing:border-box;width:.75rem;height:.75rem;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000073;pointer-events:auto;cursor:default;transform:translate(-50%,-50%)}.ls-color-picker .sv .thumb{left:calc(var(--ls-cp-s) * 100%);top:calc((1 - var(--ls-cp-v)) * 100%)}.ls-color-picker .hue .thumb{top:50%;left:calc((var(--ls-cp-h) / 360) * 100%)}.ls-color-picker .fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.ls-color-picker .hex{min-width:0}.ls-color-picker .preview{width:1.75rem;height:1.75rem;border:1px solid var(--ls-border);border-radius:.25rem;background:var(--ls-cp-value)}.ls-slider{--ls-slider-color: var(--ls-accent);--ls-slider-track: rgb(255 255 255 / .1);--ls-slider-inner: rgb(255 255 255 / .1);--ls-slider-markers: rgb(255 255 255 / .3);--ls-slider-track-size: .25rem;--ls-slider-thumb-size: 1.25rem;--ls-slider-ripple-size: calc(var(--ls-slider-thumb-size) * 1.6);--ls-slider-label-on: #fff;position:relative;display:inline-flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:100%;min-width:0;color:var(--ls-slider-color);-webkit-user-select:none;user-select:none;touch-action:none}[data-theme]:not([data-theme=dark]) .ls-slider{--ls-slider-track: rgb(0 0 0 / .1);--ls-slider-inner: rgb(0 0 0 / .1);--ls-slider-markers: rgb(0 0 0 / .3)}.ls-slider.vertical{flex-direction:row;width:auto;max-width:none;min-width:calc(var(--ls-slider-thumb-size) + 24px);height:200px}.ls-slider.input:not(.vertical){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}.ls-slider.input:not(.vertical) .track-container{grid-column:1;grid-row:1}.ls-slider.input:not(.vertical) .field{grid-column:2;grid-row:1}.ls-slider.input:not(.vertical) .marker-labels{grid-column:1;grid-row:2}.ls-slider.input.vertical{display:grid;grid-template-columns:auto auto;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;justify-items:center;column-gap:0;row-gap:10px;height:auto}.ls-slider.input.vertical .track-container{grid-column:1;grid-row:1;height:var(--ls-slider-rail, 200px)}.ls-slider.input.vertical .marker-labels{grid-column:2;grid-row:1}.ls-slider.input.vertical .field{grid-column:1;grid-row:2}.ls-slider.input .field{display:flex;flex:0 0 auto;align-items:center;gap:6px;min-width:0;-webkit-user-select:text;user-select:text;touch-action:auto}.ls-slider.input .field .ls-input,.ls-slider.input .value{width:4.5em;min-width:4.5em;flex:0 0 auto}.ls-slider.input .suffix{color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.ls-slider.input .suffix[hidden]{display:none!important}.ls-slider.blue{--ls-slider-color: var(--ls-color-blue)}.ls-slider.cyan{--ls-slider-color: var(--ls-color-cyan)}.ls-slider.magenta{--ls-slider-color: var(--ls-color-magenta)}.ls-slider.green{--ls-slider-color: var(--ls-color-green)}.ls-slider.red{--ls-slider-color: var(--ls-color-red)}.ls-slider.yellow{--ls-slider-color: var(--ls-color-yellow)}.ls-slider.dark{--ls-slider-color: var(--ls-color-dark)}.ls-slider.gray{--ls-slider-color: var(--ls-color-gray)}.ls-slider.white{--ls-slider-color: var(--ls-color-white)}.ls-slider.black{--ls-slider-color: var(--ls-color-black)}.ls-slider.editable .track-container,.ls-slider.active,.ls-slider.active .track-container{cursor:pointer}.ls-slider.disabled,.ls-slider[disabled],.ls-slider[aria-disabled=true]{opacity:.5;pointer-events:none}.ls-slider .track-container{outline:0;position:relative;box-sizing:border-box;width:100%;padding:12px 0}.ls-slider.vertical .track-container{display:flex;justify-content:center;width:var(--ls-slider-thumb-size);height:100%;padding:0}.ls-slider.dense .track-container{padding:6px 0}.ls-slider.vertical.ls-slider.dense .track-container{padding:0}.ls-slider .track{position:relative;width:100%;height:var(--ls-slider-track-size);border-radius:4px;background:var(--ls-slider-track);outline:0;color:inherit}.ls-slider.vertical .track{width:var(--ls-slider-track-size);height:100%}.ls-slider .inner,.ls-slider .selection{position:absolute;border-radius:inherit}.ls-slider .inner{background:var(--ls-slider-inner)}.ls-slider .selection{background:currentColor}.ls-slider:not(.vertical) .inner,.ls-slider:not(.vertical) .selection{top:0;bottom:0}.ls-slider.vertical .inner,.ls-slider.vertical .selection{left:0;right:0}.ls-slider .markers{position:absolute;overflow:hidden;border-radius:inherit;color:var(--ls-slider-markers);pointer-events:none}.ls-slider .markers:after{content:"";position:absolute;background:currentColor}.ls-slider:not(.vertical) .markers{inset-block:0;background-image:repeating-linear-gradient(to right,currentColor,currentColor 2px,transparent 0,transparent)}.ls-slider:not(.vertical) .markers:after{top:0;right:0;width:2px;height:100%}.ls-slider.vertical .markers{inset-inline:0;background-image:repeating-linear-gradient(to bottom,currentColor,currentColor 2px,transparent 0,transparent)}.ls-slider.vertical .markers:after{left:0;bottom:0;width:100%;height:2px}.ls-slider .thumb{position:absolute;z-index:1;box-sizing:border-box;width:var(--ls-slider-thumb-size);height:var(--ls-slider-thumb-size);outline:0;color:inherit;overflow:visible;transition:transform var(--ls-hover)}.ls-slider:not(.vertical) .thumb{top:50%;transform:translate(-50%,-50%)}.ls-slider.vertical .thumb{left:50%;top:auto;transform:translate(-50%,50%)}.ls-slider.reverse:not(.vertical) .thumb{transform:translate(50%,-50%)}.ls-slider.vertical.ls-slider.reverse .thumb{top:0;bottom:auto;transform:translate(-50%,-50%)}.ls-slider .thumb-shape{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:3.5;transition:transform var(--ls-hover)}.ls-slider.active .thumb-shape{transform:scale(1.5)}.ls-slider .focus-ring{position:absolute;left:50%;top:50%;z-index:0;width:0;height:0;border-radius:50%;background:color-mix(in srgb,currentColor calc(var(--ls-radio-ripple) * 100%),transparent);transform:translate(-50%,-50%);pointer-events:none;transition:width var(--ls-hover),height var(--ls-hover)}.ls-slider.focus .focus-ring,.ls-slider.active .focus-ring{width:var(--ls-slider-ripple-size);height:var(--ls-slider-ripple-size)}@media(any-hover:hover){.ls-slider.editable .track-container:hover .focus-ring{width:var(--ls-slider-ripple-size);height:var(--ls-slider-ripple-size)}}.ls-slider .pin{position:absolute;z-index:2;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .28s ease-out;transition-delay:.14s;color:inherit}.ls-slider .pin:before{content:"";width:0;height:0;position:absolute}.ls-slider:not(.vertical):not(.switch-label) .pin{left:50%;bottom:100%;transform:translate(-50%)}.ls-slider:not(.vertical):not(.switch-label) .pin:before{left:50%;bottom:2px;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid currentColor}.ls-slider:not(.vertical).ls-slider.switch-label .pin{left:50%;top:100%;transform:translate(-50%)}.ls-slider:not(.vertical).ls-slider.switch-label .pin:before{left:50%;top:2px;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid currentColor}.ls-slider.vertical:not(.switch-label) .pin{top:50%;left:100%;transform:translateY(-50%)}.ls-slider.vertical:not(.switch-label) .pin:before{top:50%;left:2px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid currentColor}.ls-slider.vertical.ls-slider.switch-label .pin{top:50%;right:100%;transform:translateY(-50%)}.ls-slider.vertical.ls-slider.switch-label .pin:before{top:50%;right:2px;transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid currentColor}.ls-slider .label{position:relative;z-index:1;white-space:nowrap;min-width:var(--ls-slider-thumb-size)}.ls-slider:not(.vertical):not(.switch-label) .label{margin-bottom:7px}.ls-slider:not(.vertical).ls-slider.switch-label .label{margin-top:7px}.ls-slider.vertical:not(.switch-label) .label{margin-left:7px}.ls-slider.vertical.ls-slider.switch-label .label{margin-right:7px}.ls-slider .text-container{min-height:25px;padding:2px 8px;border-radius:4px;background:currentColor;text-align:center}.ls-slider .text{color:var(--ls-slider-label-on);font-size:var(--ls-font-caption);line-height:1.4}.ls-slider.label.ls-slider.active .pin,.ls-slider.label-always .pin{opacity:1}.ls-slider.inactive:not(.active) .thumb{transition:left .28s var(--ls-ease-out),right .28s var(--ls-ease-out),top .28s var(--ls-ease-out),bottom .28s var(--ls-ease-out)}.ls-slider.inactive:not(.active) .selection,.ls-slider.inactive:not(.active) .inner{transition:width .28s var(--ls-ease-out),height .28s var(--ls-ease-out),left .28s var(--ls-ease-out),right .28s var(--ls-ease-out),top .28s var(--ls-ease-out),bottom .28s var(--ls-ease-out)}.ls-slider .marker-labels{position:relative;width:100%;min-height:24px}.ls-slider.vertical .marker-labels{width:auto;height:100%;min-width:24px}.ls-slider .marker-label{position:absolute;font-size:var(--ls-font-caption);line-height:1.2;color:var(--ls-text-dim);white-space:nowrap}.ls-slider:not(.vertical) .marker-label{transform:translate(-50%)}.ls-slider:not(.vertical).ls-slider.reverse .marker-label{transform:translate(50%)}.ls-slider:not(.vertical):not(.switch-markers) .marker-label{top:0}.ls-slider:not(.vertical).ls-slider.switch-markers .marker-label{bottom:0}.ls-slider.vertical .marker-label{transform:translateY(50%)}.ls-slider.vertical.ls-slider.reverse .marker-label{transform:translateY(-50%)}.ls-slider.vertical:not(.switch-markers) .marker-label{left:4px}.ls-slider.vertical.ls-slider.switch-markers .marker-label{right:4px}.ls-slider.no-value .thumb,.ls-slider.no-value .inner,.ls-slider.no-value .selection{opacity:0}@media(forced-colors:active){.ls-slider{forced-color-adjust:none;color:Highlight}.ls-slider .track{background:CanvasText}.ls-slider .inner,.ls-slider .selection{background:Highlight}.ls-slider .thumb-shape{fill:Highlight}}.ls-splitter{display:flex;box-sizing:border-box;min-width:0}.ls-splitter.vertical{flex-direction:column}.ls-splitter .pane{flex:1 1 0;box-sizing:border-box;min-width:0;min-height:0;overflow:auto}.ls-splitter:not(:has(>.handle))>.pane+.pane{border-top:0;border-left:1px solid var(--ls-border)}.ls-splitter.vertical:not(:has(>.handle))>.pane+.pane{border-top:1px solid var(--ls-border);border-left:0}.ls-splitter .handle{flex:0 0 .375rem;position:relative;box-sizing:border-box;background:var(--ls-border);transition:background-color var(--ls-hover);touch-action:none;--ls-splitter-cursor-col: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23111' stroke='%23fff' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Crect x='14.2' y='5' width='3.6' height='22' rx='1'/%3E%3Cpath d='M2.2 16 10 10.6v10.8z'/%3E%3Cpath d='M29.8 16 22 10.6v10.8z'/%3E%3C/g%3E%3C/svg%3E") 16 16, col-resize;--ls-splitter-cursor-row: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill='%23111' stroke='%23fff' stroke-width='2' stroke-linejoin='round' paint-order='stroke'%3E%3Crect x='5' y='14.2' width='22' height='3.6' rx='1'/%3E%3Cpath d='M16 2.2 10.6 10h10.8z'/%3E%3Cpath d='M16 29.8 10.6 22h10.8z'/%3E%3C/g%3E%3C/svg%3E") 16 16, row-resize}.ls-splitter:not(.vertical)>.handle{width:.375rem;cursor:var(--ls-splitter-cursor-col)}.ls-splitter.vertical>.handle{height:.375rem;cursor:var(--ls-splitter-cursor-row)}.ls-splitter .handle:after{content:"";position:absolute;background:transparent;border-radius:2px;transition:background-color var(--ls-hover)}.ls-splitter:not(.vertical)>.handle:after{inset:50% auto 50% 50%;width:2px;height:1.5rem;transform:translate(-50%,-50%)}.ls-splitter.vertical>.handle:after{inset:50% 50% auto 50%;width:1.5rem;height:2px;transform:translate(-50%,-50%)}.ls-splitter .handle:hover,.ls-splitter .handle:focus-visible,.ls-splitter .handle.is-dragging{background:color-mix(in srgb,var(--ls-accent) 45%,var(--ls-border))}.ls-splitter .handle:hover:after,.ls-splitter .handle:focus-visible:after,.ls-splitter .handle.is-dragging:after{background:var(--ls-accent)}.ls-splitter .handle:focus-visible{outline:2px solid var(--ls-input-focus);outline-offset:-2px}.ls-progress{--ls-progress: 0%;--ls-progress-buffer: 0%;--ls-progress-size: .25rem;--ls-progress-speed: .3s;--ls-progress-color: var(--ls-accent);--ls-progress-track: rgb(255 255 255 / .22);--ls-progress-stripe-size: 2.5rem;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:var(--ls-progress-size);overflow:hidden;background:var(--ls-progress-track);color:var(--ls-progress-color);font:inherit;font-size:var(--ls-font-caption);font-weight:500;line-height:1;text-align:center;vertical-align:middle;transform:scaleZ(1)}[data-theme]:not([data-theme=dark]) .ls-progress{--ls-progress-track: rgb(0 0 0 / .16)}.ls-progress.blue{--ls-progress-color: var(--ls-color-blue)}.ls-progress.cyan{--ls-progress-color: var(--ls-color-cyan)}.ls-progress.magenta{--ls-progress-color: var(--ls-color-magenta)}.ls-progress.green{--ls-progress-color: var(--ls-color-green)}.ls-progress.red{--ls-progress-color: var(--ls-color-red)}.ls-progress.yellow{--ls-progress-color: var(--ls-color-yellow)}.ls-progress.dark{--ls-progress-color: var(--ls-color-dark)}.ls-progress.gray{--ls-progress-color: var(--ls-color-gray)}.ls-progress.white{--ls-progress-color: var(--ls-color-white)}.ls-progress.black{--ls-progress-color: var(--ls-color-black)}.ls-progress.dense{--ls-progress-size: 2px}.ls-progress.rounded{border-radius:100em}.ls-progress.reverse{transform:scale3d(-1,1,1)}.ls-progress.reverse>*{transform:scale3d(-1,1,1)}.ls-progress:before,.ls-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:0;pointer-events:none;border-radius:inherit}.ls-progress:before{z-index:0;width:var(--ls-progress-buffer);background:currentColor;opacity:.4;transition:width var(--ls-progress-speed)}.ls-progress:after{z-index:1;width:var(--ls-progress);background:currentColor;transition:width var(--ls-progress-speed)}.ls-progress.stripe:after{background-image:linear-gradient(45deg,rgb(255 255 255 / .15) 25%,transparent 25%,transparent 50%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .15) 75%,transparent 75%,transparent);background-size:var(--ls-progress-stripe-size) var(--ls-progress-stripe-size)}.ls-progress>*{position:relative;z-index:2;padding:0 .5em;color:var(--ls-text);white-space:nowrap;pointer-events:none}.ls-progress.indeterminate:before,.ls-progress.indeterminate:after,.ls-progress.query:before,.ls-progress.query:after{width:auto;right:0;opacity:1;transition:none;background-image:none;transform-origin:0 0}.ls-progress.indeterminate:before,.ls-progress.query:before{animation:ls-progress-indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.ls-progress.indeterminate:after,.ls-progress.query:after{transform:translate3d(-101%,0,0) scaleZ(1);animation:ls-progress-indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.ls-progress.query{transform:scale3d(-1,1,1)}.ls-progress.query>*{transform:scale3d(-1,1,1)}@keyframes ls-progress-indeterminate{0%{transform:translate3d(-35%,0,0) scale3d(.35,1,1)}60%{transform:translate3d(100%,0,0) scale3d(.9,1,1)}to{transform:translate3d(100%,0,0) scale3d(.9,1,1)}}@keyframes ls-progress-indeterminate-short{0%{transform:translate3d(-101%,0,0) scaleZ(1)}60%{transform:translate3d(107%,0,0) scale3d(.01,1,1)}to{transform:translate3d(107%,0,0) scale3d(.01,1,1)}}.ls-expand{--ls-expand-collapsed-w: 1.75rem;--ls-expand-collapsed-h: 1.75rem;--ls-expand-open-w: 13.5rem;--ls-expand-open-h: 13rem;--ls-expand-duration: .5s;--ls-expand-ease: var(--ls-ease);--ls-expand-radius: .5rem;--ls-expand-edge-offset: 50%;--ls-expand-handle-x: 0px;--ls-expand-handle-y: 0px;--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px;box-sizing:border-box;position:absolute;z-index:var(--ls-z-expand);width:var(--ls-expand-collapsed-w);height:var(--ls-expand-collapsed-h);overflow:hidden;overflow-clip-margin:1px;background:transparent;pointer-events:none;border-radius:var(--ls-expand-rtl) var(--ls-expand-rtr) var(--ls-expand-rbr) var(--ls-expand-rbl);box-shadow:0 2px 4px #00000038;transition:box-shadow var(--ls-expand-duration) var(--ls-expand-ease),border-radius var(--ls-expand-duration) var(--ls-expand-ease)}.ls-expand.is-expanded{box-shadow:0 6px 14px #00000052}.ls-expand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;box-sizing:border-box;pointer-events:none;border-style:solid;border-color:var(--ls-border);border-width:var(--ls-expand-bt) var(--ls-expand-br) var(--ls-expand-bb) var(--ls-expand-bl);border-radius:inherit;transition:border-radius var(--ls-expand-duration) var(--ls-expand-ease),border-width var(--ls-expand-duration) var(--ls-expand-ease)}.ls-expand .frame{pointer-events:auto;position:absolute;box-sizing:border-box;display:flex;flex-direction:column;width:var(--ls-expand-open-w);height:var(--ls-expand-open-h);min-width:var(--ls-expand-collapsed-w);min-height:var(--ls-expand-collapsed-h);overflow:hidden;color:var(--ls-text);font-size:var(--ls-font-secondary);background:var(--ls-expand-bg, var(--ls-bg-elevated));border:0;border-radius:0}.ls-expand:not([data-collapse]),.ls-expand[data-collapse=tr]{top:0;right:0;bottom:auto;left:auto}.ls-expand[data-collapse=tl]{top:0;left:0;right:auto;bottom:auto}.ls-expand[data-collapse=br]{top:auto;right:0;bottom:0;left:auto}.ls-expand[data-collapse=bl]{top:auto;right:auto;bottom:0;left:0}.ls-expand[data-collapse=r]{right:0;left:auto;bottom:auto}.ls-expand[data-collapse=l]{left:0;right:auto;bottom:auto}.ls-expand[data-collapse=t]{top:0;bottom:auto;right:auto}.ls-expand[data-collapse=b]{bottom:0;top:auto;right:auto}.ls-expand[data-collapse=r]:not(.is-expanded),.ls-expand[data-collapse=l]:not(.is-expanded){top:var(--ls-expand-edge-offset)}.ls-expand[data-collapse=t]:not(.is-expanded),.ls-expand[data-collapse=b]:not(.is-expanded){left:var(--ls-expand-edge-offset)}.ls-expand[data-collapse=float]:not(.is-expanded),.ls-expand[data-collapse=float]:not(.is-expanded)[data-ls-float-anchor=br]{top:auto;right:16px;bottom:16px;left:auto}.ls-expand[data-collapse=float]:not(.is-expanded)[data-ls-float-anchor=tr]{top:16px;right:16px;bottom:auto;left:auto}.ls-expand[data-collapse=float]:not(.is-expanded)[data-ls-float-anchor=tl]{top:16px;left:16px;right:auto;bottom:auto}.ls-expand[data-collapse=float]:not(.is-expanded)[data-ls-float-anchor=bl]{top:auto;left:16px;right:auto;bottom:16px}.ls-expand:not([data-collapse]) .frame,.ls-expand[data-collapse=tr] .frame{top:0;right:0;bottom:auto;left:auto}.ls-expand[data-collapse=tl] .frame{top:0;left:0;right:auto;bottom:auto}.ls-expand[data-collapse=br] .frame{top:auto;right:0;bottom:0;left:auto;flex-direction:column-reverse}.ls-expand[data-collapse=bl] .frame{top:auto;right:auto;bottom:0;left:0;flex-direction:column-reverse}.ls-expand[data-collapse=r] .frame{right:0;left:auto;bottom:auto;flex-direction:row-reverse}.ls-expand[data-collapse=l] .frame{left:0;right:auto;bottom:auto;flex-direction:row}.ls-expand[data-ls-expand-stretch^=v]{height:auto}.ls-expand[data-ls-expand-stretch=v-bottom]{bottom:0}.ls-expand[data-ls-expand-stretch=v-top]{top:0}.ls-expand[data-ls-expand-stretch^=h]{width:auto}.ls-expand[data-ls-expand-stretch=h-left]{left:0}.ls-expand[data-ls-expand-stretch=h-right]{right:0}.ls-expand[data-ls-expand-stretch^=v] .frame{height:100%}.ls-expand[data-ls-expand-stretch^=h] .frame{width:100%}.ls-expand[data-collapse=t] .frame{top:0;bottom:auto;right:auto}.ls-expand[data-collapse=b] .frame{bottom:0;top:auto;right:auto;flex-direction:column-reverse}.ls-expand[data-collapse=float]:not([data-ls-float-anchor]) .frame,.ls-expand[data-ls-float-anchor=br] .frame{top:auto;right:0;bottom:0;left:auto;flex-direction:column-reverse}.ls-expand[data-ls-float-anchor=tr] .frame{top:0;right:0;bottom:auto;left:auto;flex-direction:column}.ls-expand[data-ls-float-anchor=tl] .frame{top:0;left:0;right:auto;bottom:auto;flex-direction:column}.ls-expand[data-ls-float-anchor=bl] .frame{top:auto;left:0;right:auto;bottom:0;flex-direction:column-reverse}.ls-expand:not([data-collapse]):not(.is-expanded),.ls-expand[data-collapse=tr]:not(.is-expanded){--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 1px;--ls-expand-bl: 1px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand[data-collapse=tl]:not(.is-expanded){--ls-expand-bt: 0px;--ls-expand-br: 1px;--ls-expand-bb: 1px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: 0px}.ls-expand[data-collapse=br]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 1px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand[data-collapse=bl]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 1px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand[data-collapse=t]:not(.is-expanded){--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 1px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand[data-collapse=b]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand[data-collapse=l]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 1px;--ls-expand-bb: 1px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: 0px}.ls-expand[data-collapse=r]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 0px;--ls-expand-bb: 1px;--ls-expand-bl: 1px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand[data-collapse=float]:not(.is-expanded){--ls-expand-bt: 1px;--ls-expand-br: 1px;--ls-expand-bb: 1px;--ls-expand-bl: 1px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand:not([data-expand]).is-expanded,.ls-expand.is-expanded[data-expand=tr]{--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 1px;--ls-expand-bl: 1px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand.is-expanded[data-expand=tl]{--ls-expand-bt: 0px;--ls-expand-br: 1px;--ls-expand-bb: 1px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=br]{--ls-expand-bt: 1px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 1px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=bl]{--ls-expand-bt: 1px;--ls-expand-br: 1px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=t]{--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 1px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=b]{--ls-expand-bt: 1px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=l]{--ls-expand-bt: 0px;--ls-expand-br: 1px;--ls-expand-bb: 0px;--ls-expand-bl: 0px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=r]{--ls-expand-bt: 0px;--ls-expand-br: 0px;--ls-expand-bb: 0px;--ls-expand-bl: 1px;--ls-expand-rtl: 0px;--ls-expand-rtr: 0px;--ls-expand-rbr: 0px;--ls-expand-rbl: 0px}.ls-expand.is-expanded[data-expand=float]{--ls-expand-bt: 1px;--ls-expand-br: 1px;--ls-expand-bb: 1px;--ls-expand-bl: 1px;--ls-expand-rtl: var(--ls-expand-radius);--ls-expand-rtr: var(--ls-expand-radius);--ls-expand-rbr: var(--ls-expand-radius);--ls-expand-rbl: var(--ls-expand-radius)}.ls-expand .head{position:relative;box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;width:100%;min-width:0;height:var(--ls-expand-collapsed-h);margin:0;padding:0 var(--ls-expand-collapsed-w) 0 12px;border:0;border-radius:0;background:var(--ls-expand-header-bg, color-mix(in srgb, var(--ls-bg-elevated) 88%, #000));color:inherit;font:inherit;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.ls-expand .title{position:relative;z-index:1;overflow:hidden;min-width:0;white-space:nowrap}.ls-expand .icon{position:absolute;top:0;z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ls-expand-collapsed-w);height:var(--ls-expand-collapsed-h);color:inherit}.ls-expand:not([data-collapse]) .icon,.ls-expand[data-collapse=tr] .icon,.ls-expand[data-collapse=br] .icon,.ls-expand[data-collapse=float] .icon,.ls-expand[data-ls-float-anchor=tr] .icon,.ls-expand[data-ls-float-anchor=br] .icon{right:0;left:auto}.ls-expand[data-collapse=tl] .icon,.ls-expand[data-collapse=bl] .icon,.ls-expand[data-ls-float-anchor=tl] .icon,.ls-expand[data-ls-float-anchor=bl] .icon{left:0;right:auto}.ls-expand[data-collapse=r] .head,.ls-expand[data-collapse=l] .head{position:relative;flex:0 0 var(--ls-expand-collapsed-w);align-self:stretch;width:var(--ls-expand-collapsed-w);height:auto;min-height:0;padding:0;justify-content:center;align-items:center}.ls-expand[data-collapse=r] .title,.ls-expand[data-collapse=l] .title{display:none}.ls-expand[data-collapse=t] .head,.ls-expand[data-collapse=b] .head{position:static;padding:0 12px}.ls-expand[data-collapse=r] .icon{top:var(--ls-expand-handle-y);right:0;left:auto;z-index:3;background:transparent}.ls-expand[data-collapse=l] .icon{top:var(--ls-expand-handle-y);left:0;right:auto;z-index:3;background:transparent}.ls-expand[data-collapse=t] .icon{top:0;left:var(--ls-expand-handle-x);right:auto;z-index:3;background:var(--ls-expand-header-bg, color-mix(in srgb, var(--ls-bg-elevated) 88%, #000))}.ls-expand[data-collapse=b] .icon{top:auto;bottom:0;left:var(--ls-expand-handle-x);right:auto;z-index:3;background:var(--ls-expand-header-bg, color-mix(in srgb, var(--ls-bg-elevated) 88%, #000))}.ls-expand[data-collapse=tl] .head,.ls-expand[data-collapse=bl] .head,.ls-expand[data-ls-float-anchor=tl] .head,.ls-expand[data-ls-float-anchor=bl] .head{padding:0 12px 0 var(--ls-expand-collapsed-w)}.ls-expand[data-ls-float-anchor=tr] .head,.ls-expand[data-ls-float-anchor=br] .head,.ls-expand[data-collapse=float]:not([data-ls-float-anchor]) .head{padding:0 var(--ls-expand-collapsed-w) 0 12px}.ls-expand .icon .ls-icon,.ls-expand .icon svg{width:1rem;height:1rem}.ls-expand .body{box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:0;padding:10px 12px;overflow:auto}.ls-expand[data-collapse=r] .body,.ls-expand[data-collapse=l] .body{height:auto;align-self:stretch}.ls-expand[data-collapse=t] .body,.ls-expand.is-expanded[data-expand=t] .body{padding-top:10px}.ls-expand[data-collapse=b] .body,.ls-expand.is-expanded[data-expand=b] .body{padding-bottom:10px}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ls-bg);color:var(--ls-text)}body{font-size:var(--ls-font-body)}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] #app,html[data-theme=light],html[data-theme=light] body,html[data-theme=light] #app,html[data-theme=mint],html[data-theme=mint] body,html[data-theme=mint] #app,html[data-theme=sky],html[data-theme=sky] body,html[data-theme=sky] #app,html[data-theme=pink],html[data-theme=pink] body,html[data-theme=pink] #app,html[data-theme=brown],html[data-theme=brown] body,html[data-theme=brown] #app,html[data-theme=amber],html[data-theme=amber] body,html[data-theme=amber] #app{background:var(--ls-bg);color:var(--ls-text)}html.theme-ready,html.theme-ready body,html.theme-ready #app{transition:background-color var(--ls-duration) var(--ls-ease-out),color var(--ls-duration) var(--ls-ease-out),border-color var(--ls-duration) var(--ls-ease-out)}.demo-shell{display:grid;grid-template-rows:2.75rem minmax(0,1fr);width:100%;height:100%;min-height:0}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-bottom:1px solid var(--ls-border);background:var(--ls-bg-elevated);transition:background-color var(--ls-duration) var(--ls-ease-out),border-color var(--ls-duration) var(--ls-ease-out)}.demo-brand{display:flex;align-items:center;gap:10px;min-width:0}.demo-brand__logo{display:block;width:28px;height:28px;object-fit:contain;flex:0 0 auto}.demo-brand h1{margin:0;font-size:var(--ls-font-body);font-weight:600}.demo-brand span{color:var(--ls-text-dim);font-size:var(--ls-font-caption)}.demo-topbar__tools{display:flex;align-items:center;gap:8px}.demo-theme__swatch{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ls-text) 22%,var(--ls-border));flex:0 0 auto;align-self:center;transform:translateY(.08em)}.demo-topbar__tools .ls-btn-dropdown.simple[data-demo=theme]>.ls-btn,.demo-playground__theme>.ls-btn{gap:.5em}.demo-topbar__tools [data-demo=theme]>.ls-menu,.demo-playground__theme>.demo-playground__theme-menu{max-height:var(--ls-menu-pop-max-h, calc(100dvh - 4rem) )}.demo-body{display:flex;width:100%;min-width:0;min-height:0;overflow:hidden;position:relative}.demo-nav{box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;width:20rem;min-width:0;padding:12px 6px;overflow-x:hidden;border-right:1px solid var(--ls-border);background:var(--ls-bg-elevated);transition:background-color var(--ls-duration) var(--ls-ease-out),border-color var(--ls-duration) var(--ls-ease-out),--scrollbar-fade var(--ls-scrollbar-fade-duration) var(--ls-ease-out),scrollbar-color var(--ls-scrollbar-fade-duration) var(--ls-ease-out)}.demo-nav.collapsed{z-index:6}.demo-nav.collapsed[data-ls-rail]{overflow:visible}.demo-nav-toggle{flex:0 0 auto}.demo-menu-rail{align-items:stretch;flex-direction:column}.demo-menu-rail>.ls-btn{align-self:flex-start;flex:0 0 auto;width:auto}.demo-tabs-wrap{flex:1 1 100%;align-items:stretch;min-width:0}.demo-tabs-wrap .ls-tabs{flex:1 1 28rem;min-width:0}.demo-tabs-wrap>.ls-card.note{box-sizing:border-box;flex:1 1 100%;width:100%;max-width:100%}.demo-tabs-wrap--scroll .ls-tabs{flex:0 1 36rem;width:min(36rem,100%);max-width:100%;height:12rem}.demo-tabs-wrap--stack{flex-direction:column;align-items:stretch;gap:12px}.demo-tabs-wrap--stack .ls-tabs{flex:1 1 auto;width:100%}.demo-main{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:16px 18px}.demo-main:not(.demo-main--home){display:flex;flex-direction:column;align-items:stretch;padding-top:28px}.demo-section-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.demo-section-head__text{min-width:0}.demo-section-head__tools{display:flex;flex:0 0 auto;gap:4px}.demo-section-title{margin:0 0 8px;font-size:var(--ls-font-title);font-weight:600}.demo-section-desc{margin:0;color:var(--ls-text-dim);font-size:var(--ls-font-secondary);line-height:1.45}.demo-api{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;min-width:0;background:var(--ls-bg)}.demo-api__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.demo-api__tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--ls-font-body);color:var(--ls-accent)}.demo-api__comp{color:var(--ls-text-dim);font-size:var(--ls-font-secondary)}.demo-api__summary{margin:0;color:var(--ls-text);font-size:var(--ls-font-secondary);line-height:1.45}.demo-api__h{margin:4px 0 0;font-size:var(--ls-font-caption);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ls-text-dim)}.demo-api__code{margin:0;padding:10px 12px;overflow:auto;border-radius:6px;background:var(--ls-bg);border:1px solid var(--ls-border);font-size:var(--ls-font-caption);line-height:1.45}.demo-api__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;align-items:start;min-width:0}.demo-api__col{display:flex;flex-direction:column;gap:8px;min-width:0;overflow:auto}.demo-api__table{width:100%;background:transparent}.demo-api__table th{background:color-mix(in srgb,var(--ls-text) 8%,var(--ls-bg))}.demo-api__table tbody td,.demo-api__table tbody tr:nth-child(2n) td{background:transparent}.demo-api__table code{font-size:.6875rem}.demo-api__css,.demo-api__demo-note{margin:0;color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.4}.demo-api__patterns{margin:0;padding-left:1.2em;color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.45}.demo-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,calc(50% - 7px))),1fr));gap:14px;align-items:stretch;align-content:start;width:100%;min-width:0}.demo-panel>.demo-row{min-width:0;height:100%}.demo-panel>.ls-card.note{grid-column:1 / -1;width:100%;max-width:none;height:auto}.demo-panel.demo-panel--stack{display:flex;flex-direction:column;gap:14px}.demo-panel.demo-panel--stack>.demo-row{height:auto}.demo-panel.demo-panel--table>.ls-card.demo-row{background:transparent}.demo-panel.demo-panel--menus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));align-items:stretch}.demo-panel.demo-panel--menus>.demo-row{min-width:0;min-height:22rem;height:auto}.demo-panel.demo-panel--menus .demo-row__content{flex:1 1 auto;flex-direction:column;align-items:stretch;width:100%;min-height:0}.demo-panel.demo-panel--menus .ls-menu{width:100%;box-sizing:border-box}.demo-panel.demo-panel--sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(320px,calc(50% - 7px))),1fr));align-items:stretch}.demo-panel.demo-panel--sliders>.demo-row{min-width:0}.demo-panel.demo-panel--tiles{display:flex;flex-wrap:wrap;align-items:stretch;gap:14px}.demo-panel.demo-panel--tiles>.demo-row{flex:1 1 280px;width:auto;min-width:min(100%,280px);height:auto}.demo-panel.demo-panel--tiles>.ls-card.note{flex:1 1 100%;width:100%;max-width:none;grid-column:auto}.demo-menu-cols{display:block;width:100%}.demo-row__content--matrix .ls-btn{min-width:96px}.demo-color-cell{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:6px;min-width:0}.demo-color-swatch{box-sizing:border-box;width:28px;height:28px;padding:0;border:1px solid var(--ls-border);border-radius:3px;cursor:pointer}.demo-color-hex{box-sizing:border-box;min-width:0;height:28px;padding:0 4px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ls-text);font:inherit;font-family:Consolas,Cascadia Code,monospace;font-size:.6875rem;line-height:26px;text-transform:lowercase}.demo-color-hex:hover,.demo-color-hex:focus{border-color:var(--ls-border);outline:none}.demo-color-cell--copy{display:block}.demo-color-copy{width:100%;min-width:0;padding-left:6px;padding-right:6px}.demo-row{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding-right:84px}.demo-row--plain{padding-right:14px}.demo-row__label{color:var(--ls-text-dim);font-size:var(--ls-font-caption);font-weight:600;line-height:1.5;letter-spacing:.02em}.demo-row__content{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.demo-row__content--groups{flex-wrap:wrap;gap:16px}.demo-row__content--radios{flex-wrap:wrap;gap:0 4px;align-items:center}.demo-theme-switch{display:grid;grid-template-columns:1fr;gap:16px;width:100%}.demo-theme-switch__options{display:flex;flex-wrap:wrap;align-content:center;gap:4px 12px}.demo-row__tools{position:absolute;top:6px;right:6px;z-index:1;display:flex;gap:4px}.demo-row__code{flex:none;width:2.15em;min-width:2.15em;min-height:2.15em}.demo-row__label a{color:var(--ls-accent);text-decoration:none}.demo-row__label a:hover,.demo-row__label a:focus-visible{text-decoration:underline}.demo-size-slider{width:min(100%,300px);flex:0 1 300px;min-width:200px}.demo-size-input{width:64px;flex:0 0 64px}.demo-size-unit{color:var(--ls-text-dim);font-size:var(--ls-font-caption)}.demo-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;width:100%}.demo-scroll-box{width:min(320px,100%);height:160px;padding:10px 12px;border:1px solid var(--ls-border);border-radius:4px;background:var(--ls-bg);font-size:var(--ls-font-secondary);line-height:1.5}.demo-scroll-box p{margin:0 0 10px}.demo-icon-item{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 8px;border:1px solid var(--ls-border);border-radius:4px;background:var(--ls-bg)}.demo-ms-row{flex:1 1 100%;align-items:center;gap:12px 16px}.demo-ms-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0}.demo-ms-controls .ls-input{width:12rem}.demo-ms-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 100%}.demo-ms-warn{flex:1 1 100%;margin:0;padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,var(--warning, #e6a23c) 45%,var(--ls-border));background:color-mix(in srgb,var(--warning, #e6a23c) 12%,transparent);color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.45}.demo-ms-warn code{color:var(--ls-text)}.demo-ms-preview{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto}.demo-icon-item code,.ls-card.note code{color:var(--ls-text-dim);font-family:Consolas,Cascadia Code,monospace;font-size:var(--ls-font-caption)}.demo-slider-badge{display:inline-flex;width:fit-content;padding:2px 8px;border-radius:4px;background:var(--ls-color-cyan);color:var(--ls-color-cyan-on);font-size:var(--ls-font-caption);line-height:1.5}.demo-slider-stack{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.demo-color-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:auto;max-width:100%;min-width:0}.demo-color-stack .ls-color-picker{width:240px}.demo-color-badge{display:inline-flex;width:fit-content;padding:2px 8px;border-radius:4px;background:var(--ls-color-cyan);color:var(--ls-color-cyan-on);font-size:var(--ls-font-caption);line-height:1.5}.demo-color-presets{display:flex;flex-wrap:wrap;gap:8px}.demo-color-preset{width:24px;height:24px;padding:0;border:1px solid var(--ls-border);border-radius:4px;cursor:pointer}.demo-color-preset:hover{filter:brightness(1.15)}.demo-progress-col{flex-direction:column;align-items:stretch;gap:12px;width:100%}.demo-progress-col .ls-progress{width:100%;flex:0 0 auto}.demo-progress-col .ls-slider{width:100%;max-width:100%}.demo-progress-colors{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;width:100%}@media(min-width:900px){.demo-progress-colors{grid-template-columns:repeat(3,1fr)}}.demo-split-stack{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.demo-split{width:min(640px,100%);height:200px;border:1px solid var(--ls-border);border-radius:6px;overflow:hidden}.demo-split__pane{display:flex;align-items:center;justify-content:center;padding:10px;background:var(--ls-bg);color:var(--ls-text-dim);font-size:var(--ls-font-secondary)}.demo-expand-host{position:relative;box-sizing:border-box;width:min(640px,100%);height:320px;overflow:hidden;border:1px solid var(--ls-border);border-radius:8px;background:var(--ls-bg)}.demo-expand-hosts{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch;width:100%;min-width:0}.demo-expand-hosts>.demo-expand-cell:nth-child(3):last-child{grid-column:1 / -1}.demo-expand-hosts--float{grid-template-columns:repeat(4,minmax(0,1fr))}.demo-panel>.demo-row:has(.demo-expand-hosts--float){grid-column:1 / -1}.demo-expand-cell{display:flex;flex:1 1 0;flex-direction:column;gap:6px;min-width:0}.demo-expand-caption{color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.3}.demo-expand-hosts .demo-expand-host{width:100%;flex:1 1 auto}@media(max-width:800px){.demo-expand-hosts{grid-template-columns:1fr}.demo-expand-hosts--float{grid-template-columns:1fr 1fr}.demo-expand-hosts>.demo-expand-cell:nth-child(3):last-child{grid-column:auto}}.demo-slider-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.demo-note--docs{display:grid;gap:10px}.demo-note--docs p{margin:0}.demo-note--docs strong{color:var(--ls-text);font-weight:600}.demo-note__code{margin:0;padding:10px 12px;overflow-x:auto;border-radius:6px;background:var(--ls-bg);border:1px solid var(--ls-border);color:var(--ls-text);font-size:var(--ls-font-caption);line-height:1.45;white-space:pre}.demo-main--home{display:flex;flex-direction:column;min-height:0}.demo-start{display:flex;flex-direction:column;gap:16px;min-height:0;flex:1 1 auto}.demo-start__hero{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:center;gap:28px;padding:22px 24px}.demo-start__logo{display:block;width:168px;height:168px;object-fit:contain}.demo-start__intro{min-width:0}.demo-start__eyebrow{margin:0 0 6px;color:var(--ls-accent-hover);font-size:var(--ls-font-caption);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.demo-start__title{margin:0 0 10px;font-size:2rem;font-weight:650;letter-spacing:-.03em;line-height:1.15}.demo-start__lead{margin:0 0 16px;max-width:68ch;color:var(--ls-text-dim);font-size:var(--ls-font-body);line-height:1.55}.demo-start__lead code{font-family:Consolas,Cascadia Code,monospace;font-size:var(--ls-font-secondary)}.demo-start__actions{display:flex;flex-wrap:wrap;gap:8px}.demo-start__preview{display:flex;flex:0 0 auto;align-items:center;gap:16px;padding:12px 16px;overflow-x:auto;overflow-y:hidden}.demo-start__preview .ls-slider{flex:0 0 168px;width:168px}.demo-start__preview .ls-progress{flex:0 0 160px;width:160px}.demo-start__preview .ls-checkbox{flex:none;white-space:nowrap}.demo-start__grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);grid-auto-rows:auto;gap:16px;min-height:0;flex:0 0 auto;align-items:stretch}.demo-start__points{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.demo-start__card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px}.demo-start__card h3{margin:0;font-size:var(--ls-font-body);font-weight:600}.demo-start__card p{margin:0;color:var(--ls-text-dim);font-size:var(--ls-font-secondary);line-height:1.45}.demo-start__card code{font-family:Consolas,Cascadia Code,monospace;font-size:var(--ls-font-caption)}.demo-start__card--install .ls-btn{align-self:flex-start;margin-top:auto}.demo-start__catalog{grid-column:1 / -1}.demo-start__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.demo-start__code{margin:0;padding:8px 10px;border-radius:4px;background:var(--ls-bg);color:var(--ls-text);font-family:Consolas,Cascadia Code,monospace;font-size:var(--ls-font-caption);line-height:1.45;overflow:auto;transition:background-color var(--ls-duration) var(--ls-ease-out),color var(--ls-duration) var(--ls-ease-out)}@media(max-width:800px){.demo-body{flex-direction:column}.demo-nav-toggle{display:none}.demo-nav,.demo-nav.collapsed{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;width:auto;min-width:0;overflow:auto;border-right:none;border-bottom:1px solid var(--ls-border)}.demo-nav .ls-menu .item{width:auto}.demo-nav .sep{flex-basis:100%;height:0;margin:0;background:transparent}.demo-row__label{flex-basis:100%;line-height:1.3}.demo-field-grid,.demo-start__hero,.demo-start__grid,.demo-start__points{grid-template-columns:1fr}.demo-start__logo{width:120px;height:120px}}.demo-panel--custom{flex:1;min-height:0}.demo-custom{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;height:100%;min-height:0;align-items:stretch}.demo-custom__side{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px;border:1px solid var(--ls-border);border-radius:8px;background:var(--ls-bg-elevated)}.demo-custom__side-title{margin:0;font-size:var(--ls-font-secondary);font-weight:600}.demo-custom__group{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--ls-border);border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.demo-custom__group.is-active,.demo-custom__group:hover{background:var(--ls-btn-hover)}.demo-custom__group strong{font-size:var(--ls-font-body)}.demo-custom__group span{color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.45}.demo-custom__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.demo-custom__actions>.ls-btn{width:100%;min-width:0;white-space:normal;text-align:center}.demo-custom__main{display:grid;align-content:start;gap:16px;min-width:0;min-height:0;overflow:auto}.demo-custom__motion-panel{min-height:0}.demo-custom__motion{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-items:start}.demo-custom__motion-row{display:grid;grid-template-columns:minmax(8rem,11rem) minmax(0,1fr);gap:10px 14px;align-items:center;min-width:0}.demo-custom__motion-copy{display:grid;gap:2px;min-width:0}.demo-custom__motion-copy strong{font-size:var(--ls-font-secondary)}.demo-custom__motion-copy span,.demo-custom__motion-copy code{color:var(--ls-text-dim);font-size:.6875rem;line-height:1.35}.demo-custom__motion-copy .ls-btn{justify-self:start;margin-top:4px}.demo-custom__motion-row .ls-slider{width:100%;min-width:0}.demo-custom__motion-row .ls-slider.input .field .ls-input{width:6.25em;min-width:6.25em}.ls-dialog .panel.demo-apply-panel{width:min(520px,calc(100vw - 32px))}.demo-custom__preview{min-width:0;padding:14px;border:1px solid var(--ls-border);border-radius:8px;background:var(--ls-bg-elevated)}.demo-custom__preview h3{margin:0 0 12px;font-size:var(--ls-font-secondary);color:var(--ls-text)}.demo-custom__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;min-width:0}.demo-custom__chip{position:relative;display:grid;justify-items:stretch;gap:4px;width:100%;min-width:0;padding:4px 3px 3px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;transition:background-color var(--ls-duration-fast) var(--ls-ease-out)}.demo-custom__chip.is-active-chip{background:var(--ls-btn-active)}.demo-custom__chip-swatch{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:32px;padding:0;border:1px solid var(--ls-border);border-radius:4px;cursor:pointer}.demo-custom__chip-swatch:hover{filter:brightness(1.05)}.demo-custom__chip-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.625rem;line-height:1;letter-spacing:.02em;pointer-events:none}.demo-custom__chip-label{width:100%;min-width:0;min-height:0;padding:2px 4px;font-size:.6875rem;line-height:1.3;text-transform:none;white-space:normal;overflow-wrap:anywhere}.demo-custom__chip-modified{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--ls-color-blue);border:0}.ls-dialog .panel.demo-color-dialog__panel{width:min(660px,calc(100vw - 32px));height:min(720px,calc(100vh - 32px));padding:0;display:grid;grid-template-rows:auto minmax(0,1fr)}.demo-color-dialog__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start;padding:14px 16px 12px;border-bottom:1px solid var(--ls-border)}.demo-color-dialog__head .title{margin:0}.demo-color-dialog__hint{grid-column:1;margin:0;color:var(--ls-text-dim);font-size:var(--ls-font-caption);line-height:1.45}.demo-color-dialog__tools{grid-column:2;grid-row:1 / span 2;display:flex;gap:4px}.demo-color-dialog__body{display:grid;grid-template-columns:auto 280px 260px;min-height:0;overflow:hidden}.demo-color-dialog__nav{display:flex;flex-direction:column;gap:4px;padding:10px;border-right:1px solid var(--ls-border)}.demo-color-dialog__nav-item{padding:8px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.demo-color-dialog__nav-item.is-active,.demo-color-dialog__nav-item:hover{background:var(--ls-btn-hover)}.demo-color-dialog__list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow:auto;padding:10px;border-right:1px solid var(--ls-border)}.demo-color-dialog__row{display:grid;grid-template-columns:22px auto auto;gap:8px;align-items:center;padding:7px 8px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.demo-color-dialog__row.is-active,.demo-color-dialog__row:hover{background:var(--ls-btn-hover)}.demo-color-dialog__swatch{display:block;width:22px;height:22px;border:1px solid var(--ls-border);border-radius:4px}.demo-color-dialog__name{min-width:0;overflow:hidden;font-size:var(--ls-font-secondary);text-overflow:ellipsis;white-space:nowrap}.demo-color-dialog__var{color:var(--ls-text-dim);font-size:.6875rem}.demo-color-dialog__editor{display:flex;flex-direction:column;gap:12px;padding:14px}.demo-color-dialog__editor .ls-color-picker{width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.demo-color-dialog__editor .ls-color-picker .sv{height:180px}.demo-color-sv--lg,.demo-color-hue--lg{width:100%}.demo-color-sv--lg{height:180px}.demo-custom__popover{width:236px;padding:10px;animation:ls-pop-in var(--ls-duration-fast) var(--ls-ease-out)}@media(max-width:900px){.demo-custom{grid-template-columns:1fr}}@media(max-width:640px){.demo-color-dialog__body{grid-template-columns:1fr;overflow:auto}.demo-color-dialog__tools{grid-row:auto}}