x-next 1.4.0 → 1.5.0

package/dist/locale/interface.d.ts

@@ -171,6 +171,8 @@ export interface CommonLocale {
     tag: string;
     /** 关闭按钮 aria 的目标词，如「关闭通知」 */
     notification: string;
+    /** 图标按钮（如 DropdownButton 的更多操作触发器）的可访问名称 */
+    more: string;
 }
 /**
  * 表单校验消息表。

package/dist/style/dropdown.css

@@ -1 +1 @@
-:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}.x-dropdown{box-sizing:border-box;padding:var(--x-dropdown-padding-vertical) 0;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-dropdown--list--wrapper{max-height:var(--x-dropdown-max-height);overflow-y:auto}.x-dropdown--option{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer}.x-dropdown--option--content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--option-has-suffix{justify-content:space-between}.x-dropdown--option-active,.x-dropdown--option:not(.x-dropdown--option-disabled):hover,.x-dropdown--option:not(.x-dropdown--option-disabled):focus-visible{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover);outline:none;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-dropdown--option-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-dropdown--option-icon{display:inline-flex;margin-right:8px}.x-dropdown--option--suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-dropdown--group:first-child .x-dropdown--group--title{margin-top:var(--x-dropdown-group-title-margin-top)}.x-dropdown--group--title{box-sizing:border-box;width:100%;margin-top:var(--x-dropdown-group-title-margin-top);padding:0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--submenu{margin-top:-var(--x-spacing-2)}.x-dropdown.x-dropdown-has-footer{padding-bottom:0}.x-dropdown--empty,.x-dropdown--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:160px;min-height:72px;padding:var(--x-spacing-4) var(--x-spacing-6)}.x-dropdown--loading{color:var(--x-color-primary-text)}.x-dropdown--loading .x-spin--icon{font-size:22px}.x-dropdown--loading .x-spin--tip{margin-top:var(--x-spacing-2);font-size:12px}.x-dropdown--footer{border-top:1px solid var(--x-dropdown-color-border)}.x-dropdown--button .x-trigger{display:inline-flex}.x-dropdown--button--trigger{--x-button-width: var(--x-size-medium);min-width:var(--x-size-medium)}.x-dropdown--button--trigger .x-button--prefix{margin-right:0}.x-dropdown--button--trigger .x-button--content{display:none}
+:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}.x-dropdown{box-sizing:border-box;padding:var(--x-dropdown-padding-vertical) 0;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-dropdown--list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}.x-dropdown--list--wrapper{max-height:var(--x-dropdown-max-height);overflow-y:auto}.x-dropdown--option{position:relative;z-index:1;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer}.x-dropdown--option--content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--option-has-suffix{justify-content:space-between}.x-dropdown--option-active,.x-dropdown--option:not(.x-dropdown--option-disabled):hover,.x-dropdown--option:not(.x-dropdown--option-disabled):focus-visible{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover);outline:none;transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-dropdown--option-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-dropdown--option-icon{display:inline-flex;margin-right:8px}.x-dropdown--option--suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-dropdown--group:first-child .x-dropdown--group--title{margin-top:var(--x-dropdown-group-title-margin-top)}.x-dropdown--group--title{box-sizing:border-box;width:100%;margin-top:var(--x-dropdown-group-title-margin-top);padding:0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-dropdown--submenu{margin-top:calc(-1*var(--x-dropdown-padding-vertical))}.x-dropdown.x-dropdown-has-footer{padding-bottom:0}.x-dropdown--empty,.x-dropdown--loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:160px;min-height:72px;padding:var(--x-spacing-4) var(--x-spacing-6)}.x-dropdown--loading{color:var(--x-color-primary-text)}.x-dropdown--loading .x-spin--icon{font-size:22px}.x-dropdown--loading .x-spin--tip{margin-top:var(--x-spacing-2);font-size:12px}.x-dropdown--footer{border-top:1px solid var(--x-dropdown-color-border)}.x-dropdown--button .x-trigger{display:inline-flex}.x-dropdown--button--trigger{--x-button-width: var(--x-size-medium);min-width:var(--x-size-medium)}.x-dropdown--button--trigger .x-button--prefix{margin-right:0}.x-dropdown--button--trigger .x-button--content{display:none}

package/dist/style/menu.css

@@ -1 +1 @@
-:root{--x-menu-font-size: 14px;--x-menu-line-height: var(--x-line-height-base);--x-menu-border-radius: var(--x-border-radius-small);--x-menu-font-weight-item-selected: var(--x-font-weight-500);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-height-label-item-selected: 3px;--x-menu-margin-left-item-suffix-icon: var(--x-spacing-3);--x-menu-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-horizontal-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-item-gap: var(--x-spacing-2);--x-menu-item-indent-spacing: var(--x-spacing-8);--x-menu-width-collapse-button: var(--x-size-6);--x-menu-height-collapse-button: var(--x-size-6);--x-menu-border-radius-collapse-button: var(--x-border-radius-small);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-dark-color-default: var(--x-color-menu-dark-text);--x-menu-dark-color-secondary: var(--x-color-menu-dark-text-secondary);--x-menu-dark-color-disabled: var(--x-color-menu-dark-text-disabled);--x-menu-dark-color-bg: var(--x-color-menu-dark-bg);--x-menu-dark-color-bg-item_default: var(--x-menu-dark-color-bg);--x-menu-dark-color-bg-item_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_selected: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_disabled: var(--x-menu-dark-color-bg);--x-menu-dark-color-submenu_selected: var(--x-color-white);--x-menu-dark-color-bg-submenu_selected: var(--x-color-menu-dark-submenu-selected-bg);--x-menu-dark-color-bg-submenu_selected_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-item_default: var(--x-menu-dark-color-default);--x-menu-dark-color-item_hover: var(--x-color-white);--x-menu-dark-color-item_selected: var(--x-color-white);--x-menu-dark-color-item_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-icon_default: var(--x-menu-dark-color-secondary);--x-menu-dark-color-icon_hover: var(--x-color-white);--x-menu-dark-color-icon_selected: var(--x-color-white);--x-menu-dark-color-icon_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-group-title: var(--x-menu-dark-color-secondary);--x-menu-color-border-popup: var(--x-color-neutral-3);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-dark-color-button: var(--x-color-white);--x-menu-horizontal-padding-vertical: 14px;--x-menu-horizontal-padding-horizontal: var(--x-spacing-8);--x-menu-horizontal-item-gap: var(--x-spacing-6);--x-menu-horizontal-item-height: 30px;--x-menu-horizontal-item-padding-horizontal: var(--x-spacing-6);--x-menu-vertical-padding-vertical: var(--x-spacing-2);--x-menu-vertical-padding-horizontal: var(--x-spacing-4);--x-menu-vertical-item-height: 40px;--x-menu-vertical-item-padding-horizontal: var(--x-spacing-6);--x-menu-collapse-width: var(--x-size-12);--x-menu-collapse-padding-vertical: var(--x-spacing-2);--x-menu-collapse-padding-horizontal: var(--x-spacing-2);--x-menu-collapse-item-size: calc( var(--x-menu-collapse-width) - var(--x-menu-collapse-padding-horizontal) * 2 );--x-menu-pop-button-size: var(--x-size-10);--x-menu-pop-button-margin-bottom: var(--x-spacing-7);--x-menu-pop-button-box-shadow: var(--x-shadow2-down);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-color-bg: var(--x-color-menu-dark-bg);--x-dropdown-dark-color-border: var(--x-dropdown-dark-color-bg);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_hover: var(--x-color-menu-dark-hover);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-dark-option-color-text_default: var(--x-menu-dark-color-default);--x-dropdown-dark-option-color-text_hover: var(--x-color-white);--x-dropdown-dark-option-color-text_selected: var(--x-color-white);--x-dropdown-dark-option-color-text_disabled: var(--x-menu-dark-color-disabled);--x-dropdown-dark-group-title-color-text: var(--x-menu-dark-color-secondary)}:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}@keyframes 'x-menu-selected-item-label-enter'{from{opacity:0}to{opacity:1}}.x-menu{position:relative;box-sizing:border-box;width:100%;font-size:var(--x-menu-font-size);line-height:var(--x-menu-line-height);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu:focus-visible{outline:3px solid var(--x-color-primary-text)}.x-menu-indent{display:inline-block;width:var(--x-menu-item-indent-spacing)}.x-menu .x-menu-item,.x-menu .x-menu-group-title,.x-menu .x-menu-pop-header,.x-menu .x-menu-inline-header{position:relative;box-sizing:border-box;border-radius:var(--x-menu-border-radius);cursor:pointer}.x-menu .x-menu-item.x-menu-disabled,.x-menu .x-menu-group-title.x-menu-disabled,.x-menu .x-menu-pop-header.x-menu-disabled,.x-menu .x-menu-inline-header.x-menu-disabled{cursor:not-allowed}.x-menu .x-menu-item.x-menu-disabled:hover,.x-menu .x-menu-group-title.x-menu-disabled:hover,.x-menu .x-menu-pop-header.x-menu-disabled:hover,.x-menu .x-menu-inline-header.x-menu-disabled:hover{color:inherit}.x-menu .x-menu-item.x-menu-selected,.x-menu .x-menu-group-title.x-menu-selected,.x-menu .x-menu-pop-header.x-menu-selected,.x-menu .x-menu-inline-header.x-menu-selected{font-weight:var(--x-menu-font-weight-item-selected);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item.x-menu-selected svg,.x-menu .x-menu-group-title.x-menu-selected svg,.x-menu .x-menu-pop-header.x-menu-selected svg,.x-menu .x-menu-inline-header.x-menu-selected svg{transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item .x-icon,.x-menu .x-menu-item .x-menu-icon,.x-menu .x-menu-group-title .x-icon,.x-menu .x-menu-group-title .x-menu-icon,.x-menu .x-menu-pop-header .x-icon,.x-menu .x-menu-pop-header .x-menu-icon,.x-menu .x-menu-inline-header .x-icon,.x-menu .x-menu-inline-header .x-menu-icon{margin-right:var(--x-menu-margin-right-item-prefix-icon)}.x-menu .x-menu-item .x-menu-icon .x-icon,.x-menu .x-menu-group-title .x-menu-icon .x-icon,.x-menu .x-menu-pop-header .x-menu-icon .x-icon,.x-menu .x-menu-inline-header .x-menu-icon .x-icon{margin-right:0}.x-menu .x-menu-item:focus-visible,.x-menu .x-menu-group-title:focus-visible,.x-menu .x-menu-pop-header:focus-visible,.x-menu .x-menu-inline-header:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-light{background-color:var(--x-menu-light-color-bg)}.x-menu-light .x-menu-item,.x-menu-light .x-menu-group-title,.x-menu-light .x-menu-pop-header,.x-menu-light .x-menu-inline-header{color:var(--x-menu-light-color-item_default);background-color:var(--x-menu-light-color-bg-item_default)}.x-menu-light .x-menu-item .x-icon,.x-menu-light .x-menu-item .x-menu-icon,.x-menu-light .x-menu-group-title .x-icon,.x-menu-light .x-menu-group-title .x-menu-icon,.x-menu-light .x-menu-pop-header .x-icon,.x-menu-light .x-menu-pop-header .x-menu-icon,.x-menu-light .x-menu-inline-header .x-icon,.x-menu-light .x-menu-inline-header .x-menu-icon{color:var(--x-menu-light-color-icon_default)}.x-menu-light .x-menu-item:hover,.x-menu-light .x-menu-group-title:hover,.x-menu-light .x-menu-pop-header:hover,.x-menu-light .x-menu-inline-header:hover{color:var(--x-menu-light-color-item_hover);background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-item:hover .x-icon,.x-menu-light .x-menu-item:hover .x-menu-icon,.x-menu-light .x-menu-group-title:hover .x-icon,.x-menu-light .x-menu-group-title:hover .x-menu-icon,.x-menu-light .x-menu-pop-header:hover .x-icon,.x-menu-light .x-menu-pop-header:hover .x-menu-icon,.x-menu-light .x-menu-inline-header:hover .x-icon,.x-menu-light .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-light-color-icon_hover)}.x-menu-light .x-menu-item.x-menu-selected,.x-menu-light .x-menu-group-title.x-menu-selected,.x-menu-light .x-menu-pop-header.x-menu-selected,.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-item_selected)}.x-menu-light .x-menu-item.x-menu-selected .x-icon,.x-menu-light .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-icon_selected)}.x-menu-light .x-menu-item.x-menu-disabled,.x-menu-light .x-menu-group-title.x-menu-disabled,.x-menu-light .x-menu-pop-header.x-menu-disabled,.x-menu-light .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled .x-icon,.x-menu-light .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover,.x-menu-light .x-menu-group-title.x-menu-disabled:hover,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-selected{background-color:var(--x-menu-light-color-bg-item_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-submenu_selected);background-color:var(--x-menu-light-color-bg-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-submenu_selected_hover)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-group-title{color:var(--x-menu-light-color-group-title);pointer-events:none}.x-menu-light .x-menu-collapse-button{color:var(--x-menu-light-color-button);background-color:var(--x-menu-light-color-bg-button)}.x-menu-light .x-menu-collapse-button:hover{background-color:var(--x-menu-light-color-bg-button_hover)}.x-menu-dark{background-color:var(--x-menu-dark-color-bg)}.x-menu-dark .x-menu-item,.x-menu-dark .x-menu-group-title,.x-menu-dark .x-menu-pop-header,.x-menu-dark .x-menu-inline-header{color:var(--x-menu-dark-color-item_default);background-color:var(--x-menu-dark-color-bg-item_default)}.x-menu-dark .x-menu-item .x-icon,.x-menu-dark .x-menu-item .x-menu-icon,.x-menu-dark .x-menu-group-title .x-icon,.x-menu-dark .x-menu-group-title .x-menu-icon,.x-menu-dark .x-menu-pop-header .x-icon,.x-menu-dark .x-menu-pop-header .x-menu-icon,.x-menu-dark .x-menu-inline-header .x-icon,.x-menu-dark .x-menu-inline-header .x-menu-icon{color:var(--x-menu-dark-color-icon_default)}.x-menu-dark .x-menu-item:hover,.x-menu-dark .x-menu-group-title:hover,.x-menu-dark .x-menu-pop-header:hover,.x-menu-dark .x-menu-inline-header:hover{color:var(--x-menu-dark-color-item_hover);background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-item:hover .x-icon,.x-menu-dark .x-menu-item:hover .x-menu-icon,.x-menu-dark .x-menu-group-title:hover .x-icon,.x-menu-dark .x-menu-group-title:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header:hover .x-icon,.x-menu-dark .x-menu-pop-header:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header:hover .x-icon,.x-menu-dark .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_hover)}.x-menu-dark .x-menu-item.x-menu-selected,.x-menu-dark .x-menu-group-title.x-menu-selected,.x-menu-dark .x-menu-pop-header.x-menu-selected,.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-item_selected)}.x-menu-dark .x-menu-item.x-menu-selected .x-icon,.x-menu-dark .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-icon_selected)}.x-menu-dark .x-menu-item.x-menu-disabled,.x-menu-dark .x-menu-group-title.x-menu-disabled,.x-menu-dark .x-menu-pop-header.x-menu-disabled,.x-menu-dark .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-selected{background-color:var(--x-menu-dark-color-bg-item_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-submenu_selected);background-color:var(--x-menu-dark-color-bg-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-submenu_selected_hover)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-group-title{color:var(--x-menu-dark-color-group-title);pointer-events:none}.x-menu-dark .x-menu-collapse-button{color:var(--x-menu-dark-color-button);background-color:var(--x-menu-dark-color-bg-button)}.x-menu-dark .x-menu-collapse-button:hover{background-color:var(--x-menu-dark-color-bg-button_hover)}.x-menu a,.x-menu a:hover,.x-menu a:focus,.x-menu a:active{color:inherit;text-decoration:none;cursor:inherit}.x-menu-scrollbar{box-sizing:border-box;width:100%;height:100%}.x-menu-scrollbar .x-scrollbar--container{height:100%}.x-menu-inner{box-sizing:border-box;width:100%;height:100%}.x-menu-icon-suffix{display:inline-flex;align-items:center;justify-content:center}.x-menu-icon-suffix.is-open .x-icon{transform:rotate(180deg)}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding:0 var(--x-menu-vertical-item-padding-horizontal);line-height:var(--x-menu-vertical-item-height)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{margin-bottom:var(--x-menu-item-gap)}.x-menu-vertical .x-menu-item:not(.x-menu-has-icon),.x-menu-vertical .x-menu-group-title:not(.x-menu-has-icon),.x-menu-vertical .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-vertical .x-menu-inline-header:not(.x-menu-has-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item.x-menu-has-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon{display:flex;align-items:center}.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-icon{flex:none}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-icon{line-height:1}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item .x-menu-item-inner,.x-menu-vertical .x-menu-group-title .x-menu-item-inner,.x-menu-vertical .x-menu-pop-header .x-menu-item-inner,.x-menu-vertical .x-menu-inline-header .x-menu-item-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.x-menu-vertical .x-menu-item .x-menu-icon-suffix,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix{position:absolute;top:50%;right:var(--x-menu-vertical-item-padding-horizontal);display:inline-flex;align-items:center;transform:translateY(-50%)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{display:block;line-height:1}.x-menu-vertical .x-menu-inner{padding:var(--x-menu-vertical-padding-vertical) var(--x-menu-vertical-padding-horizontal)}.x-menu-vertical .x-menu-item.x-menu-item-indented{display:flex}.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding-right:28px}.x-menu-horizontal{width:100%;height:auto}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-group-title,.x-menu-horizontal .x-menu-pop-header,.x-menu-horizontal .x-menu-inline-header{padding:0 var(--x-menu-horizontal-item-padding-horizontal);line-height:var(--x-menu-horizontal-item-height)}.x-menu-horizontal .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-horizontal .x-icon,.x-menu-horizontal .x-menu-icon{margin-right:var(--x-menu-horizontal-margin-right-item-prefix-icon)}.x-menu-horizontal .x-menu-icon-suffix{margin-left:var(--x-menu-margin-left-item-suffix-icon)}.x-menu-horizontal .x-menu-inner{display:flex;align-items:center;padding:var(--x-menu-horizontal-padding-vertical) var(--x-menu-horizontal-padding-horizontal)}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-pop{display:inline-block;flex-shrink:0;vertical-align:middle}.x-menu-horizontal .x-menu-item:not(:first-child),.x-menu-horizontal .x-menu-pop:not(:first-child){margin-left:var(--x-menu-horizontal-item-gap)}.x-menu-horizontal .x-menu-pop::after{position:absolute;bottom:-var(--x-menu-horizontal-padding-vertical);left:0;width:100%;height:var(--x-menu-horizontal-padding-vertical);content:" "}.x-menu-overflow-wrap{width:100%}.x-menu-overflow-sub-menu-mirror,.x-menu-overflow-hidden-menu-item{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none}.x-menu-selected-label{position:absolute;right:var(--x-menu-horizontal-item-padding-horizontal);bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:var(--x-menu-horizontal-item-padding-horizontal);height:var(--x-menu-height-label-item-selected);background-color:var(--x-menu-color-label-item-selected);animation:x-menu-selected-item-label-enter var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-pop-button{width:auto;background:none;box-shadow:none}.x-menu-pop-button.x-menu-collapsed{width:auto}.x-menu-pop-button .x-menu-item,.x-menu-pop-button .x-menu-group-title,.x-menu-pop-button .x-menu-pop-header,.x-menu-pop-button .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-pop-button-size);height:var(--x-menu-pop-button-size);padding:0;margin-bottom:var(--x-menu-pop-button-margin-bottom);line-height:var(--x-menu-pop-button-size);border:1px solid var(--x-menu-pop-button-border-color);border-radius:50%;box-shadow:var(--x-menu-pop-button-box-shadow)}.x-menu-pop-button .x-menu-item .x-menu-icon,.x-menu-pop-button .x-menu-group-title .x-menu-icon,.x-menu-pop-button .x-menu-pop-header .x-menu-icon,.x-menu-pop-button .x-menu-inline-header .x-menu-icon{margin-right:0}.x-menu-collapsed{width:var(--x-menu-collapse-width)}.x-menu-collapsed .x-menu-inner{padding:var(--x-menu-collapse-padding-vertical) var(--x-menu-collapse-padding-horizontal)}.x-menu-collapsed .x-menu-icon-suffix{display:none}.x-menu-collapsed .x-menu-has-icon>*:not(.x-menu-icon){display:none}.x-menu-collapsed .x-menu-has-icon>.x-menu-icon{margin-right:0}.x-menu-collapsed .x-menu-item .x-icon,.x-menu-collapsed .x-menu-group-title .x-icon,.x-menu-collapsed .x-menu-pop-header .x-icon,.x-menu-collapsed .x-menu-inline-header .x-icon{margin-right:0}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-scrollbar--container,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-scrollbar--container{display:flex;flex-direction:column;align-items:center}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item-tooltip-trigger.x-tooltip,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item-tooltip-trigger.x-tooltip{display:flex;justify-content:center;width:var(--x-menu-collapse-item-size)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-collapse-item-size);height:var(--x-menu-vertical-item-height);padding:0;line-height:var(--x-menu-vertical-item-height)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title{overflow:hidden;color:var(--x-color-transparent);text-indent:-999px}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title .x-menu-indent-list{display:none}.x-menu-collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:var(--x-menu-width-collapse-button);height:var(--x-menu-height-collapse-button);padding:0;border:0;border-radius:var(--x-menu-border-radius-collapse-button);cursor:pointer}.x-menu-collapse-button:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-has-collapse-button .x-menu-inner{padding-bottom:calc(var(--x-menu-vertical-padding-vertical) + var(--x-menu-height-collapse-button) + 16px)}.x-menu-inline-content{height:auto;overflow:hidden;transition:height var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu-inline-content-hide{height:0}.x-menu-item-tooltip a{color:inherit;cursor:text}.x-menu-item-tooltip a:hover,.x-menu-item-tooltip a:focus,.x-menu-item-tooltip a:active{color:inherit}.x-menu-item-tooltip.x-tooltip--content{min-width:120px;padding:var(--x-dropdown-padding-vertical) var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-menu-item-tooltip-arrow.x-tooltip--popup-arrow{background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl]{transform:translateY(var(--x-menu-horizontal-padding-vertical))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow{z-index:0;border-top:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt]{transform:translateX(var(--x-menu-vertical-padding-horizontal))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow{z-index:0;border-bottom:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-menu-pop-trigger-dark .x-trigger--arrow{background-color:var(--x-menu-dark-color-bg);border-color:var(--x-menu-dark-color-bg)}.x-trigger-menu{position:relative;box-sizing:border-box;max-height:var(--x-dropdown-max-height);padding:0;overflow:hidden;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-trigger-menu .x-trigger-menu-scrollbar,.x-trigger-menu .x-trigger-menu-inner{max-height:inherit}.x-trigger-menu .x-trigger-menu-scrollbar .x-scrollbar--container{max-height:inherit}.x-trigger-menu .x-trigger-menu-inner{padding:var(--x-dropdown-padding-vertical) 0}.x-trigger-menu-hidden{display:none}.x-trigger-menu-item,.x-trigger-menu-pop-header{position:relative;z-index:1;box-sizing:border-box;width:100%;height:var(--x-dropdown-option-height);padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-option-color-text_selected);font-weight:var(--x-dropdown-option-font-weight_selected);background-color:var(--x-dropdown-option-color-bg_selected);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-trigger-menu-item:hover,.x-trigger-menu-pop-header:hover{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover)}.x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-trigger-menu .x-trigger-menu-has-icon{display:flex;align-items:center}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-icon{margin-right:8px;line-height:1}.x-trigger-menu .x-trigger-menu-has-icon>*{flex:none}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-title{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.x-trigger-menu-pop-header .x-trigger-menu-icon-suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-trigger-menu-group:first-child .x-trigger-menu-group-title{padding-top:var(--x-dropdown-group-title-padding-top)-var(--x-dropdown-padding-vertical)}.x-trigger-menu-group-title{box-sizing:border-box;width:100%;padding:var(--x-dropdown-group-title-padding-top) var(--x-dropdown-group-title-padding-horizontal) 0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-trigger .x-trigger--arrow{display:none}.x-trigger-menu-dark{background-color:var(--x-dropdown-dark-color-bg);border-color:var(--x-dropdown-dark-color-border)}.x-trigger-menu-dark .x-trigger-menu-item,.x-trigger-menu-dark .x-trigger-menu-pop-header{color:var(--x-dropdown-dark-option-color-text_default);background-color:var(--x-dropdown-dark-option-color-bg_default)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-dark-option-color-text_selected);background-color:var(--x-dropdown-dark-option-color-bg_selected)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected:hover{color:var(--x-dropdown-dark-option-color-text_selected)}.x-trigger-menu-dark .x-trigger-menu-item:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header:hover{color:var(--x-dropdown-dark-option-color-text_hover);background-color:var(--x-dropdown-dark-option-color-bg_hover)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-dark-option-color-text_disabled);background-color:var(--x-dropdown-dark-option-color-bg_disabled)}.x-trigger-menu-dark .x-trigger-menu-group-title{color:var(--x-dropdown-dark-group-title-color-text)}
+:root{--x-menu-font-size: 14px;--x-menu-line-height: var(--x-line-height-base);--x-menu-border-radius: var(--x-border-radius-small);--x-menu-font-weight-item-selected: var(--x-font-weight-500);--x-menu-color-label-item-selected: var(--x-color-primary-6);--x-menu-height-label-item-selected: 3px;--x-menu-margin-left-item-suffix-icon: var(--x-spacing-3);--x-menu-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-horizontal-margin-right-item-prefix-icon: var(--x-spacing-7);--x-menu-item-gap: var(--x-spacing-2);--x-menu-item-indent-spacing: var(--x-spacing-8);--x-menu-width-collapse-button: var(--x-size-6);--x-menu-height-collapse-button: var(--x-size-6);--x-menu-border-radius-collapse-button: var(--x-border-radius-small);--x-menu-light-color-bg: var(--x-color-menu-light-bg);--x-menu-light-color-bg-item_default: var(--x-menu-light-color-bg);--x-menu-light-color-bg-item_hover: var(--x-color-fill-2);--x-menu-light-color-bg-item_selected: var(--x-color-fill-2);--x-menu-light-color-bg-item_disabled: var(--x-menu-light-color-bg);--x-menu-light-color-item_default: var(--x-color-text-2);--x-menu-light-color-item_hover: var(--x-color-text-2);--x-menu-light-color-item_selected: var(--x-color-primary-6);--x-menu-light-color-submenu_selected: var(--x-color-primary-6);--x-menu-light-color-bg-submenu_selected_hover: var(--x-color-fill-2);--x-menu-light-color-item_disabled: var(--x-color-text-4);--x-menu-light-color-icon_default: var(--x-color-text-3);--x-menu-light-color-icon_hover: var(--x-color-text-3);--x-menu-light-color-icon_selected: var(--x-color-primary-6);--x-menu-light-color-icon_disabled: var(--x-color-text-4);--x-menu-light-color-group-title: var(--x-color-text-3);--x-menu-dark-color-default: var(--x-color-menu-dark-text);--x-menu-dark-color-secondary: var(--x-color-menu-dark-text-secondary);--x-menu-dark-color-disabled: var(--x-color-menu-dark-text-disabled);--x-menu-dark-color-bg: var(--x-color-menu-dark-bg);--x-menu-dark-color-bg-item_default: var(--x-menu-dark-color-bg);--x-menu-dark-color-bg-item_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_selected: var(--x-color-menu-dark-hover);--x-menu-dark-color-bg-item_disabled: var(--x-menu-dark-color-bg);--x-menu-dark-color-submenu_selected: var(--x-color-white);--x-menu-dark-color-bg-submenu_selected: var(--x-color-menu-dark-submenu-selected-bg);--x-menu-dark-color-bg-submenu_selected_hover: var(--x-color-menu-dark-hover);--x-menu-dark-color-item_default: var(--x-menu-dark-color-default);--x-menu-dark-color-item_hover: var(--x-color-white);--x-menu-dark-color-item_selected: var(--x-color-white);--x-menu-dark-color-item_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-icon_default: var(--x-menu-dark-color-secondary);--x-menu-dark-color-icon_hover: var(--x-color-white);--x-menu-dark-color-icon_selected: var(--x-color-white);--x-menu-dark-color-icon_disabled: var(--x-menu-dark-color-disabled);--x-menu-dark-color-group-title: var(--x-menu-dark-color-secondary);--x-menu-color-border-popup: var(--x-color-neutral-3);--x-menu-light-color-bg-button: var(--x-color-fill-1);--x-menu-light-color-bg-button_hover: var(--x-color-fill-3);--x-menu-light-color-button: var(--x-color-text-3);--x-menu-dark-color-bg-button: var(--x-color-primary-6);--x-menu-dark-color-bg-button_hover: var(--x-color-primary-7);--x-menu-dark-color-button: var(--x-color-white);--x-menu-horizontal-padding-vertical: 14px;--x-menu-horizontal-padding-horizontal: var(--x-spacing-8);--x-menu-horizontal-item-gap: var(--x-spacing-6);--x-menu-horizontal-item-height: 30px;--x-menu-horizontal-item-padding-horizontal: var(--x-spacing-6);--x-menu-vertical-padding-vertical: var(--x-spacing-2);--x-menu-vertical-padding-horizontal: var(--x-spacing-4);--x-menu-vertical-item-height: 40px;--x-menu-vertical-item-padding-horizontal: var(--x-spacing-6);--x-menu-collapse-width: var(--x-size-12);--x-menu-collapse-padding-vertical: var(--x-spacing-2);--x-menu-collapse-padding-horizontal: var(--x-spacing-2);--x-menu-collapse-item-size: calc( var(--x-menu-collapse-width) - var(--x-menu-collapse-padding-horizontal) * 2 );--x-menu-pop-button-size: var(--x-size-10);--x-menu-pop-button-margin-bottom: var(--x-spacing-7);--x-menu-pop-button-box-shadow: var(--x-shadow2-down);--x-menu-pop-button-border-color: var(--x-color-transparent);--x-dropdown-dark-color-bg: var(--x-color-menu-dark-bg);--x-dropdown-dark-color-border: var(--x-dropdown-dark-color-bg);--x-dropdown-dark-option-color-bg_default: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_hover: var(--x-color-menu-dark-hover);--x-dropdown-dark-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-dark-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-dark-option-color-text_default: var(--x-menu-dark-color-default);--x-dropdown-dark-option-color-text_hover: var(--x-color-white);--x-dropdown-dark-option-color-text_selected: var(--x-color-white);--x-dropdown-dark-option-color-text_disabled: var(--x-menu-dark-color-disabled);--x-dropdown-dark-group-title-color-text: var(--x-menu-dark-color-secondary)}:root{--x-dropdown-max-height: var(--x-size-50);--x-dropdown-border-radius: var(--x-border-radius-medium);--x-dropdown-padding-vertical: var(--x-spacing-2);--x-dropdown-font-size: var(--x-font-size-body-3);--x-dropdown-color-bg: var(--x-color-bg-popup);--x-dropdown-color-border: var(--x-color-transparent);--x-dropdown-box-shadow: var(--x-shadow-popover);--x-dropdown-option-height: var(--x-size-9);--x-dropdown-option-padding-horizontal: var(--x-spacing-6);--x-dropdown-option-font-weight_selected: var(--x-font-weight-500);--x-dropdown-option-color-bg_default: var(--x-color-transparent);--x-dropdown-option-color-bg_hover: var(--x-color-fill-2);--x-dropdown-option-color-bg_selected: var(--x-color-transparent);--x-dropdown-option-color-bg_disabled: var(--x-color-transparent);--x-dropdown-option-color-text_default: var(--x-color-text-1);--x-dropdown-option-color-text_hover: var(--x-color-text-1);--x-dropdown-option-color-text_selected: var(--x-color-text-1);--x-dropdown-option-color-text_disabled: var(--x-color-text-4);--x-dropdown-group-title-height: var(--x-size-5);--x-dropdown-group-title-padding-horizontal: var(--x-spacing-6);--x-dropdown-group-title-padding-top: var(--x-spacing-4);--x-dropdown-group-title-margin-top: var(--x-spacing-4);--x-dropdown-group-title-font-size: var(--x-font-size-body-1);--x-dropdown-group-title-color-text: var(--x-color-text-3);--x-dropdown-margin-left-suffix-icon: var(--x-spacing-6)}@keyframes 'x-menu-selected-item-label-enter'{from{opacity:0}to{opacity:1}}.x-menu{position:relative;box-sizing:border-box;width:100%;font-size:var(--x-menu-font-size);line-height:var(--x-menu-line-height);transition:width var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu:focus-visible{outline:3px solid var(--x-color-primary-text)}.x-menu-indent{display:inline-block;width:var(--x-menu-item-indent-spacing)}.x-menu .x-menu-item,.x-menu .x-menu-group-title,.x-menu .x-menu-pop-header,.x-menu .x-menu-inline-header{position:relative;box-sizing:border-box;border-radius:var(--x-menu-border-radius);cursor:pointer}.x-menu .x-menu-item.x-menu-disabled,.x-menu .x-menu-group-title.x-menu-disabled,.x-menu .x-menu-pop-header.x-menu-disabled,.x-menu .x-menu-inline-header.x-menu-disabled{cursor:not-allowed}.x-menu .x-menu-item.x-menu-disabled:hover,.x-menu .x-menu-group-title.x-menu-disabled:hover,.x-menu .x-menu-pop-header.x-menu-disabled:hover,.x-menu .x-menu-inline-header.x-menu-disabled:hover{color:inherit}.x-menu .x-menu-item.x-menu-selected,.x-menu .x-menu-group-title.x-menu-selected,.x-menu .x-menu-pop-header.x-menu-selected,.x-menu .x-menu-inline-header.x-menu-selected{font-weight:var(--x-menu-font-weight-item-selected);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item.x-menu-selected svg,.x-menu .x-menu-group-title.x-menu-selected svg,.x-menu .x-menu-pop-header.x-menu-selected svg,.x-menu .x-menu-inline-header.x-menu-selected svg{transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu .x-menu-item .x-icon,.x-menu .x-menu-item .x-menu-icon,.x-menu .x-menu-group-title .x-icon,.x-menu .x-menu-group-title .x-menu-icon,.x-menu .x-menu-pop-header .x-icon,.x-menu .x-menu-pop-header .x-menu-icon,.x-menu .x-menu-inline-header .x-icon,.x-menu .x-menu-inline-header .x-menu-icon{margin-right:var(--x-menu-margin-right-item-prefix-icon)}.x-menu .x-menu-item .x-menu-icon .x-icon,.x-menu .x-menu-group-title .x-menu-icon .x-icon,.x-menu .x-menu-pop-header .x-menu-icon .x-icon,.x-menu .x-menu-inline-header .x-menu-icon .x-icon{margin-right:0}.x-menu .x-menu-item:focus-visible,.x-menu .x-menu-group-title:focus-visible,.x-menu .x-menu-pop-header:focus-visible,.x-menu .x-menu-inline-header:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-light{background-color:var(--x-menu-light-color-bg)}.x-menu-light .x-menu-item,.x-menu-light .x-menu-group-title,.x-menu-light .x-menu-pop-header,.x-menu-light .x-menu-inline-header{color:var(--x-menu-light-color-item_default);background-color:var(--x-menu-light-color-bg-item_default)}.x-menu-light .x-menu-item .x-icon,.x-menu-light .x-menu-item .x-menu-icon,.x-menu-light .x-menu-group-title .x-icon,.x-menu-light .x-menu-group-title .x-menu-icon,.x-menu-light .x-menu-pop-header .x-icon,.x-menu-light .x-menu-pop-header .x-menu-icon,.x-menu-light .x-menu-inline-header .x-icon,.x-menu-light .x-menu-inline-header .x-menu-icon{color:var(--x-menu-light-color-icon_default)}.x-menu-light .x-menu-item:hover,.x-menu-light .x-menu-group-title:hover,.x-menu-light .x-menu-pop-header:hover,.x-menu-light .x-menu-inline-header:hover{color:var(--x-menu-light-color-item_hover);background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-item:hover .x-icon,.x-menu-light .x-menu-item:hover .x-menu-icon,.x-menu-light .x-menu-group-title:hover .x-icon,.x-menu-light .x-menu-group-title:hover .x-menu-icon,.x-menu-light .x-menu-pop-header:hover .x-icon,.x-menu-light .x-menu-pop-header:hover .x-menu-icon,.x-menu-light .x-menu-inline-header:hover .x-icon,.x-menu-light .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-light-color-icon_hover)}.x-menu-light .x-menu-item.x-menu-selected,.x-menu-light .x-menu-group-title.x-menu-selected,.x-menu-light .x-menu-pop-header.x-menu-selected,.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-item_selected)}.x-menu-light .x-menu-item.x-menu-selected .x-icon,.x-menu-light .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-icon,.x-menu-light .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-light .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-icon_selected)}.x-menu-light .x-menu-item.x-menu-disabled,.x-menu-light .x-menu-group-title.x-menu-disabled,.x-menu-light .x-menu-pop-header.x-menu-disabled,.x-menu-light .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled .x-icon,.x-menu-light .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover,.x-menu-light .x-menu-group-title.x-menu-disabled:hover,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-light-color-item_disabled);background-color:var(--x-menu-light-color-bg-item_disabled)}.x-menu-light .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-light .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-light-color-icon_disabled)}.x-menu-light .x-menu-item.x-menu-selected{background-color:var(--x-menu-light-color-bg-item_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected{color:var(--x-menu-light-color-submenu_selected);background-color:var(--x-menu-light-color-bg-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-light .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-light-color-submenu_selected)}.x-menu-light .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-submenu_selected_hover)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-light.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-light.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-light-color-bg-item_hover)}.x-menu-light .x-menu-group-title{color:var(--x-menu-light-color-group-title);pointer-events:none}.x-menu-light .x-menu-collapse-button{color:var(--x-menu-light-color-button);background-color:var(--x-menu-light-color-bg-button)}.x-menu-light .x-menu-collapse-button:hover{background-color:var(--x-menu-light-color-bg-button_hover)}.x-menu-dark{background-color:var(--x-menu-dark-color-bg)}.x-menu-dark .x-menu-item,.x-menu-dark .x-menu-group-title,.x-menu-dark .x-menu-pop-header,.x-menu-dark .x-menu-inline-header{color:var(--x-menu-dark-color-item_default);background-color:var(--x-menu-dark-color-bg-item_default)}.x-menu-dark .x-menu-item .x-icon,.x-menu-dark .x-menu-item .x-menu-icon,.x-menu-dark .x-menu-group-title .x-icon,.x-menu-dark .x-menu-group-title .x-menu-icon,.x-menu-dark .x-menu-pop-header .x-icon,.x-menu-dark .x-menu-pop-header .x-menu-icon,.x-menu-dark .x-menu-inline-header .x-icon,.x-menu-dark .x-menu-inline-header .x-menu-icon{color:var(--x-menu-dark-color-icon_default)}.x-menu-dark .x-menu-item:hover,.x-menu-dark .x-menu-group-title:hover,.x-menu-dark .x-menu-pop-header:hover,.x-menu-dark .x-menu-inline-header:hover{color:var(--x-menu-dark-color-item_hover);background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-item:hover .x-icon,.x-menu-dark .x-menu-item:hover .x-menu-icon,.x-menu-dark .x-menu-group-title:hover .x-icon,.x-menu-dark .x-menu-group-title:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header:hover .x-icon,.x-menu-dark .x-menu-pop-header:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header:hover .x-icon,.x-menu-dark .x-menu-inline-header:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_hover)}.x-menu-dark .x-menu-item.x-menu-selected,.x-menu-dark .x-menu-group-title.x-menu-selected,.x-menu-dark .x-menu-pop-header.x-menu-selected,.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-item_selected)}.x-menu-dark .x-menu-item.x-menu-selected .x-icon,.x-menu-dark .x-menu-item.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-icon,.x-menu-dark .x-menu-group-title.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-selected .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-icon_selected)}.x-menu-dark .x-menu-item.x-menu-disabled,.x-menu-dark .x-menu-group-title.x-menu-disabled,.x-menu-dark .x-menu-pop-header.x-menu-disabled,.x-menu-dark .x-menu-inline-header.x-menu-disabled{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover{color:var(--x-menu-dark-color-item_disabled);background-color:var(--x-menu-dark-color-bg-item_disabled)}.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-item.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-group-title.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-pop-header.x-menu-disabled:hover .x-menu-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-disabled:hover .x-menu-icon{color:var(--x-menu-dark-color-icon_disabled)}.x-menu-dark .x-menu-item.x-menu-selected{background-color:var(--x-menu-dark-color-bg-item_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected{color:var(--x-menu-dark-color-submenu_selected);background-color:var(--x-menu-dark-color-bg-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected .x-icon,.x-menu-dark .x-menu-inline-header.x-menu-selected .x-menu-icon{color:var(--x-menu-dark-color-submenu_selected)}.x-menu-dark .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-submenu_selected_hover)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected{background:none;transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-dark.x-menu-horizontal .x-menu-item.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-group-title.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-pop-header.x-menu-selected:hover,.x-menu-dark.x-menu-horizontal .x-menu-inline-header.x-menu-selected:hover{background-color:var(--x-menu-dark-color-bg-item_hover)}.x-menu-dark .x-menu-group-title{color:var(--x-menu-dark-color-group-title);pointer-events:none}.x-menu-dark .x-menu-collapse-button{color:var(--x-menu-dark-color-button);background-color:var(--x-menu-dark-color-bg-button)}.x-menu-dark .x-menu-collapse-button:hover{background-color:var(--x-menu-dark-color-bg-button_hover)}.x-menu a,.x-menu a:hover,.x-menu a:focus,.x-menu a:active{color:inherit;text-decoration:none;cursor:inherit}.x-menu-scrollbar{box-sizing:border-box;width:100%;height:100%}.x-menu-scrollbar .x-scrollbar--container{height:100%}.x-menu-inner{box-sizing:border-box;width:100%;height:100%}.x-menu-icon-suffix{display:inline-flex;align-items:center;justify-content:center}.x-menu-icon-suffix.is-open .x-icon{transform:rotate(180deg)}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding:0 var(--x-menu-vertical-item-padding-horizontal);line-height:var(--x-menu-vertical-item-height)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-vertical .x-menu-item,.x-menu-vertical .x-menu-group-title,.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{margin-bottom:var(--x-menu-item-gap)}.x-menu-vertical .x-menu-item:not(.x-menu-has-icon),.x-menu-vertical .x-menu-group-title:not(.x-menu-has-icon),.x-menu-vertical .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-vertical .x-menu-inline-header:not(.x-menu-has-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item.x-menu-has-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon{display:flex;align-items:center}.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-item.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-group-title.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon>.x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-indent-list,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon>.x-menu-icon{flex:none}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-icon,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-icon{line-height:1}.x-menu-vertical .x-menu-item.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-group-title.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-pop-header.x-menu-has-icon .x-menu-title,.x-menu-vertical .x-menu-inline-header.x-menu-has-icon .x-menu-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-menu-vertical .x-menu-item .x-menu-item-inner,.x-menu-vertical .x-menu-group-title .x-menu-item-inner,.x-menu-vertical .x-menu-pop-header .x-menu-item-inner,.x-menu-vertical .x-menu-inline-header .x-menu-item-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.x-menu-vertical .x-menu-item .x-menu-icon-suffix,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix{position:absolute;top:50%;right:var(--x-menu-vertical-item-padding-horizontal);display:inline-flex;align-items:center;transform:translateY(-50%)}.x-menu-vertical .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-vertical .x-menu-inline-header .x-menu-icon-suffix .x-icon{display:block;line-height:1}.x-menu-vertical .x-menu-inner{padding:var(--x-menu-vertical-padding-vertical) var(--x-menu-vertical-padding-horizontal)}.x-menu-vertical .x-menu-item.x-menu-item-indented{display:flex}.x-menu-vertical .x-menu-pop-header,.x-menu-vertical .x-menu-inline-header{padding-right:28px}.x-menu-horizontal{width:100%;height:auto}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-group-title,.x-menu-horizontal .x-menu-pop-header,.x-menu-horizontal .x-menu-inline-header{padding:0 var(--x-menu-horizontal-item-padding-horizontal);line-height:var(--x-menu-horizontal-item-height)}.x-menu-horizontal .x-menu-item .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-group-title .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-pop-header .x-menu-icon-suffix .x-icon,.x-menu-horizontal .x-menu-inline-header .x-menu-icon-suffix .x-icon{margin-right:0}.x-menu-horizontal .x-icon,.x-menu-horizontal .x-menu-icon{margin-right:var(--x-menu-horizontal-margin-right-item-prefix-icon)}.x-menu-horizontal .x-menu-icon-suffix{margin-left:var(--x-menu-margin-left-item-suffix-icon)}.x-menu-horizontal .x-menu-inner{display:flex;align-items:center;padding:var(--x-menu-horizontal-padding-vertical) var(--x-menu-horizontal-padding-horizontal)}.x-menu-horizontal .x-menu-item,.x-menu-horizontal .x-menu-pop{display:inline-block;flex-shrink:0;vertical-align:middle}.x-menu-horizontal .x-menu-item:not(:first-child),.x-menu-horizontal .x-menu-pop:not(:first-child){margin-left:var(--x-menu-horizontal-item-gap)}.x-menu-horizontal .x-menu-pop::after{position:absolute;bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:0;width:100%;height:var(--x-menu-horizontal-padding-vertical);content:" "}.x-menu-overflow-wrap{width:100%}.x-menu-overflow-sub-menu-mirror,.x-menu-overflow-hidden-menu-item{position:absolute;white-space:nowrap;visibility:hidden;pointer-events:none}.x-menu-selected-label{position:absolute;right:var(--x-menu-horizontal-item-padding-horizontal);bottom:calc(-1*var(--x-menu-horizontal-padding-vertical));left:var(--x-menu-horizontal-item-padding-horizontal);height:var(--x-menu-height-label-item-selected);background-color:var(--x-menu-color-label-item-selected);animation:x-menu-selected-item-label-enter var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-menu-pop-button{width:auto;background:none;box-shadow:none}.x-menu-pop-button.x-menu-collapsed{width:auto}.x-menu-pop-button .x-menu-item,.x-menu-pop-button .x-menu-group-title,.x-menu-pop-button .x-menu-pop-header,.x-menu-pop-button .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-pop-button-size);height:var(--x-menu-pop-button-size);padding:0;margin-bottom:var(--x-menu-pop-button-margin-bottom);line-height:var(--x-menu-pop-button-size);border:1px solid var(--x-menu-pop-button-border-color);border-radius:50%;box-shadow:var(--x-menu-pop-button-box-shadow)}.x-menu-pop-button .x-menu-item .x-menu-icon,.x-menu-pop-button .x-menu-group-title .x-menu-icon,.x-menu-pop-button .x-menu-pop-header .x-menu-icon,.x-menu-pop-button .x-menu-inline-header .x-menu-icon{margin-right:0}.x-menu-collapsed{width:var(--x-menu-collapse-width)}.x-menu-collapsed .x-menu-inner{padding:var(--x-menu-collapse-padding-vertical) var(--x-menu-collapse-padding-horizontal)}.x-menu-collapsed .x-menu-icon-suffix{display:none}.x-menu-collapsed .x-menu-has-icon>*:not(.x-menu-icon){display:none}.x-menu-collapsed .x-menu-has-icon>.x-menu-icon{margin-right:0}.x-menu-collapsed .x-menu-item .x-icon,.x-menu-collapsed .x-menu-group-title .x-icon,.x-menu-collapsed .x-menu-pop-header .x-icon,.x-menu-collapsed .x-menu-inline-header .x-icon{margin-right:0}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-scrollbar--container,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner.x-menu-inner,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-scrollbar--container{display:flex;flex-direction:column;align-items:center}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item-tooltip-trigger.x-tooltip,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item-tooltip-trigger.x-tooltip{display:flex;justify-content:center;width:var(--x-menu-collapse-item-size)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header{display:flex;align-items:center;justify-content:center;width:var(--x-menu-collapse-item-size);height:var(--x-menu-vertical-item-height);padding:0;line-height:var(--x-menu-vertical-item-height)}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon),.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title{overflow:hidden;color:var(--x-color-transparent);text-indent:-999px}.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-scrollbar .x-menu-group-title .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-item:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-pop-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-inline-header:not(.x-menu-has-icon) .x-menu-indent-list,.x-menu-collapsed:not(.x-menu-pop-button)>.x-menu-inner .x-menu-group-title .x-menu-indent-list{display:none}.x-menu-collapse-button{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;width:var(--x-menu-width-collapse-button);height:var(--x-menu-height-collapse-button);padding:0;border:0;border-radius:var(--x-menu-border-radius-collapse-button);cursor:pointer}.x-menu-collapse-button:focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:2px}.x-menu-has-collapse-button .x-menu-inner{padding-bottom:calc(var(--x-menu-vertical-padding-vertical) + var(--x-menu-height-collapse-button) + 16px)}.x-menu-inline-content{height:auto;overflow:hidden;transition:height var(--x-transition-duration-2) var(--x-transition-timing-function-standard)}.x-menu-inline-content-hide{height:0}.x-menu-item-tooltip a{color:inherit;cursor:text}.x-menu-item-tooltip a:hover,.x-menu-item-tooltip a:focus,.x-menu-item-tooltip a:active{color:inherit}.x-menu-item-tooltip.x-tooltip--content{min-width:120px;padding:var(--x-dropdown-padding-vertical) var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-menu-item-tooltip-arrow.x-tooltip--popup-arrow{background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl]{transform:translateY(var(--x-menu-horizontal-padding-vertical))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=bl] .x-trigger--arrow{z-index:0;border-top:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt]{transform:translateX(var(--x-menu-vertical-padding-horizontal))}.x-menu-pop-trigger.x-trigger--popup[trigger-placement=rt] .x-trigger--arrow{z-index:0;border-bottom:1px solid var(--x-menu-color-border-popup);border-left:1px solid var(--x-menu-color-border-popup)}.x-menu-pop-trigger.x-menu-pop-trigger-dark .x-trigger--arrow{background-color:var(--x-menu-dark-color-bg);border-color:var(--x-menu-dark-color-bg)}.x-trigger-menu{position:relative;box-sizing:border-box;max-height:var(--x-dropdown-max-height);padding:0;overflow:hidden;background-color:var(--x-dropdown-color-bg);border:1px solid var(--x-dropdown-color-border);border-radius:var(--x-dropdown-border-radius);box-shadow:var(--x-dropdown-box-shadow)}.x-trigger-menu .x-trigger-menu-scrollbar,.x-trigger-menu .x-trigger-menu-inner{max-height:inherit}.x-trigger-menu .x-trigger-menu-scrollbar .x-scrollbar--container{max-height:inherit}.x-trigger-menu .x-trigger-menu-inner{padding:var(--x-dropdown-padding-vertical) 0}.x-trigger-menu-hidden{display:none}.x-trigger-menu-item,.x-trigger-menu-pop-header{position:relative;z-index:1;box-sizing:border-box;width:100%;height:var(--x-dropdown-option-height);padding:0 var(--x-dropdown-option-padding-horizontal);color:var(--x-dropdown-option-color-text_default);font-size:var(--x-dropdown-font-size);line-height:var(--x-dropdown-option-height);text-align:left;background-color:var(--x-dropdown-option-color-bg_default);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-option-color-text_selected);font-weight:var(--x-dropdown-option-font-weight_selected);background-color:var(--x-dropdown-option-color-bg_selected);transition:all var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-trigger-menu-item:hover,.x-trigger-menu-pop-header:hover{color:var(--x-dropdown-option-color-text_hover);background-color:var(--x-dropdown-option-color-bg_hover)}.x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-option-color-text_disabled);background-color:var(--x-dropdown-option-color-bg_disabled);cursor:not-allowed}.x-trigger-menu .x-trigger-menu-has-icon{display:flex;align-items:center}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-icon{margin-right:8px;line-height:1}.x-trigger-menu .x-trigger-menu-has-icon>*{flex:none}.x-trigger-menu .x-trigger-menu-has-icon .x-trigger-menu-title{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-header{display:flex;align-items:center;justify-content:space-between}.x-trigger-menu-pop-header .x-trigger-menu-icon-suffix{display:flex;margin-left:var(--x-dropdown-margin-left-suffix-icon)}.x-trigger-menu-group:first-child .x-trigger-menu-group-title{padding-top:calc(var(--x-dropdown-group-title-padding-top) - var(--x-dropdown-padding-vertical))}.x-trigger-menu-group-title{box-sizing:border-box;width:100%;padding:var(--x-dropdown-group-title-padding-top) var(--x-dropdown-group-title-padding-horizontal) 0 var(--x-dropdown-group-title-padding-horizontal);color:var(--x-dropdown-group-title-color-text);font-size:var(--x-dropdown-group-title-font-size);line-height:var(--x-dropdown-group-title-height);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.x-trigger-menu-pop-trigger .x-trigger--arrow{display:none}.x-trigger-menu-dark{background-color:var(--x-dropdown-dark-color-bg);border-color:var(--x-dropdown-dark-color-border)}.x-trigger-menu-dark .x-trigger-menu-item,.x-trigger-menu-dark .x-trigger-menu-pop-header{color:var(--x-dropdown-dark-option-color-text_default);background-color:var(--x-dropdown-dark-option-color-bg_default)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected{color:var(--x-dropdown-dark-option-color-text_selected);background-color:var(--x-dropdown-dark-option-color-bg_selected)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-selected:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-selected:hover{color:var(--x-dropdown-dark-option-color-text_selected)}.x-trigger-menu-dark .x-trigger-menu-item:hover,.x-trigger-menu-dark .x-trigger-menu-pop-header:hover{color:var(--x-dropdown-dark-option-color-text_hover);background-color:var(--x-dropdown-dark-option-color-bg_hover)}.x-trigger-menu-dark .x-trigger-menu-item.x-trigger-menu-disabled,.x-trigger-menu-dark .x-trigger-menu-pop-header.x-trigger-menu-disabled{color:var(--x-dropdown-dark-option-color-text_disabled);background-color:var(--x-dropdown-dark-option-color-bg_disabled)}.x-trigger-menu-dark .x-trigger-menu-group-title{color:var(--x-dropdown-dark-group-title-color-text)}

package/dist/style/pagination.css

@@ -1 +1 @@
-:root{--x-pagination-item-border-radius: var(--x-border-radius-small);--x-pagination-item-spacing: var(--x-spacing-4);--x-pagination-margin-total-spacing: var(--x-spacing-4);--x-pagination-margin-option-left: var(--x-spacing-4);--x-pagination-margin-jumper-left: var(--x-spacing-4);--x-pagination-size-mini: var(--x-size-mini);--x-pagination-size-small: var(--x-size-small);--x-pagination-size-default: var(--x-size-default);--x-pagination-size-large: var(--x-size-large);--x-pagination-padding-horizontal: 8px;--x-pagination-size-mini-font-size: var(--x-font-size-body-1);--x-pagination-size-small-font-size: var(--x-font-size-body-3);--x-pagination-size-default-font-size: var(--x-font-size-body-3);--x-pagination-size-large-font-size: var(--x-font-size-body-3);--x-pagination-size-icon-arrow-mini: var(--x-size-3);--x-pagination-size-icon-arrow-small: var(--x-size-3);--x-pagination-size-icon-arrow-default: var(--x-size-3);--x-pagination-size-icon-arrow-large: 14px;--x-pagination-size-icon-ellipsis: var(--x-size-4);--x-pagination-border-width: var(--x-border-none);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: var(--x-color-primary-6);--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-light-3);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-input-width: var(--x-size-10);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-margin-prev-right: var(--x-spacing-2);--x-pagination-simple-margin-next-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-right: var(--x-spacing-6);--x-pagination-jumper-input-width: var(--x-size-10);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1)}.x-pagination{display:flex;align-items:center;font-size:var(--x-pagination-size-default-font-size)}.x-pagination--list{display:inline-flex;align-items:center;column-gap:var(--x-pagination-item-spacing);margin:0;padding:0;white-space:nowrap;list-style:none}.x-pagination--list>.x-pagination--item{margin:0}.x-pagination--item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;padding:0 var(--x-pagination-padding-horizontal);margin:0;color:var(--x-pagination-color-item-text);text-align:center;vertical-align:middle;list-style:none;background-color:var(--x-pagination-color-bg-item);border:var(--x-pagination-border-width) solid var(--x-pagination-color-item-border);border-radius:var(--x-pagination-item-border-radius);outline:0;cursor:pointer;user-select:none;min-width:var(--x-pagination-size-default);height:var(--x-pagination-size-default);font-size:var(--x-pagination-size-default-font-size);line-height:1}.x-pagination--item-previous,.x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-default)}.x-pagination--item:hover{color:var(--x-pagination-color-item-text_hover);background-color:var(--x-pagination-color-bg-item_hover);border-color:var(--x-pagination-color-item-border_hover)}.x-pagination--item:focus-visible{box-shadow:0 0 0 2px var(--x-pagination-color-item-outline_focus)}.x-pagination--item-active,.x-pagination--item-active:hover{color:var(--x-pagination-color-item-text_active);background-color:var(--x-pagination-color-bg-item_active);border-color:var(--x-pagination-color-item-border_active);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-pagination--item-disabled,.x-pagination--item-disabled:hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination--item-previous,.x-pagination--item-next{color:var(--x-pagination-color-icon-arrow);font-size:var(--x-pagination-size-icon-arrow-default);background-color:var(--x-pagination-color-icon-arrow-bg)}.x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-color-icon-arrow-text_hover);background-color:var(--x-pagination-color-icon-arrow-bg_hover)}.x-pagination--item-previous svg,.x-pagination--item-next svg{display:block;width:1em;height:1em}.x-pagination-.x-pagination --item-previous .x-pagination --item-disabled.x-pagination-.x-pagination --item-next .x-pagination --item-disabled{color:var(--x-pagination-color-icon-arrow-text_disabled);background-color:var(--x-pagination-color-icon-arrow-bg_disabled)}.x-pagination--item--jumper{font-size:var(--x-pagination-size-icon-ellipsis)}.x-pagination--jumper{display:flex;align-items:center;margin-left:var(--x-pagination-margin-jumper-left)}.x-pagination--jumper>span{font-size:var(--x-pagination-size-default-font-size)}.x-pagination--jumper-text-goto,.x-pagination--jumper--prepend,.x-pagination--jumper--append{color:var(--x-pagination-color-jumper-goto);white-space:nowrap}.x-pagination--jumper--prepend{margin-right:var(--x-pagination-item-spacing)}.x-pagination--jumper--append{margin-left:var(--x-pagination-item-spacing)}.x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-jumper-input-width);padding-right:2px;padding-left:2px}.x-pagination--jumper .x-pagination--jumper--input input{text-align:center}.x-pagination--options{position:relative;display:inline-block;flex:0 0 auto;min-width:0;margin-left:var(--x-pagination-margin-option-left);text-align:center;vertical-align:middle}.x-pagination--options .x-select--view{width:auto}.x-pagination--total{display:inline-block;height:100%;margin-right:var(--x-pagination-margin-total-spacing);color:var(--x-pagination-color-text-total);font-size:var(--x-pagination-size-default-font-size);font-size:var(--x-pagination-size-default-font-size);line-height:var(--x-pagination-size-default);white-space:nowrap}.x-pagination--jumper{flex:0 0 auto}.x-pagination--jumper--separator{padding:0 var(--x-pagination-simple-margin-separator-right) 0 var(--x-pagination-simple-margin-separator-left)}.x-pagination--jumper--total-page{margin-right:calc(var(--x-pagination-simple-margin-next-left) - var(--x-pagination-simple-margin-prev-right))}.x-pagination--simple{display:inline-flex;align-items:center;flex:0 0 auto}.x-pagination--simple>.x-pagination--item{margin:0}.x-pagination--simple .x-pagination--jumper{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 var(--x-pagination-simple-margin-prev-right);color:var(--x-color-text-1)}.x-pagination--simple .x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-simple-input-width);margin-left:0}.x-pagination--simple .x-pagination--item-previous,.x-pagination--simple .x-pagination--item-next{color:var(--x-pagination-simple-color-icon-arrow);background-color:var(--x-pagination-simple-color-icon-arrow-bg)}.x-pagination--simple .x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--simple .x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-simple-color-icon-arrow-text_hover);background-color:var(--x-pagination-simple-color-icon-arrow-bg_hover)}.x-pagination--simple-.x-pagination--simple --item-previous .x-pagination--simple --item-disabled.x-pagination--simple-.x-pagination--simple --item-next .x-pagination--simple --item-disabled{color:var(--x-pagination-simple-color-icon-arrow-text_disabled);background-color:var(--x-pagination-simple-color-icon-arrow-bg_disabled)}.x-pagination-disabled{cursor:not-allowed}.x-pagination-disabled .x-pagination--item,.x-pagination-disabled .x-pagination--item:not(.x-pagination--item-disabled):not(.x-pagination--item-active):hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination-disabled .x-pagination--item-active{color:var(--x-pagination-color-item-text_active_disabled);background-color:var(--x-pagination-color-bg-item_active_disabled);border-color:var(--x-pagination-color-item-border_active_disabled)}.x-pagination-size-mini .x-pagination--item{min-width:var(--x-pagination-size-mini);height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:1}.x-pagination-size-mini .x-pagination--item-previous,.x-pagination-size-mini .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-mini)}.x-pagination-size-mini .x-pagination--total{font-size:var(--x-pagination-size-mini-font-size);line-height:var(--x-pagination-size-mini)}.x-pagination-size-mini .x-pagination--options{height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:0}.x-pagination-size-mini .x-pagination--jumper>span{font-size:var(--x-pagination-size-mini-font-size)}.x-pagination-size-small .x-pagination--item{min-width:var(--x-pagination-size-small);height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:1}.x-pagination-size-small .x-pagination--item-previous,.x-pagination-size-small .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-small)}.x-pagination-size-small .x-pagination--total{font-size:var(--x-pagination-size-small-font-size);line-height:var(--x-pagination-size-small)}.x-pagination-size-small .x-pagination--options{height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:0}.x-pagination-size-small .x-pagination--jumper>span{font-size:var(--x-pagination-size-small-font-size)}.x-pagination-size-large .x-pagination--item{min-width:var(--x-pagination-size-large);height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:1}.x-pagination-size-large .x-pagination--item-previous,.x-pagination-size-large .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-large)}.x-pagination-size-large .x-pagination--total{font-size:var(--x-pagination-size-large-font-size);line-height:var(--x-pagination-size-large)}.x-pagination-size-large .x-pagination--options{height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:0}.x-pagination-size-large .x-pagination--jumper>span{font-size:var(--x-pagination-size-large-font-size)}
+:root{--x-pagination-item-border-radius: var(--x-border-radius-small);--x-pagination-item-spacing: var(--x-spacing-4);--x-pagination-margin-total-spacing: var(--x-spacing-4);--x-pagination-margin-option-left: var(--x-spacing-4);--x-pagination-margin-jumper-left: var(--x-spacing-4);--x-pagination-size-mini: var(--x-size-mini);--x-pagination-size-small: var(--x-size-small);--x-pagination-size-default: var(--x-size-default);--x-pagination-size-large: var(--x-size-large);--x-pagination-padding-horizontal: 8px;--x-pagination-size-mini-font-size: var(--x-font-size-body-1);--x-pagination-size-small-font-size: var(--x-font-size-body-3);--x-pagination-size-default-font-size: var(--x-font-size-body-3);--x-pagination-size-large-font-size: var(--x-font-size-body-3);--x-pagination-size-icon-arrow-mini: var(--x-size-3);--x-pagination-size-icon-arrow-small: var(--x-size-3);--x-pagination-size-icon-arrow-default: var(--x-size-3);--x-pagination-size-icon-arrow-large: 14px;--x-pagination-size-icon-ellipsis: var(--x-size-4);--x-pagination-border-width: var(--x-border-none);--x-pagination-color-bg-item: var(--x-color-transparent);--x-pagination-color-bg-item_active: var(--x-color-primary-light-1);--x-pagination-color-bg-item_hover: var(--x-color-fill-1);--x-pagination-color-bg-item_disabled: var(--x-color-transparent);--x-pagination-color-bg-item_active_disabled: var(--x-color-fill-1);--x-pagination-color-item-text: var(--x-color-text-2);--x-pagination-color-item-text_hover: var(--x-color-text-2);--x-pagination-color-item-text_active: var(--x-color-primary-6);--x-pagination-color-item-text_disabled: var(--x-color-text-4);--x-pagination-color-item-text_active_disabled: var(--x-color-primary-light-3);--x-pagination-color-item-border: var(--x-color-transparent);--x-pagination-color-item-border_active: var(--x-color-transparent);--x-pagination-color-item-border_hover: var(--x-color-transparent);--x-pagination-color-item-border_disabled: var(--x-color-transparent);--x-pagination-color-item-border_active_disabled: var(--x-color-transparent);--x-pagination-color-item-outline_focus: var(--x-color-primary-light-3);--x-pagination-color-icon-arrow: var(--x-color-text-2);--x-pagination-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-input-width: var(--x-size-10);--x-pagination-simple-color-icon-arrow: var(--x-color-text-2);--x-pagination-simple-color-icon-arrow-bg: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-bg_hover: var(--x-color-fill-1);--x-pagination-simple-color-icon-arrow-bg_disabled: var(--x-color-transparent);--x-pagination-simple-color-icon-arrow-text_hover: var(--x-color-primary-6);--x-pagination-simple-color-icon-arrow-text_disabled: var(--x-color-text-4);--x-pagination-simple-margin-prev-right: var(--x-spacing-2);--x-pagination-simple-margin-next-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-left: var(--x-spacing-6);--x-pagination-simple-margin-separator-right: var(--x-spacing-6);--x-pagination-jumper-input-width: var(--x-size-10);--x-pagination-color-jumper-goto: var(--x-color-text-3);--x-pagination-color-text-total: var(--x-color-text-1)}.x-pagination{display:flex;align-items:center;font-size:var(--x-pagination-size-default-font-size)}.x-pagination--list{display:inline-flex;align-items:center;column-gap:var(--x-pagination-item-spacing);margin:0;padding:0;white-space:nowrap;list-style:none}.x-pagination--list>.x-pagination--item{margin:0}.x-pagination--item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;padding:0 var(--x-pagination-padding-horizontal);margin:0;color:var(--x-pagination-color-item-text);text-align:center;vertical-align:middle;list-style:none;background-color:var(--x-pagination-color-bg-item);border:var(--x-pagination-border-width) solid var(--x-pagination-color-item-border);border-radius:var(--x-pagination-item-border-radius);outline:0;cursor:pointer;user-select:none;min-width:var(--x-pagination-size-default);height:var(--x-pagination-size-default);font-size:var(--x-pagination-size-default-font-size);line-height:1}.x-pagination--item-previous,.x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-default)}.x-pagination--item:hover{color:var(--x-pagination-color-item-text_hover);background-color:var(--x-pagination-color-bg-item_hover);border-color:var(--x-pagination-color-item-border_hover)}.x-pagination--item:focus-visible{box-shadow:0 0 0 2px var(--x-pagination-color-item-outline_focus)}.x-pagination--item-active,.x-pagination--item-active:hover{color:var(--x-pagination-color-item-text_active);background-color:var(--x-pagination-color-bg-item_active);border-color:var(--x-pagination-color-item-border_active);transition:color var(--x-transition-duration-2) var(--x-transition-timing-function-linear),background-color var(--x-transition-duration-2) var(--x-transition-timing-function-linear)}.x-pagination--item-disabled,.x-pagination--item-disabled:hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination--item-previous,.x-pagination--item-next{color:var(--x-pagination-color-icon-arrow);font-size:var(--x-pagination-size-icon-arrow-default);background-color:var(--x-pagination-color-icon-arrow-bg)}.x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-color-icon-arrow-text_hover);background-color:var(--x-pagination-color-icon-arrow-bg_hover)}.x-pagination--item-previous svg,.x-pagination--item-next svg{display:block;width:1em;height:1em}.x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-color-icon-arrow-text_disabled);background-color:var(--x-pagination-color-icon-arrow-bg_disabled)}.x-pagination--item-ellipsis{font-size:var(--x-pagination-size-icon-ellipsis)}.x-pagination--jumper{display:flex;align-items:center;margin-left:var(--x-pagination-margin-jumper-left)}.x-pagination--jumper>span{font-size:var(--x-pagination-size-default-font-size)}.x-pagination--jumper-text-goto,.x-pagination--jumper--prepend,.x-pagination--jumper--append{color:var(--x-pagination-color-jumper-goto);white-space:nowrap}.x-pagination--jumper--prepend{margin-right:var(--x-pagination-item-spacing)}.x-pagination--jumper--append{margin-left:var(--x-pagination-item-spacing)}.x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-jumper-input-width);padding-right:2px;padding-left:2px}.x-pagination--jumper .x-pagination--jumper--input input{text-align:center}.x-pagination--options{position:relative;display:inline-block;flex:0 0 auto;min-width:0;margin-left:var(--x-pagination-margin-option-left);text-align:center;vertical-align:middle}.x-pagination--options .x-select--view{width:auto}.x-pagination--total{display:inline-block;height:100%;margin-right:var(--x-pagination-margin-total-spacing);color:var(--x-pagination-color-text-total);font-size:var(--x-pagination-size-default-font-size);font-size:var(--x-pagination-size-default-font-size);line-height:var(--x-pagination-size-default);white-space:nowrap}.x-pagination--jumper{flex:0 0 auto}.x-pagination--jumper--separator{padding:0 var(--x-pagination-simple-margin-separator-right) 0 var(--x-pagination-simple-margin-separator-left)}.x-pagination--jumper--total-page{margin-right:calc(var(--x-pagination-simple-margin-next-left) - var(--x-pagination-simple-margin-prev-right))}.x-pagination--simple{display:inline-flex;align-items:center;flex:0 0 auto}.x-pagination--simple>.x-pagination--item{margin:0}.x-pagination--simple .x-pagination--jumper{display:inline-flex;align-items:center;flex:0 0 auto;margin:0 var(--x-pagination-simple-margin-prev-right);color:var(--x-color-text-1)}.x-pagination--simple .x-pagination--jumper .x-pagination--jumper--input{width:var(--x-pagination-simple-input-width);margin-left:0}.x-pagination--simple .x-pagination--item-previous,.x-pagination--simple .x-pagination--item-next{color:var(--x-pagination-simple-color-icon-arrow);background-color:var(--x-pagination-simple-color-icon-arrow-bg)}.x-pagination--simple .x-pagination--item-previous:not(.x-pagination--item-disabled):hover,.x-pagination--simple .x-pagination--item-next:not(.x-pagination--item-disabled):hover{color:var(--x-pagination-simple-color-icon-arrow-text_hover);background-color:var(--x-pagination-simple-color-icon-arrow-bg_hover)}.x-pagination--simple .x-pagination--item-previous.x-pagination--item-disabled,.x-pagination--simple .x-pagination--item-next.x-pagination--item-disabled{color:var(--x-pagination-simple-color-icon-arrow-text_disabled);background-color:var(--x-pagination-simple-color-icon-arrow-bg_disabled)}.x-pagination-disabled{cursor:not-allowed}.x-pagination-disabled .x-pagination--item,.x-pagination-disabled .x-pagination--item:not(.x-pagination--item-disabled):not(.x-pagination--item-active):hover{color:var(--x-pagination-color-item-text_disabled);background-color:var(--x-pagination-color-bg-item_disabled);border-color:var(--x-pagination-color-item-border_disabled);cursor:not-allowed}.x-pagination-disabled .x-pagination--item-active{color:var(--x-pagination-color-item-text_active_disabled);background-color:var(--x-pagination-color-bg-item_active_disabled);border-color:var(--x-pagination-color-item-border_active_disabled)}.x-pagination-size-mini .x-pagination--item{min-width:var(--x-pagination-size-mini);height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:1}.x-pagination-size-mini .x-pagination--item-previous,.x-pagination-size-mini .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-mini)}.x-pagination-size-mini .x-pagination--total{font-size:var(--x-pagination-size-mini-font-size);line-height:var(--x-pagination-size-mini)}.x-pagination-size-mini .x-pagination--options{height:var(--x-pagination-size-mini);font-size:var(--x-pagination-size-mini-font-size);line-height:0}.x-pagination-size-mini .x-pagination--jumper>span{font-size:var(--x-pagination-size-mini-font-size)}.x-pagination-size-small .x-pagination--item{min-width:var(--x-pagination-size-small);height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:1}.x-pagination-size-small .x-pagination--item-previous,.x-pagination-size-small .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-small)}.x-pagination-size-small .x-pagination--total{font-size:var(--x-pagination-size-small-font-size);line-height:var(--x-pagination-size-small)}.x-pagination-size-small .x-pagination--options{height:var(--x-pagination-size-small);font-size:var(--x-pagination-size-small-font-size);line-height:0}.x-pagination-size-small .x-pagination--jumper>span{font-size:var(--x-pagination-size-small-font-size)}.x-pagination-size-large .x-pagination--item{min-width:var(--x-pagination-size-large);height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:1}.x-pagination-size-large .x-pagination--item-previous,.x-pagination-size-large .x-pagination--item-next{font-size:var(--x-pagination-size-icon-arrow-large)}.x-pagination-size-large .x-pagination--total{font-size:var(--x-pagination-size-large-font-size);line-height:var(--x-pagination-size-large)}.x-pagination-size-large .x-pagination--options{height:var(--x-pagination-size-large);font-size:var(--x-pagination-size-large-font-size);line-height:0}.x-pagination-size-large .x-pagination--jumper>span{font-size:var(--x-pagination-size-large-font-size)}

package/dist/style/steps.css

@@ -1 +1 @@
-.x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}
+.x-steps--item{position:relative;flex:1;margin-right:12px;overflow:hidden;white-space:nowrap;text-align:left}.x-steps--item:last-child{flex:none;margin-right:0}.x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps--item-disabled{cursor:not-allowed}.x-steps--item-disabled .x-steps--item--title,.x-steps--item-disabled .x-steps--item--description{color:var(--x-color-text-4)}.x-steps--item--node{display:inline-block;margin-right:12px;min-width:var(--x-size-7);min-height:var(--x-size-7);font-weight:var(--x-font-weight-500);font-size:var(--x-font-size-title-1);vertical-align:top}.x-steps--icon{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--x-size-7);height:var(--x-size-7);color:var(--x-color-text-2);font-size:var(--x-size-4);text-align:center;background-color:var(--x-color-fill-2);border:1px solid var(--x-color-transparent);border-radius:var(--x-border-radius-circle)}.x-steps--item-process .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-primary-6);border-color:var(--x-color-transparent)}.x-steps--item-finish .x-steps--icon{color:var(--x-color-primary-text);background-color:var(--x-color-primary-light-1);border-color:var(--x-color-transparent)}.x-steps--item-error .x-steps--icon{color:var(--x-color-white);background-color:var(--x-color-danger-6);border-color:var(--x-color-transparent)}.x-steps--item-disabled .x-steps--icon{color:var(--x-color-text-4);background-color:var(--x-color-fill-2)}.x-steps--item--title{position:relative;display:inline-block;padding-right:12px;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);line-height:var(--x-size-7);white-space:nowrap}.x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps--item--content{display:inline-block}.x-steps--item--description{max-width:140px;margin-top:var(--x-spacing-1);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item:not(:last-child) .x-steps--item--title::after{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);left:100%;display:block;box-sizing:border-box;width:5000px;height:var(--x-border-1);background-color:var(--x-color-neutral-3);content:""}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-finish:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-primary-6)}.x-steps--label-horizontal:not(.x-steps-mode-arrow):not(.x-steps-mode-navigation):not(.x-steps-mode-dot):not(.x-steps-vertical):not(.x-steps-line-less) .x-steps--item-next-error:not(:last-child) .x-steps--item--title::after{background-color:var(--x-color-danger-6)}.x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-7) - var(--x-border-1))/2);box-sizing:border-box;width:100%;height:var(--x-border-1)}.x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{top:0;left:calc((var(--x-size-7) - var(--x-border-1))/2);width:var(--x-border-1);height:auto;padding:0;bottom:0}.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{position:absolute;top:calc(var(--x-size-7) + 6px);bottom:6px;left:0;width:var(--x-border-1);height:auto}.x-steps-vertical .x-steps--item--node{margin-right:12px}.x-steps-vertical .x-steps--item--content{display:inline-block}.x-steps-size-small:not(.x-steps-vertical) .x-steps--item:not(:last-child) .x-steps--item--tail{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{left:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps-size-small.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{top:calc(var(--x-size-6) + 6px)}.x-steps-size-small .x-steps--item--node{font-size:var(--x-font-size-body-3)}.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3);line-height:var(--x-size-6)}.x-steps-size-small .x-steps--item--description{font-size:var(--x-font-size-body-1)}.x-steps-size-small .x-steps--icon{width:var(--x-size-6);height:var(--x-size-6);font-size:14px;line-height:var(--x-size-6)}.x-steps-size-small.x-steps--label-horizontal .x-steps--item:not(:last-child) .x-steps--item--title::after{top:calc((var(--x-size-6) - var(--x-border-1))/2)}.x-steps--label-vertical .x-steps--item{overflow:visible;text-align:center}.x-steps--label-vertical .x-steps--item--title{margin-top:var(--x-spacing-1);padding-right:0}.x-steps--label-vertical .x-steps--item--node{display:block;margin-left:calc((140px - var(--x-size-7))/2);text-align:left}.x-steps--label-vertical .x-steps--item--tail{left:calc(calc((140px - var(--x-size-7)) / 2) + var(--x-size-7) + 12px);padding-right:calc(var(--x-size-7) + 12px)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--node{margin-left:calc((140px - var(--x-size-6))/2)}.x-steps--label-vertical.x-steps-size-small .x-steps--item--tail{left:calc(calc((140px - var(--x-size-6)) / 2) + var(--x-size-6) + 12px);padding-right:calc(var(--x-size-6) + 12px)}.x-steps-mode-dot .x-steps--item{position:relative;flex:1;margin-right:calc(var(--x-size-2) + var(--x-spacing-2)*2);overflow:visible;white-space:nowrap;text-align:left}.x-steps-mode-dot .x-steps--item:last-child{flex:none;margin-right:0}.x-steps-mode-dot .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-dot .x-steps--item--node{display:inline-block;box-sizing:border-box;min-width:0;min-height:0;width:var(--x-size-2);height:var(--x-size-2);background-color:var(--x-color-fill-4);border:1px solid var(--x-color-fill-4);border-radius:var(--x-border-radius-circle);vertical-align:top}.x-steps-mode-dot .x-steps--item-active .x-steps--item--node{width:10px;height:10px}.x-steps-mode-dot .x-steps--item-process .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--node{background-color:var(--x-color-primary-6);border-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--node{background-color:var(--x-color-danger-6);border-color:var(--x-color-danger-6)}.x-steps-mode-dot .x-steps--item-disabled .x-steps--item--node{background-color:var(--x-color-fill-2);border-color:var(--x-color-fill-3)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--node{margin-left:calc((140px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item-active .x-steps--item--node{margin-top:calc((var(--x-size-2) - 10px)/2);margin-left:calc(calc((140px - var(--x-size-2)) / 2) - (10px - var(--x-size-2))/2)}.x-steps-mode-dot.x-steps-horizontal .x-steps--item--title::after{display:none}.x-steps-mode-dot .x-steps--item--content{display:inline-block}.x-steps-mode-dot .x-steps--item--title{position:relative;display:inline-block;margin-top:var(--x-spacing-2);color:var(--x-color-text-2);font-size:var(--x-font-size-title-1)}.x-steps-mode-dot .x-steps--item-process .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-dot .x-steps--item--description{margin-top:var(--x-spacing-2);color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:normal}.x-steps-mode-dot .x-steps--item-process .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item-error .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-dot .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;top:calc((var(--x-size-2) - var(--x-border-1))/2);left:calc(calc((140px - var(--x-size-2)) / 2) + var(--x-size-2) + var(--x-spacing-2));box-sizing:border-box;width:100%;height:var(--x-border-1);background-color:var(--x-color-neutral-3)}.x-steps-mode-dot .x-steps--item-finish:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-primary-6)}.x-steps-mode-dot .x-steps--item-next-error:not(:last-child) .x-steps--item--tail{background-color:var(--x-color-danger-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--node{margin-top:var(--x-spacing-4);margin-right:var(--x-spacing-7)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-active .x-steps--item--node{margin-top:calc(var(--x-spacing-4) - (10px - var(--x-size-2))/2);margin-left:calc((var(--x-size-2) - 10px)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--content{overflow:hidden}.x-steps-mode-dot.x-steps-vertical .x-steps--item--title{margin-top:calc(var(--x-spacing-4) + var(--x-size-2)/2 - var(--x-size-7)/2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item--description{margin-top:var(--x-spacing-2)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail{position:absolute;bottom:0;left:calc(var(--x-size-2)/2);box-sizing:border-box;width:1px;height:100%;padding-top:calc(var(--x-size-2) + 4px + var(--x-spacing-2));padding-bottom:2px;background-color:var(--x-color-transparent);transform:translateX(-50%)}.x-steps-mode-dot.x-steps-vertical .x-steps--item:not(:last-child) .x-steps--item--tail::after{display:block;width:100%;height:100%;background-color:var(--x-color-neutral-3);content:""}.x-steps-mode-dot.x-steps-vertical .x-steps--item-finish:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-primary-6)}.x-steps-mode-dot.x-steps-vertical .x-steps--item-next-error:not(:last-child) .x-steps--item--tail::after{background-color:var(--x-color-danger-6)}.x-steps{--x-steps-arrow-height: 72px;--x-steps-size-arrow: 36px}.x-steps-mode-arrow .x-steps--item{position:relative;display:flex;flex:1;align-items:center;height:var(--x-steps-arrow-height);overflow:visible;white-space:nowrap;background-color:var(--x-color-fill-1)}.x-steps-mode-arrow .x-steps--item:not(:last-child){margin-right:var(--x-spacing-2)}.x-steps-mode-arrow .x-steps--item:not(:first-child)::before{position:absolute;top:0;left:0;z-index:1;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-bg-2);content:""}.x-steps-mode-arrow .x-steps--item:not(:last-child)::after{position:absolute;top:0;right:calc(var(--x-steps-size-arrow)*-1);z-index:2;display:block;width:0;height:0;border-top:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-bottom:var(--x-steps-size-arrow) solid var(--x-color-transparent);border-left:var(--x-steps-size-arrow) solid var(--x-color-fill-1);content:""}.x-steps-mode-arrow .x-steps--item-process{background-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-process:not(:last-child)::after{border-left-color:var(--x-color-primary-6)}.x-steps-mode-arrow .x-steps--item-finish{background-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-finish:not(:last-child)::after{border-left-color:var(--x-color-primary-light-1)}.x-steps-mode-arrow .x-steps--item-error{background-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-error:not(:last-child)::after{border-left-color:var(--x-color-danger-6)}.x-steps-mode-arrow .x-steps--item-disabled{background-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item-disabled:not(:last-child)::after{border-left-color:var(--x-color-fill-2)}.x-steps-mode-arrow .x-steps--item--content{display:inline-block;box-sizing:border-box}.x-steps-mode-arrow .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-7)}.x-steps-mode-arrow .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-7) + var(--x-steps-size-arrow))}.x-steps-mode-arrow .x-steps--item--title{position:relative;display:inline-block;color:var(--x-color-text-2);font-size:var(--x-font-size-title-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item--title::after{display:none}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--title{color:var(--x-color-text-1)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--title{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-active .x-steps--item--title{font-weight:var(--x-font-weight-500)}.x-steps-mode-arrow .x-steps--item--description{max-width:none;margin-top:0;color:var(--x-color-text-3);font-size:var(--x-font-size-body-1);white-space:nowrap}.x-steps-mode-arrow .x-steps--item-process .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow .x-steps--item-finish .x-steps--item--description{color:var(--x-color-text-3)}.x-steps-mode-arrow .x-steps--item-error .x-steps--item--description{color:var(--x-color-white)}.x-steps-mode-arrow.x-steps-size-small{--x-steps-arrow-height: var(--x-size-10);--x-steps-size-arrow: calc(var(--x-size-10) / 2)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--title{font-size:var(--x-font-size-body-3)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item--description{display:none}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:first-child .x-steps--item--content{padding-left:var(--x-spacing-8)}.x-steps-mode-arrow.x-steps-size-small .x-steps--item:not(:first-child) .x-steps--item--content{padding-left:calc(var(--x-spacing-8) + var(--x-size-10)/2)}.x-steps-mode-navigation .x-steps--item--title::after{display:none}.x-steps-mode-navigation .x-steps--item{position:relative;padding-right:var(--x-spacing-5);padding-left:var(--x-spacing-8);margin-right:var(--x-spacing-10)}.x-steps-mode-navigation .x-steps--item:last-child{flex:1}.x-steps-mode-navigation .x-steps--item--content{margin-bottom:20px}.x-steps-mode-navigation .x-steps--item--description{padding-right:20px}.x-steps-mode-navigation .x-steps--item-active .x-steps--item--title{color:var(--x-color-primary-text);font-weight:var(--x-font-weight-500)}.x-steps-mode-navigation .x-steps--item:not(:last-child) .x-steps--item--content::after{position:absolute;top:var(--x-spacing-5);right:30px;display:inline-block;width:6px;height:6px;background-color:var(--x-color-bg-2);border:2px solid var(--x-color-text-4);border-bottom:none;border-left:none;transform:rotate(45deg);content:""}.x-steps{display:flex}.x-steps-vertical{flex-direction:column}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled){cursor:pointer}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--title,.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):hover .x-steps--item--description{color:var(--x-color-primary-text)}.x-steps-changeable .x-steps--item:not(.x-steps--item-active):not(.x-steps--item-disabled):focus-visible{outline:2px solid var(--x-color-primary-text);outline-offset:4px}.x-steps-changeable .x-steps--item--title,.x-steps-changeable .x-steps--item--description{transition:color var(--x-transition-duration-1) var(--x-transition-timing-function-linear)}.x-steps-line-less .x-steps--item--tail,.x-steps-line-less .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item:not(:last-child){min-height:90px}.x-steps-vertical .x-steps--item--content{vertical-align:top}.x-steps-vertical .x-steps--item--title::after{display:none}.x-steps-vertical .x-steps--item--description{max-width:none}.x-steps--label-vertical .x-steps--item--content{display:block;width:140px;text-align:center}.x-steps--label-vertical .x-steps--item--description{max-width:none}

package/dist/style/tabs.css

@@ -1 +1 @@
-:root{--x-tabs-color-text: var(--x-color-text-2);--x-tabs-color-text-hover: var(--x-color-text-1);--x-tabs-color-text-active: var(--x-color-primary-6);--x-tabs-color-text-disabled: var(--x-color-text-4);--x-tabs-color-border: var(--x-color-neutral-3);--x-tabs-color-bg: var(--x-color-bg-white);--x-tabs-color-fill: var(--x-color-fill-1);--x-tabs-color-fill-hover: var(--x-color-fill-2);--x-tabs-color-fill-active: var(--x-color-primary-light-1);--x-tabs-color-focus: var(--x-color-primary-6);--x-tabs-content-padding: var(--x-spacing-7);--x-tabs-border-radius: var(--x-border-radius-small);--x-tabs-transition-duration: var(--x-transition-duration-2);--x-tabs-transition-timing: var(--x-transition-timing-function-standard)}.x-tabs{position:relative;box-sizing:border-box;width:100%;color:var(--x-tabs-color-text)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column}.x-tabs-vertical{display:flex;align-items:stretch}.x-tabs-vertical>.x-tabs--content{flex:1;min-width:0;padding-top:0}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom>.x-tabs--content{padding-top:0;padding-bottom:var(--x-tabs-content-padding)}.x-tabs-justify{height:100%}.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content--list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:var(--x-tabs-content-padding);overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--list-animation{transition:margin var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto;overflow:visible}.x-tabs--pane{box-sizing:border-box;width:100%}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{padding:var(--x-tabs-content-padding);border:1px solid var(--x-tabs-color-border);border-top:none}.x-tabs-type-card.x-tabs-bottom>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-bottom>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs-type-card.x-tabs-left>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-left>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-left:none}.x-tabs-type-card.x-tabs-right>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-right>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-right:none}.x-tabs--nav{position:relative;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;overflow:hidden}.x-tabs--nav::before{position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-bottom::before{top:0;bottom:auto}.x-tabs--nav-vertical{flex-direction:column;align-items:stretch}.x-tabs--nav-vertical::before{top:0;right:0;bottom:0;left:auto;width:1px;height:auto}.x-tabs--nav-right::before{right:auto;left:0}.x-tabs--nav--tab{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.x-tabs--nav--tab-scroll{flex:1 1 auto}.x-tabs--nav--tab--list{position:relative;display:inline-flex;flex:none;align-items:center;white-space:nowrap;transition:transform var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav-vertical .x-tabs--nav--tab{flex-direction:column;width:100%;min-height:0}.x-tabs--nav-vertical .x-tabs--nav--tab--list{flex-direction:column;align-items:stretch;width:100%}.x-tabs--nav--extra{display:inline-flex;flex:none;align-items:center;gap:var(--x-spacing-3);min-width:0}.x-tabs--nav--add-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer}.x-tabs--nav--add-btn:hover{color:var(--x-tabs-color-text-active)}.x-tabs--nav-type-text::before,.x-tabs--nav-type-rounded::before,.x-tabs--nav-type-capsule::before{display:none}.x-tabs--tab{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--x-tabs-tab-height);padding:0 var(--x-tabs-tab-padding-x);color:var(--x-tabs-color-text);font-size:var(--x-tabs-tab-font-size);line-height:1.5715;outline:none;cursor:pointer;transition:color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),background-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),border-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear)}.x-tabs--tab--title{display:inline-flex;align-items:center;min-width:0}.x-tabs--tab--close-btn{display:inline-flex;margin-left:var(--x-spacing-2);color:inherit;cursor:pointer}.x-tabs--tab:hover{color:var(--x-tabs-color-text-hover)}.x-tabs--tab:focus-visible{box-shadow:inset 0 0 0 2px var(--x-tabs-color-focus)}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:var(--x-tabs-color-text-active);font-weight:var(--x-font-weight-500)}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}.x-tabs--nav-size-mini{--x-tabs-tab-height: 28px;--x-tabs-tab-font-size: var(--x-font-size-body-1);--x-tabs-tab-padding-x: var(--x-spacing-4);--x-tabs-tab-gap: var(--x-spacing-3)}.x-tabs--nav-size-small{--x-tabs-tab-height: 32px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-5);--x-tabs-tab-gap: var(--x-spacing-4)}.x-tabs--nav-size-medium{--x-tabs-tab-height: 36px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-6);--x-tabs-tab-gap: var(--x-spacing-5)}.x-tabs--nav-size-large{--x-tabs-tab-height: 44px;--x-tabs-tab-font-size: var(--x-font-size-title-1);--x-tabs-tab-padding-x: var(--x-spacing-7);--x-tabs-tab-gap: var(--x-spacing-6)}.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-line .x-tabs--nav--tab--list-no-padding .x-tabs--tab:first-child{padding-left:0}.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-type-card-gutter .x-tabs--tab{background-color:var(--x-tabs-color-bg);border:1px solid var(--x-tabs-color-border)}.x-tabs--nav-type-card .x-tabs--tab:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-bg);z-index:1}.x-tabs--nav-type-card .x-tabs--tab-disabled,.x-tabs--nav-type-card .x-tabs--tab-disabled:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled:hover{background-color:var(--x-tabs-color-fill)}.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:none}.x-tabs--nav-type-card .x-tabs--tab:first-child{border-top-left-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card .x-tabs--tab:last-child{border-top-right-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0 0}.x-tabs--nav-bottom.x-tabs--nav-type-card,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter{margin-top:-1px}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 0 var(--x-tabs-border-radius) var(--x-tabs-border-radius)}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-top-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter,.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{height:auto}.x-tabs--nav-left.x-tabs--nav-type-card::before,.x-tabs--nav-left.x-tabs--nav-type-card-gutter::before,.x-tabs--nav-right.x-tabs--nav-type-card::before,.x-tabs--nav-right.x-tabs--nav-type-card-gutter::before{display:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{width:100%;border-radius:var(--x-tabs-border-radius) 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:not(:last-child),.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:first-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:var(--x-tabs-border-radius) 0 0 0}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:last-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter{margin-right:-1px}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{margin-left:-1px}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-border);border-left-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:0 var(--x-tabs-border-radius) 0 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 var(--x-tabs-border-radius) 0}.x-tabs--nav-type-text .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-text .x-tabs--tab{height:auto;min-height:var(--x-tabs-tab-height);padding:0}.x-tabs--nav-type-text .x-tabs--tab:not(:first-child)::before{width:1px;height:.8em;margin-right:var(--x-tabs-tab-gap);background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-type-text .x-tabs--tab--title{padding:var(--x-spacing-1) var(--x-tabs-tab-padding-x);border-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-text .x-tabs--tab:hover .x-tabs--tab--title,.x-tabs--nav-type-text .x-tabs--tab-active .x-tabs--tab--title{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-rounded .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-rounded .x-tabs--tab{background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-rounded .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-rounded .x-tabs--tab-active,.x-tabs--nav-type-rounded .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-capsule .x-tabs--nav--tab--list{gap:var(--x-spacing-1);padding:var(--x-spacing-1);background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab{border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-capsule .x-tabs--tab-active,.x-tabs--nav-type-capsule .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);box-shadow:var(--x-shadow-special)}.x-tabs--nav-vertical .x-tabs--tab{justify-content:flex-start;width:100%}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:0}.x-tabs--nav--ink{position:absolute;right:auto;bottom:0;left:0;height:2px;background-color:var(--x-tabs-color-text-active);border-radius:var(--x-border-radius-small);transition:top var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),left var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),width var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),height var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav--ink-disabled{background-color:var(--x-tabs-color-text-disabled)}.x-tabs--nav-vertical .x-tabs--nav--ink{top:0;right:0;bottom:auto;left:auto;width:2px;height:auto}.x-tabs--nav-right .x-tabs--nav--ink{right:auto;left:0}.x-tabs-nav-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer;user-select:none}.x-tabs-nav-button-left{margin-right:var(--x-spacing-3);margin-left:var(--x-spacing-6)}.x-tabs-nav-button-right{margin-right:var(--x-spacing-6);margin-left:var(--x-spacing-3)}.x-tabs-nav-button-up{margin-bottom:var(--x-spacing-6)}.x-tabs-nav-button-down{margin-top:var(--x-spacing-6)}.x-tabs-nav-button:hover{color:var(--x-tabs-color-text-active)}.x-tabs-nav-button-disabled,.x-tabs-nav-button-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}
+:root{--x-tabs-color-text: var(--x-color-text-2);--x-tabs-color-text-hover: var(--x-color-text-1);--x-tabs-color-text-active: var(--x-color-primary-6);--x-tabs-color-text-disabled: var(--x-color-text-4);--x-tabs-color-border: var(--x-color-neutral-3);--x-tabs-color-bg: var(--x-color-bg-white);--x-tabs-color-fill: var(--x-color-fill-1);--x-tabs-color-fill-hover: var(--x-color-fill-2);--x-tabs-color-fill-active: var(--x-color-primary-light-1);--x-tabs-color-focus: var(--x-color-primary-6);--x-tabs-content-padding: var(--x-spacing-7);--x-tabs-border-radius: var(--x-border-radius-small);--x-tabs-transition-duration: var(--x-transition-duration-2);--x-tabs-transition-timing: var(--x-transition-timing-function-standard)}.x-tabs{position:relative;box-sizing:border-box;width:100%;color:var(--x-tabs-color-text)}.x-tabs-horizontal,.x-tabs-justify{display:flex;flex-direction:column}.x-tabs-vertical{display:flex;flex-direction:row;align-items:stretch}.x-tabs-vertical>.x-tabs--content{flex:1;min-width:0;padding-top:0}.x-tabs-vertical.x-tabs-left>.x-tabs--content{padding-left:var(--x-tabs-content-padding)}.x-tabs-vertical.x-tabs-right>.x-tabs--content{padding-right:var(--x-tabs-content-padding)}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom>.x-tabs--content{padding-top:0;padding-bottom:var(--x-tabs-content-padding)}.x-tabs-justify{height:100%}.x-tabs-justify .x-tabs--content,.x-tabs-justify .x-tabs--content--list,.x-tabs-justify .x-tabs--pane{height:100%}.x-tabs--content{box-sizing:border-box;width:100%;padding-top:var(--x-tabs-content-padding);overflow:hidden}.x-tabs--content-hide{display:none}.x-tabs--content--list{display:flex;width:100%}.x-tabs--content--list-animation{transition:margin var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--content--item{flex-shrink:0;width:100%;height:0;overflow:hidden}.x-tabs--content--item-active{height:auto;overflow:visible}.x-tabs--pane{box-sizing:border-box;width:100%}.x-tabs-type-card>.x-tabs--content,.x-tabs-type-card-gutter>.x-tabs--content{padding:var(--x-tabs-content-padding);border:1px solid var(--x-tabs-color-border);border-top:none}.x-tabs-type-card.x-tabs-bottom>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-bottom>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs-type-card.x-tabs-left>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-left>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-left:none}.x-tabs-type-card.x-tabs-right>.x-tabs--content,.x-tabs-type-card-gutter.x-tabs-right>.x-tabs--content{border-top:1px solid var(--x-tabs-color-border);border-right:none}.x-tabs--nav{position:relative;display:flex;flex-shrink:0;align-items:center;box-sizing:border-box;overflow:hidden}.x-tabs--nav::before{position:absolute;right:0;bottom:0;left:0;display:block;height:1px;background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-bottom::before{top:0;bottom:auto}.x-tabs--nav-vertical{flex-direction:column;align-items:stretch}.x-tabs--nav-vertical::before{top:0;right:0;bottom:0;left:auto;width:1px;height:auto}.x-tabs--nav-right::before{right:auto;left:0}.x-tabs--nav--tab{display:flex;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden}.x-tabs--nav--tab-scroll{flex:1 1 auto}.x-tabs--nav--tab--list{position:relative;display:inline-flex;flex:none;align-items:center;white-space:nowrap;transition:transform var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav-vertical .x-tabs--nav--tab{flex-direction:column;width:100%;min-height:0}.x-tabs--nav-vertical .x-tabs--nav--tab--list{flex-direction:column;align-items:stretch;width:100%}.x-tabs--nav--extra{display:inline-flex;flex:none;align-items:center;gap:var(--x-spacing-3);min-width:0}.x-tabs--nav--add-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer}.x-tabs--nav--add-btn:hover{color:var(--x-tabs-color-text-active)}.x-tabs--nav-type-text::before,.x-tabs--nav-type-rounded::before,.x-tabs--nav-type-capsule::before{display:none}.x-tabs--tab{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:var(--x-tabs-tab-height);padding:0 var(--x-tabs-tab-padding-x);color:var(--x-tabs-color-text);font-size:var(--x-tabs-tab-font-size);line-height:1.5715;outline:none;cursor:pointer;transition:color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),background-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear),border-color var(--x-tabs-transition-duration) var(--x-transition-timing-function-linear)}.x-tabs--tab--title{display:inline-flex;align-items:center;min-width:0}.x-tabs--tab--close-btn{display:inline-flex;margin-left:var(--x-spacing-2);color:inherit;cursor:pointer}.x-tabs--tab:hover{color:var(--x-tabs-color-text-hover)}.x-tabs--tab:focus-visible{box-shadow:inset 0 0 0 2px var(--x-tabs-color-focus)}.x-tabs--tab-active,.x-tabs--tab-active:hover{color:var(--x-tabs-color-text-active);font-weight:var(--x-font-weight-500)}.x-tabs--tab-disabled,.x-tabs--tab-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}.x-tabs--nav-size-mini{--x-tabs-tab-height: 28px;--x-tabs-tab-font-size: var(--x-font-size-body-1);--x-tabs-tab-padding-x: var(--x-spacing-4);--x-tabs-tab-gap: var(--x-spacing-3)}.x-tabs--nav-size-small{--x-tabs-tab-height: 32px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-5);--x-tabs-tab-gap: var(--x-spacing-4)}.x-tabs--nav-size-medium{--x-tabs-tab-height: 36px;--x-tabs-tab-font-size: var(--x-font-size-body-3);--x-tabs-tab-padding-x: var(--x-spacing-6);--x-tabs-tab-gap: var(--x-spacing-5)}.x-tabs--nav-size-large{--x-tabs-tab-height: 44px;--x-tabs-tab-font-size: var(--x-font-size-title-1);--x-tabs-tab-padding-x: var(--x-spacing-7);--x-tabs-tab-gap: var(--x-spacing-6)}.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-line .x-tabs--nav--tab--list-no-padding .x-tabs--tab:first-child{padding-left:0}.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-type-card-gutter .x-tabs--tab{background-color:var(--x-tabs-color-bg);border:1px solid var(--x-tabs-color-border)}.x-tabs--nav-type-card .x-tabs--tab:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-bg);z-index:1}.x-tabs--nav-type-card .x-tabs--tab-disabled,.x-tabs--nav-type-card .x-tabs--tab-disabled:hover,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled,.x-tabs--nav-type-card-gutter .x-tabs--tab-disabled:hover{background-color:var(--x-tabs-color-fill)}.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:none}.x-tabs--nav-type-card .x-tabs--tab:first-child{border-top-left-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card .x-tabs--tab:last-child{border-top-right-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0 0}.x-tabs--nav-bottom .x-tabs--nav--ink{top:0;bottom:auto}.x-tabs--nav-bottom.x-tabs--nav-type-card,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter{margin-top:-1px}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 0 var(--x-tabs-border-radius) var(--x-tabs-border-radius)}.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-bottom.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-top-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter,.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{height:auto}.x-tabs--nav-left.x-tabs--nav-type-card::before,.x-tabs--nav-left.x-tabs--nav-type-card-gutter::before,.x-tabs--nav-right.x-tabs--nav-type-card::before,.x-tabs--nav-right.x-tabs--nav-type-card-gutter::before{display:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{width:100%;border-radius:var(--x-tabs-border-radius) 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg);border-bottom-color:var(--x-tabs-color-border)}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:not(:last-child),.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:not(:last-child){border-right:1px solid var(--x-tabs-color-border);border-bottom:none}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:first-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:var(--x-tabs-border-radius) 0 0 0}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab:last-child,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 0 var(--x-tabs-border-radius)}.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--nav--tab--list{gap:var(--x-spacing-2)}.x-tabs--nav-left.x-tabs--nav-type-card,.x-tabs--nav-left.x-tabs--nav-type-card-gutter{margin-right:-1px}.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card .x-tabs--tab.x-tabs--tab-active:hover,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active,.x-tabs--nav-left.x-tabs--nav-type-card-gutter .x-tabs--tab.x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card,.x-tabs--nav-right.x-tabs--nav-type-card-gutter{margin-left:-1px}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab{border-radius:0 var(--x-tabs-border-radius) var(--x-tabs-border-radius) 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab-active:hover,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active,.x-tabs--nav-right.x-tabs--nav-type-card-gutter .x-tabs--tab-active:hover{border-right-color:var(--x-tabs-color-border);border-left-color:var(--x-tabs-color-bg)}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:first-child{border-radius:0 var(--x-tabs-border-radius) 0 0}.x-tabs--nav-right.x-tabs--nav-type-card .x-tabs--tab:last-child{border-radius:0 0 var(--x-tabs-border-radius) 0}.x-tabs--nav-type-text .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-text .x-tabs--tab{height:auto;min-height:var(--x-tabs-tab-height);padding:0}.x-tabs--nav-type-text .x-tabs--tab:not(:first-child)::before{width:1px;height:.8em;margin-right:var(--x-tabs-tab-gap);background-color:var(--x-tabs-color-border);content:""}.x-tabs--nav-type-text .x-tabs--tab--title{padding:var(--x-spacing-1) var(--x-tabs-tab-padding-x);border-radius:var(--x-tabs-border-radius)}.x-tabs--nav-type-text .x-tabs--tab:hover .x-tabs--tab--title,.x-tabs--nav-type-text .x-tabs--tab-active .x-tabs--tab--title{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-rounded .x-tabs--nav--tab--list{gap:var(--x-tabs-tab-gap)}.x-tabs--nav-type-rounded .x-tabs--tab{background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-rounded .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-rounded .x-tabs--tab-active,.x-tabs--nav-type-rounded .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-fill-active)}.x-tabs--nav-type-capsule .x-tabs--nav--tab--list{gap:var(--x-spacing-1);padding:var(--x-spacing-1);background-color:var(--x-tabs-color-fill);border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab{border-radius:999px}.x-tabs--nav-type-capsule .x-tabs--tab:hover{background-color:var(--x-tabs-color-fill-hover)}.x-tabs--nav-type-capsule .x-tabs--tab-active,.x-tabs--nav-type-capsule .x-tabs--tab-active:hover{background-color:var(--x-tabs-color-bg);box-shadow:var(--x-shadow-special)}.x-tabs--nav-vertical .x-tabs--tab{justify-content:flex-start;width:100%}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--nav--tab--list{gap:0}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--tab{padding:0 var(--x-spacing-8);margin-top:var(--x-spacing-6)}.x-tabs--nav-vertical.x-tabs--nav-type-line .x-tabs--tab:first-of-type{margin-top:0}.x-tabs--nav-vertical .x-tabs--nav--tab-list-overflow-scroll{padding:var(--x-spacing-3) 0}.x-tabs--nav-vertical .x-tabs--nav--add-btn{height:auto;padding:0 var(--x-spacing-7);margin-top:var(--x-spacing-6)}.x-tabs--nav--ink{position:absolute;right:auto;bottom:0;left:0;height:2px;background-color:var(--x-tabs-color-text-active);border-radius:var(--x-border-radius-small);transition:top var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),left var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),width var(--x-tabs-transition-duration) var(--x-tabs-transition-timing),height var(--x-tabs-transition-duration) var(--x-tabs-transition-timing)}.x-tabs--nav--ink-disabled{background-color:var(--x-tabs-color-text-disabled)}.x-tabs--nav-vertical .x-tabs--nav--ink{top:0;right:0;bottom:auto;left:auto;width:2px;height:auto}.x-tabs--nav-right .x-tabs--nav--ink{right:auto;left:0}.x-tabs-nav-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--x-size-8);height:var(--x-size-8);color:var(--x-tabs-color-text);cursor:pointer;user-select:none}.x-tabs-nav-button-left{margin-right:var(--x-spacing-3);margin-left:var(--x-spacing-6)}.x-tabs-nav-button-right{margin-right:var(--x-spacing-6);margin-left:var(--x-spacing-3)}.x-tabs-nav-button-up{margin-bottom:var(--x-spacing-6)}.x-tabs-nav-button-down{margin-top:var(--x-spacing-6)}.x-tabs-nav-button:hover{color:var(--x-tabs-color-text-active)}.x-tabs-nav-button-disabled,.x-tabs-nav-button-disabled:hover{color:var(--x-tabs-color-text-disabled);cursor:not-allowed}