@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
1 lines • 54.6 kB
CSS
@layer theme{:host,:root{--spacing:.25rem;--content-area-shift:22px}}@layer components{.style-filled{--b24ui-background:var(--ui-color-design-filled-bg);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:var(--ui-design-filled-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-content);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-inverted{--b24ui-background:var(--ui-color-design-filled-content);--b24ui-border-color:var(--ui-color-design-filled-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success{--b24ui-background:var(--ui-color-design-filled-success-bg);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-content);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-success-inverted{--b24ui-background:var(--ui-color-design-filled-success-content);--b24ui-border-color:var(--ui-color-design-filled-success-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-success-content-icon);--b24ui-color:var(--ui-color-design-filled-success-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert{--b24ui-background:var(--ui-color-design-filled-alert-bg);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:var(--ui-design-filled-success-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-content);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-alert:has([aria-invalid=true]),.style-filled-alert[aria-invalid=true],[aria-invalid=true] .style-filled-alert{--b24ui-border-color:var(--ui-color-accent-main-alert)}.style-filled-alert-inverted{--b24ui-background:var(--ui-color-design-filled-alert-content);--b24ui-border-color:var(--ui-color-design-filled-alert-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-alert-content-icon-secondary);--b24ui-color:var(--ui-color-design-filled-alert-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot{--b24ui-background:var(--ui-color-design-filled-copilot-bg);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:var(--ui-design-filled-copilot-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-content);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-copilot-inverted{--b24ui-background:var(--ui-color-design-filled-copilot-content);--b24ui-border-color:var(--ui-color-design-filled-copilot-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-copilot-stroke);--b24ui-color:var(--ui-color-design-filled-copilot-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-copilot-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning{--b24ui-background:var(--ui-color-design-filled-warning-bg);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:var(--ui-design-filled-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-content);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-warning-inverted{--b24ui-background:var(--ui-color-design-filled-warning-content);--b24ui-border-color:var(--ui-color-design-filled-warning-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-warning-content-icon);--b24ui-color:var(--ui-color-design-filled-warning-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent{--b24ui-background:var(--ui-color-design-filled-na-bg-secondary);--b24ui-border-color:transparent;--b24ui-border-width:var(--ui-design-filled-na-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-content);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-no-accent-inverted{--b24ui-background:var(--ui-color-design-filled-na-content);--b24ui-border-color:var(--ui-color-design-filled-na-stroke);--b24ui-border-width:1px;--b24ui-icon:var(--ui-color-design-filled-na-content-icon);--b24ui-color:var(--ui-color-design-filled-na-bg-secondary);--b24ui-split-divider-color:var(--ui-color-design-filled-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black{--b24ui-background:var(--ui-color-design-filled-black-bg);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-content);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.dark .style-filled-black{--b24ui-background:var(--ui-color-bg-content-tertiary);--b24ui-border-color:var(--ui-color-bg-vibrant-accent);--b24ui-border-width:var(--ui-design-tinted-na-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-black-inverted{--b24ui-background:var(--ui-color-design-filled-black-content);--b24ui-border-color:var(--ui-color-design-filled-black-stroke);--b24ui-border-width:var(--ui-design-filled-black-stroke-weight);--b24ui-icon:var(--ui-color-design-filled-black-content-icon);--b24ui-color:var(--ui-color-design-filled-black-bg);--b24ui-split-divider-color:var(--ui-color-design-filled-black-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted{--b24ui-background:var(--ui-color-design-tinted-bg);--b24ui-border-color:var(--ui-color-design-tinted-stroke);--b24ui-border-width:var(--ui-design-tinted-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-content-icon-secondary);--b24ui-color:var(--ui-color-design-tinted-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-alert{--b24ui-background:var(--ui-color-design-tinted-alert-bg);--b24ui-border-color:var(--ui-color-design-tinted-alert-stroke);--b24ui-border-width:var(--ui-design-tinted-alert-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-alert-content-icon);--b24ui-color:var(--ui-color-design-tinted-alert-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-alert-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-success{--b24ui-background:var(--ui-color-design-tinted-success-bg);--b24ui-border-color:var(--ui-color-design-tinted-success-stroke);--b24ui-border-width:var(--ui-design-tinted-success-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-success-content-icon);--b24ui-color:var(--ui-color-design-tinted-success-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-success-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-warning{--b24ui-background:var(--ui-color-design-tinted-warning-bg);--b24ui-border-color:var(--ui-color-design-tinted-warning-stroke);--b24ui-border-width:var(--ui-design-tinted-warning-stroke-weight);--b24ui-icon:var(--ui-color-design-tinted-warning-content-icon);--b24ui-color:var(--ui-color-design-tinted-warning-content);--b24ui-split-divider-color:var(--ui-color-design-tinted-warning-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-copilot{--b24ui-background:var(--ui-color-accent-soft-violet-2);--b24ui-border-color:var(--ui-color-accent-soft-violet-2);--b24ui-border-width:var(--ui-border-width-medium);--b24ui-icon:var(--ui-color-copilot-accent-less-2);--b24ui-color:var(--ui-color-copilot-accent-less-2);--b24ui-split-divider-color:var(--ui-color-copilot-bg-content-1);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline{--b24ui-background:var(--ui-color-design-outline-bg);--b24ui-border-color:var(--ui-color-design-outline-stroke);--b24ui-border-width:var(--ui-design-outline-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-content-icon-alt);--b24ui-color:var(--ui-color-design-outline-content);--b24ui-split-divider-color:var(--ui-color-design-outline-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-1{--b24ui-background:var(--ui-color-design-outline-a1-bg);--b24ui-border-color:var(--ui-color-design-outline-a1-stroke);--b24ui-border-width:var(--ui-design-outline-a1-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a1-content-icon);--b24ui-color:var(--ui-color-design-outline-a1-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a1-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-accent-2{--b24ui-background:var(--ui-color-design-outline-a2-bg);--b24ui-border-color:var(--ui-color-design-outline-a2-stroke);--b24ui-border-width:var(--ui-design-outline-a2-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-a2-content-icon);--b24ui-color:var(--ui-color-design-outline-a2-content);--b24ui-split-divider-color:var(--ui-color-design-outline-a2-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-outline-no-accent{--b24ui-background:var(--ui-color-design-outline-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-outline-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-tinted-no-accent-1{--b24ui-background:var(--ui-color-design-tinted-na-bg);--b24ui-border-color:var(--ui-color-design-outline-na-stroke);--b24ui-border-width:var(--ui-design-outline-na-stroke-weight);--b24ui-icon:var(--ui-color-design-outline-na-content-icon);--b24ui-color:var(--ui-color-design-tinted-na-content);--b24ui-split-divider-color:var(--ui-color-design-outline-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain{--b24ui-background:var(--ui-color-design-plain-bg);--b24ui-border-color:var(--ui-color-design-plain-stroke);--b24ui-border-width:var(--ui-design-plain-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-content-icon-secondary);--b24ui-color:var(--ui-color-design-plain-content);--b24ui-split-divider-color:var(--ui-color-design-plain-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-accent{--b24ui-background:var(--ui-color-design-plain-a-bg);--b24ui-border-color:var(--ui-color-design-plain-a-stroke);--b24ui-border-width:var(--ui-design-plain-a-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-a-content-icon);--b24ui-color:var(--ui-color-design-plain-a-content);--b24ui-split-divider-color:var(--ui-color-design-plain-a-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-plain-no-accent{--b24ui-background:var(--ui-color-design-plain-na-bg);--b24ui-border-color:var(--ui-color-design-plain-na-stroke);--b24ui-border-width:var(--ui-design-plain-na-stroke-weight);--b24ui-icon:var(--ui-color-design-plain-na-content-icon);--b24ui-color:var(--ui-color-design-plain-na-content);--b24ui-split-divider-color:var(--ui-color-design-plain-na-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-selection{--b24ui-background:var(--ui-color-design-selection-bg);--b24ui-border-color:var(--ui-color-design-selection-stroke);--b24ui-border-width:var(--ui-design-selection-stroke-weight);--b24ui-color:var(--ui-color-design-selection-content);--b24ui-split-divider-color:var(--ui-color-design-selection-content-divider);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-filled-boost{--b24ui-background:var(--ui-color-background-transparent);--b24ui-border-color:var(--ui-color-design-filled-boost-stroke);--b24ui-border-width:var(--ui-design-filled-boost-stroke-weight);--b24ui-color:var(--ui-color-design-filled-boost-content);--b24ui-split-divider-color:var(--ui-color-design-filled-boost-content-divider);--hover-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--hover-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--active-color-1:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-1) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-2:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-2) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--active-color-3:color-mix(in srgb,var(--ui-color-design-filled-boost-bg-gradient-3) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--ui-color-design-filled-boost-bg-gradient-1) 0%,var(--ui-color-design-filled-boost-bg-gradient-2) 58.65%,var(--ui-color-design-filled-boost-bg-gradient-3) 100%);--b24ui-background-gradient-hover:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--hover-color-1) 0%,var(--hover-color-2) 58.65%,var(--hover-color-3) 100%);--b24ui-background-gradient-active:radial-gradient(110.42% 110.42% at -10.42% 31.25%,var(--active-color-1) 0%,var(--active-color-2) 58.65%,var(--active-color-3) 100%);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));background:var(--b24ui-background-gradient)}.style-old-default{--b24ui-background:var(--ui-color-base-20);--b24ui-border-color:var(--ui-color-base-20);--b24ui-icon:var(--ui-color-base-20);--b24ui-color:var(--ui-color-base-80);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-danger{--b24ui-background:#f1361a;--b24ui-border-color:#f1361a;--b24ui-icon:#f1361a;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-success{--b24ui-background:#bbed21;--b24ui-border-color:#bbed21;--b24ui-icon:#bbed21;--b24ui-color:var(--ui-color-base-90);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-warning{--b24ui-background:rgba(237,218,123,var(--ui-opacity-80));--b24ui-border-color:rgba(237,218,123,var(--ui-opacity-80));--b24ui-icon:rgba(237,218,123,var(--ui-opacity-80));--b24ui-color:#a07f27;--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(--b24ui-background-active) 0%,var(--b24ui-background-active) 100%);--b24ui-border-color-hover:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-border-color-active:color-mix(in srgb,var(--b24ui-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}.style-old-primary{--b24ui-background:#3bc8f5;--b24ui-border-color:#3bc8f5;--b24ui-icon:#3bc8f5;--b24ui-color:var(--ui-color-on-primary);--b24ui-border-width:0px;--b24ui-split-divider-color:var(--ui-color-background-transparent);--b24ui-background-hover:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--b24ui-background-active:color-mix(in srgb,var(--b24ui-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--b24ui-background-gradient:linear-gradient(180deg,var(--b24ui-background) 0%,var(--b24ui-background) 100%);--b24ui-background-gradient-hover:linear-gradient(180deg,var(--b24ui-background-hover) 0%,var(--b24ui-background-hover) 100%);--b24ui-background-gradient-active:linear-gradient(180deg,var(-