[data-fluid-brand=glass]{--fluid-color-brand-50: #f0f9ff;--fluid-color-brand-100: #e0f2fe;--fluid-color-brand-200: #bae6fd;--fluid-color-brand-300: #7dd3fc;--fluid-color-brand-400: #38bdf8;--fluid-color-brand-500: #0ea5e9;--fluid-color-brand-600: #0284c7;--fluid-color-brand-700: #0369a1;--fluid-color-brand-800: #075985;--fluid-color-brand-900: #0c4a6e;--fluid-radius-md: 1.25rem;--fluid-radius-lg: 1.5rem;--fluid-radius-xl: 1.75rem;--fluid-accent-base: var(--fluid-color-brand-700);--fluid-accent-hover: var(--fluid-color-brand-800);--fluid-accent-active: var(--fluid-color-brand-900);--fluid-focus-ring-color: var(--fluid-color-brand-500);--glass-frost: rgb(255 255 255 / 62%);--glass-frost-strong: rgb(255 255 255 / 72%);--glass-frost-border: rgb(255 255 255 / 70%);--glass-affix-border: rgb(255 255 255 / 45%);--glass-blur: blur(12px) saturate(1.4);background:radial-gradient(60% 60% at 12% 10%,#8b5cf6,transparent 60%),radial-gradient(55% 55% at 88% 16%,#06b6d4,transparent 58%),radial-gradient(65% 65% at 72% 98%,#f43f5e,transparent 60%),linear-gradient(135deg,#c7d2fe,#a5f3fc)}[data-fluid-theme=dark] [data-fluid-brand=glass],[data-fluid-brand=glass][data-fluid-theme=dark]{--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300);--fluid-focus-ring-color: var(--fluid-color-brand-400);--glass-frost: rgb(15 18 28 / 55%);--glass-frost-strong: rgb(15 18 28 / 68%);--glass-frost-border: rgb(255 255 255 / 16%);--glass-affix-border: rgb(255 255 255 / 14%);background:radial-gradient(60% 60% at 12% 10%,#5b21b6,transparent 60%),radial-gradient(55% 55% at 88% 16%,#0e7490,transparent 58%),radial-gradient(65% 65% at 72% 98%,#9f1239,transparent 60%),linear-gradient(135deg,#0b1022,#08222b)}[data-fluid-brand=glass] fluid-card::part(base),[data-fluid-brand=glass] fluid-app-bar::part(base),[data-fluid-brand=glass] fluid-sidebar::part(base),[data-fluid-brand=glass] fluid-toolbar::part(base),[data-fluid-brand=glass] fluid-accordion::part(base),[data-fluid-brand=glass] fluid-fieldset::part(base),[data-fluid-brand=glass] fluid-nav-list::part(base),[data-fluid-brand=glass] fluid-list::part(base),[data-fluid-brand=glass] fluid-tree::part(base),[data-fluid-brand=glass] fluid-pricing-table::part(base),[data-fluid-brand=glass] fluid-empty-state::part(base),[data-fluid-brand=glass] fluid-result::part(base),[data-fluid-brand=glass] fluid-calendar::part(base),[data-fluid-brand=glass] fluid-transfer::part(base),[data-fluid-brand=glass] fluid-command-palette::part(base),[data-fluid-brand=glass] fluid-dialog::part(base),[data-fluid-brand=glass] fluid-drawer::part(base),[data-fluid-brand=glass] fluid-menu::part(base),[data-fluid-brand=glass] fluid-context-menu::part(base),[data-fluid-brand=glass] fluid-tour::part(base),[data-fluid-brand=glass] fluid-speed-dial::part(base),[data-fluid-brand=glass] fluid-loading-overlay::part(base),[data-fluid-brand=glass] fluid-field::part(base),[data-fluid-brand=glass] fluid-input::part(base),[data-fluid-brand=glass] fluid-number-input::part(base),[data-fluid-brand=glass] fluid-masked-input::part(base),[data-fluid-brand=glass] fluid-textarea::part(base),[data-fluid-brand=glass] fluid-select::part(trigger),[data-fluid-brand=glass] fluid-tag-input::part(base),[data-fluid-brand=glass] fluid-date-picker::part(base),[data-fluid-brand=glass] fluid-date-range-picker::part(base),[data-fluid-brand=glass] fluid-time-picker::part(base),[data-fluid-brand=glass] fluid-otp::part(base),[data-fluid-brand=glass] fluid-file-input::part(base),[data-fluid-brand=glass] fluid-dropzone::part(base),[data-fluid-brand=glass] fluid-segmented-control::part(base){background-color:var(--glass-frost);border-color:var(--glass-frost-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-fluid-brand=glass] .fluid-glass-panel{background-color:var(--glass-frost);border:1px solid var(--glass-frost-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-fluid-brand=glass] fluid-infinite-table{--fluid-infinite-table-bg: var(--glass-frost);--fluid-infinite-table-toolbar-bg: var(--glass-frost-strong);--fluid-infinite-table-header-bg: var(--glass-frost-strong);--fluid-infinite-table-row-hover-bg: color-mix( in srgb, var(--fluid-color-brand-400) 18%, transparent );--fluid-infinite-table-border: var(--glass-frost-border)}[data-fluid-brand=glass] fluid-infinite-table::part(viewport){-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-fluid-brand=glass] fluid-infinite-table::part(column-dialog){background:var(--glass-frost-strong);border-color:var(--glass-frost-border);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}[data-fluid-brand=glass] fluid-table{--fluid-table-bg: var(--glass-frost);--fluid-table-header-bg: var(--glass-frost-strong);--fluid-table-row-hover-bg: color-mix(in srgb, var(--fluid-color-brand-400) 18%, transparent)}[data-fluid-brand=glass] fluid-table::part(base){-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}[data-fluid-brand=glass] fluid-select::part(listbox),[data-fluid-brand=glass] fluid-typeahead::part(listbox),[data-fluid-brand=glass] fluid-time-picker::part(listbox),[data-fluid-brand=glass] fluid-date-picker::part(dialog),[data-fluid-brand=glass] fluid-date-range-picker::part(dialog){background-color:var(--glass-frost-strong);border-color:var(--glass-frost-border);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}[data-fluid-brand=glass] fluid-typeahead{--fluid-typeahead-bg: var(--glass-frost);--fluid-typeahead-affix-bg: transparent}[data-fluid-brand=glass] fluid-input::part(prefix),[data-fluid-brand=glass] fluid-input::part(suffix),[data-fluid-brand=glass] fluid-number-input::part(prefix),[data-fluid-brand=glass] fluid-number-input::part(suffix),[data-fluid-brand=glass] fluid-masked-input::part(prefix),[data-fluid-brand=glass] fluid-masked-input::part(suffix),[data-fluid-brand=glass] fluid-select::part(prefix),[data-fluid-brand=glass] fluid-select::part(suffix){background:transparent;border-color:var(--glass-affix-border)}[data-fluid-brand=glass][data-fluid-conformance=aaa],[data-fluid-brand=glass]:not([data-fluid-theme=dark]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-800);--fluid-accent-hover: var(--fluid-color-brand-900);--fluid-accent-active: color-mix( in srgb, var(--fluid-color-brand-900) 85%, var(--fluid-color-neutral-950) )}[data-fluid-theme=dark] [data-fluid-brand=glass][data-fluid-conformance=aaa],[data-fluid-brand=glass][data-fluid-theme=dark][data-fluid-conformance=aaa],[data-fluid-brand=glass][data-fluid-theme=dark] [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300)}@media(prefers-color-scheme:dark){[data-fluid-brand=glass][data-fluid-conformance=aaa]:not([data-fluid-theme=light]),[data-fluid-brand=glass]:not([data-fluid-theme=light]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300)}}@media(prefers-reduced-motion:reduce){[data-fluid-brand=glass] fluid-card::part(base),[data-fluid-brand=glass] fluid-app-bar::part(base),[data-fluid-brand=glass] fluid-segmented-control::part(base),[data-fluid-brand=glass] fluid-input::part(base),[data-fluid-brand=glass] fluid-select::part(trigger),[data-fluid-brand=glass] fluid-date-range-picker::part(base){transition:none}}[data-fluid-brand=orchid]{--fluid-color-brand-50: #f5f3ff;--fluid-color-brand-100: #ede9fe;--fluid-color-brand-200: #ddd6fe;--fluid-color-brand-300: #c4b5fd;--fluid-color-brand-400: #a78bfa;--fluid-color-brand-500: #8b5cf6;--fluid-color-brand-600: #7c3aed;--fluid-color-brand-700: #6d28d9;--fluid-color-brand-800: #5b21b6;--fluid-color-brand-900: #4c1d95;--fluid-radius-sm: .5rem;--fluid-radius-md: 1rem;--fluid-radius-lg: 1.5rem;--fluid-radius-xl: 2rem;--fluid-field-border-radius: 1rem;--fluid-space-1: .35rem;--fluid-space-2: .7rem;--fluid-space-3: 1rem;--fluid-space-4: 1.35rem;--fluid-space-5: 1.7rem;--fluid-space-6: 2rem;--fluid-space-8: 2.7rem;--fluid-space-10: 3.4rem;--fluid-space-12: 4rem;--fluid-duration-fast: .16s;--fluid-duration-normal: .26s;--fluid-accent-base: var(--fluid-color-brand-600);--fluid-accent-hover: var(--fluid-color-brand-700);--fluid-accent-active: var(--fluid-color-brand-800);--fluid-focus-ring-color: var(--fluid-color-brand-500)}[data-fluid-theme=dark] [data-fluid-brand=orchid],[data-fluid-brand=orchid][data-fluid-theme=dark]{--fluid-accent-base: var(--fluid-color-brand-500);--fluid-accent-hover: var(--fluid-color-brand-400);--fluid-accent-active: var(--fluid-color-brand-300);--fluid-focus-ring-color: var(--fluid-color-brand-400)}[data-fluid-brand=orchid][data-fluid-conformance=aaa],[data-fluid-brand=orchid]:not([data-fluid-theme=dark]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-700);--fluid-accent-hover: var(--fluid-color-brand-800);--fluid-accent-active: var(--fluid-color-brand-900)}[data-fluid-theme=dark] [data-fluid-brand=orchid][data-fluid-conformance=aaa],[data-fluid-brand=orchid][data-fluid-theme=dark][data-fluid-conformance=aaa],[data-fluid-brand=orchid][data-fluid-theme=dark] [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200)}@media(prefers-color-scheme:dark){[data-fluid-brand=orchid][data-fluid-conformance=aaa]:not([data-fluid-theme=light]),[data-fluid-brand=orchid]:not([data-fluid-theme=light]) [data-fluid-conformance=aaa]{--fluid-accent-base: var(--fluid-color-brand-400);--fluid-accent-hover: var(--fluid-color-brand-300);--fluid-accent-active: var(--fluid-color-brand-200)}}