@bitrix24/b24ui-nuxt 2.0.8 → 2.0.9

package/dist/runtime/air-design-tokens/components/button.css

@@ -1 +1 @@
-@theme inline{--button-link-light-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-light-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--button-link-dark-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-dark-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}@layer base{.ui-btn{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.ui-btn-lg,.ui-btn.ui-btn-xl{--ui-btn-padding:0 26px;--ui-btn-padding-right:12px;--ui-btn-min-width:90px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-md{--ui-btn-padding:0 19px;--ui-btn-padding-right:12px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-sm{--ui-btn-padding:0 17px;--ui-btn-padding-right:10px;--ui-btn-min-width:70px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-xs{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.ui-btn-xss{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.--air.--style-default,.ui-btn.--air.--style-default-dark,.ui-btn.--air.--style-default-light,.ui-btn.--style-default,.ui-btn.--style-default-dark,.ui-btn.--style-default-light{--ui-btn-background:var(--ui-color-base-20);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-base-20);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-80);--ui-btn-colors-before-bg:var(--ui-color-base-80);--ui-btn-color:var(--ui-color-base-80);--ui-btn-color-hover:var(--ui-color-base-80);--ui-btn-color-active:var(--ui-color-base-80)}.ui-btn.--air.--style-success,.ui-btn.--style-success{--ui-btn-background:#bbed21;--ui-btn-background-hover:#d2f95f;--ui-btn-background-active:#b2e232;--ui-btn-border-color:#bbed21;--ui-btn-border-color-hover:#d2f95f;--ui-btn-border-color-active:#b2e232;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-success-light,.ui-btn.--style-success-light{--ui-btn-background:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-background-hover:#eaf5c5;--ui-btn-background-active:#d3e59a;--ui-btn-border-color:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-border-color-hover:#eaf5c5;--ui-btn-border-color-active:#d3e59a;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:#668d13;--ui-btn-color-hover:#668d13;--ui-btn-color-active:#668d13}.ui-btn.--air.--style-success-dark,.ui-btn.--style-success-dark{--ui-btn-background:#86a732;--ui-btn-background-hover:#a2bf54;--ui-btn-background-active:#a2bf54;--ui-btn-border-color:#86a732;--ui-btn-border-color-hover:#a2bf54;--ui-btn-border-color-active:#a2bf54;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger,.ui-btn.--style-danger{--ui-btn-background:#f1361a;--ui-btn-background-hover:#cc1c00;--ui-btn-background-active:#d24430;--ui-btn-border-color:#f1361a;--ui-btn-border-color-hover:#cc1c00;--ui-btn-border-color-active:#d24430;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-dark,.ui-btn.--style-danger-dark{--ui-btn-background:#a21429;--ui-btn-background-hover:#c43d51;--ui-btn-background-active:#851021;--ui-btn-border-color:#a21429;--ui-btn-border-color-hover:#c43d51;--ui-btn-border-color-active:#851021;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-light,.ui-btn.--style-danger-light{--ui-btn-background:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-background-hover:#ffdcdb;--ui-btn-background-active:#f2b6b3;--ui-btn-border-color:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-border-color-hover:#ffdcdb;--ui-btn-border-color-active:#f2b6b3;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#eb8783;--ui-btn-color:#d7413c;--ui-btn-color-hover:#d7413c;--ui-btn-color-active:#d7413c}.ui-btn.--air.--style-primary,.ui-btn.--air.--style-primary-light,.ui-btn.--style-primary,.ui-btn.--style-primary-light{--ui-btn-background:#3bc8f5;--ui-btn-background-hover:#3eddff;--ui-btn-background-active:#12b1e3;--ui-btn-border-color:#3bc8f5;--ui-btn-border-color-hover:#3eddff;--ui-btn-border-color-active:#12b1e3;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-primary-dark,.ui-btn.--style-primary-dark{--ui-btn-background:#399fc2;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:#399fc2;--ui-btn-border-color-hover:#37aed4;--ui-btn-border-color-active:#328ba9;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-secondary,.ui-btn.--air.--style-secondary-dark,.ui-btn.--style-secondary,.ui-btn.--style-secondary-dark{--ui-btn-background:#c5e7f4;--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:#aee0f2;--ui-btn-border-color-hover:#aee0f2;--ui-btn-border-color-active:#aee0f2;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-secondary-light,.ui-btn.--style-secondary-light{--ui-btn-background:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#0aa0d0;--ui-btn-color-hover:#0aa0d0;--ui-btn-color-active:#0aa0d0}.ui-btn.--air.--style-warning,.ui-btn.--air.--style-warning-dark,.ui-btn.--air.--style-warning-light,.ui-btn.--style-warning,.ui-btn.--style-warning-dark,.ui-btn.--style-warning-light{--ui-btn-background:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-background-hover:rgba(255,169,0,.65);--ui-btn-background-active:#eba51c;--ui-btn-border-color:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#a07f27;--ui-btn-color-hover:#a07f27;--ui-btn-color-active:#a07f27}.ui-btn.--air.--style-link,.ui-btn.--style-link{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:var(--ui-color-background-transparent);--ui-btn-background-active:var(--ui-color-background-transparent);--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:#80868e;--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-link-light,.ui-btn.--style-link-light{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#f6f8f9;--ui-btn-background-active:#d6f1fb;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:#f6f8f9;--ui-btn-border-color-active:#d6f1fb;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-text-primary);--ui-btn-color-active:var(--ui-color-base-solid);--ui-btn-padding:0 6px}.ui-btn.--air.--style-link-dark,.ui-btn.--style-link-dark{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:#c6cdd3;--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-ai,.ui-btn.--air.--style-ai-dark,.ui-btn.--air.--style-ai-light,.ui-btn.--style-ai,.ui-btn.--style-ai-dark,.ui-btn.--style-ai-light{--ui-btn-backgroud-color-ai:#935bec;--ui-btn-backgroud-color-ai-hover:#a977fa;--ui-btn-backgroud-color-ai-active:#8447e4;--ui-btn-background:var(--ui-btn-backgroud-color-ai);--ui-btn-background-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-background-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-border-color:var(--ui-btn-backgroud-color-ai);--ui-btn-border-color-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-border-color-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-collab,.ui-btn.--air.--style-collab-dark,.ui-btn.--air.--style-collab-light,.ui-btn.--style-collab,.ui-btn.--style-collab-dark,.ui-btn.--style-collab-light{--ui-btn-background:#19cc45;--ui-btn-background-hover:#6be860;--ui-btn-background-active:#00a94e;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-color:var(--ui-color-palette-white-base);--ui-btn-color-hover:var(--ui-color-palette-white-base);--ui-btn-color-active:var(--ui-color-palette-white-base)}.ui-btn.--air{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-background-gradient-hover:linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);--ui-btn-background-gradient-active:linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%);--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.--air.ui-btn-xl{--ui-btn-padding-right:23px;--ui-btn-padding-left:23px;--ui-btn-icon-compensation:8px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-xl);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:22px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-xl);--ui-btn-wait-icon-size:24px;--ui-btn-split-divider-height:26px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-lg{--ui-btn-padding-right:17px;--ui-btn-padding-left:17px;--ui-btn-icon-compensation:10px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-lg);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:20px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-wait-icon-size:22px;--ui-btn-split-divider-height:22px;--ui-btn-letter-spacing:-0.1px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:12px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-md{--ui-btn-padding-right:13px;--ui-btn-padding-left:13px;--ui-btn-icon-compensation:6px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-md);--ui-btn-font-weight:var(--ui-font-weight-medium);--ui-btn-icon-size:24px;--ui-btn-icon-space:2px;--ui-btn-dropdown-icon-size:18px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:4px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-wait-icon-size:20px;--ui-btn-split-divider-height:18px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-sm{--ui-btn-padding-right:9px;--ui-btn-padding-left:9px;--ui-btn-icon-compensation:4px;--ui-btn-radius:var(--ui-border-radius-sm);--ui-btn-font-size:var(--ui-font-size-sm);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:20px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:16px;--ui-btn-dropdown-icon-inline-space:3px;--ui-btn-dropdown-icon-compensation:3px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-wait-icon-size:16px;--ui-btn-letter-spacing:-0.15px;--ui-btn-split-divider-height:14px;--ui--btn-width-with-only-icon:34px;--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xs{--ui-btn-padding-right:7px;--ui-btn-padding-left:7px;--ui-btn-icon-compensation:2px;--ui-btn-radius:var(--ui-border-radius-xs);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:14px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-wait-icon-size:14px;--ui-btn-letter-spacing:-0.1px;--ui-btn-split-divider-height:12px;--ui--btn-width-with-only-icon:28px;--ui-btn-corner-counter-inline-shift:11px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xss{--ui-btn-padding-right:7px;--ui-btn-padding-left:8px;--ui-btn-icon-compensation:5px;--ui-btn-radius:5px;--ui-btn-font-size:var(--ui-font-size-4xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:12px;--ui-btn-dropdown-icon-inline-space:2px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-wait-icon-size:12px;--ui--btn-width-with-only-icon:24px;--ui-btn-corner-counter-inline-shift:10px;--ui-btn-letter-spacing:0.1px;--ui-btn-split-divider-height:10px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.--style-filled{--ui-btn-background:var(--ui-color-design-filled-bg);--ui-btn-border-color:var(--ui-color-design-filled-stroke);--ui-btn-border-width:var(--ui-design-filled-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-content-divider)}.ui-btn.--air.--style-tinted{--ui-btn-background:var(--ui-color-design-tinted-bg);--ui-btn-border-color:var(--ui-color-design-tinted-stroke);--ui-btn-border-width:var(--ui-design-tinted-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-content-divider)}.ui-btn.--air.--style-tinted-alert{--ui-btn-background:var(--ui-color-design-tinted-alert-bg);--ui-btn-border-color:var(--ui-color-design-tinted-alert-stroke);--ui-btn-border-width:var(--ui-design-tinted-alert-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-alert-content-divider)}.ui-btn.--air.--style-outline-accent-1{--ui-btn-background:var(--ui-color-design-outline-a1-bg);--ui-btn-border-color:var(--ui-color-design-outline-a1-stroke);--ui-btn-border-width:var(--ui-design-outline-a1-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a1-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a1-content-divider)}.ui-btn.--air.--style-outline-accent-2{--ui-btn-background:var(--ui-color-design-outline-a2-bg);--ui-btn-border-color:var(--ui-color-design-outline-a2-stroke);--ui-btn-border-width:var(--ui-design-outline-a2-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a2-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a2-content-divider)}.ui-btn.--air.--style-outline{--ui-btn-background:var(--ui-color-design-outline-bg);--ui-btn-border-color:var(--ui-color-design-outline-stroke);--ui-btn-border-width:var(--ui-design-outline-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-content-divider)}.ui-btn.--air,.ui-btn.--air.--style-outline-no-accent{--ui-btn-background:var(--ui-color-design-outline-na-bg);--ui-btn-border-color:var(--ui-color-design-outline-na-stroke);--ui-btn-border-width:var(--ui-design-outline-na-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-na-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-na-content-divider)}.ui-btn.--air.--style-plain-accent{--ui-btn-background:var(--ui-color-design-plain-a-bg);--ui-btn-border-color:var(--ui-color-design-plain-a-stroke);--ui-btn-border-width:var(--ui-design-plain-a-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-a-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-a-content-divider)}.ui-btn.--air.--style-plain{--ui-btn-background:var(--ui-color-design-plain-bg);--ui-btn-border-color:var(--ui-color-design-plain-stroke);--ui-btn-border-width:var(--ui-design-plain-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-content-divider)}.ui-btn.--air.--style-plain-no-accent{--ui-btn-background:var(--ui-color-design-plain-na-bg);--ui-btn-border-color:var(--ui-color-design-plain-na-stroke);--ui-btn-border-width:var(--ui-design-plain-na-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-na-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-na-content-divider)}.ui-btn.--air.--style-selection{--ui-btn-background:var(--ui-color-design-selection-bg);--ui-btn-border-color:var(--ui-color-design-selection-stroke);--ui-btn-border-width:var(--ui-design-selection-stroke-weight);--ui-btn-color:var(--ui-color-design-selection-content);--ui-btn-split-divider-color:var(--ui-color-design-selection-content-divider)}.ui-btn.--air.--style-filled-copilot{--ui-btn-background:var(--ui-color-design-filled-copilot-bg);--ui-btn-border-color:var(--ui-color-design-filled-copilot-stroke);--ui-btn-border-width:var(--ui-design-filled-copilot-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-copilot-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-copilot-content-divider)}.ui-btn.--air.--style-filled-success{--ui-btn-background:var(--ui-color-design-filled-success-bg);--ui-btn-border-color:var(--ui-color-design-filled-success-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-success-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-success-content-divider)}.ui-btn.--air.--style-filled-alert{--ui-btn-background:var(--ui-color-design-filled-alert-bg);--ui-btn-border-color:var(--ui-color-design-filled-alert-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-alert-content-divider)}.ui-btn.--air.--style-filled-boost{--ui-btn-border-color:var(--ui-color-design-filled-boost-stroke);--ui-btn-border-width:var(--ui-design-filled-boost-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-boost-content);--ui-btn-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))}}
+@theme inline{--button-link-light-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-light-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--button-link-dark-bg-hover:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--button-link-dark-bg-active:color-mix(in srgb,transparent 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity))}@layer components{.ui-btn{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.ui-btn-lg,.ui-btn.ui-btn-xl{--ui-btn-padding:0 26px;--ui-btn-padding-right:12px;--ui-btn-min-width:90px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-md{--ui-btn-padding:0 19px;--ui-btn-padding-right:12px;--ui-btn-min-width:80px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-sm{--ui-btn-padding:0 17px;--ui-btn-padding-right:10px;--ui-btn-min-width:70px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-font-size:var(--ui-font-size-xs)}.ui-btn.ui-btn-xs{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.ui-btn-xss{--ui-btn-padding:0 15px;--ui-btn-padding-right:9px;--ui-btn-min-width:66px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-font-size:var(--ui-font-size-3xs)}.ui-btn.--air.--style-default,.ui-btn.--air.--style-default-dark,.ui-btn.--air.--style-default-light,.ui-btn.--style-default,.ui-btn.--style-default-dark,.ui-btn.--style-default-light{--ui-btn-background:var(--ui-color-base-20);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:var(--ui-color-base-20);--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-80);--ui-btn-colors-before-bg:var(--ui-color-base-80);--ui-btn-color:var(--ui-color-base-80);--ui-btn-color-hover:var(--ui-color-base-80);--ui-btn-color-active:var(--ui-color-base-80)}.ui-btn.--air.--style-success,.ui-btn.--style-success{--ui-btn-background:#bbed21;--ui-btn-background-hover:#d2f95f;--ui-btn-background-active:#b2e232;--ui-btn-border-color:#bbed21;--ui-btn-border-color-hover:#d2f95f;--ui-btn-border-color-active:#b2e232;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-success-light,.ui-btn.--style-success-light{--ui-btn-background:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-background-hover:#eaf5c5;--ui-btn-background-active:#d3e59a;--ui-btn-border-color:rgba(223,238,175,var(--ui-opacity-80));--ui-btn-border-color-hover:#eaf5c5;--ui-btn-border-color-active:#d3e59a;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:#668d13;--ui-btn-color-hover:#668d13;--ui-btn-color-active:#668d13}.ui-btn.--air.--style-success-dark,.ui-btn.--style-success-dark{--ui-btn-background:#86a732;--ui-btn-background-hover:#a2bf54;--ui-btn-background-active:#a2bf54;--ui-btn-border-color:#86a732;--ui-btn-border-color-hover:#a2bf54;--ui-btn-border-color-active:#a2bf54;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:#a3bf63;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger,.ui-btn.--style-danger{--ui-btn-background:#f1361a;--ui-btn-background-hover:#cc1c00;--ui-btn-background-active:#d24430;--ui-btn-border-color:#f1361a;--ui-btn-border-color-hover:#cc1c00;--ui-btn-border-color-active:#d24430;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-dark,.ui-btn.--style-danger-dark{--ui-btn-background:#a21429;--ui-btn-background-hover:#c43d51;--ui-btn-background-active:#851021;--ui-btn-border-color:#a21429;--ui-btn-border-color-hover:#c43d51;--ui-btn-border-color-active:#851021;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-danger-light,.ui-btn.--style-danger-light{--ui-btn-background:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-background-hover:#ffdcdb;--ui-btn-background-active:#f2b6b3;--ui-btn-border-color:rgba(253,202,200,var(--ui-opacity-80));--ui-btn-border-color-hover:#ffdcdb;--ui-btn-border-color-active:#f2b6b3;--ui-btn-opacity-after:var(--ui-opacity-20);--ui-btn-colors-after-bg:var(--ui-color-text-primary);--ui-btn-colors-before-bg:#eb8783;--ui-btn-color:#d7413c;--ui-btn-color-hover:#d7413c;--ui-btn-color-active:#d7413c}.ui-btn.--air.--style-primary,.ui-btn.--air.--style-primary-light,.ui-btn.--style-primary,.ui-btn.--style-primary-light{--ui-btn-background:#3bc8f5;--ui-btn-background-hover:#3eddff;--ui-btn-background-active:#12b1e3;--ui-btn-border-color:#3bc8f5;--ui-btn-border-color-hover:#3eddff;--ui-btn-border-color-active:#12b1e3;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-primary-dark,.ui-btn.--style-primary-dark{--ui-btn-background:#399fc2;--ui-btn-background-hover:#37aed4;--ui-btn-background-active:#328ba9;--ui-btn-border-color:#399fc2;--ui-btn-border-color-hover:#37aed4;--ui-btn-border-color-active:#328ba9;--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-secondary,.ui-btn.--air.--style-secondary-dark,.ui-btn.--style-secondary,.ui-btn.--style-secondary-dark{--ui-btn-background:#c5e7f4;--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:#aee0f2;--ui-btn-border-color-hover:#aee0f2;--ui-btn-border-color-active:#aee0f2;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-secondary-light,.ui-btn.--style-secondary-light{--ui-btn-background:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-background-hover:#d1eef9;--ui-btn-background-active:#aee0f2;--ui-btn-border-color:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(182,237,255,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#0aa0d0;--ui-btn-color-hover:#0aa0d0;--ui-btn-color-active:#0aa0d0}.ui-btn.--air.--style-warning,.ui-btn.--air.--style-warning-dark,.ui-btn.--air.--style-warning-light,.ui-btn.--style-warning,.ui-btn.--style-warning-dark,.ui-btn.--style-warning-light{--ui-btn-background:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-background-hover:rgba(255,169,0,.65);--ui-btn-background-active:#eba51c;--ui-btn-border-color:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-hover:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-border-color-active:rgba(237,218,123,var(--ui-opacity-80));--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:#a07f27;--ui-btn-color-hover:#a07f27;--ui-btn-color-active:#a07f27}.ui-btn.--air.--style-link,.ui-btn.--style-link{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:var(--ui-color-background-transparent);--ui-btn-background-active:var(--ui-color-background-transparent);--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:#80868e;--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-link-light,.ui-btn.--style-link-light{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#f6f8f9;--ui-btn-background-active:#d6f1fb;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:#f6f8f9;--ui-btn-border-color-active:#d6f1fb;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-text-primary);--ui-btn-color-active:var(--ui-color-base-solid);--ui-btn-padding:0 6px}.ui-btn.--air.--style-link-dark,.ui-btn.--style-link-dark{--ui-btn-background:var(--ui-color-background-transparent);--ui-btn-background-hover:#cfd4d8;--ui-btn-background-active:#dde2e5;--ui-btn-border-color:#c6cdd3;--ui-btn-border-color-hover:#c6cdd3;--ui-btn-border-color-active:#9fa4ab;--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-base-90);--ui-btn-colors-before-bg:var(--ui-color-base-90);--ui-btn-color:var(--ui-color-base-90);--ui-btn-color-hover:var(--ui-color-base-90);--ui-btn-color-active:var(--ui-color-base-90)}.ui-btn.--air.--style-ai,.ui-btn.--air.--style-ai-dark,.ui-btn.--air.--style-ai-light,.ui-btn.--style-ai,.ui-btn.--style-ai-dark,.ui-btn.--style-ai-light{--ui-btn-backgroud-color-ai:#935bec;--ui-btn-backgroud-color-ai-hover:#a977fa;--ui-btn-backgroud-color-ai-active:#8447e4;--ui-btn-background:var(--ui-btn-backgroud-color-ai);--ui-btn-background-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-background-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-border-color:var(--ui-btn-backgroud-color-ai);--ui-btn-border-color-hover:var(--ui-btn-backgroud-color-ai-hover);--ui-btn-border-color-active:var(--ui-btn-backgroud-color-ai-active);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-color-on-primary);--ui-btn-color-active:var(--ui-color-on-primary)}.ui-btn.--air.--style-collab,.ui-btn.--air.--style-collab-dark,.ui-btn.--air.--style-collab-light,.ui-btn.--style-collab,.ui-btn.--style-collab-dark,.ui-btn.--style-collab-light{--ui-btn-background:#19cc45;--ui-btn-background-hover:#6be860;--ui-btn-background-active:#00a94e;--ui-btn-border-color:var(--ui-color-background-transparent);--ui-btn-border-color-hover:var(--ui-color-background-transparent);--ui-btn-border-color-active:var(--ui-color-background-transparent);--ui-btn-color:var(--ui-color-palette-white-base);--ui-btn-color-hover:var(--ui-color-palette-white-base);--ui-btn-color-active:var(--ui-color-palette-white-base)}.ui-btn.--air{--ui-btn-size-xss:20px;--ui-btn-size-xs:24px;--ui-btn-size-sm:28px;--ui-btn-size-md:34px;--ui-btn-size-lg:38px;--ui-btn-size-xl:46px;--ui-btn-letter-spacing:-0.05;--ui-btn-icon-size:20px;--ui-btn-title-compensation:-1px;--ui-btn-padding:0 var(--ui-btn-padding-right) 0 var(--ui-btn-padding-left);--ui-btn-min-width:80px;--ui-btn-background:#868d95;--ui-btn-background-hover:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-background-active:color-mix(in srgb,var(--ui-btn-background) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-background-gradient:linear-gradient(180deg,var(--ui-btn-background) 0%,var(--ui-btn-background) 100%);--ui-btn-background-gradient-hover:linear-gradient(180deg,var(--ui-btn-background-hover) 0%,var(--ui-btn-background-hover) 100%);--ui-btn-background-gradient-active:linear-gradient(180deg,var(--ui-btn-background-active) 0%,var(--ui-btn-background-active) 100%);--ui-btn-border-color:var(--ui-btn-background);--ui-btn-border-color-hover:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--ui-btn-border-color-active:color-mix(in srgb,var(--ui-btn-border-color) 100%,var(--ui-color-bg-state-click-default-hex) var(--ui-color-bg-state-click-default-opacity));--ui-btn-border-width:0px;--ui-btn-border:var(--ui-btn-border-width) solid var(--ui-btn-border-color);--ui-btn-opacity-after:var(--ui-opacity-30);--ui-btn-colors-after-bg:var(--ui-color-on-primary);--ui-btn-colors-before-bg:var(--ui-color-on-primary);--ui-btn-color:var(--ui-color-on-primary);--ui-btn-color-hover:var(--ui-btn-color);--ui-btn-color-active:var(--ui-btn-color);--ui-btn-box-shadow:none;--ui-btn-box-shadow-hover:none;--ui-btn-box-shadow-active:none;--ui-btn-text-shadow:none;--ui-btn-text-shadow-hover:none;--ui-btn-text-shadow-active:none;--ui-btn-margin-left:12px}.ui-btn.--air.ui-btn-xl{--ui-btn-padding-right:23px;--ui-btn-padding-left:23px;--ui-btn-icon-compensation:8px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-xl);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:22px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-xl);--ui-btn-wait-icon-size:24px;--ui-btn-split-divider-height:26px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-lg{--ui-btn-padding-right:17px;--ui-btn-padding-left:17px;--ui-btn-icon-compensation:10px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-lg);--ui-btn-icon-size:28px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:20px;--ui-btn-dropdown-icon-inline-space:6px;--ui-btn-dropdown-icon-compensation:6px;--ui-btn-height:var(--ui-btn-size-lg);--ui-btn-wait-icon-size:22px;--ui-btn-split-divider-height:22px;--ui-btn-letter-spacing:-0.1px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:12px;--ui-btn-counter-inline-space:8px}.ui-btn.--air.ui-btn-md{--ui-btn-padding-right:13px;--ui-btn-padding-left:13px;--ui-btn-icon-compensation:6px;--ui-btn-radius:var(--ui-border-radius-md);--ui-btn-font-size:var(--ui-font-size-md);--ui-btn-font-weight:var(--ui-font-weight-medium);--ui-btn-icon-size:24px;--ui-btn-icon-space:2px;--ui-btn-dropdown-icon-size:18px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:4px;--ui-btn-height:var(--ui-btn-size-md);--ui-btn-wait-icon-size:20px;--ui-btn-split-divider-height:18px;--ui--btn-width-with-only-icon:var(--ui-btn-height);--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-sm{--ui-btn-padding-right:9px;--ui-btn-padding-left:9px;--ui-btn-icon-compensation:4px;--ui-btn-radius:var(--ui-border-radius-sm);--ui-btn-font-size:var(--ui-font-size-sm);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:20px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:16px;--ui-btn-dropdown-icon-inline-space:3px;--ui-btn-dropdown-icon-compensation:3px;--ui-btn-height:var(--ui-btn-size-sm);--ui-btn-wait-icon-size:16px;--ui-btn-letter-spacing:-0.15px;--ui-btn-split-divider-height:14px;--ui--btn-width-with-only-icon:34px;--ui-btn-corner-counter-inline-shift:13px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xs{--ui-btn-padding-right:7px;--ui-btn-padding-left:7px;--ui-btn-icon-compensation:2px;--ui-btn-radius:var(--ui-border-radius-xs);--ui-btn-font-size:var(--ui-font-size-xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:14px;--ui-btn-dropdown-icon-inline-space:4px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xs);--ui-btn-wait-icon-size:14px;--ui-btn-letter-spacing:-0.1px;--ui-btn-split-divider-height:12px;--ui--btn-width-with-only-icon:28px;--ui-btn-corner-counter-inline-shift:11px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.ui-btn-xss{--ui-btn-padding-right:7px;--ui-btn-padding-left:8px;--ui-btn-icon-compensation:5px;--ui-btn-radius:5px;--ui-btn-font-size:var(--ui-font-size-4xs);--ui-btn-font-weight:var(--ui-font-weight-normal);--ui-btn-icon-size:14px;--ui-btn-icon-space:4px;--ui-btn-dropdown-icon-size:12px;--ui-btn-dropdown-icon-inline-space:2px;--ui-btn-dropdown-icon-compensation:2px;--ui-btn-height:var(--ui-btn-size-xss);--ui-btn-wait-icon-size:12px;--ui--btn-width-with-only-icon:24px;--ui-btn-corner-counter-inline-shift:10px;--ui-btn-letter-spacing:0.1px;--ui-btn-split-divider-height:10px;--ui-btn-counter-inline-space:6px}.ui-btn.--air.--style-filled{--ui-btn-background:var(--ui-color-design-filled-bg);--ui-btn-border-color:var(--ui-color-design-filled-stroke);--ui-btn-border-width:var(--ui-design-filled-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-content-divider)}.ui-btn.--air.--style-tinted{--ui-btn-background:var(--ui-color-design-tinted-bg);--ui-btn-border-color:var(--ui-color-design-tinted-stroke);--ui-btn-border-width:var(--ui-design-tinted-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-content-divider)}.ui-btn.--air.--style-tinted-alert{--ui-btn-background:var(--ui-color-design-tinted-alert-bg);--ui-btn-border-color:var(--ui-color-design-tinted-alert-stroke);--ui-btn-border-width:var(--ui-design-tinted-alert-stroke-weight);--ui-btn-color:var(--ui-color-design-tinted-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-tinted-alert-content-divider)}.ui-btn.--air.--style-outline-accent-1{--ui-btn-background:var(--ui-color-design-outline-a1-bg);--ui-btn-border-color:var(--ui-color-design-outline-a1-stroke);--ui-btn-border-width:var(--ui-design-outline-a1-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a1-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a1-content-divider)}.ui-btn.--air.--style-outline-accent-2{--ui-btn-background:var(--ui-color-design-outline-a2-bg);--ui-btn-border-color:var(--ui-color-design-outline-a2-stroke);--ui-btn-border-width:var(--ui-design-outline-a2-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-a2-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-a2-content-divider)}.ui-btn.--air.--style-outline{--ui-btn-background:var(--ui-color-design-outline-bg);--ui-btn-border-color:var(--ui-color-design-outline-stroke);--ui-btn-border-width:var(--ui-design-outline-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-content-divider)}.ui-btn.--air,.ui-btn.--air.--style-outline-no-accent{--ui-btn-background:var(--ui-color-design-outline-na-bg);--ui-btn-border-color:var(--ui-color-design-outline-na-stroke);--ui-btn-border-width:var(--ui-design-outline-na-stroke-weight);--ui-btn-color:var(--ui-color-design-outline-na-content);--ui-btn-split-divider-color:var(--ui-color-design-outline-na-content-divider)}.ui-btn.--air.--style-plain-accent{--ui-btn-background:var(--ui-color-design-plain-a-bg);--ui-btn-border-color:var(--ui-color-design-plain-a-stroke);--ui-btn-border-width:var(--ui-design-plain-a-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-a-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-a-content-divider)}.ui-btn.--air.--style-plain{--ui-btn-background:var(--ui-color-design-plain-bg);--ui-btn-border-color:var(--ui-color-design-plain-stroke);--ui-btn-border-width:var(--ui-design-plain-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-content-divider)}.ui-btn.--air.--style-plain-no-accent{--ui-btn-background:var(--ui-color-design-plain-na-bg);--ui-btn-border-color:var(--ui-color-design-plain-na-stroke);--ui-btn-border-width:var(--ui-design-plain-na-stroke-weight);--ui-btn-color:var(--ui-color-design-plain-na-content);--ui-btn-split-divider-color:var(--ui-color-design-plain-na-content-divider)}.ui-btn.--air.--style-selection{--ui-btn-background:var(--ui-color-design-selection-bg);--ui-btn-border-color:var(--ui-color-design-selection-stroke);--ui-btn-border-width:var(--ui-design-selection-stroke-weight);--ui-btn-color:var(--ui-color-design-selection-content);--ui-btn-split-divider-color:var(--ui-color-design-selection-content-divider)}.ui-btn.--air.--style-filled-copilot{--ui-btn-background:var(--ui-color-design-filled-copilot-bg);--ui-btn-border-color:var(--ui-color-design-filled-copilot-stroke);--ui-btn-border-width:var(--ui-design-filled-copilot-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-copilot-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-copilot-content-divider)}.ui-btn.--air.--style-filled-success{--ui-btn-background:var(--ui-color-design-filled-success-bg);--ui-btn-border-color:var(--ui-color-design-filled-success-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-success-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-success-content-divider)}.ui-btn.--air.--style-filled-alert{--ui-btn-background:var(--ui-color-design-filled-alert-bg);--ui-btn-border-color:var(--ui-color-design-filled-alert-stroke);--ui-btn-border-width:var(--ui-design-filled-success-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-alert-content);--ui-btn-split-divider-color:var(--ui-color-design-filled-alert-content-divider)}.ui-btn.--air.--style-filled-boost{--ui-btn-border-color:var(--ui-color-design-filled-boost-stroke);--ui-btn-border-width:var(--ui-design-filled-boost-stroke-weight);--ui-btn-color:var(--ui-color-design-filled-boost-content);--ui-btn-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))}}

package/dist/runtime/air-design-tokens/components/navigation-menu.css

@@ -1 +1 @@
-@layer base{}@theme inline{--content-area-left-shift:22px;--air-header-min-height:58px;--air-footer-min-height:76px;--topbar-height:58px;--b24ui-header-height:var(--topbar-height)}.air-sidebar{background:var(--air-theme-background-blurred,none)}.clip-path-viewport-wrapper{clip-path:inset(0 -24px -28px -24px round 10px)}.menu-item-horizontal{--menu-item-border-radius:var(--ui-border-radius-sm);--menu-item-border:var(--ui-color-design-selection-stroke);--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:var(--ui-color-design-plain-na-focused-bg);--menu-item-background-active:var(--ui-color-design-selection-bg);transition:background-color .2s,opacity .2s}.menu-item-horizontal:hover{--menu-item-color-active:var(--ui-color-design-plain-na-focused-content)}.menu-item-horizontal-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.menu-item-vertical{--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:color-mix(in srgb,var(--menu-item-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--menu-item-background-active:var(--ui-color-design-selection-bg);transition:border-radius .2s ease-in-out,color .15s ease-in-out,background .15s ease-in-out}.menu-item-vertical:hover{transition-duration:.2s,.15s,0s}.menu-item-vertical-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.light,:root{--menu-item-block-stack-space:4px;--menu-width-expanded:240px;--menu-width-collapsed:66px;--menu-items-block-padding-x:14px;--menu-item-border-radius:var(--ui-border-radius-md);--leftmenu-bg:var(--ui-color-bg-content-secondary);--leftmenu-bg-expanded:var(--ui-color-bg-content-secondary);--leftmenu-bg-stroke:#fff;--leftmenu-bg-stroke-expanded:#fff;--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.dark{--leftmenu-bg:#262626;--leftmenu-bg-expanded:#262626;--leftmenu-bg-stroke:#3b3b3b;--leftmenu-bg-stroke-expanded:#3b3b3b;--leftmenu-bg-overlayed:rgba(52,74,103,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-light{--leftmenu-bg:rgb(0 0 0/3%);--leftmenu-bg-expanded:rgb(0 0 0/2%);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:rgb(0 0 0/4%);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:rgba(0,0,0,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,rgb(0 0 0/3%));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-dark{--leftmenu-bg:hsla(0,0%,100%,.06);--leftmenu-bg-expanded:hsla(0,0%,100%,.03);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:hsla(0,0%,100%,.06);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:hsla(0,0%,100%,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,hsla(0,0%,100%,.08));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.air-header,.light .air-header{--topbar-bg:var(--ui-color-bg-content-secondary);--topbar-bg-stroke:var(--ui-color-bg-content-primary);--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.dark .air-header{--topbar-bg:#2d2d2d;--topbar-bg-stroke:#3d3d3d;--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.edge-dark .air-header{--topbar-bg:hsla(0,0%,100%,.1);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.edge-light .air-header{--topbar-bg:rgba(0,0,0,.05);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.air-header:before{background:linear-gradient(to right,var(--topbar-bg),var(--topbar-bg)),var(--air-theme-background-blurred,none);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}
+@theme inline{--content-area-left-shift:22px;--air-header-min-height:58px;--air-footer-min-height:76px;--topbar-height:58px;--b24ui-header-height:var(--topbar-height)}@layer components{.air-sidebar{background:var(--air-theme-background-blurred,none)}.clip-path-viewport-wrapper{clip-path:inset(0 -24px -28px -24px round 10px)}.menu-item-horizontal{--menu-item-border-radius:var(--ui-border-radius-sm);--menu-item-border:var(--ui-color-design-selection-stroke);--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:var(--ui-color-design-plain-na-focused-bg);--menu-item-background-active:var(--ui-color-design-selection-bg);transition:background-color .2s,opacity .2s}.menu-item-horizontal:hover{--menu-item-color-active:var(--ui-color-design-plain-na-focused-content)}.menu-item-horizontal-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.menu-item-vertical{--menu-item-color:var(--menu-item-color-default);--menu-item-color-default:var(--ui-color-design-plain-content);--menu-item-color-active:var(--ui-color-design-selection-content);--menu-item-background:var(--menu-item-background-default);--menu-item-background-default:transparent;--menu-item-background-hover:color-mix(in srgb,var(--menu-item-background) 100%,var(--ui-color-bg-state-hover-default-hex) var(--ui-color-bg-state-hover-default-opacity));--menu-item-background-active:var(--ui-color-design-selection-bg);transition:border-radius .2s ease-in-out,color .15s ease-in-out,background .15s ease-in-out}.menu-item-vertical:hover{transition-duration:.2s,.15s,0s}.menu-item-vertical-active{--menu-item-color:var(--menu-item-color-active);--menu-item-background:var(--menu-item-background-active)}.light,:root{--menu-item-block-stack-space:4px;--menu-width-expanded:240px;--menu-width-collapsed:66px;--menu-items-block-padding-x:14px;--menu-item-border-radius:var(--ui-border-radius-md);--leftmenu-bg:var(--ui-color-bg-content-secondary);--leftmenu-bg-expanded:var(--ui-color-bg-content-secondary);--leftmenu-bg-stroke:#fff;--leftmenu-bg-stroke-expanded:#fff;--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.dark{--leftmenu-bg:#262626;--leftmenu-bg-expanded:#262626;--leftmenu-bg-stroke:#3b3b3b;--leftmenu-bg-stroke-expanded:#3b3b3b;--leftmenu-bg-overlayed:rgba(52,74,103,.94);--leftmenu-bg-blur:0px;--leftmenu-bg-blur-expanded:0px;--leftmenu-bg-divider:var(--ui-color-divider-default);--leftmenu-group-bg:transparent;--leftmenu-group-stroke:var(--ui-color-divider-default);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-light{--leftmenu-bg:rgb(0 0 0/3%);--leftmenu-bg-expanded:rgb(0 0 0/2%);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:rgb(0 0 0/4%);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:rgba(0,0,0,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,rgb(0 0 0/3%));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.edge-dark{--leftmenu-bg:hsla(0,0%,100%,.06);--leftmenu-bg-expanded:hsla(0,0%,100%,.03);--leftmenu-bg-stroke:transparent;--leftmenu-bg-stroke-expanded:hsla(0,0%,100%,.06);--leftmenu-bg-overlayed:rgba(33,51,76,.94);--leftmenu-bg-blur:var(--ui-bg-blur-less);--leftmenu-bg-blur-expanded:var(--ui-bg-blur-less);--leftmenu-width:66px;--leftmenu-width-expanded:240px;--leftmenu-bg-divider:hsla(0,0%,100%,.1);--leftmenu-group-bg:var(--ui-color-bg-content-tertiary,hsla(0,0%,100%,.08));--leftmenu-group-stroke:var(--ui-color-divider-less);--leftmenu-group-stroke-weight:var(--ui-border-width-thin)}.air-header,.light .air-header{--topbar-bg:var(--ui-color-bg-content-secondary);--topbar-bg-stroke:var(--ui-color-bg-content-primary);--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.dark .air-header{--topbar-bg:#2d2d2d;--topbar-bg-stroke:#3d3d3d;--topbar-bg-stroke-weight:0;--topbar-bg-blur:0px}.edge-dark .air-header{--topbar-bg:hsla(0,0%,100%,.1);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.edge-light .air-header{--topbar-bg:rgba(0,0,0,.05);--topbar-bg-stroke:transparent;--topbar-bg-stroke-weight:0px;--topbar-bg-blur:var(--ui-bg-blur-less)}.air-header:before{background:linear-gradient(to right,var(--topbar-bg),var(--topbar-bg)),var(--air-theme-background-blurred,none);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}}

package/dist/runtime/air-design-tokens/components/popup.css

@@ -1 +1 @@
-@theme inline{--popup-window-background-color:var(--ui-color-base-white-fixed);--popup-window-border-radius:14px;--popup-window-content-border-radius:4px;--popup-window-box-shadow:0 8px 17px 0 rgba(0,0,0,.21);--popup-window-button-border-radius:var(--ui-border-radius-2xs);--popup-window-delimiter-margin:0 18px;--popup-window-delimiter-height:17px;--popup-window-delimiter-section-height:33px;--popup-window-delimiter-text-transform:none;--popup-window-delimiter-font-size:12px;--popup-window-delimiter-text-color:#a7a7a7;--popup-window-delimiter-font-weight:var(--ui-font-weight-normal);--popup-window-delimiter-bg-color:#f0f0f0;--popup-window-delimiter-left-line-display:none;--popup-window-delimiter-text-padding:0 10px 0 0;--menu-popup-padding:10px;--menu-popup-item-font-size:14px;--menu-popup-item-color:#333;--menu-popup-item-color-hover:#333;--menu-popup-item-color-active:#333;--menu-popup-item-bg-color-hover:#00000008;--menu-popup-item-bg-color-active:#0000000f;--menu-popup-item-padding:0 18px;--menu-popup-item-has-submenu-padding:60px;--menu-popup-item-chevron-width:24px;--menu-popup-item-chevron-height:25px;--menu-popup-item-chevron-right:18px}
+@layer theme{:host,:root{--popup-window-background-color:var(--ui-color-base-white-fixed);--popup-window-border-radius:14px;--popup-window-content-border-radius:4px;--popup-window-box-shadow:0 8px 17px 0 rgba(0,0,0,.21);--popup-window-button-border-radius:var(--ui-border-radius-2xs);--popup-window-delimiter-margin:0 18px;--popup-window-delimiter-height:17px;--popup-window-delimiter-section-height:33px;--popup-window-delimiter-text-transform:none;--popup-window-delimiter-font-size:12px;--popup-window-delimiter-text-color:#a7a7a7;--popup-window-delimiter-font-weight:var(--ui-font-weight-normal);--popup-window-delimiter-bg-color:#f0f0f0;--popup-window-delimiter-left-line-display:none;--popup-window-delimiter-text-padding:0 10px 0 0;--menu-popup-padding:10px;--menu-popup-item-font-size:14px;--menu-popup-item-color:#333;--menu-popup-item-color-hover:#333;--menu-popup-item-color-active:#333;--menu-popup-item-bg-color-hover:#00000008;--menu-popup-item-bg-color-active:#0000000f;--menu-popup-item-padding:0 18px;--menu-popup-item-has-submenu-padding:60px;--menu-popup-item-chevron-width:24px;--menu-popup-item-chevron-height:25px;--menu-popup-item-chevron-right:18px}}

package/dist/runtime/air-design-tokens/components/scrollbar.css

@@ -1,2 +1 @@
-.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover
-DD{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}
+@layer components{.scrollbar-thin{scrollbar-width:thin}.scrollbar-transparent{scrollbar-color:transparent transparent;scrollbar-gutter:stable}.scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}.edge-dark .scrollbar-transparent:hover{scrollbar-color:hsla(0,0%,100%,.36) transparent}.dark .scrollbar-transparent{scrollbar-color:rgba(0,0,0,.21) transparent}.dark .scrollbar-transparent:hover{scrollbar-color:#515a67 transparent}.light .scrollbar-transparent{scrollbar-color:transparent transparent}.light .scrollbar-transparent:hover{scrollbar-color:rgba(82,92,105,.36) transparent}}

package/dist/runtime/air-design-tokens/index.css

@@ -1 +1 @@
-@import "./001_b24_global.css";@import "./002_b24_context_utility.css";@import "./003_b24_context_light.css";@import "./004_b24_context_dark.css";@import "./005_b24_context_edge-light.css";@import "./006_b24_context_edge-dark.css";@import "./007_b24_global.css";@import "./008_ui_global.css";@import "./009_b24_tools.css";@import "./components/popup.css";@import "./components/scrollbar.css";@import "./components/navigation-menu.css";@import "./components/badge-counter.css";@import "./components/button.css";
+@import "./001_b24_global.css";@import "./003_b24_context_light.css";@import "./004_b24_context_dark.css";@import "./005_b24_context_edge-light.css";@import "./006_b24_context_edge-dark.css";@import "./007_b24_global.css";@import "./008_ui_global.css";@import "./009_b24_tools.css";@import "./components/popup.css";@import "./components/scrollbar.css";@import "./components/navigation-menu.css";@import "./components/badge-counter.css";@import "./components/button.css";

package/dist/runtime/components/Form.d.vue.ts

@@ -38,7 +38,7 @@ export type FormProps<S extends FormSchema, T extends boolean = true, N extends
      * If true, this form will attach to its parent Form and validate at the same time.
      * @defaultValue `false`
      */
-    nested?: N;
+    nested?: N & boolean;
     /**
      * When `true`, all form elements will be disabled on `@submit` event.
      * This will cause any focused input elements to lose their focus state.

package/dist/runtime/components/Form.vue

@@ -22,7 +22,7 @@ const props = defineProps({
   name: { type: null, required: false },
   validateOnInputDelay: { type: Number, required: false, default: 300 },
   transform: { type: null, required: false, default: () => true },
-  nested: { type: null, required: false },
+  nested: { type: Boolean, required: false },
   loadingAuto: { type: Boolean, required: false, default: true },
   class: { type: null, required: false },
   onSubmit: { type: Function, required: false }
@@ -33,12 +33,11 @@ const appConfig = useAppConfig();
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.form || {} }));
 const formId = props.id ?? useId();
 const bus = useEventBus(`form-${formId}`);
-const isNested = props.nested?.toString() === "" || props.nested === true;
-const parentBus = isNested && inject(
+const parentBus = props.nested === true && inject(
   formBusInjectionKey,
   void 0
 );
-const parentState = isNested ? inject(formStateInjectionKey, void 0) : void 0;
+const parentState = props.nested === true ? inject(formStateInjectionKey, void 0) : void 0;
 const state = computed(() => {
   if (parentState?.value) {
     return props.name ? getAtPath(parentState.value, props.name) : parentState.value;

package/dist/runtime/components/Form.vue.d.ts

@@ -38,7 +38,7 @@ export type FormProps<S extends FormSchema, T extends boolean = true, N extends
      * If true, this form will attach to its parent Form and validate at the same time.
      * @defaultValue `false`
      */
-    nested?: N;
+    nested?: N & boolean;
     /**
      * When `true`, all form elements will be disabled on `@submit` event.
      * This will cause any focused input elements to lose their focus state.

package/dist/runtime/components/Modal.d.vue.ts

@@ -15,6 +15,11 @@ export interface ModalProps extends DialogRootProps {
      * @defaultValue true
      */
     overlay?: boolean;
+    /**
+     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
+     * @defaultValue false
+     */
+    scrollable?: boolean;
     /**
      * Render an overlay blur behind the modal.
      * `auto` use `motion-safe`.

package/dist/runtime/components/Modal.vue

@@ -5,7 +5,7 @@ import theme from "#build/b24ui/modal";
 <script setup>
 import { computed, toRef } from "vue";
 import { DialogRoot, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogDescription, DialogClose, VisuallyHidden, useForwardPropsEmits } from "reka-ui";
-import { reactivePick } from "@vueuse/core";
+import { reactivePick, createReusableTemplate } from "@vueuse/core";
 import { useAppConfig } from "#imports";
 import { useLocale } from "../composables/useLocale";
 import { usePortal } from "../composables/usePortal";
@@ -17,6 +17,7 @@ const props = defineProps({
   description: { type: String, required: false },
   content: { type: Object, required: false },
   overlay: { type: Boolean, required: false, default: true },
+  scrollable: { type: Boolean, required: false },
   overlayBlur: { type: null, required: false, default: "auto" },
   transition: { type: Boolean, required: false, default: true },
   fullscreen: { type: Boolean, required: false },
@@ -49,24 +50,33 @@ const contentEvents = computed(() => {
       return acc;
     }, {});
   }
+  if (props.scrollable) {
+    return {
+      // FIXME: This is a workaround to prevent the modal from closing when clicking on the scrollbar https://reka-ui.com/docs/components/dialog#scrollable-overlay but it's not working on Mac OS.
+      pointerDownOutside: (e) => {
+        const originalEvent = e.detail.originalEvent;
+        const target = originalEvent.target;
+        if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+          e.preventDefault();
+        }
+      }
+    };
+  }
   return {};
 });
+const [DefineContentTemplate, ReuseContentTemplate] = createReusableTemplate();
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal || {} })({
   transition: props.transition,
   fullscreen: props.fullscreen,
-  overlayBlur: props.overlayBlur
+  overlayBlur: props.overlayBlur,
+  overlay: props.overlay,
+  scrollable: props.scrollable
 }));
 </script>
 
 <template>
   <DialogRoot v-slot="{ open, close }" v-bind="rootProps">
-    <DialogTrigger v-if="!!slots.default" as-child :class="props.class">
-      <slot :open="open" />
-    </DialogTrigger>
-
-    <DialogPortal v-bind="portalProps">
-      <DialogOverlay v-if="overlay" :class="b24ui.overlay({ class: props.b24ui?.overlay })" />
-
+    <DefineContentTemplate>
       <DialogContent
         :class="b24ui.content({ class: [!slots.default && props.class, props.b24ui?.content] })"
         v-bind="contentProps"
@@ -137,6 +147,24 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.modal |
           </div>
         </slot>
       </DialogContent>
+    </DefineContentTemplate>
+
+    <DialogTrigger v-if="!!slots.default" as-child :class="props.class">
+      <slot :open="open" />
+    </DialogTrigger>
+
+    <DialogPortal v-bind="portalProps">
+      <template v-if="scrollable">
+        <DialogOverlay :class="b24ui.overlay({ class: props.b24ui?.overlay })">
+          <ReuseContentTemplate />
+        </DialogOverlay>
+      </template>
+
+      <template v-else>
+        <DialogOverlay v-if="overlay" :class="b24ui.overlay({ class: props.b24ui?.overlay })" />
+
+        <ReuseContentTemplate />
+      </template>
     </DialogPortal>
   </DialogRoot>
 </template>

package/dist/runtime/components/Modal.vue.d.ts

@@ -15,6 +15,11 @@ export interface ModalProps extends DialogRootProps {
      * @defaultValue true
      */
     overlay?: boolean;
+    /**
+     * When `true`, enables scrollable overlay mode where content scrolls within the overlay.
+     * @defaultValue false
+     */
+    scrollable?: boolean;
     /**
      * Render an overlay blur behind the modal.
      * `auto` use `motion-safe`.

package/dist/runtime/index.css

@@ -1 +1 @@
-@import "#build/b24ui.css";@import "./keyframes.css";@import "./air-design-tokens/tw-style/index.css";@import "./air-design-tokens/index.css";@layer base{.sidebar-layout.--inner,body{--air-theme-background:var(--air-theme-bg-image,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll) var(--air-theme-bg-color,transparent);--air-theme-background-blurred:var(--air-theme-bg-image-blurred,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll)}.sidebar-layout.--inner,body{background:var(--air-theme-background)}body{scrollbar-gutter:stable}}
+@import "#build/b24ui.css";@import "./keyframes.css";@import "./air-design-tokens/tw-style/index.css";@import "./air-design-tokens/index.css";@variant light (&:where(.light, .light *));@variant edge-dark (&:where(.edge-dark, .edge-dark *));@variant edge-light (&:where(.edge-light, .edge-light *));@variant dark (&:where(.dark, .dark *));@layer base{.sidebar-layout.--inner,body{--air-theme-background:var(--air-theme-bg-image,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll) var(--air-theme-bg-color,transparent);--air-theme-background-blurred:var(--air-theme-bg-image-blurred,none) var(--air-theme-bg-position,0 0) /var(--air-theme-bg-size,auto) var(--air-theme-bg-repeat,repeat) var(--air-theme-bg-attachment,scroll)}}@theme default inline{--text-color-dimmed:var(--ui-color-base-6);--text-color-muted:var(--ui-color-design-plain-na-content-secondary);--text-color-description:var(--b24ui-typography-description-color);--text-color-legend:var(--b24ui-typography-legend-color);--text-color-label:var(--b24ui-typography-label-color)}

package/dist/runtime/plugins/colors.js

@@ -1,17 +1,13 @@
 import { computed } from "vue";
-import {
-  defineNuxtPlugin,
-  useNuxtApp,
-  useHead
-} from "#imports";
+import { defineNuxtPlugin, useNuxtApp, useHead } from "#imports";
 export default defineNuxtPlugin(() => {
   const nuxtApp = useNuxtApp();
   const root = computed(() => {
-    return `@layer base {
-  :root {
+    return `@layer theme {
+  :root, :host {
     ${[].join("\n  ")}
   }
-  :root, .light {
+  :root, :host, .light {
     ${[].join("\n  ")}
   }
   .dark {