@banzamel/mineralui 0.4.0 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +304 -302
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +1 -1
  7. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- *,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-kerning:none;scrollbar-width:thin;scrollbar-color:rgba(var(--mineral-primary-rgb),.65) var(--mineral-border)}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}html{scroll-behavior:smooth}body{background:var(--mineral-page-bg);color:var(--mineral-page-text)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--mineral-border)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--mineral-primary-rgb),.78),rgba(var(--mineral-primary-rgb),.5));border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--mineral-primary-rgb),.95),rgba(var(--mineral-primary-rgb),.62))}:root{--mineral-primary-rgb: 0, 165, 222;--mineral-primary: rgba(0, 165, 222, 1);--mineral-primary-dark: rgba(0, 132, 180, 1);--mineral-primary-light: rgba(51, 183, 229, 1);--mineral-primary-contrast: rgba(255, 255, 255, 1);--mineral-neutral-rgb: 100, 116, 139;--mineral-neutral: rgba(100, 116, 139, 1);--mineral-neutral-soft: rgba(148, 163, 184, 1);--mineral-neutral-contrast: rgba(255, 255, 255, 1);--mineral-success-rgb: 34, 197, 94;--mineral-success: rgba(34, 197, 94, 1);--mineral-success-contrast: rgba(255, 255, 255, 1);--mineral-error-rgb: 239, 68, 68;--mineral-error: rgba(239, 68, 68, 1);--mineral-error-contrast: rgba(255, 255, 255, 1);--mineral-warning-rgb: 245, 158, 11;--mineral-warning: rgba(245, 158, 11, 1);--mineral-warning-contrast: rgba(15, 23, 42, 1);--mineral-info-rgb: 59, 130, 246;--mineral-info: rgba(59, 130, 246, 1);--mineral-info-contrast: rgba(255, 255, 255, 1);--mineral-dark-rgb: 15, 23, 42;--mineral-dark: rgba(15, 23, 42, 1);--mineral-dark-light-rgb: 30, 41, 59;--mineral-dark-light: rgba(30, 41, 59, 1);--mineral-surface-rgb: 21, 29, 46;--mineral-surface: rgba(21, 29, 46, 1);--mineral-surface-contrast: rgba(10, 16, 30, 1);--mineral-input-bg: rgba(37, 51, 71, 1);--mineral-page-bg: var(--mineral-dark);--mineral-page-text: var(--mineral-text);--mineral-text: rgba(226, 232, 240, 1);--mineral-text-secondary: rgba(100, 116, 139, 1);--mineral-text-heading: rgba(241, 245, 249, .96);--mineral-text-inverted: rgba(15, 23, 42, 1);--mineral-fcolor-default: var(--mineral-text);--mineral-fcolor-muted: var(--mineral-text-secondary);--mineral-fcolor-heading: var(--mineral-text-heading);--mineral-fcolor-inverted: var(--mineral-text-inverted);--mineral-fcolor-primary: var(--mineral-primary);--mineral-fcolor-neutral: var(--mineral-neutral);--mineral-fcolor-success: var(--mineral-success);--mineral-fcolor-error: var(--mineral-error);--mineral-fcolor-warning: var(--mineral-warning);--mineral-fcolor-info: var(--mineral-info);--mineral-border: rgba(255, 255, 255, .15);--mineral-border-hover: rgba(255, 255, 255, .25);--mineral-border-focus: rgba(0, 165, 222, 1);--mineral-popover-bg: rgba(30, 41, 59, .95);--mineral-popover-border: rgba(255, 255, 255, .08);--mineral-popover-backdrop-blur: 12px;--mineral-option-hover-bg: rgba(255, 255, 255, .05);--mineral-option-selected-bg: rgba(var(--mineral-primary-rgb), .15);--mineral-option-active-bg: rgba(var(--mineral-primary-rgb), .25)}:root{--mineral-font-family-sans: "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;--mineral-font-family-heading: var(--mineral-font-family-sans);--mineral-font-family-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--mineral-font-family: var(--mineral-font-family-sans);--mineral-font-size-xs: .75rem;--mineral-font-size-sm: .875rem;--mineral-font-size-md: 1rem;--mineral-font-size-lg: 1.125rem;--mineral-font-size-xl: 1.25rem;--mineral-font-size-2xl: 1.5rem}:root{--mineral-spacing-xs: 4px;--mineral-spacing-sm: 8px;--mineral-spacing-md: 12px;--mineral-spacing-lg: 16px;--mineral-spacing-xl: 24px;--mineral-spacing-2xl: 32px;--mineral-space-none: 0;--mineral-space-xs: var(--mineral-spacing-xs);--mineral-space-sm: var(--mineral-spacing-sm);--mineral-space-md: var(--mineral-spacing-md);--mineral-space-lg: var(--mineral-spacing-lg);--mineral-space-xl: var(--mineral-spacing-xl);--mineral-space-2xl: var(--mineral-spacing-2xl)}:root{--mineral-radius-sm: 6px;--mineral-radius-md: 8px;--mineral-radius-lg: 10px;--mineral-radius-xl: 16px;--mineral-radius-full: 9999px}:root{--mineral-transition-fast: .15s ease;--mineral-transition-base: .3s ease;--mineral-transition-slow: .45s ease}:root{--mineral-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--mineral-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--mineral-shadow-lg: 0 16px 32px rgba(0, 0, 0, .35);--mineral-shadow-focus: 0 0 0 3px rgba(var(--mineral-primary-rgb), .3);--mineral-popover-shadow: 0 8px 32px rgba(0, 0, 0, .4)}:root{--mineral-z-popover: 1000;--mineral-z-modal: 1100;--mineral-z-toast: 1200}.mineral-light{--mineral-dark-rgb: 255, 255, 255;--mineral-dark: rgba(255, 255, 255, 1);--mineral-dark-light-rgb: 248, 250, 252;--mineral-dark-light: rgba(248, 250, 252, 1);--mineral-surface-rgb: 241, 245, 249;--mineral-surface: rgba(241, 245, 249, 1);--mineral-surface-contrast: rgba(226, 232, 240, 1);--mineral-input-bg: rgba(255, 255, 255, 1);--mineral-page-bg: rgba(248, 250, 252, 1);--mineral-page-text: rgba(30, 41, 59, 1);--mineral-text: rgba(30, 41, 59, 1);--mineral-text-secondary: rgba(100, 116, 139, 1);--mineral-text-heading: rgba(31, 41, 55, .84);--mineral-text-inverted: rgba(255, 255, 255, 1);--mineral-fcolor-default: var(--mineral-text);--mineral-fcolor-muted: var(--mineral-text-secondary);--mineral-fcolor-heading: var(--mineral-text-heading);--mineral-fcolor-inverted: var(--mineral-text-inverted);--mineral-border: rgba(0, 0, 0, .15);--mineral-border-hover: rgba(0, 0, 0, .25);--mineral-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mineral-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--mineral-shadow-lg: 0 16px 32px rgba(0, 0, 0, .1);--mineral-shadow-focus: 0 0 0 3px rgba(var(--mineral-primary-rgb), .3);--mineral-popover-shadow: 0 8px 32px rgba(0, 0, 0, .12);--mineral-popover-bg: rgba(255, 255, 255, .97);--mineral-popover-border: rgba(0, 0, 0, .08);--mineral-option-hover-bg: rgba(0, 0, 0, .04);--mineral-option-selected-bg: rgba(var(--mineral-primary-rgb), .1);--mineral-option-active-bg: rgba(var(--mineral-primary-rgb), .18)}.full-width{width:100%}.spacing-none{margin:var(--mineral-space-none)}.spacing-xs{margin:var(--mineral-space-xs)}.spacing-sm{margin:var(--mineral-space-sm)}.spacing-md{margin:var(--mineral-space-md)}.spacing-lg{margin:var(--mineral-space-lg)}.spacing-xl{margin:var(--mineral-space-xl)}.spacing-2xl{margin:var(--mineral-space-2xl)}.padding-none{padding:var(--mineral-space-none)}.padding-xs{padding:var(--mineral-space-xs)}.padding-sm{padding:var(--mineral-space-sm)}.padding-md{padding:var(--mineral-space-md)}.padding-lg{padding:var(--mineral-space-lg)}.padding-xl{padding:var(--mineral-space-xl)}.padding-2xl{padding:var(--mineral-space-2xl)}.has-fsize{font-size:var(--mineral-layout-fsize)}.mt-none{margin-top:var(--mineral-space-none)}.mt-xs{margin-top:var(--mineral-space-xs)}.mt-sm{margin-top:var(--mineral-space-sm)}.mt-md{margin-top:var(--mineral-space-md)}.mt-lg{margin-top:var(--mineral-space-lg)}.mt-xl{margin-top:var(--mineral-space-xl)}.mt-2xl{margin-top:var(--mineral-space-2xl)}.mb-none{margin-bottom:var(--mineral-space-none)}.mb-xs{margin-bottom:var(--mineral-space-xs)}.mb-sm{margin-bottom:var(--mineral-space-sm)}.mb-md{margin-bottom:var(--mineral-space-md)}.mb-lg{margin-bottom:var(--mineral-space-lg)}.mb-xl{margin-bottom:var(--mineral-space-xl)}.mb-2xl{margin-bottom:var(--mineral-space-2xl)}.ml-none{margin-left:var(--mineral-space-none)}.ml-xs{margin-left:var(--mineral-space-xs)}.ml-sm{margin-left:var(--mineral-space-sm)}.ml-md{margin-left:var(--mineral-space-md)}.ml-lg{margin-left:var(--mineral-space-lg)}.ml-xl{margin-left:var(--mineral-space-xl)}.ml-2xl{margin-left:var(--mineral-space-2xl)}.mr-none{margin-right:var(--mineral-space-none)}.mr-xs{margin-right:var(--mineral-space-xs)}.mr-sm{margin-right:var(--mineral-space-sm)}.mr-md{margin-right:var(--mineral-space-md)}.mr-lg{margin-right:var(--mineral-space-lg)}.mr-xl{margin-right:var(--mineral-space-xl)}.mr-2xl{margin-right:var(--mineral-space-2xl)}.pt-none{padding-top:var(--mineral-space-none)}.pt-xs{padding-top:var(--mineral-space-xs)}.pt-sm{padding-top:var(--mineral-space-sm)}.pt-md{padding-top:var(--mineral-space-md)}.pt-lg{padding-top:var(--mineral-space-lg)}.pt-xl{padding-top:var(--mineral-space-xl)}.pt-2xl{padding-top:var(--mineral-space-2xl)}.pb-none{padding-bottom:var(--mineral-space-none)}.pb-xs{padding-bottom:var(--mineral-space-xs)}.pb-sm{padding-bottom:var(--mineral-space-sm)}.pb-md{padding-bottom:var(--mineral-space-md)}.pb-lg{padding-bottom:var(--mineral-space-lg)}.pb-xl{padding-bottom:var(--mineral-space-xl)}.pb-2xl{padding-bottom:var(--mineral-space-2xl)}.pl-none{padding-left:var(--mineral-space-none)}.pl-xs{padding-left:var(--mineral-space-xs)}.pl-sm{padding-left:var(--mineral-space-sm)}.pl-md{padding-left:var(--mineral-space-md)}.pl-lg{padding-left:var(--mineral-space-lg)}.pl-xl{padding-left:var(--mineral-space-xl)}.pl-2xl{padding-left:var(--mineral-space-2xl)}.pr-none{padding-right:var(--mineral-space-none)}.pr-xs{padding-right:var(--mineral-space-xs)}.pr-sm{padding-right:var(--mineral-space-sm)}.pr-md{padding-right:var(--mineral-space-md)}.pr-lg{padding-right:var(--mineral-space-lg)}.pr-xl{padding-right:var(--mineral-space-xl)}.pr-2xl{padding-right:var(--mineral-space-2xl)}.mx-none{margin-left:var(--mineral-space-none);margin-right:var(--mineral-space-none)}.mx-xs{margin-left:var(--mineral-space-xs);margin-right:var(--mineral-space-xs)}.mx-sm{margin-left:var(--mineral-space-sm);margin-right:var(--mineral-space-sm)}.mx-md{margin-left:var(--mineral-space-md);margin-right:var(--mineral-space-md)}.mx-lg{margin-left:var(--mineral-space-lg);margin-right:var(--mineral-space-lg)}.mx-xl{margin-left:var(--mineral-space-xl);margin-right:var(--mineral-space-xl)}.mx-2xl{margin-left:var(--mineral-space-2xl);margin-right:var(--mineral-space-2xl)}.my-none{margin-top:var(--mineral-space-none);margin-bottom:var(--mineral-space-none)}.my-xs{margin-top:var(--mineral-space-xs);margin-bottom:var(--mineral-space-xs)}.my-sm{margin-top:var(--mineral-space-sm);margin-bottom:var(--mineral-space-sm)}.my-md{margin-top:var(--mineral-space-md);margin-bottom:var(--mineral-space-md)}.my-lg{margin-top:var(--mineral-space-lg);margin-bottom:var(--mineral-space-lg)}.my-xl{margin-top:var(--mineral-space-xl);margin-bottom:var(--mineral-space-xl)}.my-2xl{margin-top:var(--mineral-space-2xl);margin-bottom:var(--mineral-space-2xl)}.px-none{padding-left:var(--mineral-space-none);padding-right:var(--mineral-space-none)}.px-xs{padding-left:var(--mineral-space-xs);padding-right:var(--mineral-space-xs)}.px-sm{padding-left:var(--mineral-space-sm);padding-right:var(--mineral-space-sm)}.px-md{padding-left:var(--mineral-space-md);padding-right:var(--mineral-space-md)}.px-lg{padding-left:var(--mineral-space-lg);padding-right:var(--mineral-space-lg)}.px-xl{padding-left:var(--mineral-space-xl);padding-right:var(--mineral-space-xl)}.px-2xl{padding-left:var(--mineral-space-2xl);padding-right:var(--mineral-space-2xl)}.py-none{padding-top:var(--mineral-space-none);padding-bottom:var(--mineral-space-none)}.py-xs{padding-top:var(--mineral-space-xs);padding-bottom:var(--mineral-space-xs)}.py-sm{padding-top:var(--mineral-space-sm);padding-bottom:var(--mineral-space-sm)}.py-md{padding-top:var(--mineral-space-md);padding-bottom:var(--mineral-space-md)}.py-lg{padding-top:var(--mineral-space-lg);padding-bottom:var(--mineral-space-lg)}.py-xl{padding-top:var(--mineral-space-xl);padding-bottom:var(--mineral-space-xl)}.py-2xl{padding-top:var(--mineral-space-2xl);padding-bottom:var(--mineral-space-2xl)}.fcolor-default{color:var(--mineral-fcolor-default)}.fcolor-muted{color:var(--mineral-fcolor-muted)}.fcolor-heading{color:var(--mineral-fcolor-heading)}.fcolor-inverted{color:var(--mineral-fcolor-inverted)}.fcolor-primary{color:var(--mineral-fcolor-primary)}.fcolor-neutral{color:var(--mineral-fcolor-neutral)}.fcolor-success{color:var(--mineral-fcolor-success)}.fcolor-error{color:var(--mineral-fcolor-error)}.fcolor-warning{color:var(--mineral-fcolor-warning)}.fcolor-info{color:var(--mineral-fcolor-info)}.fcolor-inherit{color:inherit}.click-effect-root{position:relative;overflow:hidden;isolation:isolate}.click-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.click-effect-wave{position:absolute;border-radius:9999px;transform:scale(0);background:var(--click-effect-color, rgba(var(--mineral-primary-rgb), .22));animation:click-effect-wave .55s ease-out forwards}@keyframes click-effect-wave{0%{transform:scale(0);opacity:.35}to{transform:scale(1);opacity:0}}.popover{z-index:var(--mineral-z-popover, 1000);background:var(--mineral-popover-bg);border:1px solid var(--mineral-popover-border);border-radius:var(--mineral-radius-md);box-shadow:var(--mineral-popover-shadow);backdrop-filter:blur(var(--mineral-popover-backdrop-blur));-webkit-backdrop-filter:blur(var(--mineral-popover-backdrop-blur));overflow:auto;max-height:300px;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}.popover.normal{transform-origin:top left;animation-name:popover-slideDown}.popover.flipped{transform-origin:bottom left;animation-name:popover-slideUp}@keyframes popover-slideDown{0%{opacity:0;transform:scaleY(.95) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes popover-slideUp{0%{opacity:0;transform:scaleY(.95) translateY(4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.container{width:100%;margin:0 auto;box-sizing:border-box}.container.content{max-width:1120px}.container.wide{max-width:1360px}.container.full{max-width:none}.container.padded{padding-left:var(--mineral-spacing-lg);padding-right:var(--mineral-spacing-lg)}.header{position:relative;width:100%;color:var(--mineral-page-text);border-radius:0}.header.default{background:transparent}.header.surface{background:color-mix(in oklch,var(--mineral-page-bg),var(--mineral-surface) 48%)}.header.subtle{background:color-mix(in oklch,var(--mineral-page-bg),white 3%)}.header.bordered{border-bottom:1px solid var(--mineral-border)}.header.sticky{position:sticky;top:0;z-index:var(--mineral-z-popover);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-lg);min-height:64px}.footer{width:100%;color:var(--mineral-page-text);border-radius:0}.footer.default{background:transparent}.footer.surface{background:color-mix(in srgb,var(--mineral-page-bg) 62%,var(--mineral-surface) 38%)}.footer.subtle{background:color-mix(in srgb,var(--mineral-page-bg) 94%,var(--mineral-surface) 6%)}.footer.bordered{border-top:1px solid var(--mineral-border)}.footer .inner{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:64px}.navbar{width:100%;background:rgba(var(--mineral-dark-rgb, 15, 23, 42),.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;border-radius:0}.navbar.surface{background:rgba(var(--mineral-dark-rgb, 15, 23, 42),.82);border-radius:0}.navbar.subtle{background:rgba(var(--mineral-surface-rgb, 21, 29, 46),.72)}.navbar.default{background:transparent}.navbar.bordered{border-bottom-color:var(--mineral-border)}.navbar.sticky{position:sticky;top:0;z-index:var(--mineral-z-popover, 1000)}.navbar .container{min-height:72px}.navbar .inner{display:flex;gap:var(--mineral-spacing-md);min-height:inherit}.navbar .inner.start{justify-content:flex-start}.navbar .inner.center{justify-content:center}.navbar .inner.between{justify-content:space-between}.navbar .inner.end{justify-content:flex-end}.navbar .inner.start,.navbar .inner.center,.navbar .inner.end,.navbar .inner.between{align-items:center}.navbar .inner.stretch{align-items:stretch}.navbar .inner.wrap{flex-wrap:wrap}.link{display:inline-flex;align-items:center;gap:var(--mineral-spacing-xs);color:var(--mineral-text);text-decoration:none;font-family:var(--mineral-font-family-sans, var(--mineral-font-family));font-size:var(--mineral-font-size-md);transition:color .18s ease,opacity .18s ease,text-decoration-color .18s ease}.link.default{color:var(--mineral-text)}.link.muted{color:var(--mineral-text-secondary)}.link.accent{color:var(--mineral-primary)}.link.inherit{color:inherit}.link.always{text-decoration:underline;text-decoration-color:rgba(var(--mineral-primary-rgb),.4);text-underline-offset:.22em}.link.hover{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em}.link.hover:hover,.link.hover:focus-visible,.link.current{text-decoration-color:currentColor}.link.none{text-decoration:none}.link.current{color:var(--mineral-primary)}.link.block{display:flex;width:100%}.link:hover,.link:focus-visible{color:var(--mineral-primary)}.link.disabled{opacity:.55;pointer-events:none}.navs{display:flex;align-items:center}.navs.horizontal{flex-direction:row}.navs.vertical{flex-direction:column;align-items:stretch}.navs.sm{gap:var(--mineral-spacing-sm)}.navs.md{gap:var(--mineral-spacing-md)}.navs.lg{gap:var(--mineral-spacing-lg)}.navs.xl{gap:var(--mineral-spacing-xl)}.navs.gap-2xl{gap:var(--mineral-spacing-2xl)}.navs.wrap{flex-wrap:wrap}.navs .link{font-weight:600;min-height:36px}.navs.vertical .link{min-width:100%}.tabs{display:grid;gap:var(--mineral-spacing-md)}.tabs.horizontal .tabs-list{display:flex;align-items:center;gap:var(--mineral-spacing-sm);border-bottom:1px solid var(--mineral-border)}.tabs.vertical{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start}.tabs.vertical .tabs-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--mineral-spacing-xs);border-right:1px solid var(--mineral-border);padding-right:var(--mineral-spacing-md)}.tabs.full-width.horizontal .tabs-trigger{flex:1 1 0}.tabs .tabs-trigger{--click-effect-color: rgba(var(--mineral-primary-rgb), .18);display:inline-flex;align-items:center;justify-content:center;gap:var(--mineral-spacing-xs);min-height:42px;padding:0 var(--mineral-spacing-md);border:none;background:transparent;color:var(--mineral-text-secondary);font-family:var(--mineral-font-family-sans, var(--mineral-font-family));font-weight:600;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.tabs.vertical .tabs-trigger{width:100%;justify-content:flex-start}.tabs .tabs-trigger>:not(.click-effect-layer){position:relative;z-index:1}.tabs .tabs-trigger:hover,.tabs .tabs-trigger:focus-visible,.tabs .tabs-trigger.active{color:var(--mineral-primary)}.tabs.underline.horizontal .tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.tabs.underline.horizontal .tabs-trigger.active{border-bottom-color:var(--mineral-primary)}.tabs.underline.vertical .tabs-trigger{border-left:2px solid transparent}.tabs.underline.vertical .tabs-trigger.active{border-left-color:var(--mineral-primary);background:rgba(var(--mineral-primary-rgb),.08)}.tabs.pills .tabs-list{border-bottom:none}.tabs.pills.vertical .tabs-list{border-right:none;padding-right:0}.tabs.pills .tabs-trigger{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:#ffffff05}.tabs.pills .tabs-trigger.active{background:rgba(var(--mineral-primary-rgb),.1);border-color:rgba(var(--mineral-primary-rgb),.32)}.tabs.sm .tabs-trigger{min-height:36px;font-size:var(--mineral-font-size-sm)}.tabs.md .tabs-trigger{font-size:var(--mineral-font-size-md)}.tabs.lg .tabs-trigger{min-height:48px;font-size:var(--mineral-font-size-lg)}.tabs .tabs-trigger.disabled{opacity:.5;cursor:not-allowed}.tabs .tabs-panel{color:var(--mineral-text);min-width:0}@media(max-width:860px){.tabs.vertical{grid-template-columns:1fr}.tabs.vertical .tabs-list{border-right:none;border-bottom:1px solid var(--mineral-border);padding-right:0;padding-bottom:var(--mineral-spacing-sm)}.tabs.underline.vertical .tabs-trigger{border-left:none;border-bottom:2px solid transparent}.tabs.underline.vertical .tabs-trigger.active{border-bottom-color:var(--mineral-primary);background:transparent}}.section{width:100%;box-sizing:border-box}.section.sm{padding:20px 0}.section.md{padding:32px 0}.section.lg{padding:48px 0}.section.xl{padding:72px 0}.section.default{background:transparent}.section.subtle{background:color-mix(in srgb,var(--mineral-page-bg) 82%,var(--mineral-surface) 18%)}.section.surface{background:var(--mineral-dark-light)}.section.inverse{background:color-mix(in srgb,var(--mineral-dark) 92%,black 8%)}.stack{display:flex;flex-direction:column}.stack.xs{gap:var(--mineral-spacing-xs)}.stack.sm{gap:var(--mineral-spacing-sm)}.stack.md{gap:var(--mineral-spacing-md)}.stack.lg{gap:var(--mineral-spacing-lg)}.stack.xl{gap:var(--mineral-spacing-xl)}.stack.gap-2xl{gap:var(--mineral-spacing-2xl)}.stack.stretch{align-items:stretch}.stack.start{align-items:flex-start}.stack.center{align-items:center}.stack.end{align-items:flex-end}.inline{display:flex}.inline.wrap{flex-wrap:wrap}.inline.nowrap{flex-wrap:nowrap}.inline.xs{gap:var(--mineral-spacing-xs)}.inline.sm{gap:var(--mineral-spacing-sm)}.inline.md{gap:var(--mineral-spacing-md)}.inline.lg{gap:var(--mineral-spacing-lg)}.inline.xl{gap:var(--mineral-spacing-xl)}.inline.gap-2xl{gap:var(--mineral-spacing-2xl)}.inline.start{align-items:flex-start}.inline.center{align-items:center}.inline.end{align-items:flex-end}.inline.stretch{align-items:stretch}.inline.justify-start{justify-content:flex-start}.inline.justify-center{justify-content:center}.inline.justify-end{justify-content:flex-end}.inline.justify-between{justify-content:space-between}.grid{--grid-min-item-width: 240px;display:grid}.grid.xs{gap:var(--mineral-spacing-xs)}.grid.sm{gap:var(--mineral-spacing-sm)}.grid.md{gap:var(--mineral-spacing-md)}.grid.lg{gap:var(--mineral-spacing-lg)}.grid.xl{gap:var(--mineral-spacing-xl)}.grid.gap-2xl{gap:var(--mineral-spacing-2xl)}.grid.columns-1{grid-template-columns:1fr}.grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid.columns-4,.grid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.columns-2,.grid.columns-3,.grid.columns-4{grid-template-columns:minmax(0,1fr)}}.grid{min-width:0;box-sizing:border-box}.grid.row{display:grid;width:100%}.grid.row.tracked{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.row.auto-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.row.auto-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.row.auto-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.row.auto-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.row.auto-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.row.auto-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.row.auto-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.row.auto-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.row.auto-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.row.auto-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.row.auto-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.row.auto-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.row.xs{gap:var(--mineral-spacing-xs)}.grid.row.sm{gap:var(--mineral-spacing-sm)}.grid.row.md{gap:var(--mineral-spacing-md)}.grid.row.lg{gap:var(--mineral-spacing-lg)}.grid.row.xl{gap:var(--mineral-spacing-xl)}.grid.row.gap-2xl{gap:var(--mineral-spacing-2xl)}.grid.col{min-width:0}.grid.col.span-auto,.grid.col.span-1{grid-column:auto / span 1}.grid.col.span-2{grid-column:auto / span 2}.grid.col.span-3{grid-column:auto / span 3}.grid.col.span-4{grid-column:auto / span 4}.grid.col.span-5{grid-column:auto / span 5}.grid.col.span-6{grid-column:auto / span 6}.grid.col.span-7{grid-column:auto / span 7}.grid.col.span-8{grid-column:auto / span 8}.grid.col.span-9{grid-column:auto / span 9}.grid.col.span-10{grid-column:auto / span 10}.grid.col.span-11{grid-column:auto / span 11}.grid.col.span-12{grid-column:auto / span 12}@media(max-width:1280px){.grid.col.xl-1{grid-column:auto / span 1}.grid.col.xl-2{grid-column:auto / span 2}.grid.col.xl-3{grid-column:auto / span 3}.grid.col.xl-4{grid-column:auto / span 4}.grid.col.xl-5{grid-column:auto / span 5}.grid.col.xl-6{grid-column:auto / span 6}.grid.col.xl-7{grid-column:auto / span 7}.grid.col.xl-8{grid-column:auto / span 8}.grid.col.xl-9{grid-column:auto / span 9}.grid.col.xl-10{grid-column:auto / span 10}.grid.col.xl-11{grid-column:auto / span 11}.grid.col.xl-12{grid-column:auto / span 12}}@media(max-width:1024px){.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col.lg-1{grid-column:auto / span 1}.grid.col.lg-2{grid-column:auto / span 2}.grid.col.lg-3{grid-column:auto / span 3}.grid.col.lg-4{grid-column:auto / span 4}.grid.col.lg-5{grid-column:auto / span 5}.grid.col.lg-6{grid-column:auto / span 6}.grid.col.lg-7{grid-column:auto / span 7}.grid.col.lg-8{grid-column:auto / span 8}.grid.col.lg-9{grid-column:auto / span 9}.grid.col.lg-10{grid-column:auto / span 10}.grid.col.lg-11{grid-column:auto / span 11}.grid.col.lg-12{grid-column:auto / span 12}}@media(max-width:768px){.grid.row.auto-cols-3,.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col.md-1{grid-column:auto / span 1}.grid.col.md-2{grid-column:auto / span 2}.grid.col.md-3{grid-column:auto / span 3}.grid.col.md-4{grid-column:auto / span 4}.grid.col.md-5{grid-column:auto / span 5}.grid.col.md-6{grid-column:auto / span 6}.grid.col.md-7{grid-column:auto / span 7}.grid.col.md-8{grid-column:auto / span 8}.grid.col.md-9{grid-column:auto / span 9}.grid.col.md-10{grid-column:auto / span 10}.grid.col.md-11{grid-column:auto / span 11}.grid.col.md-12{grid-column:auto / span 12}}@media(max-width:640px){.grid.row.auto-cols-2,.grid.row.auto-cols-3,.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.col.sm-1{grid-column:auto / span 1}.grid.col.sm-2{grid-column:auto / span 2}.grid.col.sm-3{grid-column:auto / span 3}.grid.col.sm-4{grid-column:auto / span 4}.grid.col.sm-5{grid-column:auto / span 5}.grid.col.sm-6{grid-column:auto / span 6}.grid.col.sm-7{grid-column:auto / span 7}.grid.col.sm-8{grid-column:auto / span 8}.grid.col.sm-9{grid-column:auto / span 9}.grid.col.sm-10{grid-column:auto / span 10}.grid.col.sm-11{grid-column:auto / span 11}.grid.col.sm-12{grid-column:auto / span 12}}.surface{background:var(--mineral-surface);color:var(--mineral-text);transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast)}.surface.padded{padding:var(--mineral-spacing-lg)}.surface.outlined{border:1px solid var(--mineral-border)}.surface.default{background:var(--mineral-surface)}.surface.subtle{background:color-mix(in srgb,var(--mineral-surface) 78%,var(--mineral-page-bg) 22%)}.surface.raised{background:color-mix(in srgb,var(--mineral-surface) 94%,white 6%);box-shadow:var(--mineral-shadow-md)}.surface.inverse{background:var(--mineral-surface-contrast);color:var(--mineral-page-text)}.mineral-light .surface.default{background:#fff}.mineral-light .surface.subtle{background:#f8fafc}.mineral-light .surface.raised{background:#fff;box-shadow:var(--mineral-shadow-md)}.mineral-light .surface.inverse{background:#e2e8f0;color:var(--mineral-text)}.button{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .26);display:inline-flex;align-items:center;justify-content:center;gap:var(--mineral-spacing-sm);border:1px solid transparent;border-radius:var(--mineral-radius-md);font-family:var(--mineral-font-family);font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast),color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.button.primary{--color-rgb: var(--mineral-primary-rgb)}.button.success{--color-rgb: var(--mineral-success-rgb)}.button.neutral{--color-rgb: var(--mineral-neutral-rgb)}.button.error{--color-rgb: var(--mineral-error-rgb)}.button.warning{--color-rgb: var(--mineral-warning-rgb)}.button.info{--color-rgb: var(--mineral-info-rgb)}.button.sm{min-height:32px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-xs)}.button.md{min-height:40px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-sm)}.button.lg{min-height:48px;padding:0 20px;font-size:var(--mineral-font-size-md)}.button.full-width{width:100%}.button.rounded{border-radius:var(--mineral-radius-full)}.button.icon-only.sm{width:32px;padding:0}.button.icon-only.md{width:40px;padding:0}.button.icon-only.lg{width:48px;padding:0}.button.primary{background:rgba(var(--color-rgb),1);border-color:rgba(var(--color-rgb),1);color:#fff;--click-effect-color: rgba(255, 255, 255, .28)}.button.primary:hover:not(.disabled){background:rgba(var(--color-rgb),.88);border-color:rgba(var(--color-rgb),.88)}.button.secondary{background:var(--mineral-surface);border-color:var(--mineral-border);color:var(--mineral-text);--click-effect-color: rgba(var(--mineral-primary-rgb), .2)}.button.secondary:hover:not(.disabled){background:color-mix(in srgb,var(--mineral-surface) 95%,white 5%);border-color:var(--mineral-border-hover)}.button.outlined{background:transparent;border-color:rgba(var(--color-rgb),.45);color:rgba(var(--color-rgb),1)}.button.outlined:hover:not(.disabled){background:rgba(var(--color-rgb),.08);border-color:rgba(var(--color-rgb),.7)}.button.ghost{background:rgba(var(--color-rgb),.08);border-color:transparent;color:rgba(var(--color-rgb),1)}.button.ghost:hover:not(.disabled){background:rgba(var(--color-rgb),.14)}.button.link{background:transparent;border-color:transparent;color:rgba(var(--color-rgb),1);--click-effect-color: rgba(var(--color-rgb), .16)}.button.link:hover:not(.disabled){color:rgba(var(--color-rgb),.82)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.button:active:not(.disabled){transform:translateY(1px)}.button.disabled{opacity:.55;cursor:not-allowed;transform:none}.button>:not(.click-effect-layer){position:relative;z-index:1}.button .icon,.button .spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button .content{display:inline-flex;align-items:center}.button.loading .content,.button.loading .icon{opacity:.8}.button .spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite;opacity:1}.button.primary .spinner{border-color:#fffffff2;border-right-color:transparent}.button.secondary .spinner,.button.outlined .spinner,.button.ghost .spinner,.button.link .spinner{border-color:currentColor;border-right-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}.checkbox{display:inline-flex;flex-direction:column;gap:2px;font-family:var(--mineral-font-family)}.checkbox .label{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox .label-left{flex-direction:row-reverse}.checkbox .label.disabled{opacity:.5;cursor:not-allowed}.checkbox .label.sm .box{width:16px;height:16px;border-radius:3px}.checkbox .label.md .box{width:20px;height:20px;border-radius:4px}.checkbox .label.lg .box{width:24px;height:24px;border-radius:5px}.checkbox .label.sm .label-text{font-size:var(--mineral-font-size-xs)}.checkbox .label.md .label-text{font-size:var(--mineral-font-size-sm)}.checkbox .label.lg .label-text{font-size:var(--mineral-font-size-md)}.checkbox .box{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--mineral-border-hover);background:transparent;transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.checkbox .box.success{--color-rgb: var(--mineral-success-rgb)}.checkbox .box.neutral{--color-rgb: var(--mineral-neutral-rgb)}.checkbox .box.error{--color-rgb: var(--mineral-error-rgb)}.checkbox .box.warning{--color-rgb: var(--mineral-warning-rgb)}.checkbox .box.info{--color-rgb: var(--mineral-info-rgb)}.checkbox .box>:not(.click-effect-layer){position:relative;z-index:1}.checkbox .box:hover{border-color:rgba(var(--color-rgb),1)}.checkbox .box.error{border-color:var(--mineral-error)!important}.checkbox .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.checkbox .checkmark{width:100%;height:100%;opacity:0;transition:opacity var(--mineral-transition-fast)}.checkbox .check-path{stroke:#fff}.checkbox .indeterminate-mark{position:absolute;width:60%;height:2px;background:#fff;border-radius:1px;opacity:0;transition:opacity var(--mineral-transition-fast)}.checkbox .input:checked~.checkmark{opacity:1}.checkbox .input:checked~.indeterminate-mark{opacity:0}.checkbox .input:indeterminate~.checkmark{opacity:0}.checkbox .input:indeterminate~.indeterminate-mark{opacity:1}.checkbox .box.primary:has(.input:checked),.checkbox .box.primary:has(.input:indeterminate){background:var(--mineral-primary);border-color:var(--mineral-primary)}.checkbox .box.success:has(.input:checked),.checkbox .box.success:has(.input:indeterminate){background:var(--mineral-success);border-color:var(--mineral-success)}.checkbox .box.neutral:has(.input:checked),.checkbox .box.neutral:has(.input:indeterminate){background:var(--mineral-neutral);border-color:var(--mineral-neutral)}.checkbox .box.error:has(.input:checked),.checkbox .box.error:has(.input:indeterminate){background:var(--mineral-error);border-color:var(--mineral-error)}.checkbox .box.warning:has(.input:checked),.checkbox .box.warning:has(.input:indeterminate){background:var(--mineral-warning);border-color:var(--mineral-warning)}.checkbox .box.info:has(.input:checked),.checkbox .box.info:has(.input:indeterminate){background:var(--mineral-info);border-color:var(--mineral-info)}.checkbox .box:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.checkbox .label-text{color:var(--mineral-text)}.checkbox .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-left:28px}.radio{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--mineral-font-family)}.radio.label-left{flex-direction:row-reverse}.radio.disabled{opacity:.5;cursor:not-allowed}.radio.sm .circle{width:16px;height:16px}.radio.md .circle{width:20px;height:20px}.radio.lg .circle{width:24px;height:24px}.radio.sm .label-text{font-size:var(--mineral-font-size-xs)}.radio.md .label-text{font-size:var(--mineral-font-size-sm)}.radio.lg .label-text{font-size:var(--mineral-font-size-md)}.radio.sm .dot{width:6px;height:6px}.radio.md .dot{width:8px;height:8px}.radio.lg .dot{width:10px;height:10px}.radio .circle{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--mineral-border-hover);border-radius:50%;background:transparent;transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.radio .circle.success{--color-rgb: var(--mineral-success-rgb)}.radio .circle.neutral{--color-rgb: var(--mineral-neutral-rgb)}.radio .circle.error{--color-rgb: var(--mineral-error-rgb)}.radio .circle.warning{--color-rgb: var(--mineral-warning-rgb)}.radio .circle.info{--color-rgb: var(--mineral-info-rgb)}.radio .circle>:not(.click-effect-layer){position:relative;z-index:1}.radio .circle:hover{border-color:rgba(var(--color-rgb),1)}.radio .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.radio .dot{border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:opacity var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.radio .input:checked~.dot{opacity:1;transform:scale(1)}.radio .circle.primary:has(.input:checked){background:var(--mineral-primary);border-color:var(--mineral-primary)}.radio .circle.success:has(.input:checked){background:var(--mineral-success);border-color:var(--mineral-success)}.radio .circle.neutral:has(.input:checked){background:var(--mineral-neutral);border-color:var(--mineral-neutral)}.radio .circle.error:has(.input:checked){background:var(--mineral-error);border-color:var(--mineral-error)}.radio .circle.warning:has(.input:checked){background:var(--mineral-warning);border-color:var(--mineral-warning)}.radio .circle.info:has(.input:checked){background:var(--mineral-info);border-color:var(--mineral-info)}.radio .circle:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.radio .label-text{color:var(--mineral-text)}.radio-group{display:flex;border:none;padding:0;margin:0}.radio-group.vertical{flex-direction:column;gap:var(--mineral-spacing-sm)}.radio-group.horizontal{flex-direction:row;gap:var(--mineral-spacing-lg)}.radio-group .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;margin-bottom:var(--mineral-spacing-sm)}.radio-group .label.error{color:var(--mineral-error)}.radio-group .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.toggle{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--mineral-font-family)}.toggle.label-left{flex-direction:row-reverse}.toggle.disabled{opacity:.5;cursor:not-allowed}.toggle .track{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:inline-flex;align-items:center;border-radius:var(--mineral-radius-full);background:var(--mineral-border-hover);transition:background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.toggle .track.success{--color-rgb: var(--mineral-success-rgb)}.toggle .track.neutral{--color-rgb: var(--mineral-neutral-rgb)}.toggle .track.error{--color-rgb: var(--mineral-error-rgb)}.toggle .track.warning{--color-rgb: var(--mineral-warning-rgb)}.toggle .track.info{--color-rgb: var(--mineral-info-rgb)}.toggle .track>:not(.click-effect-layer){position:relative;z-index:1}.toggle.sm .track{width:28px;height:16px}.toggle.md .track{width:36px;height:20px}.toggle.lg .track{width:44px;height:24px}.toggle.sm .knob{width:12px;height:12px}.toggle.md .knob{width:16px;height:16px}.toggle.lg .knob{width:20px;height:20px}.toggle.sm .label-text{font-size:var(--mineral-font-size-xs)}.toggle.md .label-text{font-size:var(--mineral-font-size-sm)}.toggle.lg .label-text{font-size:var(--mineral-font-size-md)}.toggle.sm .input:checked~.knob{transform:translate(12px)}.toggle.md .input:checked~.knob{transform:translate(16px)}.toggle.lg .input:checked~.knob{transform:translate(20px)}.toggle .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.toggle .knob{position:absolute;left:2px;border-radius:50%;background:#fff;box-shadow:var(--mineral-shadow-sm);transition:transform var(--mineral-transition-fast)}.toggle .track.primary:has(.input:checked){background:var(--mineral-primary)}.toggle .track.success:has(.input:checked){background:var(--mineral-success)}.toggle .track.neutral:has(.input:checked){background:var(--mineral-neutral)}.toggle .track.error:has(.input:checked){background:var(--mineral-error)}.toggle .track.warning:has(.input:checked){background:var(--mineral-warning)}.toggle .track.info:has(.input:checked){background:var(--mineral-info)}.toggle .track:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.toggle .label-text{color:var(--mineral-text)}.card{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .16);--card-body-bg: color-mix(in srgb, var(--mineral-surface) 92%, white 8%);--card-chrome-bg: color-mix(in srgb, var(--mineral-surface) 78%, black 22%);display:flex;flex-direction:column;min-height:100%;gap:0;overflow:hidden;border-radius:var(--mineral-radius-lg);background:var(--card-body-bg)}.card.primary{--color-rgb: var(--mineral-primary-rgb)}.card.success{--color-rgb: var(--mineral-success-rgb)}.card.neutral{--color-rgb: var(--mineral-neutral-rgb)}.card.error{--color-rgb: var(--mineral-error-rgb)}.card.warning{--color-rgb: var(--mineral-warning-rgb)}.card.info{--color-rgb: var(--mineral-info-rgb)}.card>:not(.click-effect-layer){position:relative;z-index:1}.card.interactive{cursor:pointer;transition:transform var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.card.interactive:hover{transform:translateY(-2px);border-color:rgba(var(--color-rgb),.45)}.card>.header,.card>.body,.card>.footer{width:100%;box-sizing:border-box}.card>.header{background:var(--card-chrome-bg);border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid var(--mineral-border);padding:var(--mineral-spacing-md)}.card>.body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--mineral-spacing-md);background:var(--card-body-bg);padding:var(--mineral-spacing-md)}.card>.footer{background:var(--card-chrome-bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top:1px solid var(--mineral-border);padding:var(--mineral-spacing-md)}.mineral-light .card{--card-body-bg: rgba(255, 255, 255, 1);--card-chrome-bg: rgba(248, 250, 252, 1)}.badge{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:var(--mineral-radius-full);font-weight:600;white-space:nowrap;background:rgba(var(--color-rgb),.14);color:rgba(var(--color-rgb),1)}.badge.primary{--color-rgb: var(--mineral-primary-rgb)}.badge.neutral{--color-rgb: var(--mineral-neutral-rgb)}.badge.success{--color-rgb: var(--mineral-success-rgb)}.badge.error{--color-rgb: var(--mineral-error-rgb)}.badge.warning{--color-rgb: var(--mineral-warning-rgb)}.badge.info{--color-rgb: var(--mineral-info-rgb)}.badge.sm{min-height:20px;padding:0 .5rem;font-size:var(--mineral-font-size-xs)}.badge.md{min-height:24px;padding:0 .625rem;font-size:var(--mineral-font-size-sm)}.badge.lg{min-height:28px;padding:0 .75rem;font-size:var(--mineral-font-size-md)}.alert{--color-rgb: var(--mineral-info-rgb);display:flex;flex-direction:column;gap:var(--mineral-spacing-xs);padding:var(--mineral-spacing-md) var(--mineral-spacing-lg);border:1px solid rgba(var(--color-rgb),.28);border-radius:var(--mineral-radius-md);background:rgba(var(--color-rgb),.1);color:rgba(var(--color-rgb),1);box-sizing:border-box}.alert.primary{--color-rgb: var(--mineral-primary-rgb)}.alert.neutral{--color-rgb: var(--mineral-neutral-rgb)}.alert.success{--color-rgb: var(--mineral-success-rgb)}.alert.error{--color-rgb: var(--mineral-error-rgb)}.alert.warning{--color-rgb: var(--mineral-warning-rgb)}.alert.info{--color-rgb: var(--mineral-info-rgb)}.alert .title{font-weight:700}.alert .content{color:color-mix(in oklch,rgba(var(--color-rgb),1),var(--mineral-text) 35%)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-lg);background:var(--mineral-dark-light)}.table{width:100%;border-collapse:collapse;color:var(--mineral-text);font-family:var(--mineral-font-family);font-size:var(--mineral-font-size-sm)}.table .head{background:color-mix(in srgb,var(--mineral-dark-light) 94%,white 6%)}.table tbody.body{display:table-row-group}.table tr.row{display:table-row;width:100%}.table tr.row>.cell,.table tr.row>.head-cell{display:table-cell}.table .row:not(:last-child) .cell,.table .row:not(:last-child) .head-cell{border-bottom:1px solid var(--mineral-border)}.table .head-cell,.table .cell{padding:12px 16px;text-align:left;vertical-align:top}.table .head-cell{color:var(--mineral-text-heading);font-weight:700}.table .cell{color:var(--mineral-text)}.collapsible{width:100%}.collapsible .trigger{width:100%;justify-content:space-between}.collapsible .content{padding-top:var(--mineral-spacing-sm);padding-left:var(--mineral-spacing-md)}.collapsible .content-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s ease,opacity .28s ease}.collapsible .content-wrap.open{grid-template-rows:1fr;opacity:1}.collapsible .content-wrap>.content{overflow:hidden}.collapsible .chevron{display:inline-flex;align-items:center;transition:transform .32s ease}.collapsible .chevron svg{width:14px;height:14px;display:block}.collapsible .chevron.open{transform:rotate(180deg)}.spinner{display:inline-flex;width:1.125rem;height:1.125rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--mineral-primary);animation:spinner-rotate .75s linear infinite}.spinner.sm{width:.875rem;height:.875rem}.spinner.md{width:1.125rem;height:1.125rem}.spinner.lg{width:1.5rem;height:1.5rem}.spinner.color-primary{color:var(--mineral-primary)}.spinner.color-neutral{color:var(--mineral-neutral)}.spinner.color-success{color:var(--mineral-success)}.spinner.color-error{color:var(--mineral-error)}.spinner.color-warning{color:var(--mineral-warning)}.spinner.color-info{color:var(--mineral-info)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.text{margin:0;font-family:var(--mineral-font-family-sans, var(--mineral-font-family));line-height:1.6}.text.default{color:var(--mineral-text)}.text.muted{color:var(--mineral-text-secondary)}.text.accent{color:var(--mineral-primary)}.text.success{color:var(--mineral-success)}.text.danger{color:var(--mineral-error)}.text.sm{font-size:var(--mineral-font-size-sm)}.text.md{font-size:var(--mineral-font-size-md)}.text.lg{font-size:var(--mineral-font-size-lg)}.text.left{text-align:left}.text.center{text-align:center}.text.right{text-align:right}.text.justify{text-align:justify}.text.normal{font-weight:400}.text.medium{font-weight:500}.text.semibold{font-weight:600}.text.bold{font-weight:700}.loader{width:100%}.loader.center{display:flex;align-items:center;justify-content:center}.avatar{--avatar-size: 40px;--avatar-bg: rgba(var(--mineral-primary-rgb), .14);--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;background:var(--avatar-bg);color:var(--mineral-primary);border:1px solid rgba(var(--color-rgb),.22);font-size:12px;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),transform var(--mineral-transition-fast),background-color var(--mineral-transition-base)}.avatar>:not(.click-effect-layer){position:relative;z-index:1}.avatar.interactive{cursor:pointer}.avatar.interactive:hover{border-color:rgba(var(--color-rgb),.38);box-shadow:0 0 0 3px rgba(var(--color-rgb),.12);transform:translateY(-1px)}.avatar.interactive:focus-visible{outline:none;border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.avatar.circle{border-radius:999px}.avatar.rounded,.avatar.square{border-radius:var(--mineral-radius-md)}.avatar.sm{--avatar-size: 28px}.avatar.md{--avatar-size: 40px}.avatar.lg{--avatar-size: 56px}.avatar.color-primary{--avatar-bg: rgba(var(--mineral-primary-rgb), .14)}.avatar.color-success{--color-rgb: var(--mineral-success-rgb);--avatar-bg: rgba(var(--mineral-success-rgb), .14);color:var(--mineral-success)}.avatar.color-warning{--color-rgb: var(--mineral-warning-rgb);--avatar-bg: rgba(var(--mineral-warning-rgb), .14);color:var(--mineral-warning)}.avatar.color-error{--color-rgb: var(--mineral-error-rgb);--avatar-bg: rgba(var(--mineral-error-rgb), .14);color:var(--mineral-error)}.avatar.color-info{--color-rgb: var(--mineral-info-rgb);--avatar-bg: rgba(var(--mineral-info-rgb), .14);color:var(--mineral-info)}.avatar.color-neutral{--color-rgb: var(--mineral-neutral-rgb);--avatar-bg: rgba(var(--mineral-neutral-rgb), .14);color:var(--mineral-neutral)}.avatar .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar .fallback{display:inline-flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--mineral-z-popover, 1000) + 40);display:flex;align-items:center;justify-content:center;padding:var(--mineral-spacing-lg);background:#0206178f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-shell{width:min(100%,960px);max-height:calc(100vh - 48px)}.modal{width:100%;max-height:calc(100vh - 48px);overflow:hidden}.modal.sm{max-width:420px;margin:0 auto}.modal.md{max-width:560px;margin:0 auto}.modal.lg{max-width:760px;margin:0 auto}.modal.xl{max-width:960px;margin:0 auto}.modal .body{overflow:auto}.modal-title{font-size:var(--mineral-font-size-lg);font-weight:700;color:var(--mineral-text-heading)}.modal-description{margin-top:var(--mineral-spacing-xs);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}@media(max-width:640px){.modal-backdrop{padding:var(--mineral-spacing-sm);align-items:flex-end}.modal,.modal.sm,.modal.md,.modal.lg,.modal.xl{max-width:none;max-height:calc(100vh - 16px)}}.heading{margin:0;color:var(--mineral-text-heading, var(--mineral-text));font-family:var(--mineral-font-family-heading, var(--mineral-font-family));font-weight:700;line-height:1.15}.heading.h1{font-size:clamp(2.5rem,5vw,4rem)}.heading.h2{font-size:clamp(2rem,4vw,3rem)}.heading.h3{font-size:clamp(1.5rem,3vw,2.25rem)}.heading.h4{font-size:1.25rem}.heading.h5{font-size:1rem}.heading.h6{font-size:.875rem}.code{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:var(--mineral-radius-sm);background:rgba(var(--mineral-primary-rgb),.12);color:var(--mineral-primary);font-family:var(--mineral-font-family-mono, "Cascadia Code", "Fira Code", monospace);font-size:.92em;line-height:1}.list{margin:0;padding-left:20px;color:var(--mineral-text-secondary);display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.list .item{line-height:1.6}.calendar-board{display:flex;flex-direction:column;gap:var(--mineral-spacing-md);width:-moz-fit-content;width:fit-content;max-width:100%;font-family:var(--mineral-font-family)}.calendar-board.full-width{width:100%}.calendar-board__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mineral-spacing-md)}.calendar-board__actions{display:inline-flex;gap:var(--mineral-spacing-xs)}.calendar-board__day-names{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-board__day-name{padding:0 var(--mineral-spacing-sm);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.calendar-board__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-day-cell{display:flex;flex-direction:column;justify-content:space-between;gap:var(--mineral-spacing-sm);min-height:112px;padding:var(--mineral-spacing-sm);border:1px solid var(--mineral-border);background:color-mix(in srgb,var(--mineral-surface) 92%,var(--mineral-page-bg) 8%);color:var(--mineral-text);border-radius:var(--mineral-radius-lg);text-align:left;font:inherit;cursor:pointer;transition:border-color var(--mineral-transition-base),background-color var(--mineral-transition-base),transform var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast)}.calendar-day-cell:hover,.calendar-day-cell:focus-visible{border-color:rgba(var(--mineral-primary-rgb),.45);background:color-mix(in srgb,var(--mineral-surface) 88%,rgba(var(--mineral-primary-rgb),.08) 12%);transform:translateY(-1px);box-shadow:0 12px 30px #0f172a14}.calendar-day-cell.today{border-color:rgba(var(--mineral-primary-rgb),.4)}.calendar-day-cell.selected{background:rgba(var(--mineral-primary-rgb),.08);border-color:rgba(var(--mineral-primary-rgb),.5)}.calendar-day-cell.outside-month{opacity:.55}.calendar-day-cell .day-cell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mineral-spacing-xs)}.calendar-day-cell .day-cell__number{font-size:var(--mineral-font-size-md);font-weight:700}.calendar-day-cell .day-cell__meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mineral-spacing-xs)}.calendar-day-cell .markers{display:inline-flex;flex-wrap:wrap;gap:6px}.calendar-day-cell .marker{width:8px;height:8px;border-radius:999px;background:var(--mineral-primary)}.calendar-board-popover{width:min(420px,calc(100vw - 24px))}.calendar-event-popover{width:100%}.calendar-event-list{min-width:0}.calendar-event-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--mineral-spacing-sm);padding:var(--mineral-spacing-sm);border:1px solid rgba(148,163,184,.12);border-radius:var(--mineral-radius-md);background:color-mix(in srgb,var(--mineral-surface) 88%,rgba(148,163,184,.06) 12%)}.calendar-event-item__time{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.calendar-event-item__content{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs);min-width:0}.calendar-event-item__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm)}.calendar-event-item__details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mineral-spacing-xs)}.calendar-event-item__user{display:inline-flex;align-items:center;gap:8px;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.calendar-user-avatar{width:24px;height:24px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.calendar-user-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--mineral-primary-rgb),.14);color:var(--mineral-primary);font-size:10px;font-weight:700}.calendar-timeline__slots{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.timeline-slot{display:grid;grid-template-columns:56px 14px minmax(0,1fr);gap:var(--mineral-spacing-sm);align-items:flex-start}.timeline-slot__time{padding-top:2px;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600}.timeline-slot__line{position:relative;width:2px;min-height:28px;margin:0 auto;border-radius:999px;background:#94a3b840}.timeline-slot__line:before{content:"";position:absolute;top:4px;left:50%;width:10px;height:10px;border-radius:999px;background:currentColor;transform:translate(-50%)}.timeline-slot__content{padding-bottom:var(--mineral-spacing-sm)}.timeline-slot__event{display:inline-flex;align-items:center;gap:8px}.timeline-slot__event-dot{width:8px;height:8px;border-radius:999px;background:var(--mineral-primary)}.timeline-slot.past{color:#94a3b8b8}.timeline-slot.past .timeline-slot__content{opacity:.7}.timeline-slot.active{color:var(--mineral-primary)}.timeline-slot.active .timeline-slot__line{background:rgba(var(--mineral-primary-rgb),.3)}.timeline-slot.upcoming{color:var(--mineral-text)}@media(max-width:900px){.calendar-day-cell{min-height:96px}}@media(max-width:640px){.calendar-board__grid,.calendar-board__day-names{gap:6px}.calendar-day-cell{min-height:88px;padding:var(--mineral-spacing-xs)}.calendar-event-item{grid-template-columns:1fr}.calendar-board-popover{width:min(360px,calc(100vw - 16px))}}.calendar-board__filters,.calendar-board__view-switch{display:inline-flex;flex-wrap:wrap;gap:var(--mineral-spacing-xs)}.calendar-board__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-board__week-column{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.calendar-board__week-label{padding:0 var(--mineral-spacing-sm);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.calendar-board__filter-btn,.calendar-board__view-switch .button{white-space:nowrap}@media(max-width:900px){.calendar-board__header{flex-direction:column;align-items:stretch}.calendar-board__actions,.calendar-board__filters,.calendar-board__view-switch{width:100%;flex-wrap:wrap}.calendar-board__week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.calendar-board__week{grid-template-columns:1fr}}.input{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.input.full-width{width:100%}.input .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.input .label.focused{color:var(--mineral-primary)}.input .label.error{color:var(--mineral-error)}.input .label.success{color:var(--mineral-success)}.input .label.required:after{content:" *";color:var(--mineral-error)}.input .container{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);display:flex;align-items:center;position:relative;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.input .container.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.input .container.color-success,.input .container.input-success{--color-rgb: var(--mineral-success-rgb)}.input .container.color-error,.input .container.input-error{--color-rgb: var(--mineral-error-rgb)}.input .container.color-warning{--color-rgb: var(--mineral-warning-rgb)}.input .container.color-info{--color-rgb: var(--mineral-info-rgb)}.input .container>:not(.click-effect-layer){position:relative;z-index:1}.input .container.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.input .container.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.input .container.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.input .container.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.input .container.filled:hover:not(.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.input .container.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.input .container.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.input .container.underlined:hover:not(.disabled){border-bottom-color:var(--mineral-border-hover)}.input .container.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.input .container.input-error{border-color:var(--mineral-error)!important}.input .container.input-error.focused,.input .container.color-error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.input .container.input-success{border-color:var(--mineral-success)!important}.input .container.input-success.focused,.input .container.color-success.focused{box-shadow:0 0 0 3px rgba(var(--mineral-success-rgb),.22)}.input .container.color-warning.focused{border-color:var(--mineral-warning);box-shadow:0 0 0 3px rgba(var(--mineral-warning-rgb),.22)}.input .container.color-info.focused{border-color:var(--mineral-info);box-shadow:0 0 0 3px rgba(var(--mineral-info-rgb),.22)}.input .container.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.input .container.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.input .container.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.input .container.rounded{border-radius:var(--mineral-radius-full)}.input .container.disabled{opacity:.5;cursor:not-allowed}.input .field{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.input .field::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.input .field::placeholder{color:var(--mineral-text-secondary);opacity:.6}.input .field:disabled{cursor:not-allowed}.input .field[type=search]::-webkit-search-decoration,.input .field[type=search]::-webkit-search-cancel-button,.input .field[type=search]::-webkit-search-results-button,.input .field[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.input .start-icon{display:flex;align-items:center;margin-right:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);flex-shrink:0}.input .end-icon{display:flex;align-items:center;margin-left:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);flex-shrink:0}.input .clear-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;margin-left:var(--mineral-spacing-xs);padding:2px;border:none;background:transparent;cursor:pointer;color:rgba(var(--color-rgb),.68);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);flex-shrink:0;z-index:2}.input .clear-btn:hover{color:rgba(var(--color-rgb),1);background-color:rgba(var(--color-rgb),.1)}.input .clear-btn svg{width:14px;height:14px;display:block}.input .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:input-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}.input .start-icon,.input .end-icon,.input .spinner,.input .clear-btn{transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}@keyframes input-spin{to{transform:rotate(360deg)}}.input .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.input .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.input .char-count{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);text-align:right;margin-top:2px}.input .char-count.over{color:var(--mineral-error)}.input .bottom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.textarea{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.textarea.full-width{width:100%}.textarea .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.textarea .label.focused{color:var(--mineral-primary)}.textarea .label.error{color:var(--mineral-error)}.textarea .label.success{color:var(--mineral-success)}.textarea .label.required:after{content:" *";color:var(--mineral-error)}.textarea .container{--color-rgb: var(--mineral-primary-rgb);display:flex;position:relative;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.textarea .container.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.textarea .container.color-success,.textarea .container.success{--color-rgb: var(--mineral-success-rgb)}.textarea .container.color-error,.textarea .container.error{--color-rgb: var(--mineral-error-rgb)}.textarea .container.color-warning{--color-rgb: var(--mineral-warning-rgb)}.textarea .container.color-info{--color-rgb: var(--mineral-info-rgb)}.textarea .container.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.textarea .container.outlined:hover:not(.textarea .container.disabled){border-color:var(--mineral-border-hover)}.textarea .container.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.textarea .container.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.textarea .container.filled:hover:not(.textarea .container.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.textarea .container.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.textarea .container.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.textarea .container.underlined:hover:not(.textarea .container.disabled){border-bottom-color:var(--mineral-border-hover)}.textarea .container.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.textarea .container.error{border-color:var(--mineral-error)!important}.textarea .container.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.textarea .container.success{border-color:var(--mineral-success)!important}.textarea .container.success.focused{box-shadow:0 0 0 3px rgba(var(--mineral-success-rgb),.22)}.textarea .container.color-neutral.focused{border-color:var(--mineral-neutral);box-shadow:0 0 0 3px rgba(var(--mineral-neutral-rgb),.18)}.textarea .container.color-warning.focused{border-color:var(--mineral-warning);box-shadow:0 0 0 3px rgba(var(--mineral-warning-rgb),.22)}.textarea .container.color-info.focused{border-color:var(--mineral-info);box-shadow:0 0 0 3px rgba(var(--mineral-info-rgb),.22)}.textarea .container.sm{font-size:var(--mineral-font-size-xs)}.textarea .container.sm .field{padding:var(--mineral-spacing-sm) var(--mineral-spacing-sm)}.textarea .container.md{font-size:var(--mineral-font-size-sm)}.textarea .container.md .field{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md)}.textarea .container.lg{font-size:var(--mineral-font-size-md)}.textarea .container.lg .field{padding:var(--mineral-spacing-md) var(--mineral-spacing-lg)}.textarea .container.disabled{opacity:.5;cursor:not-allowed}.textarea .field{flex:1;width:100%;min-height:60px;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;line-height:1.5;resize:vertical}.textarea .field::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.textarea .field::placeholder{color:var(--mineral-text-secondary);opacity:.6}.textarea .field:disabled{cursor:not-allowed;resize:none}.textarea .spinner{position:absolute;top:var(--mineral-spacing-sm);right:var(--mineral-spacing-sm);width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:textarea-spin .6s linear infinite;flex-shrink:0}@keyframes textarea-spin{to{transform:rotate(360deg)}}.textarea .bottom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.textarea .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.textarea .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.textarea .char-count{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);text-align:right;margin-top:2px}.textarea .char-count.over{color:var(--mineral-error)}.input-password{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.input-password .toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);font-size:1rem;padding:2px;border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast)}.input-password .toggle-btn:hover{color:var(--mineral-text)}.input-password .strength-row{display:flex;align-items:center;gap:var(--mineral-spacing-sm)}.input-password .strength-bar{display:flex;flex:1;gap:3px;height:4px}.input-password .strength-segment{flex:1;height:100%;border-radius:2px;background:var(--mineral-border-hover);transition:background-color var(--mineral-transition-fast)}.input-password .strength-label{font-size:var(--mineral-font-size-xs);font-family:var(--mineral-font-family)}.strength-weak{background:var(--mineral-error);color:var(--mineral-error)}.strength-fair{background:var(--mineral-warning);color:var(--mineral-warning)}.strength-good{background:var(--mineral-info);color:var(--mineral-info)}.strength-strong{background:var(--mineral-success);color:var(--mineral-success)}.input-number .stepper{display:flex;flex-direction:column;gap:1px;margin-left:var(--mineral-spacing-xs)}.input-number .step-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);font-size:.5rem;padding:0 2px;line-height:1;border-radius:2px;transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-number .step-btn svg{width:12px;height:12px;display:block}.input-number .step-btn:hover{color:var(--mineral-text);background:#ffffff0d}.input-number .step-btn:active{background:#ffffff1a}.input-phone .prefix,.input-currency .symbol{font-size:inherit;color:var(--mineral-text-secondary);font-weight:500;white-space:nowrap;font-family:var(--mineral-font-family)}.input-credit-card .card-brand{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:24px;padding:0 8px;border-radius:var(--mineral-radius-sm);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(var(--mineral-neutral-rgb),.14);color:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.95);border:1px solid rgba(var(--color-rgb, var(--mineral-primary-rgb)),.22)}.input-credit-card .card-brand.visa{background:#1440ae1f;border-color:#1440ae38;color:#1440ae}.input-credit-card .card-brand.mastercard{background:#ea580c1f;border-color:#ea580c38;color:#ea580c}.input-credit-card .card-brand.amex{background:#0891b21f;border-color:#0891b238;color:#0891b2}.input-credit-card .card-brand.discover{background:#f59e0b24;border-color:#f59e0b3d;color:#b45309}.input-credit-card .card-brand.maestro{background:#6d28d91f;border-color:#6d28d93d;color:#6d28d9}.input-credit-card .valid-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--mineral-success)}.input-group{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family)}.input-group.primary{--color-rgb: var(--mineral-primary-rgb)}.input-group.success{--color-rgb: var(--mineral-success-rgb)}.input-group.neutral{--color-rgb: var(--mineral-neutral-rgb)}.input-group.error{--color-rgb: var(--mineral-error-rgb)}.input-group.warning{--color-rgb: var(--mineral-warning-rgb)}.input-group.info{--color-rgb: var(--mineral-info-rgb)}.input-group.full-width{width:100%}.input-group .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.input-group .label.focused{color:rgba(var(--color-rgb),1)}.input-group .label.error{color:var(--mineral-error)}.input-group .label.required:after{content:" *";color:var(--mineral-error)}.input-group .container{--click-effect-color: rgba(var(--color-rgb), .18);display:flex;align-items:stretch;position:relative;background:var(--mineral-input-bg);border:1px solid rgba(var(--color-rgb),.25);border-radius:var(--mineral-radius-md);overflow:hidden;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.input-group .container>:not(.click-effect-layer){position:relative;z-index:1}.input-group .container:hover:not(.disabled){border-color:rgba(var(--color-rgb),.4)}.input-group .container.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.input-group .container.has-error{--color-rgb: var(--mineral-error-rgb);border-color:rgba(var(--color-rgb),.6)}.input-group .container.has-error.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.input-group .container.disabled{opacity:.5;cursor:not-allowed}.input-group .addon{display:flex;align-items:center;justify-content:center;padding:0 var(--mineral-spacing-md);background:rgba(var(--color-rgb),.06);color:rgba(var(--color-rgb),.7);font-size:var(--mineral-font-size-sm);font-family:var(--mineral-font-family);white-space:nowrap;flex-shrink:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-group .addon.prepend{border-right:1px solid rgba(var(--color-rgb),.15)}.input-group .addon.append{border-left:1px solid rgba(var(--color-rgb),.15)}.input-group .addon.button{cursor:pointer;transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.input-group .addon.button:hover{background:rgba(var(--color-rgb),.12);color:rgba(var(--color-rgb),1)}.input-group .addon.button:active{background:rgba(var(--color-rgb),.18)}.input-group .addon.checkbox{cursor:pointer}.input-group .addon.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:rgba(var(--color-rgb),1);cursor:pointer}.input-group .addon.custom{display:flex;align-items:stretch;flex-shrink:0}.input-group .field{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;padding:0 var(--mineral-spacing-md)}.input-group .field::-moz-placeholder{color:rgba(var(--color-rgb),.4)}.input-group .field::placeholder{color:rgba(var(--color-rgb),.4)}.input-group .field:disabled{cursor:not-allowed}.input-group .container.sm{min-height:32px;font-size:var(--mineral-font-size-xs)}.input-group .container.sm .addon,.input-group .container.sm .field{padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.input-group .container.md{min-height:40px;font-size:var(--mineral-font-size-sm)}.input-group .container.md .addon,.input-group .container.md .field{font-size:var(--mineral-font-size-sm)}.input-group .container.lg{min-height:48px;font-size:var(--mineral-font-size-md)}.input-group .container.lg .addon,.input-group .container.lg .field{padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.input-group .spinner-addon{display:flex;align-items:center;justify-content:center;padding:0 var(--mineral-spacing-md);border:none;flex-shrink:0}.input-group .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.2);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:input-group-spin .6s linear infinite}@keyframes input-group-spin{to{transform:rotate(360deg)}}.input-group .helper{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.input-group .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.input-group .bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.input-post-code .addon.custom.prepend{border-right:1px solid rgba(var(--color-rgb, var(--mineral-primary-rgb)),.15);background:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.06)}.input-post-code .country-select{min-width:92px;height:100%;padding:0 28px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.08);color:var(--mineral-text);cursor:pointer}.input-post-code .country-select:disabled{cursor:not-allowed}.input-post-code .country-select-wrap{position:relative;display:flex;align-items:stretch}.input-post-code .country-select-wrap:after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.7}.select{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.select.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.select.color-success{--color-rgb: var(--mineral-success-rgb)}.select.color-error{--color-rgb: var(--mineral-error-rgb)}.select.color-warning{--color-rgb: var(--mineral-warning-rgb)}.select.color-info{--color-rgb: var(--mineral-info-rgb)}.select.full-width{width:100%}.select .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.select .label.focused{color:rgba(var(--color-rgb),1)}.select .label.error{color:var(--mineral-error)}.select .label.required:after{content:" *";color:var(--mineral-error)}.select .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.select .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:color-mix(in srgb,var(--mineral-page-bg) 88%,var(--mineral-surface) 12%)}.select .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover);background:color-mix(in srgb,var(--mineral-page-bg) 78%,var(--mineral-surface) 22%)}.select .trigger.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22);background:color-mix(in srgb,var(--mineral-page-bg) 72%,var(--mineral-surface) 28%)}.select .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.select .trigger.filled:hover:not(.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.select .trigger.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.select .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.select .trigger.underlined:hover:not(.disabled){border-bottom-color:var(--mineral-border-hover)}.select .trigger.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.select .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.select .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.select .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.select .trigger.error{border-color:var(--mineral-error)!important}.select .trigger.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.select .trigger.disabled{opacity:.5;cursor:not-allowed}.select .value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mineral-text)}.select .placeholder{color:var(--mineral-text-secondary);opacity:.6}.select .tags{display:flex;flex-wrap:wrap;gap:4px;overflow:hidden}.select .tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:var(--mineral-font-size-xs);background:rgba(var(--color-rgb),.15);color:rgba(var(--color-rgb),1);border-radius:var(--mineral-radius-sm);white-space:nowrap}.select .arrow{margin-left:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);transition:transform var(--mineral-transition-fast);flex-shrink:0}.select .arrow svg,.select .clear-btn svg,.select-popover .checkbox svg{width:14px;height:14px;display:block}.select .arrow.open{transform:rotate(180deg)}.select .clear-btn{display:flex;align-items:center;justify-content:center;margin-left:var(--mineral-spacing-xs);padding:2px;cursor:pointer;color:rgba(var(--color-rgb),.68);background:none;border:none;border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);flex-shrink:0}.select .clear-btn:hover{color:rgba(var(--color-rgb),1);background:rgba(var(--color-rgb),.1)}.select .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:select-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}@keyframes select-spin{to{transform:rotate(360deg)}}.select-popover .dropdown{overflow:auto;background:var(--mineral-popover-bg);border-radius:inherit}.select-popover .search-box{padding:var(--mineral-spacing-sm);border-bottom:1px solid var(--mineral-popover-border)}.select-popover .search-input{width:100%;background:transparent;border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-sm);color:var(--mineral-text);font-family:inherit;font-size:var(--mineral-font-size-sm);padding:4px 8px;outline:none}.select-popover .search-input:focus{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.18)}.select-popover .options-list{display:grid;gap:4px;padding:var(--mineral-spacing-xs)}.select-popover .option{display:flex;align-items:center;gap:var(--mineral-spacing-sm);padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.select-popover .option.active{background:color-mix(in srgb,var(--mineral-option-hover-bg) 72%,rgba(var(--color-rgb),.12) 28%)}.select-popover .option.selected{background:rgba(var(--color-rgb),.16);color:rgba(var(--color-rgb),1);box-shadow:inset 0 0 0 1px rgba(var(--color-rgb),.22)}.select-popover .option:hover:not(.disabled){background:rgba(var(--color-rgb),.1);color:rgba(var(--color-rgb),1);transform:translate(1px)}.select-popover .option.disabled{opacity:.4;cursor:not-allowed}.select-popover .checkbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.38);border-radius:3px;color:#fff;flex-shrink:0;transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.select-popover .checkbox.checked{background:rgba(var(--color-rgb),1);border-color:rgba(var(--color-rgb),1)}.select-popover .group-header{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.select-popover .no-options{padding:var(--mineral-spacing-md);text-align:center;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}.select .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.select .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.select .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.autocomplete{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.autocomplete-popover{--color-rgb: var(--mineral-primary-rgb)}.autocomplete.color-neutral,.autocomplete-popover.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.autocomplete.color-success,.autocomplete-popover.color-success{--color-rgb: var(--mineral-success-rgb)}.autocomplete.color-error,.autocomplete-popover.color-error{--color-rgb: var(--mineral-error-rgb)}.autocomplete.color-warning,.autocomplete-popover.color-warning{--color-rgb: var(--mineral-warning-rgb)}.autocomplete.color-info,.autocomplete-popover.color-info{--color-rgb: var(--mineral-info-rgb)}.autocomplete.full-width{width:100%}.autocomplete .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.autocomplete .label.focused{color:rgba(var(--color-rgb),1)}.autocomplete .label.error{color:var(--mineral-error)}.autocomplete .label.required:after{content:" *";color:var(--mineral-error)}.autocomplete .input-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:4px;cursor:text;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.autocomplete .input-wrapper.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.autocomplete .input-wrapper.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.autocomplete .input-wrapper.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.autocomplete .input-wrapper.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.autocomplete .input-wrapper.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.autocomplete .input-wrapper.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.autocomplete .input-wrapper.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.autocomplete .input-wrapper.sm{min-height:32px;padding:2px var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.autocomplete .input-wrapper.md{min-height:40px;padding:4px var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.autocomplete .input-wrapper.lg{min-height:48px;padding:6px var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.autocomplete .input-wrapper.error{border-color:var(--mineral-error)!important}.autocomplete .input-wrapper.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.autocomplete .input-wrapper.disabled{opacity:.5;cursor:not-allowed}.autocomplete .input{flex:1;min-width:60px;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.autocomplete .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.autocomplete .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.autocomplete .input:disabled{cursor:not-allowed}.autocomplete .tags{display:flex;flex-wrap:wrap;gap:4px}.autocomplete .tag{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;font-size:var(--mineral-font-size-xs);background:rgba(var(--color-rgb),.15);color:rgba(var(--color-rgb),1);border-radius:var(--mineral-radius-sm);white-space:nowrap}.autocomplete .tag-remove,.autocomplete .clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:inherit;padding:0;transition:opacity var(--mineral-transition-fast),color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.autocomplete .tag-remove{opacity:.72}.autocomplete .tag-remove:hover{opacity:1}.autocomplete .tag-remove svg,.autocomplete .clear-btn svg{width:14px;height:14px;display:block}.autocomplete .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:autocomplete-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}@keyframes autocomplete-spin{to{transform:rotate(360deg)}}.autocomplete .clear-btn{margin-left:var(--mineral-spacing-xs);padding:2px;color:rgba(var(--color-rgb),.68);border-radius:var(--mineral-radius-sm)}.autocomplete .clear-btn:hover{color:rgba(var(--color-rgb),1);background:rgba(var(--color-rgb),.1)}.autocomplete .dropdown,.autocomplete-popover .dropdown{overflow:auto}.autocomplete .options-list,.autocomplete-popover .options-list{padding:var(--mineral-spacing-xs) 0}.autocomplete .option,.autocomplete-popover .option{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);transition:background-color var(--mineral-transition-fast)}.autocomplete .option.active,.autocomplete-popover .option.active{background:var(--mineral-option-hover-bg)}.autocomplete .option.selected,.autocomplete-popover .option.selected{background:rgba(var(--color-rgb),.12)}.autocomplete .no-options,.autocomplete .loading-msg,.autocomplete-popover .no-options,.autocomplete-popover .loading-msg{padding:var(--mineral-spacing-md);text-align:center;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}.autocomplete .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.autocomplete .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.autocomplete .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.date-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.date-picker.full-width{width:100%}.date-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.date-picker .label.focused{color:var(--mineral-primary)}.date-picker .label.error{color:var(--mineral-error)}.date-picker .label.required:after{content:" *";color:var(--mineral-error)}.date-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.date-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.date-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.date-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.date-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.date-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.date-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.date-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.date-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.date-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.date-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.date-picker .trigger.error{border-color:var(--mineral-error)!important}.date-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.date-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.date-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;cursor:inherit}.date-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-picker .input:disabled{cursor:not-allowed}.date-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.date-picker .clear-btn svg,.date-picker .nav-btn,.date-picker-popover .nav-btn svg{width:14px;height:14px;display:block}.date-picker .clear-btn:hover{color:var(--mineral-text)}.date-picker .calendar,.date-picker-popover .calendar{padding:var(--mineral-spacing-sm);width:280px}.date-picker .calendar-header,.date-picker-popover .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mineral-spacing-sm)}.date-picker .nav-btn,.date-picker-popover .nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.date-picker .nav-btn,.date-picker-popover .nav-btn:hover{color:var(--mineral-text);background:var(--mineral-option-hover-bg)}.date-picker .header-title,.date-picker-popover .header-title{background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600;font-family:inherit;padding:4px 8px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .header-title,.date-picker-popover .header-title:hover{background:var(--mineral-option-hover-bg)}.date-picker .day-names,.date-picker-popover .day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-picker .day,.date-picker-popover .day-name{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding:4px 0}.date-picker .day-grid,.date-picker-popover .day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker .day,.date-picker-popover .day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-xs);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.date-picker .day,.date-picker-popover .day:hover:not(.disabled):not(.selected){background:var(--mineral-option-hover-bg)}.date-picker .day,.date-picker-popover .day.other-month{color:var(--mineral-text-secondary);opacity:.4}.date-picker .day,.date-picker-popover .day.today{border:1px solid var(--mineral-primary)}.date-picker .day,.date-picker-popover .day.selected{background:var(--mineral-primary)!important;color:#fff!important;font-weight:600}.date-picker .day,.date-picker-popover .day.disabled{opacity:.25;cursor:not-allowed}.date-picker .month-grid,.date-picker-popover .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.date-picker .month-cell,.date-picker-popover .month-cell{padding:8px;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .month-cell,.date-picker-popover .month-cell:hover{background:var(--mineral-option-hover-bg)}.date-picker .month-cell,.date-picker-popover .month-cell.selected{background:var(--mineral-option-selected-bg);font-weight:600}.date-picker .footer,.date-picker-popover .footer{display:flex;justify-content:center;margin-top:var(--mineral-spacing-sm);padding-top:var(--mineral-spacing-sm);border-top:1px solid var(--mineral-popover-border)}.date-picker .today-btn,.date-picker-popover .today-btn{background:none;border:none;cursor:pointer;color:var(--mineral-primary);font-size:var(--mineral-font-size-sm);font-family:inherit;font-weight:500;padding:4px 12px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .today-btn,.date-picker-popover .today-btn:hover{background:var(--mineral-option-hover-bg)}.date-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.date-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.date-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.date-range-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.date-range-picker.full-width{width:100%}.date-range-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.date-range-picker .label.focused{color:var(--mineral-primary)}.date-range-picker .label.error{color:var(--mineral-error)}.date-range-picker .label.required:after{content:" *";color:var(--mineral-error)}.date-range-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.date-range-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.date-range-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.date-range-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.date-range-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.date-range-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.date-range-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.date-range-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.date-range-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.date-range-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.date-range-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.date-range-picker .trigger.error{border-color:var(--mineral-error)!important}.date-range-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.date-range-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.date-range-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;cursor:inherit}.date-range-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-range-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-range-picker .input:disabled{cursor:not-allowed}.date-range-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.date-range-picker .clear-btn:hover{color:var(--mineral-text)}.date-range-picker .clear-btn svg,.date-range-picker .nav-btn svg{width:14px;height:14px;display:block}.date-range-calendar,.date-range-picker-popover .date-range-calendar{width:min(620px,calc(100vw - 24px));padding:var(--mineral-spacing-sm)}.date-range-calendar .calendar-top,.date-range-picker-popover .date-range-calendar .calendar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm);margin-bottom:var(--mineral-spacing-sm)}.date-range-calendar .calendar-caption,.date-range-picker-popover .date-range-calendar .calendar-caption{display:flex;flex-direction:column;gap:2px}.date-range-calendar .caption-title,.date-range-picker-popover .date-range-calendar .caption-title{color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600}.date-range-calendar .caption-subtitle,.date-range-picker-popover .date-range-calendar .caption-subtitle{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.date-range-calendar .nav-actions,.date-range-picker-popover .date-range-calendar .nav-actions{display:inline-flex;gap:4px}.date-range-calendar .presets,.date-range-picker-popover .date-range-calendar .presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--mineral-spacing-sm)}.date-range-calendar .preset-btn,.date-range-picker-popover .date-range-calendar .preset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--mineral-border);background:rgba(var(--mineral-primary-rgb),.06);color:var(--mineral-text);padding:6px 12px;border-radius:var(--mineral-radius-sm);cursor:pointer;font-family:inherit;font-size:var(--mineral-font-size-xs);transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.date-range-calendar .preset-btn:hover,.date-range-picker-popover .date-range-calendar .preset-btn:hover{border-color:rgba(var(--mineral-primary-rgb),.4);background:rgba(var(--mineral-primary-rgb),.12);color:var(--mineral-primary)}.date-range-calendar .nav-btn,.date-range-picker-popover .date-range-calendar .nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.date-range-calendar .nav-btn:hover,.date-range-picker-popover .date-range-calendar .nav-btn:hover{color:var(--mineral-text);background:var(--mineral-option-hover-bg)}.date-range-calendar .months,.date-range-picker-popover .date-range-calendar .months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mineral-spacing-md)}.date-range-calendar .month-panel,.date-range-picker-popover .date-range-calendar .month-panel{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.date-range-calendar .month-title,.date-range-picker-popover .date-range-calendar .month-title{color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600;padding:0 4px}.date-range-calendar .day-names,.date-range-picker-popover .date-range-calendar .day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-calendar .day-name,.date-range-picker-popover .date-range-calendar .day-name{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding:4px 0}.date-range-calendar .day-grid,.date-range-picker-popover .date-range-calendar .day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-calendar .day,.date-range-picker-popover .date-range-calendar .day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:none;border:1px solid transparent;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-xs);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.date-range-calendar .day:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end),.date-range-picker-popover .date-range-calendar .day:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end){background:var(--mineral-option-hover-bg)}.date-range-calendar .day.other-month,.date-range-picker-popover .date-range-calendar .day.other-month{color:var(--mineral-text-secondary);opacity:.4}.date-range-calendar .day.today,.date-range-picker-popover .date-range-calendar .day.today{border-color:var(--mineral-primary)}.date-range-calendar .day.in-range,.date-range-picker-popover .date-range-calendar .day.in-range,.date-range-calendar .day.preview-range,.date-range-picker-popover .date-range-calendar .day.preview-range{background:rgba(var(--mineral-primary-rgb),.12)}.date-range-calendar .day.range-start,.date-range-picker-popover .date-range-calendar .day.range-start,.date-range-calendar .day.range-end,.date-range-picker-popover .date-range-calendar .day.range-end,.date-range-calendar .day.selected,.date-range-picker-popover .date-range-calendar .day.selected{background:var(--mineral-primary)!important;color:#fff!important;border-color:var(--mineral-primary);font-weight:600}.date-range-calendar .day.disabled,.date-range-picker-popover .date-range-calendar .day.disabled{opacity:.25;cursor:not-allowed}.date-range-calendar .footer,.date-range-picker-popover .date-range-calendar .footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm);margin-top:var(--mineral-spacing-sm);padding-top:var(--mineral-spacing-sm);border-top:1px solid var(--mineral-popover-border)}.date-range-calendar .summary,.date-range-picker-popover .date-range-calendar .summary{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.date-range-calendar .footer-actions,.date-range-picker-popover .date-range-calendar .footer-actions{display:inline-flex;gap:6px}.date-range-calendar .footer-btn,.date-range-picker-popover .date-range-calendar .footer-btn{background:none;border:none;cursor:pointer;color:var(--mineral-primary);font-size:var(--mineral-font-size-sm);font-family:inherit;font-weight:500;padding:4px 12px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-range-calendar .footer-btn:hover,.date-range-picker-popover .date-range-calendar .footer-btn:hover{background:var(--mineral-option-hover-bg)}.date-range-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.date-range-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.date-range-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}@media(max-width:760px){.date-range-calendar,.date-range-picker-popover .date-range-calendar{width:min(320px,calc(100vw - 24px));padding:var(--mineral-spacing-xs)}.date-range-calendar .months,.date-range-picker-popover .date-range-calendar .months{grid-template-columns:1fr;gap:var(--mineral-spacing-sm)}.date-range-calendar .calendar-top,.date-range-picker-popover .date-range-calendar .calendar-top{align-items:flex-start}.date-range-calendar .presets,.date-range-picker-popover .date-range-calendar .presets{gap:6px}.date-range-calendar .preset-btn,.date-range-picker-popover .date-range-calendar .preset-btn{flex:1 1 calc(50% - 6px);text-align:center}.date-range-calendar .footer,.date-range-picker-popover .date-range-calendar .footer{flex-direction:column;align-items:stretch}.date-range-calendar .footer-actions,.date-range-picker-popover .date-range-calendar .footer-actions{justify-content:flex-end}}.time-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.time-picker.full-width{width:100%}.time-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.time-picker .label.focused{color:var(--mineral-primary)}.time-picker .label.error{color:var(--mineral-error)}.time-picker .label.required:after{content:" *";color:var(--mineral-error)}.time-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.time-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.time-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.time-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.time-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.time-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.time-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.time-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.time-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.time-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.time-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.time-picker .trigger.error{border-color:var(--mineral-error)!important}.time-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.time-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.time-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.time-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.time-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.time-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.time-picker .clear-btn svg{width:14px;height:14px;display:block}.time-picker .clear-btn:hover{color:var(--mineral-text)}.time-picker .columns{display:flex;padding:var(--mineral-spacing-sm);gap:2px}.time-picker .column{display:flex;flex-direction:column;width:56px}.time-picker .column-label{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--mineral-popover-border);margin-bottom:4px}.time-picker .column-list{overflow-y:auto;max-height:200px;scrollbar-width:thin;scrollbar-color:var(--mineral-border-hover) transparent}.time-picker .column-item{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.time-picker .column-item:hover{background:var(--mineral-option-hover-bg)}.time-picker .column-item.selected{background:var(--mineral-primary)!important;color:#fff;font-weight:600}.time-picker .column-item.disabled{opacity:.35;cursor:not-allowed}.time-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.time-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.time-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}
1
+ *,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-kerning:none;scrollbar-width:thin;scrollbar-color:rgba(var(--mineral-primary-rgb),.65) var(--mineral-border)}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}html{scroll-behavior:smooth}body{background:var(--mineral-page-bg);color:var(--mineral-page-text)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--mineral-border)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(var(--mineral-primary-rgb),.78),rgba(var(--mineral-primary-rgb),.5));border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(var(--mineral-primary-rgb),.95),rgba(var(--mineral-primary-rgb),.62))}:root{--mineral-primary-rgb: 0, 165, 222;--mineral-primary: rgba(0, 165, 222, 1);--mineral-primary-dark: rgba(0, 132, 180, 1);--mineral-primary-light: rgba(51, 183, 229, 1);--mineral-primary-contrast: rgba(255, 255, 255, 1);--mineral-neutral-rgb: 100, 116, 139;--mineral-neutral: rgba(100, 116, 139, 1);--mineral-neutral-soft: rgba(148, 163, 184, 1);--mineral-neutral-contrast: rgba(255, 255, 255, 1);--mineral-success-rgb: 34, 197, 94;--mineral-success: rgba(34, 197, 94, 1);--mineral-success-contrast: rgba(255, 255, 255, 1);--mineral-error-rgb: 239, 68, 68;--mineral-error: rgba(239, 68, 68, 1);--mineral-error-contrast: rgba(255, 255, 255, 1);--mineral-warning-rgb: 245, 158, 11;--mineral-warning: rgba(245, 158, 11, 1);--mineral-warning-contrast: rgba(15, 23, 42, 1);--mineral-info-rgb: 59, 130, 246;--mineral-info: rgba(59, 130, 246, 1);--mineral-info-contrast: rgba(255, 255, 255, 1);--mineral-dark-rgb: 15, 23, 42;--mineral-dark: rgba(15, 23, 42, 1);--mineral-dark-light-rgb: 30, 41, 59;--mineral-dark-light: rgba(30, 41, 59, 1);--mineral-surface-rgb: 21, 29, 46;--mineral-surface: rgba(21, 29, 46, 1);--mineral-surface-contrast: rgba(10, 16, 30, 1);--mineral-input-bg: rgba(37, 51, 71, 1);--mineral-page-bg: var(--mineral-dark);--mineral-page-text: var(--mineral-text);--mineral-text: rgba(226, 232, 240, 1);--mineral-text-secondary: rgba(100, 116, 139, 1);--mineral-text-heading: rgba(241, 245, 249, .96);--mineral-text-inverted: rgba(15, 23, 42, 1);--mineral-fcolor-default: var(--mineral-text);--mineral-fcolor-muted: var(--mineral-text-secondary);--mineral-fcolor-heading: var(--mineral-text-heading);--mineral-fcolor-inverted: var(--mineral-text-inverted);--mineral-fcolor-primary: var(--mineral-primary);--mineral-fcolor-neutral: var(--mineral-neutral);--mineral-fcolor-success: var(--mineral-success);--mineral-fcolor-error: var(--mineral-error);--mineral-fcolor-warning: var(--mineral-warning);--mineral-fcolor-info: var(--mineral-info);--mineral-border: rgba(255, 255, 255, .15);--mineral-border-hover: rgba(255, 255, 255, .25);--mineral-border-focus: rgba(0, 165, 222, 1);--mineral-popover-bg: rgba(30, 41, 59, .95);--mineral-popover-border: rgba(255, 255, 255, .08);--mineral-popover-backdrop-blur: 12px;--mineral-option-hover-bg: rgba(255, 255, 255, .05);--mineral-option-selected-bg: rgba(var(--mineral-primary-rgb), .15);--mineral-option-active-bg: rgba(var(--mineral-primary-rgb), .25)}:root{--mineral-font-family-sans: "Montserrat", "Segoe UI", system-ui, -apple-system, sans-serif;--mineral-font-family-heading: var(--mineral-font-family-sans);--mineral-font-family-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--mineral-font-family: var(--mineral-font-family-sans);--mineral-font-size-xs: .75rem;--mineral-font-size-sm: .875rem;--mineral-font-size-md: 1rem;--mineral-font-size-lg: 1.125rem;--mineral-font-size-xl: 1.25rem;--mineral-font-size-2xl: 1.5rem}:root{--mineral-spacing-xs: 4px;--mineral-spacing-sm: 8px;--mineral-spacing-md: 12px;--mineral-spacing-lg: 16px;--mineral-spacing-xl: 24px;--mineral-spacing-2xl: 32px;--mineral-space-none: 0;--mineral-space-xs: var(--mineral-spacing-xs);--mineral-space-sm: var(--mineral-spacing-sm);--mineral-space-md: var(--mineral-spacing-md);--mineral-space-lg: var(--mineral-spacing-lg);--mineral-space-xl: var(--mineral-spacing-xl);--mineral-space-2xl: var(--mineral-spacing-2xl)}:root{--mineral-radius-sm: 6px;--mineral-radius-md: 8px;--mineral-radius-lg: 10px;--mineral-radius-xl: 16px;--mineral-radius-full: 9999px}:root{--mineral-transition-fast: .15s ease;--mineral-transition-base: .3s ease;--mineral-transition-slow: .45s ease}:root{--mineral-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--mineral-shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--mineral-shadow-lg: 0 16px 32px rgba(0, 0, 0, .35);--mineral-shadow-focus: 0 0 0 3px rgba(var(--mineral-primary-rgb), .3);--mineral-popover-shadow: 0 8px 32px rgba(0, 0, 0, .4)}:root{--mineral-z-popover: 1000;--mineral-z-modal: 1100;--mineral-z-toast: 1200}.mineral-light{--mineral-dark-rgb: 255, 255, 255;--mineral-dark: rgba(255, 255, 255, 1);--mineral-dark-light-rgb: 248, 250, 252;--mineral-dark-light: rgba(248, 250, 252, 1);--mineral-surface-rgb: 241, 245, 249;--mineral-surface: rgba(241, 245, 249, 1);--mineral-surface-contrast: rgba(226, 232, 240, 1);--mineral-input-bg: rgba(255, 255, 255, 1);--mineral-page-bg: rgba(248, 250, 252, 1);--mineral-page-text: rgba(30, 41, 59, 1);--mineral-text: rgba(30, 41, 59, 1);--mineral-text-secondary: rgba(100, 116, 139, 1);--mineral-text-heading: rgba(31, 41, 55, .84);--mineral-text-inverted: rgba(255, 255, 255, 1);--mineral-fcolor-default: var(--mineral-text);--mineral-fcolor-muted: var(--mineral-text-secondary);--mineral-fcolor-heading: var(--mineral-text-heading);--mineral-fcolor-inverted: var(--mineral-text-inverted);--mineral-border: rgba(0, 0, 0, .15);--mineral-border-hover: rgba(0, 0, 0, .25);--mineral-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--mineral-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--mineral-shadow-lg: 0 16px 32px rgba(0, 0, 0, .1);--mineral-shadow-focus: 0 0 0 3px rgba(var(--mineral-primary-rgb), .3);--mineral-popover-shadow: 0 8px 32px rgba(0, 0, 0, .12);--mineral-popover-bg: rgba(255, 255, 255, .97);--mineral-popover-border: rgba(0, 0, 0, .08);--mineral-option-hover-bg: rgba(0, 0, 0, .04);--mineral-option-selected-bg: rgba(var(--mineral-primary-rgb), .1);--mineral-option-active-bg: rgba(var(--mineral-primary-rgb), .18)}.full-width{width:100%}.spacing-none{margin:var(--mineral-space-none)}.spacing-xs{margin:var(--mineral-space-xs)}.spacing-sm{margin:var(--mineral-space-sm)}.spacing-md{margin:var(--mineral-space-md)}.spacing-lg{margin:var(--mineral-space-lg)}.spacing-xl{margin:var(--mineral-space-xl)}.spacing-2xl{margin:var(--mineral-space-2xl)}.padding-none{padding:var(--mineral-space-none)}.padding-xs{padding:var(--mineral-space-xs)}.padding-sm{padding:var(--mineral-space-sm)}.padding-md{padding:var(--mineral-space-md)}.padding-lg{padding:var(--mineral-space-lg)}.padding-xl{padding:var(--mineral-space-xl)}.padding-2xl{padding:var(--mineral-space-2xl)}.has-fsize{font-size:var(--mineral-layout-fsize)}.mt-none{margin-top:var(--mineral-space-none)}.mt-xs{margin-top:var(--mineral-space-xs)}.mt-sm{margin-top:var(--mineral-space-sm)}.mt-md{margin-top:var(--mineral-space-md)}.mt-lg{margin-top:var(--mineral-space-lg)}.mt-xl{margin-top:var(--mineral-space-xl)}.mt-2xl{margin-top:var(--mineral-space-2xl)}.mb-none{margin-bottom:var(--mineral-space-none)}.mb-xs{margin-bottom:var(--mineral-space-xs)}.mb-sm{margin-bottom:var(--mineral-space-sm)}.mb-md{margin-bottom:var(--mineral-space-md)}.mb-lg{margin-bottom:var(--mineral-space-lg)}.mb-xl{margin-bottom:var(--mineral-space-xl)}.mb-2xl{margin-bottom:var(--mineral-space-2xl)}.ml-none{margin-left:var(--mineral-space-none)}.ml-xs{margin-left:var(--mineral-space-xs)}.ml-sm{margin-left:var(--mineral-space-sm)}.ml-md{margin-left:var(--mineral-space-md)}.ml-lg{margin-left:var(--mineral-space-lg)}.ml-xl{margin-left:var(--mineral-space-xl)}.ml-2xl{margin-left:var(--mineral-space-2xl)}.mr-none{margin-right:var(--mineral-space-none)}.mr-xs{margin-right:var(--mineral-space-xs)}.mr-sm{margin-right:var(--mineral-space-sm)}.mr-md{margin-right:var(--mineral-space-md)}.mr-lg{margin-right:var(--mineral-space-lg)}.mr-xl{margin-right:var(--mineral-space-xl)}.mr-2xl{margin-right:var(--mineral-space-2xl)}.pt-none{padding-top:var(--mineral-space-none)}.pt-xs{padding-top:var(--mineral-space-xs)}.pt-sm{padding-top:var(--mineral-space-sm)}.pt-md{padding-top:var(--mineral-space-md)}.pt-lg{padding-top:var(--mineral-space-lg)}.pt-xl{padding-top:var(--mineral-space-xl)}.pt-2xl{padding-top:var(--mineral-space-2xl)}.pb-none{padding-bottom:var(--mineral-space-none)}.pb-xs{padding-bottom:var(--mineral-space-xs)}.pb-sm{padding-bottom:var(--mineral-space-sm)}.pb-md{padding-bottom:var(--mineral-space-md)}.pb-lg{padding-bottom:var(--mineral-space-lg)}.pb-xl{padding-bottom:var(--mineral-space-xl)}.pb-2xl{padding-bottom:var(--mineral-space-2xl)}.pl-none{padding-left:var(--mineral-space-none)}.pl-xs{padding-left:var(--mineral-space-xs)}.pl-sm{padding-left:var(--mineral-space-sm)}.pl-md{padding-left:var(--mineral-space-md)}.pl-lg{padding-left:var(--mineral-space-lg)}.pl-xl{padding-left:var(--mineral-space-xl)}.pl-2xl{padding-left:var(--mineral-space-2xl)}.pr-none{padding-right:var(--mineral-space-none)}.pr-xs{padding-right:var(--mineral-space-xs)}.pr-sm{padding-right:var(--mineral-space-sm)}.pr-md{padding-right:var(--mineral-space-md)}.pr-lg{padding-right:var(--mineral-space-lg)}.pr-xl{padding-right:var(--mineral-space-xl)}.pr-2xl{padding-right:var(--mineral-space-2xl)}.mx-none{margin-left:var(--mineral-space-none);margin-right:var(--mineral-space-none)}.mx-xs{margin-left:var(--mineral-space-xs);margin-right:var(--mineral-space-xs)}.mx-sm{margin-left:var(--mineral-space-sm);margin-right:var(--mineral-space-sm)}.mx-md{margin-left:var(--mineral-space-md);margin-right:var(--mineral-space-md)}.mx-lg{margin-left:var(--mineral-space-lg);margin-right:var(--mineral-space-lg)}.mx-xl{margin-left:var(--mineral-space-xl);margin-right:var(--mineral-space-xl)}.mx-2xl{margin-left:var(--mineral-space-2xl);margin-right:var(--mineral-space-2xl)}.my-none{margin-top:var(--mineral-space-none);margin-bottom:var(--mineral-space-none)}.my-xs{margin-top:var(--mineral-space-xs);margin-bottom:var(--mineral-space-xs)}.my-sm{margin-top:var(--mineral-space-sm);margin-bottom:var(--mineral-space-sm)}.my-md{margin-top:var(--mineral-space-md);margin-bottom:var(--mineral-space-md)}.my-lg{margin-top:var(--mineral-space-lg);margin-bottom:var(--mineral-space-lg)}.my-xl{margin-top:var(--mineral-space-xl);margin-bottom:var(--mineral-space-xl)}.my-2xl{margin-top:var(--mineral-space-2xl);margin-bottom:var(--mineral-space-2xl)}.px-none{padding-left:var(--mineral-space-none);padding-right:var(--mineral-space-none)}.px-xs{padding-left:var(--mineral-space-xs);padding-right:var(--mineral-space-xs)}.px-sm{padding-left:var(--mineral-space-sm);padding-right:var(--mineral-space-sm)}.px-md{padding-left:var(--mineral-space-md);padding-right:var(--mineral-space-md)}.px-lg{padding-left:var(--mineral-space-lg);padding-right:var(--mineral-space-lg)}.px-xl{padding-left:var(--mineral-space-xl);padding-right:var(--mineral-space-xl)}.px-2xl{padding-left:var(--mineral-space-2xl);padding-right:var(--mineral-space-2xl)}.py-none{padding-top:var(--mineral-space-none);padding-bottom:var(--mineral-space-none)}.py-xs{padding-top:var(--mineral-space-xs);padding-bottom:var(--mineral-space-xs)}.py-sm{padding-top:var(--mineral-space-sm);padding-bottom:var(--mineral-space-sm)}.py-md{padding-top:var(--mineral-space-md);padding-bottom:var(--mineral-space-md)}.py-lg{padding-top:var(--mineral-space-lg);padding-bottom:var(--mineral-space-lg)}.py-xl{padding-top:var(--mineral-space-xl);padding-bottom:var(--mineral-space-xl)}.py-2xl{padding-top:var(--mineral-space-2xl);padding-bottom:var(--mineral-space-2xl)}.fcolor-default{color:var(--mineral-fcolor-default)}.fcolor-muted{color:var(--mineral-fcolor-muted)}.fcolor-heading{color:var(--mineral-fcolor-heading)}.fcolor-inverted{color:var(--mineral-fcolor-inverted)}.fcolor-primary{color:var(--mineral-fcolor-primary)}.fcolor-neutral{color:var(--mineral-fcolor-neutral)}.fcolor-success{color:var(--mineral-fcolor-success)}.fcolor-error{color:var(--mineral-fcolor-error)}.fcolor-warning{color:var(--mineral-fcolor-warning)}.fcolor-info{color:var(--mineral-fcolor-info)}.fcolor-inherit{color:inherit}.click-effect-root{position:relative;overflow:hidden;isolation:isolate}.click-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.click-effect-wave{position:absolute;border-radius:9999px;transform:scale(0);background:var(--click-effect-color, rgba(var(--mineral-primary-rgb), .22));animation:click-effect-wave .55s ease-out forwards}@keyframes click-effect-wave{0%{transform:scale(0);opacity:.35}to{transform:scale(1);opacity:0}}.popover{z-index:var(--mineral-z-popover, 1000);background:var(--mineral-popover-bg);border:1px solid var(--mineral-popover-border);border-radius:var(--mineral-radius-md);box-shadow:var(--mineral-popover-shadow);backdrop-filter:blur(var(--mineral-popover-backdrop-blur));-webkit-backdrop-filter:blur(var(--mineral-popover-backdrop-blur));overflow:auto;max-height:300px;animation-duration:.15s;animation-timing-function:ease-out;animation-fill-mode:forwards}.popover.normal{transform-origin:top left;animation-name:popover-slideDown}.popover.flipped{transform-origin:bottom left;animation-name:popover-slideUp}@keyframes popover-slideDown{0%{opacity:0;transform:scaleY(.95) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes popover-slideUp{0%{opacity:0;transform:scaleY(.95) translateY(4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.container{width:100%;margin:0 auto;box-sizing:border-box}.container.content{max-width:1120px}.container.wide{max-width:1360px}.container.full{max-width:none}.container.padded{padding-left:var(--mineral-spacing-lg);padding-right:var(--mineral-spacing-lg)}.header{position:relative;width:100%;color:var(--mineral-page-text);border-radius:0}.header.default{background:transparent}.header.surface{background:color-mix(in oklch,var(--mineral-page-bg),var(--mineral-surface) 48%)}.header.subtle{background:color-mix(in oklch,var(--mineral-page-bg),white 3%)}.header.bordered{border-bottom:1px solid var(--mineral-border)}.header.sticky{position:sticky;top:0;z-index:var(--mineral-z-popover);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header .inner{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-lg);min-height:64px}.footer{width:100%;color:var(--mineral-page-text);border-radius:0}.footer.default{background:transparent}.footer.surface{background:color-mix(in srgb,var(--mineral-page-bg) 62%,var(--mineral-surface) 38%)}.footer.subtle{background:color-mix(in srgb,var(--mineral-page-bg) 94%,var(--mineral-surface) 6%)}.footer.bordered{border-top:1px solid var(--mineral-border)}.footer .inner{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:64px}.navbar{width:100%;background:rgba(var(--mineral-dark-rgb, 15, 23, 42),.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;border-radius:0}.navbar.surface{background:rgba(var(--mineral-dark-rgb, 15, 23, 42),.82);border-radius:0}.navbar.subtle{background:rgba(var(--mineral-surface-rgb, 21, 29, 46),.72)}.navbar.default{background:transparent}.navbar.bordered{border-bottom-color:var(--mineral-border)}.navbar.sticky{position:sticky;top:0;z-index:var(--mineral-z-popover, 1000)}.navbar .container{min-height:72px}.navbar .inner{display:flex;gap:var(--mineral-spacing-md);min-height:inherit}.navbar .inner.start{justify-content:flex-start}.navbar .inner.center{justify-content:center}.navbar .inner.between{justify-content:space-between}.navbar .inner.end{justify-content:flex-end}.navbar .inner.start,.navbar .inner.center,.navbar .inner.end,.navbar .inner.between{align-items:center}.navbar .inner.stretch{align-items:stretch}.navbar .inner.wrap{flex-wrap:wrap}.link{display:inline-flex;align-items:center;gap:var(--mineral-spacing-xs);color:var(--mineral-text);text-decoration:none;font-family:var(--mineral-font-family-sans, var(--mineral-font-family));font-size:var(--mineral-font-size-md);transition:color .18s ease,opacity .18s ease,text-decoration-color .18s ease}.link.default{color:var(--mineral-text)}.link.muted{color:var(--mineral-text-secondary)}.link.accent{color:var(--mineral-primary)}.link.inherit{color:inherit}.link.always{text-decoration:underline;text-decoration-color:rgba(var(--mineral-primary-rgb),.4);text-underline-offset:.22em}.link.hover{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em}.link.hover:hover,.link.hover:focus-visible,.link.current{text-decoration-color:currentColor}.link.none{text-decoration:none}.link.current{color:var(--mineral-primary)}.link.block{display:flex;width:100%}.link:hover,.link:focus-visible{color:var(--mineral-primary)}.link.disabled{opacity:.55;pointer-events:none}.navs{display:flex;align-items:center}.navs.horizontal{flex-direction:row}.navs.vertical{flex-direction:column;align-items:stretch}.navs.sm{gap:var(--mineral-spacing-sm)}.navs.md{gap:var(--mineral-spacing-md)}.navs.lg{gap:var(--mineral-spacing-lg)}.navs.xl{gap:var(--mineral-spacing-xl)}.navs.gap-2xl{gap:var(--mineral-spacing-2xl)}.navs.wrap{flex-wrap:wrap}.navs .link{font-weight:600;min-height:36px}.navs.vertical .link{min-width:100%}.tabs{display:grid;gap:var(--mineral-spacing-md)}.tabs.horizontal .tabs-list{display:flex;align-items:center;gap:var(--mineral-spacing-sm);border-bottom:1px solid var(--mineral-border)}.tabs.vertical{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start}.tabs.vertical .tabs-list{display:flex;flex-direction:column;align-items:stretch;gap:var(--mineral-spacing-xs);border-right:1px solid var(--mineral-border);padding-right:var(--mineral-spacing-md)}.tabs.full-width.horizontal .tabs-trigger{flex:1 1 0}.tabs .tabs-trigger{--click-effect-color: rgba(var(--mineral-primary-rgb), .18);display:inline-flex;align-items:center;justify-content:center;gap:var(--mineral-spacing-xs);min-height:42px;padding:0 var(--mineral-spacing-md);border:none;background:transparent;color:var(--mineral-text-secondary);font-family:var(--mineral-font-family-sans, var(--mineral-font-family));font-weight:600;cursor:pointer;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.tabs.vertical .tabs-trigger{width:100%;justify-content:flex-start}.tabs .tabs-trigger>:not(.click-effect-layer){position:relative;z-index:1}.tabs .tabs-trigger:hover,.tabs .tabs-trigger:focus-visible,.tabs .tabs-trigger.active{color:var(--mineral-primary)}.tabs.underline.horizontal .tabs-trigger{border-bottom:2px solid transparent;margin-bottom:-1px}.tabs.underline.horizontal .tabs-trigger.active{border-bottom-color:var(--mineral-primary)}.tabs.underline.vertical .tabs-trigger{border-left:2px solid transparent}.tabs.underline.vertical .tabs-trigger.active{border-left-color:var(--mineral-primary);background:rgba(var(--mineral-primary-rgb),.08)}.tabs.pills .tabs-list{border-bottom:none}.tabs.pills.vertical .tabs-list{border-right:none;padding-right:0}.tabs.pills .tabs-trigger{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:#ffffff05}.tabs.pills .tabs-trigger.active{background:rgba(var(--mineral-primary-rgb),.1);border-color:rgba(var(--mineral-primary-rgb),.32)}.tabs.sm .tabs-trigger{min-height:36px;font-size:var(--mineral-font-size-sm)}.tabs.md .tabs-trigger{font-size:var(--mineral-font-size-md)}.tabs.lg .tabs-trigger{min-height:48px;font-size:var(--mineral-font-size-lg)}.tabs .tabs-trigger.disabled{opacity:.5;cursor:not-allowed}.tabs .tabs-panel{color:var(--mineral-text);min-width:0}@media(max-width:860px){.tabs.vertical{grid-template-columns:1fr}.tabs.vertical .tabs-list{border-right:none;border-bottom:1px solid var(--mineral-border);padding-right:0;padding-bottom:var(--mineral-spacing-sm)}.tabs.underline.vertical .tabs-trigger{border-left:none;border-bottom:2px solid transparent}.tabs.underline.vertical .tabs-trigger.active{border-bottom-color:var(--mineral-primary);background:transparent}}.section{width:100%;box-sizing:border-box}.section.sm{padding:20px 0}.section.md{padding:32px 0}.section.lg{padding:48px 0}.section.xl{padding:72px 0}.section.default{background:transparent}.section.subtle{background:color-mix(in srgb,var(--mineral-page-bg) 82%,var(--mineral-surface) 18%)}.section.surface{background:var(--mineral-dark-light)}.section.inverse{background:color-mix(in srgb,var(--mineral-dark) 92%,black 8%)}.stack{display:flex;flex-direction:column}.stack.xs{gap:var(--mineral-spacing-xs)}.stack.sm{gap:var(--mineral-spacing-sm)}.stack.md{gap:var(--mineral-spacing-md)}.stack.lg{gap:var(--mineral-spacing-lg)}.stack.xl{gap:var(--mineral-spacing-xl)}.stack.gap-2xl{gap:var(--mineral-spacing-2xl)}.stack.stretch{align-items:stretch}.stack.start{align-items:flex-start}.stack.center{align-items:center}.stack.end{align-items:flex-end}.inline{display:flex}.inline.wrap{flex-wrap:wrap}.inline.nowrap{flex-wrap:nowrap}.inline.xs{gap:var(--mineral-spacing-xs)}.inline.sm{gap:var(--mineral-spacing-sm)}.inline.md{gap:var(--mineral-spacing-md)}.inline.lg{gap:var(--mineral-spacing-lg)}.inline.xl{gap:var(--mineral-spacing-xl)}.inline.gap-2xl{gap:var(--mineral-spacing-2xl)}.inline.start{align-items:flex-start}.inline.center{align-items:center}.inline.end{align-items:flex-end}.inline.stretch{align-items:stretch}.inline.justify-start{justify-content:flex-start}.inline.justify-center{justify-content:center}.inline.justify-end{justify-content:flex-end}.inline.justify-between{justify-content:space-between}.grid{--grid-min-item-width: 240px;display:grid}.grid.xs{gap:var(--mineral-spacing-xs)}.grid.sm{gap:var(--mineral-spacing-sm)}.grid.md{gap:var(--mineral-spacing-md)}.grid.lg{gap:var(--mineral-spacing-lg)}.grid.xl{gap:var(--mineral-spacing-xl)}.grid.gap-2xl{gap:var(--mineral-spacing-2xl)}.grid.columns-1{grid-template-columns:1fr}.grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1024px){.grid.columns-4,.grid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.grid.columns-2,.grid.columns-3,.grid.columns-4{grid-template-columns:minmax(0,1fr)}}.grid{min-width:0;box-sizing:border-box}.grid.row{display:grid;width:100%}.grid.row.tracked{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.row.auto-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.row.auto-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.row.auto-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.row.auto-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.row.auto-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.row.auto-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.row.auto-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.row.auto-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.row.auto-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.row.auto-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.row.auto-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.row.auto-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid.row.xs{gap:var(--mineral-spacing-xs)}.grid.row.sm{gap:var(--mineral-spacing-sm)}.grid.row.md{gap:var(--mineral-spacing-md)}.grid.row.lg{gap:var(--mineral-spacing-lg)}.grid.row.xl{gap:var(--mineral-spacing-xl)}.grid.row.gap-2xl{gap:var(--mineral-spacing-2xl)}.grid.col{min-width:0}.grid.col.span-auto,.grid.col.span-1{grid-column:auto / span 1}.grid.col.span-2{grid-column:auto / span 2}.grid.col.span-3{grid-column:auto / span 3}.grid.col.span-4{grid-column:auto / span 4}.grid.col.span-5{grid-column:auto / span 5}.grid.col.span-6{grid-column:auto / span 6}.grid.col.span-7{grid-column:auto / span 7}.grid.col.span-8{grid-column:auto / span 8}.grid.col.span-9{grid-column:auto / span 9}.grid.col.span-10{grid-column:auto / span 10}.grid.col.span-11{grid-column:auto / span 11}.grid.col.span-12{grid-column:auto / span 12}@media(max-width:1280px){.grid.col.xl-1{grid-column:auto / span 1}.grid.col.xl-2{grid-column:auto / span 2}.grid.col.xl-3{grid-column:auto / span 3}.grid.col.xl-4{grid-column:auto / span 4}.grid.col.xl-5{grid-column:auto / span 5}.grid.col.xl-6{grid-column:auto / span 6}.grid.col.xl-7{grid-column:auto / span 7}.grid.col.xl-8{grid-column:auto / span 8}.grid.col.xl-9{grid-column:auto / span 9}.grid.col.xl-10{grid-column:auto / span 10}.grid.col.xl-11{grid-column:auto / span 11}.grid.col.xl-12{grid-column:auto / span 12}}@media(max-width:1024px){.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col.lg-1{grid-column:auto / span 1}.grid.col.lg-2{grid-column:auto / span 2}.grid.col.lg-3{grid-column:auto / span 3}.grid.col.lg-4{grid-column:auto / span 4}.grid.col.lg-5{grid-column:auto / span 5}.grid.col.lg-6{grid-column:auto / span 6}.grid.col.lg-7{grid-column:auto / span 7}.grid.col.lg-8{grid-column:auto / span 8}.grid.col.lg-9{grid-column:auto / span 9}.grid.col.lg-10{grid-column:auto / span 10}.grid.col.lg-11{grid-column:auto / span 11}.grid.col.lg-12{grid-column:auto / span 12}}@media(max-width:768px){.grid.row.auto-cols-3,.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.col.md-1{grid-column:auto / span 1}.grid.col.md-2{grid-column:auto / span 2}.grid.col.md-3{grid-column:auto / span 3}.grid.col.md-4{grid-column:auto / span 4}.grid.col.md-5{grid-column:auto / span 5}.grid.col.md-6{grid-column:auto / span 6}.grid.col.md-7{grid-column:auto / span 7}.grid.col.md-8{grid-column:auto / span 8}.grid.col.md-9{grid-column:auto / span 9}.grid.col.md-10{grid-column:auto / span 10}.grid.col.md-11{grid-column:auto / span 11}.grid.col.md-12{grid-column:auto / span 12}}@media(max-width:640px){.grid.row.auto-cols-2,.grid.row.auto-cols-3,.grid.row.auto-cols-4,.grid.row.auto-cols-5,.grid.row.auto-cols-6,.grid.row.auto-cols-7,.grid.row.auto-cols-8,.grid.row.auto-cols-9,.grid.row.auto-cols-10,.grid.row.auto-cols-11,.grid.row.auto-cols-12{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.col.sm-1{grid-column:auto / span 1}.grid.col.sm-2{grid-column:auto / span 2}.grid.col.sm-3{grid-column:auto / span 3}.grid.col.sm-4{grid-column:auto / span 4}.grid.col.sm-5{grid-column:auto / span 5}.grid.col.sm-6{grid-column:auto / span 6}.grid.col.sm-7{grid-column:auto / span 7}.grid.col.sm-8{grid-column:auto / span 8}.grid.col.sm-9{grid-column:auto / span 9}.grid.col.sm-10{grid-column:auto / span 10}.grid.col.sm-11{grid-column:auto / span 11}.grid.col.sm-12{grid-column:auto / span 12}}.surface{background:var(--mineral-surface);color:var(--mineral-text);transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast)}.surface.padded{padding:var(--mineral-spacing-lg)}.surface.outlined{border:1px solid var(--mineral-border)}.surface.default{background:var(--mineral-surface)}.surface.subtle{background:color-mix(in srgb,var(--mineral-surface) 78%,var(--mineral-page-bg) 22%)}.surface.raised{background:color-mix(in srgb,var(--mineral-surface) 94%,white 6%);box-shadow:var(--mineral-shadow-md)}.surface.inverse{background:var(--mineral-surface-contrast);color:var(--mineral-page-text)}.mineral-light .surface.default{background:#fff}.mineral-light .surface.subtle{background:#f8fafc}.mineral-light .surface.raised{background:#fff;box-shadow:var(--mineral-shadow-md)}.mineral-light .surface.inverse{background:#e2e8f0;color:var(--mineral-text)}.button{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .26);display:inline-flex;align-items:center;justify-content:center;gap:var(--mineral-spacing-sm);border:1px solid transparent;border-radius:var(--mineral-radius-md);font-family:var(--mineral-font-family);font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast),color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.button.primary{--color-rgb: var(--mineral-primary-rgb)}.button.success{--color-rgb: var(--mineral-success-rgb)}.button.neutral{--color-rgb: var(--mineral-neutral-rgb)}.button.error{--color-rgb: var(--mineral-error-rgb)}.button.warning{--color-rgb: var(--mineral-warning-rgb)}.button.info{--color-rgb: var(--mineral-info-rgb)}.button.sm{min-height:32px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-xs)}.button.md{min-height:40px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-sm)}.button.lg{min-height:48px;padding:0 20px;font-size:var(--mineral-font-size-md)}.button.full-width{width:100%}.button.rounded{border-radius:var(--mineral-radius-full)}.button.icon-only.sm{width:32px;padding:0}.button.icon-only.md{width:40px;padding:0}.button.icon-only.lg{width:48px;padding:0}.button.primary{background:rgba(var(--color-rgb),1);border-color:rgba(var(--color-rgb),1);color:#fff;--click-effect-color: rgba(255, 255, 255, .28)}.button.primary:hover:not(.disabled){background:rgba(var(--color-rgb),.88);border-color:rgba(var(--color-rgb),.88)}.button.secondary{background:var(--mineral-surface);border-color:var(--mineral-border);color:var(--mineral-text);--click-effect-color: rgba(var(--mineral-primary-rgb), .2)}.button.secondary:hover:not(.disabled){background:color-mix(in srgb,var(--mineral-surface) 95%,white 5%);border-color:var(--mineral-border-hover)}.button.outlined{background:transparent;border-color:rgba(var(--color-rgb),.45);color:rgba(var(--color-rgb),1)}.button.outlined:hover:not(.disabled){background:rgba(var(--color-rgb),.08);border-color:rgba(var(--color-rgb),.7)}.button.ghost{background:rgba(var(--color-rgb),.08);border-color:transparent;color:rgba(var(--color-rgb),1)}.button.ghost:hover:not(.disabled){background:rgba(var(--color-rgb),.14)}.button.link{background:transparent;border-color:transparent;color:rgba(var(--color-rgb),1);--click-effect-color: rgba(var(--color-rgb), .16)}.button.link:hover:not(.disabled){color:rgba(var(--color-rgb),.82)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.button:active:not(.disabled){transform:translateY(1px)}.button.disabled{opacity:.55;cursor:not-allowed;transform:none}.button>:not(.click-effect-layer){position:relative;z-index:1}.button .icon,.button .spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button .content{display:inline-flex;align-items:center}.button.loading .content,.button.loading .icon{opacity:.8}.button .spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite;opacity:1}.button.primary .spinner{border-color:#fffffff2;border-right-color:transparent}.button.secondary .spinner,.button.outlined .spinner,.button.ghost .spinner,.button.link .spinner{border-color:currentColor;border-right-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}.checkbox{display:inline-flex;flex-direction:column;gap:2px;font-family:var(--mineral-font-family)}.checkbox .label{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox .label-left{flex-direction:row-reverse}.checkbox .label.disabled{opacity:.5;cursor:not-allowed}.checkbox .label.sm .box{width:16px;height:16px;border-radius:3px}.checkbox .label.md .box{width:20px;height:20px;border-radius:4px}.checkbox .label.lg .box{width:24px;height:24px;border-radius:5px}.checkbox .label.sm .label-text{font-size:var(--mineral-font-size-xs)}.checkbox .label.md .label-text{font-size:var(--mineral-font-size-sm)}.checkbox .label.lg .label-text{font-size:var(--mineral-font-size-md)}.checkbox .box{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--mineral-border-hover);background:transparent;transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.checkbox .box.success{--color-rgb: var(--mineral-success-rgb)}.checkbox .box.neutral{--color-rgb: var(--mineral-neutral-rgb)}.checkbox .box.error{--color-rgb: var(--mineral-error-rgb)}.checkbox .box.warning{--color-rgb: var(--mineral-warning-rgb)}.checkbox .box.info{--color-rgb: var(--mineral-info-rgb)}.checkbox .box>:not(.click-effect-layer){position:relative;z-index:1}.checkbox .box:hover{border-color:rgba(var(--color-rgb),1)}.checkbox .box.error{border-color:var(--mineral-error)!important}.checkbox .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.checkbox .checkmark{width:100%;height:100%;opacity:0;transition:opacity var(--mineral-transition-fast)}.checkbox .check-path{stroke:#fff}.checkbox .indeterminate-mark{position:absolute;width:60%;height:2px;background:#fff;border-radius:1px;opacity:0;transition:opacity var(--mineral-transition-fast)}.checkbox .input:checked~.checkmark{opacity:1}.checkbox .input:checked~.indeterminate-mark{opacity:0}.checkbox .input:indeterminate~.checkmark{opacity:0}.checkbox .input:indeterminate~.indeterminate-mark{opacity:1}.checkbox .box.primary:has(.input:checked),.checkbox .box.primary:has(.input:indeterminate){background:var(--mineral-primary);border-color:var(--mineral-primary)}.checkbox .box.success:has(.input:checked),.checkbox .box.success:has(.input:indeterminate){background:var(--mineral-success);border-color:var(--mineral-success)}.checkbox .box.neutral:has(.input:checked),.checkbox .box.neutral:has(.input:indeterminate){background:var(--mineral-neutral);border-color:var(--mineral-neutral)}.checkbox .box.error:has(.input:checked),.checkbox .box.error:has(.input:indeterminate){background:var(--mineral-error);border-color:var(--mineral-error)}.checkbox .box.warning:has(.input:checked),.checkbox .box.warning:has(.input:indeterminate){background:var(--mineral-warning);border-color:var(--mineral-warning)}.checkbox .box.info:has(.input:checked),.checkbox .box.info:has(.input:indeterminate){background:var(--mineral-info);border-color:var(--mineral-info)}.checkbox .box:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.checkbox .label-text{color:var(--mineral-text)}.checkbox .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-left:28px}.radio{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--mineral-font-family)}.radio.label-left{flex-direction:row-reverse}.radio.disabled{opacity:.5;cursor:not-allowed}.radio.sm .circle{width:16px;height:16px}.radio.md .circle{width:20px;height:20px}.radio.lg .circle{width:24px;height:24px}.radio.sm .label-text{font-size:var(--mineral-font-size-xs)}.radio.md .label-text{font-size:var(--mineral-font-size-sm)}.radio.lg .label-text{font-size:var(--mineral-font-size-md)}.radio.sm .dot{width:6px;height:6px}.radio.md .dot{width:8px;height:8px}.radio.lg .dot{width:10px;height:10px}.radio .circle{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--mineral-border-hover);border-radius:50%;background:transparent;transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.radio .circle.success{--color-rgb: var(--mineral-success-rgb)}.radio .circle.neutral{--color-rgb: var(--mineral-neutral-rgb)}.radio .circle.error{--color-rgb: var(--mineral-error-rgb)}.radio .circle.warning{--color-rgb: var(--mineral-warning-rgb)}.radio .circle.info{--color-rgb: var(--mineral-info-rgb)}.radio .circle>:not(.click-effect-layer){position:relative;z-index:1}.radio .circle:hover{border-color:rgba(var(--color-rgb),1)}.radio .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.radio .dot{border-radius:50%;background:#fff;opacity:0;transform:scale(0);transition:opacity var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.radio .input:checked~.dot{opacity:1;transform:scale(1)}.radio .circle.primary:has(.input:checked){background:var(--mineral-primary);border-color:var(--mineral-primary)}.radio .circle.success:has(.input:checked){background:var(--mineral-success);border-color:var(--mineral-success)}.radio .circle.neutral:has(.input:checked){background:var(--mineral-neutral);border-color:var(--mineral-neutral)}.radio .circle.error:has(.input:checked){background:var(--mineral-error);border-color:var(--mineral-error)}.radio .circle.warning:has(.input:checked){background:var(--mineral-warning);border-color:var(--mineral-warning)}.radio .circle.info:has(.input:checked){background:var(--mineral-info);border-color:var(--mineral-info)}.radio .circle:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.radio .label-text{color:var(--mineral-text)}.radio-group{display:flex;border:none;padding:0;margin:0}.radio-group.vertical{flex-direction:column;gap:var(--mineral-spacing-sm)}.radio-group.horizontal{flex-direction:row;gap:var(--mineral-spacing-lg)}.radio-group .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;margin-bottom:var(--mineral-spacing-sm)}.radio-group .label.error{color:var(--mineral-error)}.radio-group .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.toggle{display:inline-flex;align-items:center;gap:var(--mineral-spacing-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--mineral-font-family)}.toggle.label-left{flex-direction:row-reverse}.toggle.disabled{opacity:.5;cursor:not-allowed}.toggle .track{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);position:relative;display:inline-flex;align-items:center;border-radius:var(--mineral-radius-full);background:var(--mineral-border-hover);transition:background-color var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast);flex-shrink:0}.toggle .track.success{--color-rgb: var(--mineral-success-rgb)}.toggle .track.neutral{--color-rgb: var(--mineral-neutral-rgb)}.toggle .track.error{--color-rgb: var(--mineral-error-rgb)}.toggle .track.warning{--color-rgb: var(--mineral-warning-rgb)}.toggle .track.info{--color-rgb: var(--mineral-info-rgb)}.toggle .track>:not(.click-effect-layer){position:relative;z-index:1}.toggle.sm .track{width:28px;height:16px}.toggle.md .track{width:36px;height:20px}.toggle.lg .track{width:44px;height:24px}.toggle.sm .knob{width:12px;height:12px}.toggle.md .knob{width:16px;height:16px}.toggle.lg .knob{width:20px;height:20px}.toggle.sm .label-text{font-size:var(--mineral-font-size-xs)}.toggle.md .label-text{font-size:var(--mineral-font-size-sm)}.toggle.lg .label-text{font-size:var(--mineral-font-size-md)}.toggle.sm .input:checked~.knob{transform:translate(12px)}.toggle.md .input:checked~.knob{transform:translate(16px)}.toggle.lg .input:checked~.knob{transform:translate(20px)}.toggle .input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:inherit}.toggle .knob{position:absolute;left:2px;border-radius:50%;background:#fff;box-shadow:var(--mineral-shadow-sm);transition:transform var(--mineral-transition-fast)}.toggle .track.primary:has(.input:checked){background:var(--mineral-primary)}.toggle .track.success:has(.input:checked){background:var(--mineral-success)}.toggle .track.neutral:has(.input:checked){background:var(--mineral-neutral)}.toggle .track.error:has(.input:checked){background:var(--mineral-error)}.toggle .track.warning:has(.input:checked){background:var(--mineral-warning)}.toggle .track.info:has(.input:checked){background:var(--mineral-info)}.toggle .track:has(.input:focus-visible){box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.toggle .label-text{color:var(--mineral-text)}.card{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .16);--card-body-bg: color-mix(in srgb, var(--mineral-surface) 92%, white 8%);--card-chrome-bg: color-mix(in srgb, var(--mineral-surface) 78%, black 22%);display:flex;flex-direction:column;min-height:100%;gap:0;overflow:hidden;border-radius:var(--mineral-radius-lg);background:var(--card-body-bg)}.card.no-stretch{min-height:auto;height:auto}.card.primary{--color-rgb: var(--mineral-primary-rgb)}.card.success{--color-rgb: var(--mineral-success-rgb)}.card.neutral{--color-rgb: var(--mineral-neutral-rgb)}.card.error{--color-rgb: var(--mineral-error-rgb)}.card.warning{--color-rgb: var(--mineral-warning-rgb)}.card.info{--color-rgb: var(--mineral-info-rgb)}.card>:not(.click-effect-layer){position:relative;z-index:1}.card.interactive{cursor:pointer;transition:transform var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.card.interactive:hover{transform:translateY(-2px);border-color:rgba(var(--color-rgb),.45)}.card>.header,.card>.body,.card>.footer{width:100%;box-sizing:border-box}.card>.header{background:var(--card-chrome-bg);border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom:1px solid var(--mineral-border);padding:var(--mineral-spacing-md)}.card>.body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--mineral-spacing-md);background:var(--card-body-bg);padding:var(--mineral-spacing-md)}.card>.footer{background:var(--card-chrome-bg);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top:1px solid var(--mineral-border);padding:var(--mineral-spacing-md)}.mineral-light .card{--card-body-bg: rgba(255, 255, 255, 1);--card-chrome-bg: rgba(248, 250, 252, 1)}.badge{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:var(--mineral-radius-full);font-weight:600;white-space:nowrap;background:rgba(var(--color-rgb),.14);color:rgba(var(--color-rgb),1)}.badge.primary{--color-rgb: var(--mineral-primary-rgb)}.badge.neutral{--color-rgb: var(--mineral-neutral-rgb)}.badge.success{--color-rgb: var(--mineral-success-rgb)}.badge.error{--color-rgb: var(--mineral-error-rgb)}.badge.warning{--color-rgb: var(--mineral-warning-rgb)}.badge.info{--color-rgb: var(--mineral-info-rgb)}.badge.sm{min-height:20px;padding:0 .5rem;font-size:var(--mineral-font-size-xs)}.badge.md{min-height:24px;padding:0 .625rem;font-size:var(--mineral-font-size-sm)}.badge.lg{min-height:28px;padding:0 .75rem;font-size:var(--mineral-font-size-md)}.alert{--color-rgb: var(--mineral-info-rgb);display:flex;flex-direction:column;gap:var(--mineral-spacing-xs);padding:var(--mineral-spacing-md) var(--mineral-spacing-lg);border:1px solid rgba(var(--color-rgb),.28);border-radius:var(--mineral-radius-md);background:rgba(var(--color-rgb),.1);color:rgba(var(--color-rgb),1);box-sizing:border-box}.alert.primary{--color-rgb: var(--mineral-primary-rgb)}.alert.neutral{--color-rgb: var(--mineral-neutral-rgb)}.alert.success{--color-rgb: var(--mineral-success-rgb)}.alert.error{--color-rgb: var(--mineral-error-rgb)}.alert.warning{--color-rgb: var(--mineral-warning-rgb)}.alert.info{--color-rgb: var(--mineral-info-rgb)}.alert .title{font-weight:700}.alert .content{color:color-mix(in oklch,rgba(var(--color-rgb),1),var(--mineral-text) 35%)}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-lg);background:var(--mineral-dark-light)}.table{width:100%;border-collapse:collapse;color:var(--mineral-text);font-family:var(--mineral-font-family);font-size:var(--mineral-font-size-sm)}.table .head{background:color-mix(in srgb,var(--mineral-dark-light) 94%,white 6%)}.table tbody.body{display:table-row-group}.table tr.row{display:table-row;width:100%}.table tr.row>.cell,.table tr.row>.head-cell{display:table-cell}.table .row:not(:last-child) .cell,.table .row:not(:last-child) .head-cell{border-bottom:1px solid var(--mineral-border)}.table .head-cell,.table .cell{padding:12px 16px;text-align:left;vertical-align:top}.table .head-cell{color:var(--mineral-text-heading);font-weight:700}.table .cell{color:var(--mineral-text)}.collapsible{width:100%}.collapsible .trigger{width:100%;justify-content:space-between}.collapsible .content{padding-top:var(--mineral-spacing-sm);padding-left:var(--mineral-spacing-md)}.collapsible .content-wrap{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .36s ease,opacity .28s ease}.collapsible .content-wrap.open{grid-template-rows:1fr;opacity:1}.collapsible .content-wrap>.content{overflow:hidden}.collapsible .chevron{display:inline-flex;align-items:center;transition:transform .32s ease}.collapsible .chevron svg{width:14px;height:14px;display:block}.collapsible .chevron.open{transform:rotate(180deg)}.spinner{display:inline-flex;width:1.125rem;height:1.125rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:var(--mineral-primary);animation:spinner-rotate .75s linear infinite}.spinner.sm{width:.875rem;height:.875rem}.spinner.md{width:1.125rem;height:1.125rem}.spinner.lg{width:1.5rem;height:1.5rem}.spinner.color-primary{color:var(--mineral-primary)}.spinner.color-neutral{color:var(--mineral-neutral)}.spinner.color-success{color:var(--mineral-success)}.spinner.color-error{color:var(--mineral-error)}.spinner.color-warning{color:var(--mineral-warning)}.spinner.color-info{color:var(--mineral-info)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.text{margin:0;font-family:var(--mineral-font-family-sans, var(--mineral-font-family));line-height:1.6}.text.default{color:var(--mineral-text)}.text.muted{color:var(--mineral-text-secondary)}.text.accent{color:var(--mineral-primary)}.text.success{color:var(--mineral-success)}.text.danger{color:var(--mineral-error)}.text.sm{font-size:var(--mineral-font-size-sm)}.text.md{font-size:var(--mineral-font-size-md)}.text.lg{font-size:var(--mineral-font-size-lg)}.text.left{text-align:left}.text.center{text-align:center}.text.right{text-align:right}.text.justify{text-align:justify}.text.normal{font-weight:400}.text.medium{font-weight:500}.text.semibold{font-weight:600}.text.bold{font-weight:700}.loader{width:100%}.loader.center{display:flex;align-items:center;justify-content:center}.avatar{--avatar-size: 40px;--avatar-bg: rgba(var(--mineral-primary-rgb), .14);--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--avatar-size);height:var(--avatar-size);overflow:hidden;background:var(--avatar-bg);color:var(--mineral-primary);border:1px solid rgba(var(--color-rgb),.22);font-size:12px;font-weight:700;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),transform var(--mineral-transition-fast),background-color var(--mineral-transition-base)}.avatar>:not(.click-effect-layer){position:relative;z-index:1}.avatar.interactive{cursor:pointer}.avatar.interactive:hover{border-color:rgba(var(--color-rgb),.38);box-shadow:0 0 0 3px rgba(var(--color-rgb),.12);transform:translateY(-1px)}.avatar.interactive:focus-visible{outline:none;border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.avatar.circle{border-radius:999px}.avatar.rounded,.avatar.square{border-radius:var(--mineral-radius-md)}.avatar.sm{--avatar-size: 28px}.avatar.md{--avatar-size: 40px}.avatar.lg{--avatar-size: 56px}.avatar.color-primary{--avatar-bg: rgba(var(--mineral-primary-rgb), .14)}.avatar.color-success{--color-rgb: var(--mineral-success-rgb);--avatar-bg: rgba(var(--mineral-success-rgb), .14);color:var(--mineral-success)}.avatar.color-warning{--color-rgb: var(--mineral-warning-rgb);--avatar-bg: rgba(var(--mineral-warning-rgb), .14);color:var(--mineral-warning)}.avatar.color-error{--color-rgb: var(--mineral-error-rgb);--avatar-bg: rgba(var(--mineral-error-rgb), .14);color:var(--mineral-error)}.avatar.color-info{--color-rgb: var(--mineral-info-rgb);--avatar-bg: rgba(var(--mineral-info-rgb), .14);color:var(--mineral-info)}.avatar.color-neutral{--color-rgb: var(--mineral-neutral-rgb);--avatar-bg: rgba(var(--mineral-neutral-rgb), .14);color:var(--mineral-neutral)}.avatar .image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar .fallback{display:inline-flex;align-items:center;justify-content:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--mineral-z-popover, 1000) + 40);display:flex;align-items:center;justify-content:center;padding:var(--mineral-spacing-lg);background:#0206178f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-shell{width:min(100%,960px);max-height:calc(100vh - 48px)}.modal{width:100%;max-height:calc(100vh - 48px);overflow:hidden}.modal.sm{max-width:420px;margin:0 auto}.modal.md{max-width:560px;margin:0 auto}.modal.lg{max-width:760px;margin:0 auto}.modal.xl{max-width:960px;margin:0 auto}.modal .body{overflow:auto}.modal-title{font-size:var(--mineral-font-size-lg);font-weight:700;color:var(--mineral-text-heading)}.modal-description{margin-top:var(--mineral-spacing-xs);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}@media(max-width:640px){.modal-backdrop{padding:var(--mineral-spacing-sm);align-items:flex-end}.modal,.modal.sm,.modal.md,.modal.lg,.modal.xl{max-width:none;max-height:calc(100vh - 16px)}}.heading{margin:0;color:var(--mineral-text-heading, var(--mineral-text));font-family:var(--mineral-font-family-heading, var(--mineral-font-family));font-weight:700;line-height:1.15}.heading.h1{font-size:clamp(2.5rem,5vw,4rem)}.heading.h2{font-size:clamp(2rem,4vw,3rem)}.heading.h3{font-size:clamp(1.5rem,3vw,2.25rem)}.heading.h4{font-size:1.25rem}.heading.h5{font-size:1rem}.heading.h6{font-size:.875rem}.code{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:var(--mineral-radius-sm);background:rgba(var(--mineral-primary-rgb),.12);color:var(--mineral-primary);font-family:var(--mineral-font-family-mono, "Cascadia Code", "Fira Code", monospace);font-size:.92em;line-height:1}.list{margin:0;padding-left:20px;color:var(--mineral-text-secondary);display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.list .item{line-height:1.6}.calendar-board{display:flex;flex-direction:column;gap:var(--mineral-spacing-md);width:-moz-fit-content;width:fit-content;max-width:100%;font-family:var(--mineral-font-family)}.calendar-board.full-width{width:100%}.calendar-board__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mineral-spacing-md)}.calendar-board__actions{display:inline-flex;gap:var(--mineral-spacing-xs)}.calendar-board__day-names{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-board__day-name{padding:0 var(--mineral-spacing-sm);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.calendar-board__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-day-cell{display:flex;flex-direction:column;justify-content:space-between;gap:var(--mineral-spacing-sm);min-height:112px;padding:var(--mineral-spacing-sm);border:1px solid var(--mineral-border);background:color-mix(in srgb,var(--mineral-surface) 92%,var(--mineral-page-bg) 8%);color:var(--mineral-text);border-radius:var(--mineral-radius-lg);text-align:left;font:inherit;cursor:pointer;transition:border-color var(--mineral-transition-base),background-color var(--mineral-transition-base),transform var(--mineral-transition-fast),box-shadow var(--mineral-transition-fast)}.calendar-day-cell:hover,.calendar-day-cell:focus-visible{border-color:rgba(var(--mineral-primary-rgb),.45);background:color-mix(in srgb,var(--mineral-surface) 88%,rgba(var(--mineral-primary-rgb),.08) 12%);transform:translateY(-1px);box-shadow:0 12px 30px #0f172a14}.calendar-day-cell.today{border-color:rgba(var(--mineral-primary-rgb),.4)}.calendar-day-cell.selected{background:rgba(var(--mineral-primary-rgb),.08);border-color:rgba(var(--mineral-primary-rgb),.5)}.calendar-day-cell.outside-month{opacity:.55}.calendar-day-cell .day-cell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--mineral-spacing-xs)}.calendar-day-cell .day-cell__number{font-size:var(--mineral-font-size-md);font-weight:700}.calendar-day-cell .day-cell__meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mineral-spacing-xs)}.calendar-day-cell .markers{display:inline-flex;flex-wrap:wrap;gap:6px}.calendar-day-cell .marker{width:8px;height:8px;border-radius:999px;background:var(--mineral-primary)}.calendar-board-popover{width:min(420px,calc(100vw - 24px))}.calendar-event-popover{width:100%}.calendar-event-list{min-width:0}.calendar-event-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--mineral-spacing-sm);padding:var(--mineral-spacing-sm);border:1px solid rgba(148,163,184,.12);border-radius:var(--mineral-radius-md);background:color-mix(in srgb,var(--mineral-surface) 88%,rgba(148,163,184,.06) 12%)}.calendar-event-item__time{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.calendar-event-item__content{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs);min-width:0}.calendar-event-item__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm)}.calendar-event-item__details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mineral-spacing-xs)}.calendar-event-item__user{display:inline-flex;align-items:center;gap:8px;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.calendar-user-avatar{width:24px;height:24px;border-radius:999px;-o-object-fit:cover;object-fit:cover}.calendar-user-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--mineral-primary-rgb),.14);color:var(--mineral-primary);font-size:10px;font-weight:700}.calendar-timeline__slots{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.timeline-slot{display:grid;grid-template-columns:56px 14px minmax(0,1fr);gap:var(--mineral-spacing-sm);align-items:flex-start}.timeline-slot__time{padding-top:2px;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600}.timeline-slot__line{position:relative;width:2px;min-height:28px;margin:0 auto;border-radius:999px;background:#94a3b840}.timeline-slot__line:before{content:"";position:absolute;top:4px;left:50%;width:10px;height:10px;border-radius:999px;background:currentColor;transform:translate(-50%)}.timeline-slot__content{padding-bottom:var(--mineral-spacing-sm)}.timeline-slot__event{display:inline-flex;align-items:center;gap:8px}.timeline-slot__event-dot{width:8px;height:8px;border-radius:999px;background:var(--mineral-primary)}.timeline-slot.past{color:#94a3b8b8}.timeline-slot.past .timeline-slot__content{opacity:.7}.timeline-slot.active{color:var(--mineral-primary)}.timeline-slot.active .timeline-slot__line{background:rgba(var(--mineral-primary-rgb),.3)}.timeline-slot.upcoming{color:var(--mineral-text)}@media(max-width:900px){.calendar-day-cell{min-height:96px}}@media(max-width:640px){.calendar-board__grid,.calendar-board__day-names{gap:6px}.calendar-day-cell{min-height:88px;padding:var(--mineral-spacing-xs)}.calendar-event-item{grid-template-columns:1fr}.calendar-board-popover{width:min(360px,calc(100vw - 16px))}}.calendar-board__filters,.calendar-board__view-switch{display:inline-flex;flex-wrap:wrap;gap:var(--mineral-spacing-xs)}.calendar-board__week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--mineral-spacing-xs)}.calendar-board__week-column{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.calendar-board__week-label{padding:0 var(--mineral-spacing-sm);color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.calendar-board__filter-btn,.calendar-board__view-switch .button{white-space:nowrap}@media(max-width:900px){.calendar-board__header{flex-direction:column;align-items:stretch}.calendar-board__actions,.calendar-board__filters,.calendar-board__view-switch{width:100%;flex-wrap:wrap}.calendar-board__week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.calendar-board__week{grid-template-columns:1fr}}.input{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.input.full-width{width:100%}.input .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.input .label.focused{color:var(--mineral-primary)}.input .label.error{color:var(--mineral-error)}.input .label.success{color:var(--mineral-success)}.input .label.required:after{content:" *";color:var(--mineral-error)}.input .container{--color-rgb: var(--mineral-primary-rgb);--click-effect-color: rgba(var(--color-rgb), .18);display:flex;align-items:center;position:relative;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.input .container.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.input .container.color-success,.input .container.input-success{--color-rgb: var(--mineral-success-rgb)}.input .container.color-error,.input .container.input-error{--color-rgb: var(--mineral-error-rgb)}.input .container.color-warning{--color-rgb: var(--mineral-warning-rgb)}.input .container.color-info{--color-rgb: var(--mineral-info-rgb)}.input .container>:not(.click-effect-layer){position:relative;z-index:1}.input .container.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.input .container.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.input .container.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.input .container.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.input .container.filled:hover:not(.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.input .container.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.input .container.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.input .container.underlined:hover:not(.disabled){border-bottom-color:var(--mineral-border-hover)}.input .container.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.input .container.input-error{border-color:var(--mineral-error)!important}.input .container.input-error.focused,.input .container.color-error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.input .container.input-success{border-color:var(--mineral-success)!important}.input .container.input-success.focused,.input .container.color-success.focused{box-shadow:0 0 0 3px rgba(var(--mineral-success-rgb),.22)}.input .container.color-warning.focused{border-color:var(--mineral-warning);box-shadow:0 0 0 3px rgba(var(--mineral-warning-rgb),.22)}.input .container.color-info.focused{border-color:var(--mineral-info);box-shadow:0 0 0 3px rgba(var(--mineral-info-rgb),.22)}.input .container.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.input .container.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.input .container.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.input .container.rounded{border-radius:var(--mineral-radius-full)}.input .container.disabled{opacity:.5;cursor:not-allowed}.input .field{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.input .field::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.input .field::placeholder{color:var(--mineral-text-secondary);opacity:.6}.input .field:disabled{cursor:not-allowed}.input .field[type=search]::-webkit-search-decoration,.input .field[type=search]::-webkit-search-cancel-button,.input .field[type=search]::-webkit-search-results-button,.input .field[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.input .start-icon{display:flex;align-items:center;margin-right:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);flex-shrink:0}.input .end-icon{display:flex;align-items:center;margin-left:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);flex-shrink:0}.input .clear-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;margin-left:var(--mineral-spacing-xs);padding:2px;border:none;background:transparent;cursor:pointer;color:rgba(var(--color-rgb),.68);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);flex-shrink:0;z-index:2}.input .clear-btn:hover{color:rgba(var(--color-rgb),1);background-color:rgba(var(--color-rgb),.1)}.input .clear-btn svg{width:14px;height:14px;display:block}.input .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:input-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}.input .start-icon,.input .end-icon,.input .spinner,.input .clear-btn{transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}@keyframes input-spin{to{transform:rotate(360deg)}}.input .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.input .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.input .char-count{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);text-align:right;margin-top:2px}.input .char-count.over{color:var(--mineral-error)}.input .bottom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.textarea{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.textarea.full-width{width:100%}.textarea .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.textarea .label.focused{color:var(--mineral-primary)}.textarea .label.error{color:var(--mineral-error)}.textarea .label.success{color:var(--mineral-success)}.textarea .label.required:after{content:" *";color:var(--mineral-error)}.textarea .container{--color-rgb: var(--mineral-primary-rgb);display:flex;position:relative;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.textarea .container.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.textarea .container.color-success,.textarea .container.success{--color-rgb: var(--mineral-success-rgb)}.textarea .container.color-error,.textarea .container.error{--color-rgb: var(--mineral-error-rgb)}.textarea .container.color-warning{--color-rgb: var(--mineral-warning-rgb)}.textarea .container.color-info{--color-rgb: var(--mineral-info-rgb)}.textarea .container.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.textarea .container.outlined:hover:not(.textarea .container.disabled){border-color:var(--mineral-border-hover)}.textarea .container.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.textarea .container.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.textarea .container.filled:hover:not(.textarea .container.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.textarea .container.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.textarea .container.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.textarea .container.underlined:hover:not(.textarea .container.disabled){border-bottom-color:var(--mineral-border-hover)}.textarea .container.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.textarea .container.error{border-color:var(--mineral-error)!important}.textarea .container.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.textarea .container.success{border-color:var(--mineral-success)!important}.textarea .container.success.focused{box-shadow:0 0 0 3px rgba(var(--mineral-success-rgb),.22)}.textarea .container.color-neutral.focused{border-color:var(--mineral-neutral);box-shadow:0 0 0 3px rgba(var(--mineral-neutral-rgb),.18)}.textarea .container.color-warning.focused{border-color:var(--mineral-warning);box-shadow:0 0 0 3px rgba(var(--mineral-warning-rgb),.22)}.textarea .container.color-info.focused{border-color:var(--mineral-info);box-shadow:0 0 0 3px rgba(var(--mineral-info-rgb),.22)}.textarea .container.sm{font-size:var(--mineral-font-size-xs)}.textarea .container.sm .field{padding:var(--mineral-spacing-sm) var(--mineral-spacing-sm)}.textarea .container.md{font-size:var(--mineral-font-size-sm)}.textarea .container.md .field{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md)}.textarea .container.lg{font-size:var(--mineral-font-size-md)}.textarea .container.lg .field{padding:var(--mineral-spacing-md) var(--mineral-spacing-lg)}.textarea .container.disabled{opacity:.5;cursor:not-allowed}.textarea .field{flex:1;width:100%;min-height:60px;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;line-height:1.5;resize:vertical}.textarea .field::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.textarea .field::placeholder{color:var(--mineral-text-secondary);opacity:.6}.textarea .field:disabled{cursor:not-allowed;resize:none}.textarea .spinner{position:absolute;top:var(--mineral-spacing-sm);right:var(--mineral-spacing-sm);width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:textarea-spin .6s linear infinite;flex-shrink:0}@keyframes textarea-spin{to{transform:rotate(360deg)}}.textarea .bottom-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.textarea .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.textarea .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.textarea .char-count{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);text-align:right;margin-top:2px}.textarea .char-count.over{color:var(--mineral-error)}.input-password{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.input-password .toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);font-size:1rem;padding:2px;border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast)}.input-password .toggle-btn:hover{color:var(--mineral-text)}.input-password .strength-row{display:flex;align-items:center;gap:var(--mineral-spacing-sm)}.input-password .strength-bar{display:flex;flex:1;gap:3px;height:4px}.input-password .strength-segment{flex:1;height:100%;border-radius:2px;background:var(--mineral-border-hover);transition:background-color var(--mineral-transition-fast)}.input-password .strength-label{font-size:var(--mineral-font-size-xs);font-family:var(--mineral-font-family)}.strength-weak{background:var(--mineral-error);color:var(--mineral-error)}.strength-fair{background:var(--mineral-warning);color:var(--mineral-warning)}.strength-good{background:var(--mineral-info);color:var(--mineral-info)}.strength-strong{background:var(--mineral-success);color:var(--mineral-success)}.input-number .stepper{display:flex;flex-direction:column;gap:1px;margin-left:var(--mineral-spacing-xs)}.input-number .step-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);font-size:.5rem;padding:0 2px;line-height:1;border-radius:2px;transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-number .step-btn svg{width:12px;height:12px;display:block}.input-number .step-btn:hover{color:var(--mineral-text);background:#ffffff0d}.input-number .step-btn:active{background:#ffffff1a}.input-phone .prefix,.input-currency .symbol{font-size:inherit;color:var(--mineral-text-secondary);font-weight:500;white-space:nowrap;font-family:var(--mineral-font-family)}.input-credit-card .card-brand{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:24px;padding:0 8px;border-radius:var(--mineral-radius-sm);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:rgba(var(--mineral-neutral-rgb),.14);color:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.95);border:1px solid rgba(var(--color-rgb, var(--mineral-primary-rgb)),.22)}.input-credit-card .card-brand.visa{background:#1440ae1f;border-color:#1440ae38;color:#1440ae}.input-credit-card .card-brand.mastercard{background:#ea580c1f;border-color:#ea580c38;color:#ea580c}.input-credit-card .card-brand.amex{background:#0891b21f;border-color:#0891b238;color:#0891b2}.input-credit-card .card-brand.discover{background:#f59e0b24;border-color:#f59e0b3d;color:#b45309}.input-credit-card .card-brand.maestro{background:#6d28d91f;border-color:#6d28d93d;color:#6d28d9}.input-credit-card .valid-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--mineral-success)}.input-group{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family)}.input-group.primary{--color-rgb: var(--mineral-primary-rgb)}.input-group.success{--color-rgb: var(--mineral-success-rgb)}.input-group.neutral{--color-rgb: var(--mineral-neutral-rgb)}.input-group.error{--color-rgb: var(--mineral-error-rgb)}.input-group.warning{--color-rgb: var(--mineral-warning-rgb)}.input-group.info{--color-rgb: var(--mineral-info-rgb)}.input-group.full-width{width:100%}.input-group .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.input-group .label.focused{color:rgba(var(--color-rgb),1)}.input-group .label.error{color:var(--mineral-error)}.input-group .label.required:after{content:" *";color:var(--mineral-error)}.input-group .container{--click-effect-color: rgba(var(--color-rgb), .18);display:flex;align-items:stretch;position:relative;background:var(--mineral-input-bg);border:1px solid rgba(var(--color-rgb),.25);border-radius:var(--mineral-radius-md);overflow:hidden;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.input-group .container>:not(.click-effect-layer){position:relative;z-index:1}.input-group .container:hover:not(.disabled){border-color:rgba(var(--color-rgb),.4)}.input-group .container.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.input-group .container.has-error{--color-rgb: var(--mineral-error-rgb);border-color:rgba(var(--color-rgb),.6)}.input-group .container.has-error.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.25)}.input-group .container.disabled{opacity:.5;cursor:not-allowed}.input-group .addon{display:flex;align-items:center;justify-content:center;padding:0 var(--mineral-spacing-md);background:rgba(var(--color-rgb),.06);color:rgba(var(--color-rgb),.7);font-size:var(--mineral-font-size-sm);font-family:var(--mineral-font-family);white-space:nowrap;flex-shrink:0;border:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.input-group .addon.prepend{border-right:1px solid rgba(var(--color-rgb),.15)}.input-group .addon.append{border-left:1px solid rgba(var(--color-rgb),.15)}.input-group .addon.button{cursor:pointer;transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.input-group .addon.button:hover{background:rgba(var(--color-rgb),.12);color:rgba(var(--color-rgb),1)}.input-group .addon.button:active{background:rgba(var(--color-rgb),.18)}.input-group .addon.checkbox{cursor:pointer}.input-group .addon.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:rgba(var(--color-rgb),1);cursor:pointer}.input-group .addon.custom{display:flex;align-items:stretch;flex-shrink:0}.input-group .field{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;padding:0 var(--mineral-spacing-md)}.input-group .field::-moz-placeholder{color:rgba(var(--color-rgb),.4)}.input-group .field::placeholder{color:rgba(var(--color-rgb),.4)}.input-group .field:disabled{cursor:not-allowed}.input-group .container.sm{min-height:32px;font-size:var(--mineral-font-size-xs)}.input-group .container.sm .addon,.input-group .container.sm .field{padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.input-group .container.md{min-height:40px;font-size:var(--mineral-font-size-sm)}.input-group .container.md .addon,.input-group .container.md .field{font-size:var(--mineral-font-size-sm)}.input-group .container.lg{min-height:48px;font-size:var(--mineral-font-size-md)}.input-group .container.lg .addon,.input-group .container.lg .field{padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.input-group .spinner-addon{display:flex;align-items:center;justify-content:center;padding:0 var(--mineral-spacing-md);border:none;flex-shrink:0}.input-group .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.2);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:input-group-spin .6s linear infinite}@keyframes input-group-spin{to{transform:rotate(360deg)}}.input-group .helper{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);margin-top:2px}.input-group .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error);margin-top:2px}.input-group .bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--mineral-spacing-sm)}.input-post-code .addon.custom.prepend{border-right:1px solid rgba(var(--color-rgb, var(--mineral-primary-rgb)),.15);background:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.06)}.input-post-code .country-select{min-width:92px;height:100%;padding:0 28px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(var(--color-rgb, var(--mineral-primary-rgb)),.08);color:var(--mineral-text);cursor:pointer}.input-post-code .country-select:disabled{cursor:not-allowed}.input-post-code .country-select-wrap{position:relative;display:flex;align-items:stretch}.input-post-code .country-select-wrap:after{content:"";position:absolute;right:10px;top:50%;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-65%) rotate(45deg);pointer-events:none;opacity:.7}.select{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.select.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.select.color-success{--color-rgb: var(--mineral-success-rgb)}.select.color-error{--color-rgb: var(--mineral-error-rgb)}.select.color-warning{--color-rgb: var(--mineral-warning-rgb)}.select.color-info{--color-rgb: var(--mineral-info-rgb)}.select.full-width{width:100%}.select .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.select .label.focused{color:rgba(var(--color-rgb),1)}.select .label.error{color:var(--mineral-error)}.select .label.required:after{content:" *";color:var(--mineral-error)}.select .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.select .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:color-mix(in srgb,var(--mineral-page-bg) 88%,var(--mineral-surface) 12%)}.select .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover);background:color-mix(in srgb,var(--mineral-page-bg) 78%,var(--mineral-surface) 22%)}.select .trigger.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22);background:color-mix(in srgb,var(--mineral-page-bg) 72%,var(--mineral-surface) 28%)}.select .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.select .trigger.filled:hover:not(.disabled){background:color-mix(in oklch,var(--mineral-surface),white 3%)}.select .trigger.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.select .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.select .trigger.underlined:hover:not(.disabled){border-bottom-color:var(--mineral-border-hover)}.select .trigger.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.select .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.select .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.select .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.select .trigger.error{border-color:var(--mineral-error)!important}.select .trigger.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.select .trigger.disabled{opacity:.5;cursor:not-allowed}.select .value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mineral-text)}.select .placeholder{color:var(--mineral-text-secondary);opacity:.6}.select .tags{display:flex;flex-wrap:wrap;gap:4px;overflow:hidden}.select .tag{display:inline-flex;align-items:center;padding:1px 6px;font-size:var(--mineral-font-size-xs);background:rgba(var(--color-rgb),.15);color:rgba(var(--color-rgb),1);border-radius:var(--mineral-radius-sm);white-space:nowrap}.select .arrow{margin-left:var(--mineral-spacing-sm);color:rgba(var(--color-rgb),.68);transition:transform var(--mineral-transition-fast);flex-shrink:0}.select .arrow svg,.select .clear-btn svg,.select-popover .checkbox svg{width:14px;height:14px;display:block}.select .arrow.open{transform:rotate(180deg)}.select .clear-btn{display:flex;align-items:center;justify-content:center;margin-left:var(--mineral-spacing-xs);padding:2px;cursor:pointer;color:rgba(var(--color-rgb),.68);background:none;border:none;border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast);flex-shrink:0}.select .clear-btn:hover{color:rgba(var(--color-rgb),1);background:rgba(var(--color-rgb),.1)}.select .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:select-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}@keyframes select-spin{to{transform:rotate(360deg)}}.select-popover .dropdown{overflow:auto;background:var(--mineral-popover-bg);border-radius:inherit}.select-popover .search-box{padding:var(--mineral-spacing-sm);border-bottom:1px solid var(--mineral-popover-border)}.select-popover .search-input{width:100%;background:transparent;border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-sm);color:var(--mineral-text);font-family:inherit;font-size:var(--mineral-font-size-sm);padding:4px 8px;outline:none}.select-popover .search-input:focus{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.18)}.select-popover .options-list{display:grid;gap:4px;padding:var(--mineral-spacing-xs)}.select-popover .option{display:flex;align-items:center;gap:var(--mineral-spacing-sm);padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast),transform var(--mineral-transition-fast)}.select-popover .option.active{background:color-mix(in srgb,var(--mineral-option-hover-bg) 72%,rgba(var(--color-rgb),.12) 28%)}.select-popover .option.selected{background:rgba(var(--color-rgb),.16);color:rgba(var(--color-rgb),1);box-shadow:inset 0 0 0 1px rgba(var(--color-rgb),.22)}.select-popover .option:hover:not(.disabled){background:rgba(var(--color-rgb),.1);color:rgba(var(--color-rgb),1);transform:translate(1px)}.select-popover .option.disabled{opacity:.4;cursor:not-allowed}.select-popover .checkbox{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.38);border-radius:3px;color:#fff;flex-shrink:0;transition:background-color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.select-popover .checkbox.checked{background:rgba(var(--color-rgb),1);border-color:rgba(var(--color-rgb),1)}.select-popover .group-header{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.select-popover .no-options{padding:var(--mineral-spacing-md);text-align:center;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}.select .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.select .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.select .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.autocomplete{--color-rgb: var(--mineral-primary-rgb);display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.autocomplete-popover{--color-rgb: var(--mineral-primary-rgb)}.autocomplete.color-neutral,.autocomplete-popover.color-neutral{--color-rgb: var(--mineral-neutral-rgb)}.autocomplete.color-success,.autocomplete-popover.color-success{--color-rgb: var(--mineral-success-rgb)}.autocomplete.color-error,.autocomplete-popover.color-error{--color-rgb: var(--mineral-error-rgb)}.autocomplete.color-warning,.autocomplete-popover.color-warning{--color-rgb: var(--mineral-warning-rgb)}.autocomplete.color-info,.autocomplete-popover.color-info{--color-rgb: var(--mineral-info-rgb)}.autocomplete.full-width{width:100%}.autocomplete .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.autocomplete .label.focused{color:rgba(var(--color-rgb),1)}.autocomplete .label.error{color:var(--mineral-error)}.autocomplete .label.required:after{content:" *";color:var(--mineral-error)}.autocomplete .input-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:4px;cursor:text;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.autocomplete .input-wrapper.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.autocomplete .input-wrapper.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.autocomplete .input-wrapper.outlined.focused{border-color:rgba(var(--color-rgb),1);box-shadow:0 0 0 3px rgba(var(--color-rgb),.22)}.autocomplete .input-wrapper.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.autocomplete .input-wrapper.filled.focused{border-bottom-color:rgba(var(--color-rgb),1)}.autocomplete .input-wrapper.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.autocomplete .input-wrapper.underlined.focused{border-bottom:2px solid rgba(var(--color-rgb),1)}.autocomplete .input-wrapper.sm{min-height:32px;padding:2px var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.autocomplete .input-wrapper.md{min-height:40px;padding:4px var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.autocomplete .input-wrapper.lg{min-height:48px;padding:6px var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.autocomplete .input-wrapper.error{border-color:var(--mineral-error)!important}.autocomplete .input-wrapper.error.focused{box-shadow:0 0 0 3px rgba(var(--mineral-error-rgb),.22)}.autocomplete .input-wrapper.disabled{opacity:.5;cursor:not-allowed}.autocomplete .input{flex:1;min-width:60px;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.autocomplete .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.autocomplete .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.autocomplete .input:disabled{cursor:not-allowed}.autocomplete .tags{display:flex;flex-wrap:wrap;gap:4px}.autocomplete .tag{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;font-size:var(--mineral-font-size-xs);background:rgba(var(--color-rgb),.15);color:rgba(var(--color-rgb),1);border-radius:var(--mineral-radius-sm);white-space:nowrap}.autocomplete .tag-remove,.autocomplete .clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:inherit;padding:0;transition:opacity var(--mineral-transition-fast),color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.autocomplete .tag-remove{opacity:.72}.autocomplete .tag-remove:hover{opacity:1}.autocomplete .tag-remove svg,.autocomplete .clear-btn svg{width:14px;height:14px;display:block}.autocomplete .spinner{width:16px;height:16px;border:2px solid rgba(var(--color-rgb),.22);border-top-color:rgba(var(--color-rgb),1);border-radius:50%;animation:autocomplete-spin .6s linear infinite;margin-left:var(--mineral-spacing-sm);flex-shrink:0}@keyframes autocomplete-spin{to{transform:rotate(360deg)}}.autocomplete .clear-btn{margin-left:var(--mineral-spacing-xs);padding:2px;color:rgba(var(--color-rgb),.68);border-radius:var(--mineral-radius-sm)}.autocomplete .clear-btn:hover{color:rgba(var(--color-rgb),1);background:rgba(var(--color-rgb),.1)}.autocomplete .dropdown,.autocomplete-popover .dropdown{overflow:auto}.autocomplete .options-list,.autocomplete-popover .options-list{padding:var(--mineral-spacing-xs) 0}.autocomplete .option,.autocomplete-popover .option{padding:var(--mineral-spacing-sm) var(--mineral-spacing-md);cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);transition:background-color var(--mineral-transition-fast)}.autocomplete .option.active,.autocomplete-popover .option.active{background:var(--mineral-option-hover-bg)}.autocomplete .option.selected,.autocomplete-popover .option.selected{background:rgba(var(--color-rgb),.12)}.autocomplete .no-options,.autocomplete .loading-msg,.autocomplete-popover .no-options,.autocomplete-popover .loading-msg{padding:var(--mineral-spacing-md);text-align:center;color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-sm)}.autocomplete .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.autocomplete .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.autocomplete .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.date-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.date-picker.full-width{width:100%}.date-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.date-picker .label.focused{color:var(--mineral-primary)}.date-picker .label.error{color:var(--mineral-error)}.date-picker .label.required:after{content:" *";color:var(--mineral-error)}.date-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.date-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.date-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.date-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.date-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.date-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.date-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.date-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.date-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.date-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.date-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.date-picker .trigger.error{border-color:var(--mineral-error)!important}.date-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.date-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.date-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;cursor:inherit}.date-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-picker .input:disabled{cursor:not-allowed}.date-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.date-picker .clear-btn svg,.date-picker .nav-btn,.date-picker-popover .nav-btn svg{width:14px;height:14px;display:block}.date-picker .clear-btn:hover{color:var(--mineral-text)}.date-picker .calendar,.date-picker-popover .calendar{padding:var(--mineral-spacing-sm);width:280px}.date-picker .calendar-header,.date-picker-popover .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--mineral-spacing-sm)}.date-picker .nav-btn,.date-picker-popover .nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.date-picker .nav-btn,.date-picker-popover .nav-btn:hover{color:var(--mineral-text);background:var(--mineral-option-hover-bg)}.date-picker .header-title,.date-picker-popover .header-title{background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600;font-family:inherit;padding:4px 8px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .header-title,.date-picker-popover .header-title:hover{background:var(--mineral-option-hover-bg)}.date-picker .day-names,.date-picker-popover .day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-picker .day,.date-picker-popover .day-name{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding:4px 0}.date-picker .day-grid,.date-picker-popover .day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-picker .day,.date-picker-popover .day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-xs);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.date-picker .day,.date-picker-popover .day:hover:not(.disabled):not(.selected){background:var(--mineral-option-hover-bg)}.date-picker .day,.date-picker-popover .day.other-month{color:var(--mineral-text-secondary);opacity:.4}.date-picker .day,.date-picker-popover .day.today{border:1px solid var(--mineral-primary)}.date-picker .day,.date-picker-popover .day.selected{background:var(--mineral-primary)!important;color:#fff!important;font-weight:600}.date-picker .day,.date-picker-popover .day.disabled{opacity:.25;cursor:not-allowed}.date-picker .month-grid,.date-picker-popover .month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.date-picker .month-cell,.date-picker-popover .month-cell{padding:8px;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .month-cell,.date-picker-popover .month-cell:hover{background:var(--mineral-option-hover-bg)}.date-picker .month-cell,.date-picker-popover .month-cell.selected{background:var(--mineral-option-selected-bg);font-weight:600}.date-picker .footer,.date-picker-popover .footer{display:flex;justify-content:center;margin-top:var(--mineral-spacing-sm);padding-top:var(--mineral-spacing-sm);border-top:1px solid var(--mineral-popover-border)}.date-picker .today-btn,.date-picker-popover .today-btn{background:none;border:none;cursor:pointer;color:var(--mineral-primary);font-size:var(--mineral-font-size-sm);font-family:inherit;font-weight:500;padding:4px 12px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-picker .today-btn,.date-picker-popover .today-btn:hover{background:var(--mineral-option-hover-bg)}.date-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.date-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.date-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}.date-range-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.date-range-picker.full-width{width:100%}.date-range-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.date-range-picker .label.focused{color:var(--mineral-primary)}.date-range-picker .label.error{color:var(--mineral-error)}.date-range-picker .label.required:after{content:" *";color:var(--mineral-error)}.date-range-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base),background-color var(--mineral-transition-base)}.date-range-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.date-range-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.date-range-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.date-range-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.date-range-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.date-range-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.date-range-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.date-range-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.date-range-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.date-range-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.date-range-picker .trigger.error{border-color:var(--mineral-error)!important}.date-range-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.date-range-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.date-range-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit;cursor:inherit}.date-range-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-range-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.date-range-picker .input:disabled{cursor:not-allowed}.date-range-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.date-range-picker .clear-btn:hover{color:var(--mineral-text)}.date-range-picker .clear-btn svg,.date-range-picker .nav-btn svg{width:14px;height:14px;display:block}.date-range-calendar,.date-range-picker-popover .date-range-calendar{width:min(620px,calc(100vw - 24px));padding:var(--mineral-spacing-sm)}.date-range-calendar .calendar-top,.date-range-picker-popover .date-range-calendar .calendar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm);margin-bottom:var(--mineral-spacing-sm)}.date-range-calendar .calendar-caption,.date-range-picker-popover .date-range-calendar .calendar-caption{display:flex;flex-direction:column;gap:2px}.date-range-calendar .caption-title,.date-range-picker-popover .date-range-calendar .caption-title{color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600}.date-range-calendar .caption-subtitle,.date-range-picker-popover .date-range-calendar .caption-subtitle{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.date-range-calendar .nav-actions,.date-range-picker-popover .date-range-calendar .nav-actions{display:inline-flex;gap:4px}.date-range-calendar .presets,.date-range-picker-popover .date-range-calendar .presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--mineral-spacing-sm)}.date-range-calendar .preset-btn,.date-range-picker-popover .date-range-calendar .preset-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--mineral-border);background:rgba(var(--mineral-primary-rgb),.06);color:var(--mineral-text);padding:6px 12px;border-radius:var(--mineral-radius-sm);cursor:pointer;font-family:inherit;font-size:var(--mineral-font-size-xs);transition:border-color var(--mineral-transition-fast),background-color var(--mineral-transition-fast),color var(--mineral-transition-fast)}.date-range-calendar .preset-btn:hover,.date-range-picker-popover .date-range-calendar .preset-btn:hover{border-color:rgba(var(--mineral-primary-rgb),.4);background:rgba(var(--mineral-primary-rgb),.12);color:var(--mineral-primary)}.date-range-calendar .nav-btn,.date-range-picker-popover .date-range-calendar .nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;cursor:pointer;color:var(--mineral-text-secondary);border-radius:var(--mineral-radius-sm);transition:color var(--mineral-transition-fast),background-color var(--mineral-transition-fast)}.date-range-calendar .nav-btn:hover,.date-range-picker-popover .date-range-calendar .nav-btn:hover{color:var(--mineral-text);background:var(--mineral-option-hover-bg)}.date-range-calendar .months,.date-range-picker-popover .date-range-calendar .months{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mineral-spacing-md)}.date-range-calendar .month-panel,.date-range-picker-popover .date-range-calendar .month-panel{display:flex;flex-direction:column;gap:var(--mineral-spacing-xs)}.date-range-calendar .month-title,.date-range-picker-popover .date-range-calendar .month-title{color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-weight:600;padding:0 4px}.date-range-calendar .day-names,.date-range-picker-popover .date-range-calendar .day-names{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-calendar .day-name,.date-range-picker-popover .date-range-calendar .day-name{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding:4px 0}.date-range-calendar .day-grid,.date-range-picker-popover .date-range-calendar .day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.date-range-calendar .day,.date-range-picker-popover .date-range-calendar .day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;background:none;border:1px solid transparent;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-xs);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast),color var(--mineral-transition-fast),border-color var(--mineral-transition-fast)}.date-range-calendar .day:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end),.date-range-picker-popover .date-range-calendar .day:hover:not(.disabled):not(.selected):not(.range-start):not(.range-end){background:var(--mineral-option-hover-bg)}.date-range-calendar .day.other-month,.date-range-picker-popover .date-range-calendar .day.other-month{color:var(--mineral-text-secondary);opacity:.4}.date-range-calendar .day.today,.date-range-picker-popover .date-range-calendar .day.today{border-color:var(--mineral-primary)}.date-range-calendar .day.in-range,.date-range-picker-popover .date-range-calendar .day.in-range,.date-range-calendar .day.preview-range,.date-range-picker-popover .date-range-calendar .day.preview-range{background:rgba(var(--mineral-primary-rgb),.12)}.date-range-calendar .day.range-start,.date-range-picker-popover .date-range-calendar .day.range-start,.date-range-calendar .day.range-end,.date-range-picker-popover .date-range-calendar .day.range-end,.date-range-calendar .day.selected,.date-range-picker-popover .date-range-calendar .day.selected{background:var(--mineral-primary)!important;color:#fff!important;border-color:var(--mineral-primary);font-weight:600}.date-range-calendar .day.disabled,.date-range-picker-popover .date-range-calendar .day.disabled{opacity:.25;cursor:not-allowed}.date-range-calendar .footer,.date-range-picker-popover .date-range-calendar .footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mineral-spacing-sm);margin-top:var(--mineral-spacing-sm);padding-top:var(--mineral-spacing-sm);border-top:1px solid var(--mineral-popover-border)}.date-range-calendar .summary,.date-range-picker-popover .date-range-calendar .summary{color:var(--mineral-text-secondary);font-size:var(--mineral-font-size-xs)}.date-range-calendar .footer-actions,.date-range-picker-popover .date-range-calendar .footer-actions{display:inline-flex;gap:6px}.date-range-calendar .footer-btn,.date-range-picker-popover .date-range-calendar .footer-btn{background:none;border:none;cursor:pointer;color:var(--mineral-primary);font-size:var(--mineral-font-size-sm);font-family:inherit;font-weight:500;padding:4px 12px;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.date-range-calendar .footer-btn:hover,.date-range-picker-popover .date-range-calendar .footer-btn:hover{background:var(--mineral-option-hover-bg)}.date-range-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.date-range-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.date-range-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}@media(max-width:760px){.date-range-calendar,.date-range-picker-popover .date-range-calendar{width:min(320px,calc(100vw - 24px));padding:var(--mineral-spacing-xs)}.date-range-calendar .months,.date-range-picker-popover .date-range-calendar .months{grid-template-columns:1fr;gap:var(--mineral-spacing-sm)}.date-range-calendar .calendar-top,.date-range-picker-popover .date-range-calendar .calendar-top{align-items:flex-start}.date-range-calendar .presets,.date-range-picker-popover .date-range-calendar .presets{gap:6px}.date-range-calendar .preset-btn,.date-range-picker-popover .date-range-calendar .preset-btn{flex:1 1 calc(50% - 6px);text-align:center}.date-range-calendar .footer,.date-range-picker-popover .date-range-calendar .footer{flex-direction:column;align-items:stretch}.date-range-calendar .footer-actions,.date-range-picker-popover .date-range-calendar .footer-actions{justify-content:flex-end}}.time-picker{display:inline-flex;flex-direction:column;gap:var(--mineral-spacing-xs);font-family:var(--mineral-font-family);position:relative}.time-picker.full-width{width:100%}.time-picker .label{font-size:var(--mineral-font-size-sm);color:var(--mineral-text-secondary);font-weight:500;transition:color var(--mineral-transition-fast)}.time-picker .label.focused{color:var(--mineral-primary)}.time-picker .label.error{color:var(--mineral-error)}.time-picker .label.required:after{content:" *";color:var(--mineral-error)}.time-picker .trigger{display:flex;align-items:center;cursor:pointer;transition:border-color var(--mineral-transition-base),box-shadow var(--mineral-transition-base)}.time-picker .trigger.outlined{border:1px solid var(--mineral-border);border-radius:var(--mineral-radius-md);background:transparent}.time-picker .trigger.outlined:hover:not(.disabled){border-color:var(--mineral-border-hover)}.time-picker .trigger.outlined.focused{border-color:var(--mineral-border-focus);box-shadow:var(--mineral-shadow-focus)}.time-picker .trigger.filled{border:none;border-bottom:2px solid var(--mineral-border);border-radius:var(--mineral-radius-md) var(--mineral-radius-md) 0 0;background:var(--mineral-surface)}.time-picker .trigger.filled.focused{border-bottom-color:var(--mineral-primary)}.time-picker .trigger.underlined{border:none;border-bottom:1px solid var(--mineral-border);border-radius:0;background:transparent}.time-picker .trigger.underlined.focused{border-bottom:2px solid var(--mineral-primary)}.time-picker .trigger.sm{height:32px;padding:0 var(--mineral-spacing-sm);font-size:var(--mineral-font-size-xs)}.time-picker .trigger.md{height:40px;padding:0 var(--mineral-spacing-md);font-size:var(--mineral-font-size-sm)}.time-picker .trigger.lg{height:48px;padding:0 var(--mineral-spacing-lg);font-size:var(--mineral-font-size-md)}.time-picker .trigger.error{border-color:var(--mineral-error)!important}.time-picker .trigger.disabled{opacity:.5;cursor:not-allowed}.time-picker .icon{display:flex;align-items:center;color:var(--mineral-text-secondary);margin-right:var(--mineral-spacing-sm);flex-shrink:0}.time-picker .input{flex:1;background:transparent;border:none;outline:none;color:var(--mineral-text);font-family:inherit;font-size:inherit}.time-picker .input::-moz-placeholder{color:var(--mineral-text-secondary);opacity:.6}.time-picker .input::placeholder{color:var(--mineral-text-secondary);opacity:.6}.time-picker .clear-btn{display:flex;align-items:center;justify-content:center;padding:2px;cursor:pointer;color:var(--mineral-text-secondary);background:none;border:none;border-radius:var(--mineral-radius-sm);font-size:.75rem;transition:color var(--mineral-transition-fast)}.time-picker .clear-btn svg{width:14px;height:14px;display:block}.time-picker .clear-btn:hover{color:var(--mineral-text)}.time-picker .columns{display:flex;padding:var(--mineral-spacing-sm);gap:2px}.time-picker .column{display:flex;flex-direction:column;width:56px}.time-picker .column-label{text-align:center;font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary);font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--mineral-popover-border);margin-bottom:4px}.time-picker .column-list{overflow-y:auto;max-height:200px;scrollbar-width:thin;scrollbar-color:var(--mineral-border-hover) transparent}.time-picker .column-item{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 0;background:none;border:none;cursor:pointer;color:var(--mineral-text);font-size:var(--mineral-font-size-sm);font-family:inherit;border-radius:var(--mineral-radius-sm);transition:background-color var(--mineral-transition-fast)}.time-picker .column-item:hover{background:var(--mineral-option-hover-bg)}.time-picker .column-item.selected{background:var(--mineral-primary)!important;color:#fff;font-weight:600}.time-picker .column-item.disabled{opacity:.35;cursor:not-allowed}.time-picker .bottom-row{display:flex;gap:var(--mineral-spacing-sm)}.time-picker .helper-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-text-secondary)}.time-picker .error-text{font-size:var(--mineral-font-size-xs);color:var(--mineral-error)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@banzamel/mineralui",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "description": "Modern React UI component framework with mineral dark aesthetic",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",