@shtabapp/ui-kit 1.26.0

package/dist/uikit-components.css

@@ -0,0 +1,2 @@
+@layer components{.s-ui-avatar{--s-ui-avatar-size: var(--s-ui-dimension-40);--s-ui-avatar-radius: var(--s-ui-border-radius-rounded);--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-static);--s-ui-avatar-name-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-name-typography: var(--s-ui-typography-label-12-medium);--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-avatar-shadow: none;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;vertical-align:middle;-webkit-user-select:none;user-select:none}.s-ui-avatar:focus{outline:none}.s-ui-avatar__content{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-avatar-size);height:var(--s-ui-avatar-size);overflow:hidden;color:var(--s-ui-avatar-color);background:var(--s-ui-avatar-background);border-radius:var(--s-ui-avatar-radius);outline:1px solid var(--s-ui-avatar-outline-color);outline-offset:0;box-shadow:var(--s-ui-avatar-shadow)}.s-ui-avatar__image{display:block;width:100%;height:100%;object-fit:cover}.s-ui-avatar__initials{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar__name{min-width:0;overflow:hidden;font:var(--s-ui-avatar-name-typography);color:var(--s-ui-avatar-name-color);text-overflow:ellipsis;white-space:nowrap}.s-ui-avatar--size-80{--s-ui-avatar-size: var(--s-ui-dimension-80)}.s-ui-avatar--size-40{--s-ui-avatar-size: var(--s-ui-dimension-40)}.s-ui-avatar--size-32{--s-ui-avatar-size: var(--s-ui-dimension-32)}.s-ui-avatar--size-24{--s-ui-avatar-size: var(--s-ui-dimension-24)}.s-ui-avatar--size-20{--s-ui-avatar-size: var(--s-ui-dimension-20)}.s-ui-avatar--size-16{--s-ui-avatar-size: var(--s-ui-dimension-16)}.s-ui-avatar--shape-square{--s-ui-avatar-radius: var(--s-ui-border-radius-base)}.s-ui-avatar--color-teal{--s-ui-avatar-background: var(--s-ui-color-background-accent-teal-primary)}.s-ui-avatar--color-cyan{--s-ui-avatar-background: var(--s-ui-color-background-accent-cyan-primary)}.s-ui-avatar--color-indigo{--s-ui-avatar-background: var(--s-ui-color-background-accent-indigo-primary)}.s-ui-avatar--color-violet{--s-ui-avatar-background: var(--s-ui-color-background-accent-violet-primary)}.s-ui-avatar--color-pink{--s-ui-avatar-background: var(--s-ui-color-background-accent-pink-primary)}.s-ui-avatar--color-surface{--s-ui-avatar-background: var(--s-ui-color-surface-primary);--s-ui-avatar-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-avatar--disabled{opacity:.38;pointer-events:none}.s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{--s-ui-avatar-outline-color: var(--s-ui-color-border-main-selected);--s-ui-avatar-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-avatar-group{--s-ui-avatar-group-overlap: var(--s-ui-dimension-4);--s-ui-avatar-group-overflow-background: var(--s-ui-color-surface-primary);--s-ui-avatar-group-overflow-color: var(--s-ui-color-text-surface-primary);--s-ui-avatar-group-overflow-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-20);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);max-width:100%;min-width:0;color:var(--s-ui-color-text-surface-primary)}.s-ui-avatar-group__cluster{box-sizing:border-box;display:inline-flex;align-items:center;min-width:0;isolation:isolate}.s-ui-avatar-group__cluster:empty{display:none}.s-ui-avatar-group__cluster .s-ui-avatar{position:relative;z-index:var(--s-ui-avatar-group-item-z-index, 0)}.s-ui-avatar-group__cluster .s-ui-avatar:not(:last-child){margin-inline-end:calc(-1 * var(--s-ui-avatar-group-overlap))}.s-ui-avatar-group__cluster .s-ui-avatar:not(.s-ui-avatar--disabled):focus-visible{z-index:1000}.s-ui-avatar-group--size-extra-small{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-16)}.s-ui-avatar-group--size-extra-small .s-ui-avatar-group__overflow{font:var(--s-ui-typography-label-10-medium)}.s-ui-avatar-group--size-medium{--s-ui-avatar-group-overflow-size: var(--s-ui-dimension-24)}.s-ui-avatar-group__overflow{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-avatar-group-overflow-size);height:var(--s-ui-avatar-group-overflow-size);font:var(--s-ui-typography-label-12-medium);color:var(--s-ui-avatar-group-overflow-color);-webkit-user-select:none;user-select:none;background:var(--s-ui-avatar-group-overflow-background);border-radius:var(--s-ui-border-radius-rounded);outline:1px solid var(--s-ui-avatar-group-overflow-outline-color);outline-offset:0}.s-ui-avatar-group--disabled{pointer-events:none}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster{opacity:.38}.s-ui-avatar-group--disabled .s-ui-avatar-group__cluster .s-ui-avatar.s-ui-avatar--disabled{opacity:1}.s-ui-avatar-group--disabled .s-ui-avatar-group__overflow{opacity:.38}}@layer components{.s-ui-badge{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static);box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;min-height:var(--s-ui-dimension-14);padding:var(--s-ui-dimension-1) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-badge-bg);color:var(--s-ui-badge-color)}.s-ui-badge-anchor{position:relative;display:inline-flex;vertical-align:middle}.s-ui-badge--anchored{--s-ui-badge-offset-x: 0px;--s-ui-badge-offset-y: 0px;position:absolute;z-index:1;pointer-events:none}.s-ui-badge--placement-top-end{top:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-top-start{top:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(-50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-end{bottom:0;right:0;transform:translate(calc(50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--placement-bottom-start{bottom:0;left:0;transform:translate(calc(-50% + var(--s-ui-badge-offset-x)),calc(50% + var(--s-ui-badge-offset-y)))}.s-ui-badge--single{min-width:var(--s-ui-dimension-14);padding-inline:var(--s-ui-dimension-1)}.s-ui-badge__label{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-8);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-badge--color-danger{--s-ui-badge-bg: var(--s-ui-color-background-accent-red-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-main{--s-ui-badge-bg: var(--s-ui-color-background-main-primary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-gray{--s-ui-badge-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-badge-color: var(--s-ui-color-text-surface-static)}.s-ui-badge--color-white{--s-ui-badge-bg: var(--s-ui-color-surface-primary);--s-ui-badge-color: var(--s-ui-color-text-accent-blue-primary)}.s-ui-badge--color-disabled{--s-ui-badge-bg: var(--s-ui-color-background-disabled-surface);--s-ui-badge-color: var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-button-group{display:inline-flex;flex-wrap:nowrap;align-items:stretch}.s-ui-button-group--orientation-vertical{flex-direction:column}.s-ui-button-group--layout-separated{gap:var(--s-ui-space-gap-small)}.s-ui-button-group__item{display:inline-flex}.s-ui-button-group--layout-attached>.s-ui-button,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button{transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--variant-billing,.s-ui-button-group--layout-attached>.s-ui-button-group__item .s-ui-button-group__button.s-ui-button--variant-billing{transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child){margin-inline-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-bottom-left-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-horizontal>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-top-right-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child){margin-block-start:-1px}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:first-child) .s-ui-button-group__button{border-top-left-radius:0;border-top-right-radius:0}.s-ui-button-group--layout-attached.s-ui-button-group--orientation-vertical>.s-ui-button-group__item:not(:last-child) .s-ui-button-group__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.s-ui-button-group--layout-attached>.s-ui-button:hover:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button:focus-visible:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:hover:not(.s-ui-button--disabled)),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:focus-visible:not(.s-ui-button--disabled)){z-index:1}.s-ui-button-group--layout-attached>.s-ui-button.s-ui-button--active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button.s-ui-button--active:not(.s-ui-button--disabled)){z-index:2}.s-ui-button-group--layout-attached>.s-ui-button:active:not(.s-ui-button--disabled),.s-ui-button-group--layout-attached>.s-ui-button-group__item:has(.s-ui-button-group__button:active:not(.s-ui-button--disabled)){z-index:3}}@layer components{.s-ui-button{--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section);--s-ui-button-border: none;--s-ui-button-cursor: pointer;--s-ui-button-shadow: none;--s-ui-button-action-color-enabled: var(--s-ui-color-text-main-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-main-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-main-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-button-loud-background-selected: var(--s-ui-color-background-main-action-loud-selected);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-button-calm-background-selected: var(--s-ui-color-background-main-action-calm-selected);--s-ui-button-border-enabled: var(--s-ui-color-border-main-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-main-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-main-pressed);--s-ui-button-border-selected: var(--s-ui-color-border-main-selected);--s-ui-button-outline-offset: 0;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-main);position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:var(--s-ui-button-cursor);padding:var(--s-ui-button-padding);box-sizing:border-box;background-color:var(--s-ui-button-background-color);color:var(--s-ui-button-color);border-radius:var(--s-ui-button-border-radius);border:var(--s-ui-button-border);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);outline:var(--s-ui-button-outline-width) solid var(--s-ui-button-outline-color);outline-offset:var(--s-ui-button-outline-offset);box-shadow:var(--s-ui-button-shadow)}.s-ui-button--link{text-decoration:none;cursor:var(--s-ui-button-cursor)}.s-ui-button--variant-neutral{--s-ui-button-action-color-enabled: var(--s-ui-color-text-surface-tertiary);--s-ui-button-action-color-hovered: var(--s-ui-color-text-surface-secondary);--s-ui-button-action-color-pressed: var(--s-ui-color-text-surface-primary);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-neutral-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-neutral-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-neutral-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-neutral-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-neutral-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-neutral-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-surface)}.s-ui-button--variant-danger{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-danger-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-danger-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-danger-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-danger-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-danger-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-danger-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-danger)}.s-ui-button--variant-success{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-green-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-green-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-green-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-success-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-success-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-success-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-success-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-success-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-success-action-pressed);--s-ui-button-disabled-background-color: var(--s-ui-color-background-disabled-success)}.s-ui-button--variant-billing{--s-ui-button-action-color-enabled: var(--s-ui-color-text-accent-billing-action-enabled);--s-ui-button-action-color-hovered: var(--s-ui-color-text-accent-billing-action-hovered);--s-ui-button-action-color-pressed: var(--s-ui-color-text-accent-billing-action-pressed);--s-ui-button-loud-background-enabled: var(--s-ui-color-background-billing-action-loud-enabled);--s-ui-button-loud-background-hovered: var(--s-ui-color-background-billing-action-loud-hovered);--s-ui-button-loud-background-pressed: var(--s-ui-color-background-billing-action-loud-pressed);--s-ui-button-calm-background-enabled: var(--s-ui-color-background-billing-action-calm-enabled);--s-ui-button-calm-background-hovered: var(--s-ui-color-background-billing-action-calm-hovered);--s-ui-button-calm-background-pressed: var(--s-ui-color-background-billing-action-calm-pressed);--s-ui-button-border-enabled: var(--s-ui-color-border-billing-action-enabled);--s-ui-button-border-hovered: var(--s-ui-color-border-billing-action-hovered);--s-ui-button-border-pressed: var(--s-ui-color-border-billing-action-pressed);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-button-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:hover:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-button--variant-billing:active:not(.s-ui-button--disabled,.s-ui-button--loading),.s-ui-button--variant-billing.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-button--tab-focus:focus-visible{--s-ui-button-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-button--tab-focus.s-ui-button--disabled:focus-visible,.s-ui-button--tab-focus.s-ui-button--loading:focus-visible{outline:none}.s-ui-button__inner{display:inline-flex;align-items:center;gap:var(--s-ui-button-gap)}.s-ui-button__inner .s-ui-icon>svg{box-sizing:border-box}.s-ui-button--size-large .s-ui-button__inner .s-ui-icon>svg{padding:2px}.s-ui-button--size-medium .s-ui-button__inner .s-ui-icon>svg{padding:1px}.s-ui-button--loading .s-ui-button__inner{visibility:hidden}.s-ui-button__spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.s-ui-button--loading{pointer-events:none}.s-ui-button--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-button--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium)}.s-ui-button--icon-only.s-ui-button--size-small{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-button--icon-only.s-ui-button--size-medium{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-button--icon-only.s-ui-button--size-large{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-button--appearance-major{--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--appearance-major:hover{--s-ui-button-background-color: var(--s-ui-button-loud-background-hovered)}.s-ui-button--appearance-major:active{--s-ui-button-background-color: var(--s-ui-button-loud-background-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-major.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-loud-background-selected)}.s-ui-button--variant-billing.s-ui-button--appearance-major{background-color:transparent;background-image:var(--s-ui-button-billing-gradient)}.s-ui-button--appearance-minor{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-minor:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-button--appearance-minor:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled){--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%)}.s-ui-button--variant-billing.s-ui-button--appearance-minor:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-minor.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major,.s-ui-button--disabled) .s-ui-button__label{background-image:var(--s-ui-button-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--disabled .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:var(--s-ui-color-text-surface-disabled)}.s-ui-button--variant-billing:not(.s-ui-button--appearance-major).s-ui-button--loading .s-ui-button__label{background-image:none;background-clip:unset;filter:none;color:transparent}.s-ui-button--appearance-surface{--s-ui-button-background-color: var(--s-ui-button-calm-background-enabled);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-surface:hover{--s-ui-button-background-color: var(--s-ui-button-calm-background-hovered);--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-surface:active{--s-ui-button-background-color: var(--s-ui-button-calm-background-pressed);--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-button-calm-background-selected);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-outlined{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-button-border-enabled)}.s-ui-button--appearance-outlined:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered);--s-ui-button-shadow: 4px 4px 12px 0 var(--s-ui-color-elevation-shadow-hover);--s-ui-button-outline-color: var(--s-ui-button-border-hovered)}.s-ui-button--appearance-outlined:active{--s-ui-button-color: var(--s-ui-button-action-color-pressed);--s-ui-button-outline-color: var(--s-ui-button-border-pressed)}.s-ui-button--variant-main.s-ui-button--appearance-outlined.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary);--s-ui-button-color: var(--s-ui-button-action-color-enabled);--s-ui-button-outline-color: var(--s-ui-button-border-selected)}.s-ui-button--appearance-bare:not(.s-ui-button--icon-only){--s-ui-button-padding: 0}.s-ui-button--appearance-bare{--s-ui-button-background-color: transparent;--s-ui-button-border: none;--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--appearance-bare:hover{--s-ui-button-color: var(--s-ui-button-action-color-hovered)}.s-ui-button--appearance-bare:active:not(.s-ui-button--active),.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--icon-only){--s-ui-button-color: var(--s-ui-button-action-color-pressed)}.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading):is(.s-ui-button--variant-main,.s-ui-button--variant-danger,.s-ui-button--variant-success){--s-ui-button-background-color: var(--s-ui-button-loud-background-enabled);--s-ui-button-color: var(--s-ui-color-text-surface-static)}.s-ui-button--variant-main.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-background-main-action-loud-selected)}.s-ui-button--variant-neutral.s-ui-button--icon-only.s-ui-button--appearance-bare.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-button-action-color-enabled)}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;--s-ui-button-background-color: var(--s-ui-color-surface-primary);background-image:linear-gradient(86deg,color-mix(in srgb,var(--s-ui-billing-interp-stop-1) 14%,var(--s-ui-color-surface-primary)) -3.31%,color-mix(in srgb,var(--s-ui-billing-interp-stop-2) 14%,var(--s-ui-color-surface-primary)),color-mix(in srgb,var(--s-ui-billing-interp-stop-3) 14%,var(--s-ui-color-surface-primary)) 109.94%),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--variant-billing.s-ui-button--appearance-surface:not(.s-ui-button--disabled,.s-ui-button--loading):is(:hover,:active),.s-ui-button--variant-billing.s-ui-button--appearance-surface.s-ui-button--active:not(.s-ui-button--disabled,.s-ui-button--loading){--s-ui-button-background-color: var(--s-ui-color-surface-primary)}.s-ui-button--variant-billing.s-ui-button--appearance-outlined:not(.s-ui-button--disabled){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid transparent;background-color:transparent;background-image:var(--s-ui-gradient-surface-primary-layer),var(--s-ui-button-billing-gradient);background-origin:border-box;background-clip:padding-box,border-box}.s-ui-button--disabled:not(.s-ui-button--appearance-bare){--s-ui-button-background-color: var(--s-ui-button-disabled-background-color);--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}.s-ui-button--variant-billing.s-ui-button--appearance-major.s-ui-button--disabled{--s-ui-button-background-color: var(--s-ui-color-border-disabled-primary);background-color:var(--s-ui-color-border-disabled-primary);background-image:none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-minor,.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-background-color: var(--s-ui-color-background-disabled-surface);background-color:var(--s-ui-color-background-disabled-surface);background-image:none}.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-offset: -1px;--s-ui-button-outline-width: 1px;--s-ui-button-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-button-border: none}.s-ui-button--variant-billing.s-ui-button--disabled:is(.s-ui-button--appearance-surface,.s-ui-button--appearance-outlined){--s-ui-button-outline-width: 0;--s-ui-button-outline-color: transparent;--s-ui-button-outline-offset: 0;--s-ui-button-border: 1px solid var(--s-ui-color-border-disabled-primary)}.s-ui-button--appearance-outlined.s-ui-button--disabled:not(.s-ui-button--variant-main){--s-ui-button-background-color: transparent}.s-ui-button--appearance-bare.s-ui-button--disabled{--s-ui-button-background-color: transparent;--s-ui-button-color: var(--s-ui-color-text-surface-disabled);--s-ui-button-cursor: not-allowed;--s-ui-button-shadow: none}}@layer components{.s-ui-checkbox{--s-ui-checkbox-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-secondary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-surface-static);--s-ui-checkbox-focus-shadow: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-checkbox--disabled{cursor:not-allowed}.s-ui-checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-checkbox__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-checkbox-bg);outline:1px solid var(--s-ui-checkbox-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-checkbox-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-checkbox__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-checkbox__icon{color:var(--s-ui-checkbox-icon-color)}.s-ui-checkbox--size-extra-small .s-ui-checkbox__control{width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-checkbox--size-small .s-ui-checkbox__control{width:var(--s-ui-dimension-24);height:var(--s-ui-dimension-24)}.s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-checkbox--disabled .s-ui-checkbox__input:focus-visible+.s-ui-checkbox__control{--s-ui-checkbox-focus-shadow: transparent}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-neutral-tertiary)}.s-ui-checkbox--color-main:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):hover{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--disabled,.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate):active{--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--color-success:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-enabled)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-checkbox--color-main.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-main.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled),.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled){--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-enabled);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-enabled)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):hover,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):hover{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-hovered);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-hovered)}.s-ui-checkbox--color-success.s-ui-checkbox--checked:not(.s-ui-checkbox--disabled):active,.s-ui-checkbox--color-success.s-ui-checkbox--indeterminate:not(.s-ui-checkbox--disabled):active{--s-ui-checkbox-bg: var(--s-ui-color-background-success-action-loud-pressed);--s-ui-checkbox-outline-color: var(--s-ui-color-border-success-action-pressed)}.s-ui-checkbox--disabled:not(.s-ui-checkbox--checked,.s-ui-checkbox--indeterminate){--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-surface);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-main.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-main);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-blue-disabled)}.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--checked,.s-ui-checkbox--color-success.s-ui-checkbox--disabled.s-ui-checkbox--indeterminate{--s-ui-checkbox-bg: var(--s-ui-color-background-disabled-success);--s-ui-checkbox-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-checkbox-icon-color: var(--s-ui-color-icon-accent-green-disabled)}}@layer components{.s-ui-card{--s-ui-card-bg: var(--s-ui-color-surface-primary);--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-card-title-color: var(--s-ui-color-text-surface-primary);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-meta-color: var(--s-ui-color-text-surface-tertiary);--s-ui-card-icon-bg: var(--s-ui-color-background-main-tertiary);--s-ui-card-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-card-shadow: none;position:relative;box-sizing:border-box;display:flex;overflow:clip;color:var(--s-ui-card-title-color);text-decoration:none;background-color:var(--s-ui-card-bg);border-radius:var(--s-ui-border-radius-sub-section);outline:1px solid var(--s-ui-card-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card{inline-size:252px;min-block-size:102px;flex-direction:column;align-items:center;padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list{inline-size:100%;min-block-size:var(--s-ui-dimension-40);align-items:flex-start;justify-content:center;padding:var(--s-ui-space-padding-small)}.s-ui-card--link{color:var(--s-ui-card-title-color)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):hover{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:not(.s-ui-card--disabled,.s-ui-card--skeleton):active{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-card-shadow: var(--s-ui-dimension-4) var(--s-ui-dimension-4) var(--s-ui-dimension-12) 0 var(--s-ui-color-elevation-shadow-hover)}.s-ui-card:focus-visible{--s-ui-card-shadow: 0 0 0 var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-card--selected{--s-ui-card-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-card-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-card--layout-list.s-ui-card--selected{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-card--disabled{--s-ui-card-bg: var(--s-ui-color-background-disabled-surface);--s-ui-card-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-card-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-meta-color: var(--s-ui-color-text-surface-disabled);--s-ui-card-icon-bg: var(--s-ui-color-background-neutral-primary);--s-ui-card-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-card--skeleton{--s-ui-card-outline-color: var(--s-ui-color-border-neutral-action-enabled);cursor:progress}.s-ui-card__content{box-sizing:border-box;display:flex;min-inline-size:0}.s-ui-card--layout-card .s-ui-card__content{inline-size:100%;flex-direction:column;align-items:flex-start;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-x-small)}.s-ui-card--layout-list .s-ui-card__content{flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-medium);min-inline-size:0;padding:var(--s-ui-space-padding-x-small)}.s-ui-card__content--skeleton{inline-size:100%}.s-ui-card__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;inline-size:var(--s-ui-dimension-24);block-size:var(--s-ui-dimension-24);padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-card-icon-color);background-color:var(--s-ui-card-icon-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-card__text{display:flex;flex:1 1 auto;flex-direction:column;min-inline-size:0;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-card .s-ui-card__text{inline-size:100%;min-block-size:calc(var(--s-ui-dimension-20) * 3)}.s-ui-card--layout-list .s-ui-card__text{justify-content:center}.s-ui-card__title,.s-ui-card__subtitle{min-inline-size:0;overflow:hidden;overflow-wrap:anywhere;color:var(--s-ui-card-title-color)}.s-ui-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.s-ui-card--layout-list .s-ui-card__title,.s-ui-card--layout-list .s-ui-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-card__subtitle{color:var(--s-ui-card-subtitle-color)}.s-ui-card__meta{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small);color:var(--s-ui-card-meta-color);white-space:nowrap;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card--layout-card .s-ui-card__meta{position:absolute;inset-block-start:var(--s-ui-space-padding-small);inset-inline-end:var(--s-ui-space-padding-small)}.s-ui-card__selected-indicator{position:absolute;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),visibility var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-card__selected-indicator .s-ui-checkbox{pointer-events:none}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__selected-indicator{opacity:1;visibility:visible}.s-ui-card--selectable:not(.s-ui-card--disabled,.s-ui-card--skeleton):is(:hover,:focus-visible) .s-ui-card__meta{opacity:0;visibility:hidden}.s-ui-card--layout-card .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-4);inset-inline-end:var(--s-ui-dimension-4)}.s-ui-card--layout-list .s-ui-card__selected-indicator{inset-block-start:var(--s-ui-dimension-8);inset-inline-end:var(--s-ui-dimension-8)}.s-ui-card__skeleton{--s-ui-skeleton-radius: var(--s-ui-border-radius-base);--s-ui-skeleton-gap: 0;inline-size:100%}.s-ui-card--layout-card .s-ui-card__skeleton{flex-direction:column;gap:var(--s-ui-space-gap-2x-small)}.s-ui-card--layout-list .s-ui-card__skeleton{flex-direction:row;align-items:center;gap:var(--s-ui-space-gap-medium)}@media(prefers-reduced-motion:reduce){.s-ui-card,.s-ui-card__meta,.s-ui-card__selected-indicator{transition:none}}}@layer components{.s-ui-chart-skeleton-host{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-horizontal-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-height:582px;padding:var(--s-ui-space-padding-x-large) var(--s-ui-space-padding-medium) var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-horizontal-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-horizontal-bar__canvas-wrap{position:relative;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-horizontal-viewport-height)}.s-ui-chart-horizontal-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-line{position:relative;box-sizing:border-box;width:100%;min-height:329px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-line--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-line__canvas-wrap{position:relative;overflow:hidden;width:100%;height:297px}.s-ui-chart-line__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-legend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-large);align-items:center;justify-content:center;margin:0;padding:0;list-style:none}.s-ui-chart-legend__item{display:flex;gap:var(--s-ui-space-gap-small);align-items:center}.s-ui-chart-legend__swatch-slot{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:var(--s-ui-space-padding-2x-small)}.s-ui-chart-legend__swatch{width:12px;height:12px;border-radius:var(--s-ui-border-radius-base)}.s-ui-chart-legend__label{color:var(--s-ui-chart-legend-label);font:var(--s-ui-typography-label-10-medium);white-space:nowrap}.s-ui-chart-legend--column{flex-flow:column nowrap;gap:var(--s-ui-space-gap-medium);align-items:flex-start;justify-content:flex-start}.s-ui-chart-legend--column .s-ui-chart-legend__item{gap:var(--s-ui-space-gap-none)}.s-ui-chart-legend--disabled .s-ui-chart-legend__label{color:var(--s-ui-color-text-surface-disabled)}}@layer components{.s-ui-chart-pie{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap;gap:var(--s-ui-chart-pie-layout-gap);align-items:center;justify-content:center;width:100%;min-width:0;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-pie--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-pie__canvas-wrap{position:relative;overflow:visible;flex:0 1 auto;width:100%;max-width:var(--s-ui-chart-pie-viewport-size);aspect-ratio:1;min-width:0}.s-ui-chart-pie__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-area{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-area--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-area__canvas-wrap{position:relative;overflow:hidden;flex:1 1 auto;width:100%;min-height:420px}.s-ui-chart-stacked-area__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chart-stacked-bar{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-small);width:100%;max-height:500px;padding:var(--s-ui-space-padding-medium);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-chart-outline);outline-offset:-1px}.s-ui-chart-stacked-bar--skeleton{outline-color:var(--s-ui-chart-outline-skeleton);pointer-events:none}.s-ui-chart-stacked-bar__canvas-wrap{position:relative;overflow:hidden;flex:0 0 auto;width:100%;height:var(--s-ui-chart-bar-stacked-viewport-height)}.s-ui-chart-stacked-bar__canvas{display:block;width:100%;height:100%}}@layer components{.s-ui-chip{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: transparent;--s-ui-chip-label-color: var(--s-ui-color-text-surface-primary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary);box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-chip-bg);color:var(--s-ui-chip-label-color);outline:1px solid var(--s-ui-chip-outline-color);outline-offset:-1px;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip__content{display:inline-flex;flex:1 1 auto;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-chip-icon-color)}.s-ui-chip--size-32 .s-ui-chip__icon .s-ui-icon>svg{box-sizing:border-box;padding:var(--s-ui-dimension-1)}.s-ui-chip__prefix{display:inline-flex;flex-shrink:0;align-items:center;min-width:0;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__label{display:inline-flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-chip__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}.s-ui-chip__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-chip--size-32{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-between-x-small-small) var(--s-ui-space-gap-small)}.s-ui-chip--size-24,.s-ui-chip--size-20{gap:var(--s-ui-space-gap-x-small);padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-chip--color-blue{--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-accent-blue-primary)}.s-ui-chip--color-blue:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-main-hovered);cursor:pointer}.s-ui-chip--color-blue:active:not(.s-ui-chip--disabled),.s-ui-chip--color-blue.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-chip--color-red{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-enabled)}.s-ui-chip--color-red:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-hovered);cursor:pointer}.s-ui-chip--color-red:active:not(.s-ui-chip--disabled),.s-ui-chip--color-red.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-chip-outline-color: var(--s-ui-color-border-danger-action-pressed)}.s-ui-chip--color-white{--s-ui-chip-bg: var(--s-ui-color-surface-primary);--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-chip-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-tertiary)}.s-ui-chip--color-white:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-hovered);cursor:pointer}.s-ui-chip--color-white:active:not(.s-ui-chip--disabled),.s-ui-chip--color-white.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-chip-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-chip--color-billing{--s-ui-chip-bg: transparent;--s-ui-chip-outline-color: var(--s-ui-billing-interp-stop-1);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing);--s-ui-chip-billing-bg: linear-gradient( -28deg, color-mix(in srgb, var(--s-ui-billing-interp-stop-1) 14%, var(--s-ui-color-surface-primary)) 24%, color-mix(in srgb, var(--s-ui-billing-interp-stop-3) 14%, var(--s-ui-color-surface-primary)) 72.533% );background-color:transparent;background-image:var(--s-ui-chip-billing-bg);transition:--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-chip--color-billing:hover:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-hovered:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-hovered);cursor:pointer}.s-ui-chip--color-billing:active:not(.s-ui-chip--disabled),.s-ui-chip--color-billing.s-ui-chip--state-pressed:not(.s-ui-chip--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3);--s-ui-chip-billing-gradient: var(--s-ui-gradient-billing-pressed)}.s-ui-chip--color-billing .s-ui-chip__label{background-image:var(--s-ui-chip-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-chip--disabled{--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-chip--color-blue.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-main)}.s-ui-chip--color-red.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-danger-action-calm-enabled);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-chip--color-white.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-chip--color-billing.s-ui-chip--disabled{--s-ui-chip-bg: var(--s-ui-color-background-disabled-surface);--s-ui-chip-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-chip-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-chip-icon-color: var(--s-ui-color-icon-surface-disabled);background-color:var(--s-ui-chip-bg);background-image:none}.s-ui-chip--color-billing.s-ui-chip--disabled .s-ui-chip__label{background-image:none;background-clip:border-box;color:var(--s-ui-chip-label-color)}.s-ui-chip--disabled .s-ui-tag{--s-ui-tag-bg: var(--s-ui-color-background-disabled-surface);color:var(--s-ui-color-text-surface-disabled);outline-color:var(--s-ui-color-border-disabled-primary)}.s-ui-chip:focus-visible,.s-ui-chip.s-ui-chip--state-focused{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-chip:focus-visible:has(.s-ui-button:focus-visible){box-shadow:none}.s-ui-chip .s-ui-button:focus-visible{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-dropdown{display:inline-flex;vertical-align:middle}.s-ui-dropdown__panel{box-sizing:border-box;z-index:var(--s-ui-z-index-dropdown);min-width:var(--s-ui-dimension-120)}.s-ui-dropdown__panel:not(.s-ui-dropdown__panel--ready,.s-ui-dropdown-leave-active){visibility:hidden;pointer-events:none}.s-ui-dropdown-enter-active.s-ui-dropdown__panel,.s-ui-dropdown-leave-active.s-ui-dropdown__panel{transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-dropdown-enter-from.s-ui-dropdown__panel,.s-ui-dropdown-leave-to.s-ui-dropdown__panel{opacity:0}.s-ui-dropdown-enter-to.s-ui-dropdown__panel,.s-ui-dropdown-leave-from.s-ui-dropdown__panel{opacity:1}.s-ui-dropdown__panel--match-reference-width{min-width:0}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__surface{width:100%;max-width:100%}.s-ui-dropdown__panel--match-reference-width .s-ui-dropdown__content{box-sizing:border-box;width:100%;min-width:0}.s-ui-dropdown__surface--fit-viewport{overflow-y:auto}.s-ui-dropdown__surface{--s-ui-dropdown-surface-background: var(--s-ui-color-surface-primary);--s-ui-dropdown-surface-outline-width: 1px;--s-ui-dropdown-surface-outline-style: solid;--s-ui-dropdown-surface-outline-color: var(--s-ui-color-border-neutral-static-base);--s-ui-dropdown-surface-outline-offset: -1px;--s-ui-dropdown-surface-radius: var(--s-ui-border-radius-base);--s-ui-dropdown-surface-shadow: 0 4px 16px 0 var(--s-ui-color-elevation-shadow-dropdown);--s-ui-dropdown-arrow-size: var(--s-ui-dimension-12);--s-ui-dropdown-arrow-padding: var(--s-ui-border-radius-base);--s-ui-dropdown-arrow-half-size: calc(var(--s-ui-dropdown-arrow-size) / 2);--s-ui-dropdown-arrow-inner-half-size: calc( var(--s-ui-dropdown-arrow-half-size) - var(--s-ui-dropdown-surface-outline-width) );position:relative;box-sizing:border-box;padding:0;border-radius:var(--s-ui-dropdown-surface-radius);background-color:var(--s-ui-dropdown-surface-background);box-shadow:var(--s-ui-dropdown-surface-shadow);outline:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color);outline-offset:var(--s-ui-dropdown-surface-outline-offset)}.s-ui-dropdown__surface--with-arrow{outline:none;border:var(--s-ui-dropdown-surface-outline-width) var(--s-ui-dropdown-surface-outline-style) var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__content{position:relative;z-index:1}.s-ui-dropdown__arrow{position:absolute;width:var(--s-ui-dropdown-arrow-size);height:var(--s-ui-dropdown-arrow-half-size);pointer-events:none;z-index:2}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow{top:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow{bottom:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow{right:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{left:calc(-1 * var(--s-ui-dropdown-arrow-half-size))}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow,.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow{width:var(--s-ui-dropdown-arrow-half-size);height:var(--s-ui-dropdown-arrow-size)}.s-ui-dropdown__arrow--overflow{visibility:hidden}.s-ui-dropdown__arrow-outer,.s-ui-dropdown__arrow-inner{position:absolute;width:0;height:0}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-outer{top:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=bottom] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-outer{bottom:0;left:0;border-left:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement^=top] .s-ui-dropdown__arrow-inner{bottom:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-outer{top:0;left:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=left] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);left:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-left:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-outer{top:0;right:0;border-top:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-half-size) solid var(--s-ui-dropdown-surface-outline-color)}.s-ui-dropdown__surface--with-arrow[data-placement=right] .s-ui-dropdown__arrow-inner{top:var(--s-ui-dropdown-surface-outline-width);right:var(--s-ui-dropdown-surface-outline-width);border-top:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-bottom:var(--s-ui-dropdown-arrow-inner-half-size) solid transparent;border-right:var(--s-ui-dropdown-arrow-inner-half-size) solid var(--s-ui-dropdown-surface-background)}}@layer components{.s-ui-inline-message{margin:0;color:var(--s-ui-color-text-surface-secondary);-webkit-user-select:none;user-select:none;overflow-wrap:break-word}.s-ui-inline-message--error{color:var(--s-ui-color-text-accent-red-primary)}}@layer components{.s-ui-label{display:inline-flex;align-items:center;max-width:100%;-webkit-user-select:none;user-select:none}.s-ui-label--size-medium{gap:var(--s-ui-space-gap-x-small)}.s-ui-label--size-small,.s-ui-label--size-extra-small{gap:var(--s-ui-space-gap-2x-small)}.s-ui-label__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-label--variant-neutral .s-ui-label__icon{color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__icon{color:var(--s-ui-color-icon-main-enabled)}.s-ui-label--variant-error .s-ui-label__icon{color:var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__icon{color:var(--s-ui-color-icon-accent-green-action-enabled)}.s-ui-label__body{display:inline-flex;flex-shrink:1;align-items:flex-start;min-width:0;white-space:nowrap}.s-ui-label--size-medium .s-ui-label__body{min-height:var(--s-ui-dimension-20)}.s-ui-label--size-small .s-ui-label__body{min-height:var(--s-ui-dimension-16)}.s-ui-label--size-extra-small .s-ui-label__body{align-items:center;min-height:var(--s-ui-dimension-12)}.s-ui-label__text{color:inherit;overflow-wrap:break-word}.s-ui-label__required{color:var(--s-ui-color-text-accent-red-primary)}.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-secondary)}.s-ui-label--size-extra-small.s-ui-label--variant-neutral .s-ui-label__text{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-label--variant-main .s-ui-label__text{color:var(--s-ui-color-text-main-enabled)}.s-ui-label--variant-error .s-ui-label__text{color:var(--s-ui-color-text-accent-red-action-enabled)}.s-ui-label--variant-success .s-ui-label__text{color:var(--s-ui-color-text-accent-green-action-enabled)}}@layer components{.s-ui-inline-input{--s-ui-inline-input-outline-color: transparent;--s-ui-inline-input-focus-shadow: transparent;--s-ui-inline-input-bg: transparent;--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-primary);display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-inline-input--wrapper{position:relative;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;padding:var(--s-ui-space-padding-x-small);overflow:hidden;line-height:var(--s-ui-line-height-text-big);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-inline-input-bg);outline:1px solid var(--s-ui-inline-input-outline-color);outline-offset:-1px;cursor:text;color:var(--s-ui-inline-input-text-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline){display:block}.s-ui-inline-input--wrapper-appearance-filled{--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-appearance-bare{--s-ui-inline-input-bg: transparent}.s-ui-inline-input--wrapper:hover:not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare,:has(.s-ui-inline-input--slot:hover)){--s-ui-inline-input-bg: var(--s-ui-color-background-main-action-calm-hovered)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus){--s-ui-inline-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation);box-shadow:var(--s-ui-inline-input-focus-shadow)}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content:focus):not(.s-ui-inline-input--wrapper-disabled,.s-ui-inline-input--wrapper-readonly,.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-surface-primary)}.s-ui-inline-input--wrapper-error{--s-ui-inline-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-inline-input--wrapper-error.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-outline-color: var(--s-ui-color-border-disabled-primary)}.s-ui-inline-input--wrapper-readonly{cursor:default}.s-ui-inline-input--wrapper-disabled{--s-ui-inline-input-text-color: var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-inline-input--wrapper-disabled:not(.s-ui-inline-input--wrapper-appearance-bare),.s-ui-inline-input--wrapper-readonly:not(.s-ui-inline-input--wrapper-appearance-bare){--s-ui-inline-input-bg: var(--s-ui-color-background-disabled-surface)}.s-ui-inline-input--slot{position:relative;display:flex;flex-shrink:0;align-items:center;width:fit-content}.s-ui-inline-input--wrapper:has(.s-ui-inline-input--content-multiline) .s-ui-inline-input--slot{float:left;margin-right:var(--s-ui-space-gap-x-small)}.s-ui-inline-input--content{display:block;flex:1 1 0%;min-width:0;min-height:var(--s-ui-font-size-label-smaller);color:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:auto hidden;overflow-wrap:break-word;outline:none;scrollbar-width:none}.s-ui-inline-input--content::-webkit-scrollbar{display:none}.s-ui-inline-input--content-multiline{display:inline;flex:none;min-width:auto;overflow:visible;white-space:pre-wrap}.s-ui-inline-input--content-empty:before{content:attr(data-placeholder);position:absolute;display:inline-block;color:var(--s-ui-color-text-surface-tertiary);-webkit-user-select:none;user-select:none;pointer-events:none}.s-ui-inline-input--messages{display:flex;flex-direction:column;margin-top:var(--s-ui-space-gap-x-small);color:var(--s-ui-color-text-accent-red-primary);font-weight:var(--s-ui-font-weight-regular);font-size:var(--s-ui-font-size-text-small);line-height:var(--s-ui-font-size-label-big)}}@layer components{.s-ui-input{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-input__field{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-input-focus-shadow: transparent;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;min-height:var(--s-ui-dimension-32);padding:var(--s-ui-space-gap-x-small) var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-input-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-input__field--bordered{outline:1px solid var(--s-ui-input-outline-color);outline-offset:-1px}.s-ui-input__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-input__field--bordered.s-ui-input__field--filled:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error,.s-ui-input__field--focused){--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-input__field--bordered:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--error):hover{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly,.s-ui-input__field--focused):hover{--s-ui-input-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-input-outline-color: transparent}.s-ui-input__field--borderless:not(.s-ui-input__field--filled,.s-ui-input__field--disabled,.s-ui-input__field--readonly):hover .s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-input__field:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-input-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-input__field--borderless:not(.s-ui-input__field--disabled,.s-ui-input__field--readonly).s-ui-input__field--focused{--s-ui-input-bg: var(--s-ui-color-surface-primary);--s-ui-input-outline-color: transparent}.s-ui-input__field--error:not(.s-ui-input__field--disabled){--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--error:not(.s-ui-input__field--disabled).s-ui-input__field--focused{--s-ui-input-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-input__field--disabled{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: transparent;cursor:not-allowed}.s-ui-input__field--readonly{--s-ui-input-bg: var(--s-ui-color-background-disabled-surface);--s-ui-input-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-input__field.s-ui-input__field--focused{box-shadow:var(--s-ui-input-focus-shadow)}.s-ui-input__prepend{display:flex;flex-wrap:wrap;gap:var(--s-ui-space-gap-x-small);align-items:flex-start;width:100%}.s-ui-input__row{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;width:100%}.s-ui-input__prefix{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--s-ui-color-icon-surface-tertiary)}.s-ui-input__control-wrap{display:flex;flex:1 1 auto;align-items:center;min-width:0}.s-ui-input__control-wrap--horizontal{gap:var(--s-ui-space-gap-x-small)}.s-ui-input__control{box-sizing:border-box;display:block;flex:1 1 auto;width:100%;min-width:0;margin:0;padding:0 var(--s-ui-space-padding-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;text-overflow:ellipsis;white-space:nowrap}.s-ui-input__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-input__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-input__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-input__inline{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;min-width:0}.s-ui-input__clear,.s-ui-input__action{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-input__clear{visibility:hidden}.s-ui-input__field--focused .s-ui-input__clear{visibility:visible}.s-ui-input__clear .s-ui-button.s-ui-button--appearance-bare,.s-ui-input__action .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-input__messages{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small)}.s-ui-input--disabled .s-ui-input__prefix{color:var(--s-ui-color-icon-surface-disabled)}}@layer components{.s-ui-list-item{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-list-item-level-indent: calc(var(--s-ui-list-item-depth, 0) * var(--s-ui-dimension-14));box-sizing:border-box;display:flex;align-items:center;gap:var(--s-ui-space-gap-x-small);width:100%;min-block-size:calc(var(--s-ui-dimension-40) + var(--s-ui-dimension-4));padding:var(--s-ui-space-padding-x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-list-item-bg);outline:1px solid var(--s-ui-list-item-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-list-item-hover-shadow),var(--s-ui-list-item-focus-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--tiny{min-block-size:var(--s-ui-dimension-40);padding-block:var(--s-ui-space-padding-2x-small);padding-inline:var(--s-ui-space-padding-x-small)}.s-ui-list-item--variant-neutral{--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-list-item--variant-main{--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-error{--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-list-item-hover-shadow: var(--s-ui-shadow-hover)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-title-color: var(--s-ui-color-text-main-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):hover{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-hovered);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-hovered)}.s-ui-list-item:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-list-item-hover-shadow: 0 0 0 0 transparent}.s-ui-list-item--variant-neutral:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly,.s-ui-list-item--selected,.s-ui-list-item--loading):active:not(:has(.s-ui-list-item__expand:active,.s-ui-list-item__title-action :active,.s-ui-list-item__actions :active)){--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-pressed);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-pressed)}.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--selected:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-main-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-enabled)}.s-ui-list-item--variant-main.s-ui-list-item--selected{--s-ui-list-item-title-color: var(--s-ui-color-text-main-pressed);--s-ui-list-item-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-list-item--variant-error.s-ui-list-item--selected{--s-ui-list-item-bg: var(--s-ui-color-background-danger-action-calm-hovered);--s-ui-list-item-title-color: var(--s-ui-color-text-accent-red-action-enabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-accent-red-action-enabled)}.s-ui-list-item:focus-visible{--s-ui-list-item-focus-shadow: var(--s-ui-shadow-focus-ring);--s-ui-list-item-outline-color: transparent}.s-ui-list-item--disabled{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;--s-ui-list-item-title-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-disabled);--s-ui-list-item-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-list-item-expand-color: var(--s-ui-color-icon-surface-disabled);cursor:not-allowed}.s-ui-list-item--disabled .s-ui-list-item__title-action,.s-ui-list-item--disabled .s-ui-list-item__actions,.s-ui-list-item--readonly .s-ui-list-item__title-action,.s-ui-list-item--readonly .s-ui-list-item__actions{pointer-events:none}.s-ui-list-item--readonly{--s-ui-list-item-bg: var(--s-ui-color-surface-primary);--s-ui-list-item-outline-color: transparent;--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-subtitle-color: var(--s-ui-color-text-surface-tertiary);cursor:default}.s-ui-list-item--readonly:not(.s-ui-list-item--variant-main,.s-ui-list-item--variant-error){--s-ui-list-item-title-color: var(--s-ui-color-text-surface-primary)}.s-ui-list-item--loading{--s-ui-list-item-hover-shadow: 0 0 0 0 transparent;--s-ui-list-item-focus-shadow: 0 0 0 0 transparent;cursor:default;pointer-events:none}.s-ui-list-item__level{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-start;min-width:calc(var(--s-ui-dimension-14) + var(--s-ui-list-item-level-indent));height:var(--s-ui-dimension-24);padding-inline-start:var(--s-ui-list-item-level-indent)}.s-ui-list-item__expand{flex-shrink:0;color:var(--s-ui-list-item-expand-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand .s-ui-icon{transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__expand--expanded .s-ui-icon{transform:rotate(90deg)}.s-ui-list-item__icon-left{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);color:var(--s-ui-list-item-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__actions-reveal{display:grid;grid-template-columns:1fr;overflow:hidden}.s-ui-list-item__actions-inner{display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:hidden;translate:0 0}.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:0fr;transition:grid-template-columns var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:100% 0;transition:translate var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right:not(.s-ui-list-item--disabled,.s-ui-list-item--readonly):is(:hover,:focus-within,.s-ui-list-item--active,.s-ui-list-item--selected) .s-ui-list-item__actions-inner{translate:0 0}@media(prefers-reduced-motion:reduce){.s-ui-list-item--reveal-right .s-ui-list-item__actions-reveal{grid-template-columns:1fr}.s-ui-list-item--reveal-right .s-ui-list-item__actions-inner{translate:0 0}}.s-ui-list-item__body{display:flex;flex:1 1 auto;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-list-item__text{display:flex;flex:0 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-none);justify-content:center;min-width:0;padding-inline:var(--s-ui-space-gap-x-small)}.s-ui-list-item__title{overflow:hidden;color:var(--s-ui-list-item-title-color);text-overflow:ellipsis;white-space:nowrap;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__subtitle{color:var(--s-ui-list-item-subtitle-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-list-item__title-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-list-item__action-end{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16)}.s-ui-list-item__actions,.s-ui-list-item__trailing{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-x-small)}}@layer components{.s-ui-list{--s-ui-list-gap: var(--s-ui-space-gap-2x-small);display:flex;flex-direction:column;width:100%;min-width:0}.s-ui-list:focus{outline:none}.s-ui-list__scroll:focus{outline:none}.s-ui-list__scroll{overflow:auto;width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__scroll--flat{overflow-x:clip;overflow-clip-margin:4px;display:flex;flex-direction:column;gap:var(--s-ui-list-gap)}.s-ui-list__static{display:flex;flex-direction:column;gap:var(--s-ui-list-gap);width:100%;min-width:0;box-sizing:border-box;padding-block:var(--s-ui-dimension-2);padding-inline:0}.s-ui-list__virtual-panel{width:100%}.s-ui-list__virtual-row{width:100%;box-sizing:border-box}}@layer components{.s-ui-radio{--s-ui-radio-bg: var(--s-ui-color-border-neutral-static-base);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-tertiary);--s-ui-radio-thumb-bg: transparent;--s-ui-radio-thumb-opacity: 0;--s-ui-radio-focus-shadow: transparent;--s-ui-radio-label-color: var(--s-ui-color-text-surface-primary);--s-ui-radio-description-color: var(--s-ui-color-text-surface-secondary);box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);padding-block:var(--s-ui-space-padding-2x-small);cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-radio--label-right{flex-direction:row-reverse}.s-ui-radio--control-only{gap:0;padding-block:0}.s-ui-radio--disabled{cursor:not-allowed;--s-ui-radio-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-radio-description-color: var(--s-ui-color-text-surface-disabled)}.s-ui-radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-radio__control{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--s-ui-dimension-16);height:var(--s-ui-dimension-16);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-bg);outline:1px solid var(--s-ui-radio-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-radio-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__control:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element),inset 0 1.5px 2px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-radio__thumb{position:relative;z-index:0;width:var(--s-ui-dimension-10);height:var(--s-ui-dimension-10);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-radio-thumb-bg);opacity:var(--s-ui-radio-thumb-opacity);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-radio__content{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-none);min-width:0}.s-ui-radio__label{color:var(--s-ui-radio-label-color)}.s-ui-radio__description{color:var(--s-ui-radio-description-color)}.s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-radio--disabled .s-ui-radio__input:focus-visible+.s-ui-radio__control{--s-ui-radio-focus-shadow: transparent}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary)}.s-ui-radio:not(.s-ui-radio--disabled,.s-ui-radio--checked):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-secondary);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled){--s-ui-radio-outline-color: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-enabled);--s-ui-radio-thumb-opacity: 1}.s-ui-radio--checked:not(.s-ui-radio--disabled):hover{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-hovered);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-hovered)}.s-ui-radio--checked:not(.s-ui-radio--disabled):active{--s-ui-radio-outline-color: var(--s-ui-color-icon-main-pressed);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-main-pressed)}.s-ui-radio--disabled:not(.s-ui-radio--checked){--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-icon-surface-disabled)}.s-ui-radio--disabled.s-ui-radio--checked{--s-ui-radio-bg: var(--s-ui-color-background-disabled-surface);--s-ui-radio-outline-color: var(--s-ui-color-border-disabled-primary);--s-ui-radio-thumb-bg: var(--s-ui-color-icon-surface-disabled);--s-ui-radio-thumb-opacity: 1}}@layer components{.s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-background-neutral-action-calm-enabled);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-bg: var(--s-ui-color-surface-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-pressed);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-hover);position:relative;box-sizing:border-box;display:inline-flex;width:fit-content;max-width:100%;align-items:stretch;gap:var(--s-ui-space-gap-2x-small);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-base);background-color:var(--s-ui-segment-control-track-bg);outline:1px solid var(--s-ui-segment-control-track-outline);outline-offset:-1px}:root:not([data-s-ui-theme=dark]) .s-ui-segment-control{--s-ui-segment-control-track-bg: var(--s-ui-color-surface-secondary);--s-ui-segment-control-track-outline: var(--s-ui-color-border-neutral-primary);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-neutral-action-enabled);--s-ui-segment-control-indicator-shadow: 0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card)}.s-ui-segment-control--disabled{--s-ui-segment-control-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-track-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-bg: var(--s-ui-color-background-disabled-surface);--s-ui-segment-control-indicator-outline: var(--s-ui-color-border-disabled-primary);--s-ui-segment-control-indicator-shadow: none;cursor:not-allowed}.s-ui-segment-control__indicator{position:absolute;top:0;left:0;z-index:0;box-sizing:border-box;border-radius:var(--s-ui-button-border-radius);background-color:var(--s-ui-segment-control-indicator-bg);outline:1px solid var(--s-ui-segment-control-indicator-outline);outline-offset:-1px;box-shadow:var(--s-ui-segment-control-indicator-shadow);pointer-events:none;transition:left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),height var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:left,top,width,height}.s-ui-segment-control__item{position:relative;z-index:1;box-sizing:border-box;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--s-ui-button-gap);margin:0;padding:var(--s-ui-button-padding);border:0;border-radius:var(--s-ui-button-border-radius);background:transparent;color:var(--s-ui-color-text-surface-secondary);cursor:pointer;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-segment-control--size-small{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding: var(--s-ui-space-padding-x-small) var(--s-ui-space-padding-small);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-small .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-x-small)}.s-ui-segment-control--size-medium{--s-ui-button-gap: var(--s-ui-space-gap-2x-small);--s-ui-button-padding-block: var(--s-ui-space-padding-between-x-small-small);--s-ui-button-padding: var(--s-ui-button-padding-block) var(--s-ui-space-padding-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-base)}.s-ui-segment-control--size-medium .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-button-padding-block)}.s-ui-segment-control--size-large{--s-ui-button-gap: var(--s-ui-space-gap-x-small);--s-ui-button-padding: var(--s-ui-space-padding-small) var(--s-ui-space-padding-x-medium);--s-ui-button-border-radius: var(--s-ui-border-radius-sub-section)}.s-ui-segment-control--size-large .s-ui-segment-control__item--icon-only{--s-ui-button-padding: var(--s-ui-space-padding-small)}.s-ui-segment-control__item--selected{color:var(--s-ui-color-text-surface-primary)}.s-ui-segment-control__item--link{text-decoration:none}.s-ui-segment-control__item--link[aria-disabled=true]{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed;pointer-events:none}.s-ui-segment-control__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-segment-control__item:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-segment-control--disabled .s-ui-segment-control__item{cursor:not-allowed}.s-ui-segment-control__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.s-ui-segment-control__icon .s-ui-icon>svg{box-sizing:border-box}.s-ui-segment-control--size-large .s-ui-segment-control__icon .s-ui-icon>svg{padding:2px}.s-ui-segment-control--size-medium .s-ui-segment-control__icon .s-ui-icon>svg{padding:1px}.s-ui-segment-control__label{min-width:0;text-align:center;overflow-wrap:anywhere}}@layer components{.s-ui-select{display:flex;flex-direction:column;width:100%}.s-ui-select__control{box-sizing:border-box;display:flex;flex:1 1 auto;align-items:center;width:100%;min-width:0;min-height:var(--s-ui-dimension-20);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);cursor:pointer;outline:none}.s-ui-select__control--multiple{flex-wrap:wrap;gap:var(--s-ui-space-gap-2x-small)}.s-ui-select__control--empty{min-height:var(--s-ui-dimension-20)}.s-ui-select__value,.s-ui-select__placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-ui-select__control--with-value-suffix .s-ui-select__value{flex:0 1 auto}.s-ui-select__value-suffix{display:flex;flex:1 1 auto;align-items:center;min-width:0;overflow:hidden;padding-inline-start:var(--s-ui-space-padding-x-small)}.s-ui-select__placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__search-input{box-sizing:border-box;flex:1 1 auto;min-width:var(--s-ui-dimension-48);margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none}.s-ui-select__search-input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-select__chevron{color:var(--s-ui-color-icon-surface-tertiary);transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-select--open .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-secondary);transform:rotate(180deg)}.s-ui-select--disabled .s-ui-select__chevron{color:var(--s-ui-color-icon-surface-disabled)}.s-ui-select__panel{display:flex;flex-direction:column;gap:var(--s-ui-space-gap-x-small);width:100%;min-width:0;box-sizing:border-box;overflow:hidden;border-radius:var(--s-ui-border-radius-base)}.s-ui-select__panel--searchable-content{flex:1;gap:var(--s-ui-space-gap-x-small);min-height:0}.s-ui-select__panel-search{flex-shrink:0;box-sizing:border-box;width:100%;min-width:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-start:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-search>.s-ui-input{width:100%;min-width:0}.s-ui-select__panel-body{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.s-ui-select__panel-body>.s-ui-list{width:100%;min-width:0;box-sizing:border-box}.s-ui-select__panel-body>.s-ui-list>.s-ui-list__scroll,.s-ui-select__panel-body>.s-ui-list>.s-ui-list__static{box-sizing:border-box;padding:var(--s-ui-space-padding-x-small)}.s-ui-select__panel-footer{flex-shrink:0;padding-inline:var(--s-ui-space-padding-x-small);padding-block-end:var(--s-ui-space-padding-x-small)}.s-ui-select__empty{padding:var(--s-ui-space-padding-x-small);color:var(--s-ui-color-text-surface-secondary);text-align:center}}@layer components{.s-ui-tab{--s-ui-tab-label-color: var(--s-ui-color-text-surface-secondary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-secondary);--s-ui-tab-bg: transparent;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-static);--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-min-height: var(--s-ui-dimension-40);--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-24);--s-ui-tab-icon-padding: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-16);--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-stop-1-color);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-stop-2-color);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-stop-3-color);--s-ui-tab-billing-gradient: linear-gradient( 86deg, var(--s-ui-billing-interp-stop-1) -3.31%, var(--s-ui-billing-interp-stop-2) 53.31%, var(--s-ui-billing-interp-stop-3) 109.94% );position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:var(--s-ui-tab-min-height);margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--s-ui-tab-label-color);cursor:pointer;text-decoration:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab:after{position:absolute;right:0;bottom:0;left:0;height:var(--s-ui-dimension-3);border-radius:0;background-color:var(--s-ui-tab-indicator-color);background-image:var(--s-ui-tab-indicator-image);opacity:var(--s-ui-tab-indicator-opacity);content:"";pointer-events:none;transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__content{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-x-small);min-width:0;overflow:visible;padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline);border-radius:var(--s-ui-border-radius-base);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-wrap{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.s-ui-tab__icon{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:var(--s-ui-tab-icon-padding);color:var(--s-ui-tab-icon-color);transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge{position:absolute;top:var(--s-ui-tab-icon-badge-offset);left:var(--s-ui-tab-icon-badge-offset);z-index:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--s-ui-dimension-12);height:var(--s-ui-dimension-12);border:1px solid var(--s-ui-color-border-neutral-static-base);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-color-background-main-primary);color:var(--s-ui-color-text-surface-static);box-shadow:0 var(--s-ui-dimension-1) var(--s-ui-dimension-2) var(--s-ui-color-elevation-shadow-card);pointer-events:none;transition:top var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),left var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__icon-badge-icon{--s-ui-icon-size: var(--s-ui-dimension-6);color:var(--s-ui-color-icon-surface-static)}.s-ui-tab__label-wrap{display:inline-flex;align-items:center;min-width:0;gap:0}.s-ui-tab__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input{box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--s-ui-tab-label-color);outline:none;field-sizing:content;transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-image var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab__input::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab__caret{flex-shrink:0;width:var(--s-ui-dimension-1);height:var(--s-ui-dimension-20);overflow:hidden;position:relative}.s-ui-tab__caret:before{position:absolute;top:0;bottom:0;left:0;width:var(--s-ui-dimension-2);background-color:var(--s-ui-color-text-surface-primary);content:""}.s-ui-tab__right{display:inline-flex;flex-shrink:0;align-items:center}.s-ui-tab__counter{display:inline-flex;align-items:center;justify-content:center;min-width:var(--s-ui-dimension-16);padding:var(--s-ui-dimension-1) var(--s-ui-dimension-4);border-radius:var(--s-ui-dimension-full);background-color:var(--s-ui-tab-counter-bg);color:var(--s-ui-tab-counter-color);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-x-small);--s-ui-tab-icon-slot-size: var(--s-ui-dimension-20);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-12)}.s-ui-tab--appearance-primary{padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:not(.s-ui-tab--icon-only) .s-ui-tab__content{padding-block:0;padding-inline:0 var(--s-ui-tab-icon-padding)}.s-ui-tab--appearance-primary.s-ui-tab--icon-only .s-ui-tab__content{padding:0}.s-ui-tab--appearance-secondary{--s-ui-tab-bg: var(--s-ui-color-surface-primary)}.s-ui-tab--appearance-secondary .s-ui-tab__content{background-color:var(--s-ui-tab-bg);border-radius:var(--s-ui-border-radius-base)}.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small)}.s-ui-tab--icon-only{--s-ui-tab-min-height: var(--s-ui-dimension-40)}.s-ui-tab--icon-only.s-ui-tab--size-large{--s-ui-tab-padding-inline: var(--s-ui-space-padding-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-small)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-large .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-32);--s-ui-tab-icon-padding: var(--s-ui-dimension-1)}.s-ui-tab--icon-only.s-ui-tab--appearance-primary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:var(--s-ui-tab-icon-slot-size);height:var(--s-ui-tab-icon-slot-size);padding:0}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small{--s-ui-tab-min-height: var(--s-ui-dimension-24);--s-ui-tab-padding-inline: var(--s-ui-space-padding-2x-small);--s-ui-tab-padding-block: var(--s-ui-space-padding-2x-small);--s-ui-tab-icon-padding: var(--s-ui-dimension-1);--s-ui-tab-icon-badge-offset: var(--s-ui-dimension-10)}.s-ui-tab--icon-only.s-ui-tab--appearance-secondary.s-ui-tab--size-small .s-ui-tab__content{box-sizing:border-box;justify-content:center;width:calc(var(--s-ui-tab-padding-inline) * 2 + var(--s-ui-tab-icon-slot-size));height:var(--s-ui-dimension-24);padding:var(--s-ui-tab-padding-block) var(--s-ui-tab-padding-inline)}.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected,.s-ui-tab--billing){--s-ui-tab-indicator-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--billing){--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-indicator-color: var(--s-ui-color-border-main-selected);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected.s-ui-tab--billing{--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-primary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-primary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-label-color: var(--s-ui-color-text-accent-blue-action-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--appearance-secondary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-hovered)}.s-ui-tab--appearance-secondary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected){--s-ui-tab-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-surface-primary);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-selected);--s-ui-tab-label-color: var(--s-ui-color-text-main-enabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-enabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-main-primary)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:hover:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-tab-label-color: var(--s-ui-color-text-main-hovered);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-hovered)}.s-ui-tab--appearance-secondary.s-ui-tab--selected:active:not(.s-ui-tab--disabled){--s-ui-tab-bg: var(--s-ui-color-background-main-action-calm-pressed);--s-ui-tab-label-color: var(--s-ui-color-text-main-pressed);--s-ui-tab-icon-color: var(--s-ui-color-icon-main-pressed)}.s-ui-tab--billing{transition:color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-1 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-2 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),--s-ui-billing-interp-stop-3 var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__label,.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tab--billing:not(.s-ui-tab--disabled) .s-ui-tab__input::placeholder{background-image:var(--s-ui-tab-billing-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.72}.s-ui-tab--billing:hover:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-hover-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-hover-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-hover-stop-3)}.s-ui-tab--billing:active:not(.s-ui-tab--disabled){--s-ui-billing-interp-stop-1: var(--s-ui-gradient-billing-pressed-stop-1);--s-ui-billing-interp-stop-2: var(--s-ui-gradient-billing-pressed-stop-2);--s-ui-billing-interp-stop-3: var(--s-ui-gradient-billing-pressed-stop-3)}.s-ui-tab--billing.s-ui-tab--appearance-primary:not(.s-ui-tab--disabled){--s-ui-tab-indicator-color: transparent;--s-ui-tab-indicator-image: var(--s-ui-tab-billing-gradient);--s-ui-tab-indicator-opacity: 0}.s-ui-tab--billing.s-ui-tab--appearance-primary:hover:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary:active:not(.s-ui-tab--disabled,.s-ui-tab--selected),.s-ui-tab--billing.s-ui-tab--appearance-primary.s-ui-tab--selected:not(.s-ui-tab--disabled){--s-ui-tab-indicator-opacity: 1}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled){background-color:var(--s-ui-color-surface-primary);border-radius:var(--s-ui-border-radius-base);outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:not(.s-ui-tab--disabled) .s-ui-tab__content{background-color:transparent;box-shadow:none;outline:none}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__label{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--editable-placeholder:not(.s-ui-tab--disabled) .s-ui-tab__input{min-width:var(--s-ui-dimension-80)}.s-ui-tab--editable-value:not(.s-ui-tab--disabled) .s-ui-tab__input{color:var(--s-ui-color-text-surface-secondary)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only.s-ui-tab--size-small .s-ui-tab__icon-badge{top:var(--s-ui-dimension-12);left:var(--s-ui-dimension-14)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible{border-radius:var(--s-ui-border-radius-base);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary.s-ui-tab--icon-only:focus-visible .s-ui-tab__content{box-shadow:none}.s-ui-tab--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tab--disabled:not(.s-ui-tab--selected){--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-indicator-color: transparent}.s-ui-tab--disabled.s-ui-tab--appearance-primary.s-ui-tab--selected{--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-indicator-image: none;--s-ui-tab-indicator-opacity: 1;--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled.s-ui-tab--appearance-secondary.s-ui-tab--selected{--s-ui-tab-bg: var(--s-ui-color-background-disabled-surface);--s-ui-tab-label-color: var(--s-ui-color-text-surface-disabled);--s-ui-tab-icon-color: var(--s-ui-color-icon-surface-disabled);--s-ui-tab-counter-bg: var(--s-ui-color-background-neutral-tertiary);--s-ui-tab-counter-color: var(--s-ui-color-text-surface-disabled)}.s-ui-tab--disabled .s-ui-tab__icon-badge{background-color:var(--s-ui-color-background-neutral-tertiary);color:var(--s-ui-color-text-surface-static)}.s-ui-tab--disabled .s-ui-tab__icon-badge-icon{color:var(--s-ui-color-icon-surface-static)}.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__label,.s-ui-tab--disabled.s-ui-tab--billing .s-ui-tab__input{background-image:none;background-clip:border-box;color:var(--s-ui-tab-label-color)}.s-ui-tab--link[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.s-ui-tab:focus{outline:none}.s-ui-tab:focus-visible.s-ui-tab--appearance-primary.s-ui-tab--selected .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible.s-ui-tab--appearance-secondary.s-ui-tab--selected:not(.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-primary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only) .s-ui-tab__content,.s-ui-tab--appearance-primary.s-ui-tab--icon-only:focus-visible:not(.s-ui-tab--selected) .s-ui-tab__content{background-color:var(--s-ui-color-surface-primary);box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab--appearance-secondary:focus-visible:not(.s-ui-tab--selected,.s-ui-tab--icon-only,.s-ui-tab--editable) .s-ui-tab__content{box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tab:focus-visible:not(:active,.s-ui-tab--selected,.s-ui-tab--icon-only){--s-ui-tab-label-color: var(--s-ui-color-text-surface-tertiary)}.s-ui-tab--appearance-secondary.s-ui-tab--editable:focus-visible .s-ui-tab__content{outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:0}.s-ui-tab--appearance-primary:after{display:block}.s-ui-tab--appearance-secondary:after{display:none}}@layer components{.s-ui-tabs{--s-ui-tabs-track-gap: var(--s-ui-space-gap-x-medium);box-sizing:border-box;display:flex;align-items:center;min-width:0}.s-ui-tabs--size-small{--s-ui-tabs-track-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--addable{--s-ui-tabs-add-gap: var(--s-ui-space-gap-x-medium);gap:var(--s-ui-tabs-add-gap)}.s-ui-tabs--addable.s-ui-tabs--size-small{--s-ui-tabs-add-gap: var(--s-ui-space-gap-small)}.s-ui-tabs--appearance-primary{border-bottom:1px solid var(--s-ui-color-border-neutral-primary)}.s-ui-tabs__body{position:relative;flex:1;min-width:0}.s-ui-tabs__scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.s-ui-tabs__scroll::-webkit-scrollbar{display:none}.s-ui-tabs__track{position:relative;display:inline-flex;align-items:center;gap:var(--s-ui-tabs-track-gap);min-width:min-content}.s-ui-tabs__indicator{position:absolute;bottom:0;left:0;z-index:1;box-sizing:border-box;height:var(--s-ui-dimension-3);background-color:var(--s-ui-color-border-main-selected);pointer-events:none;transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),width var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard);will-change:transform,width}.s-ui-tabs__indicator--billing{background-color:transparent;background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tabs[aria-disabled=true] .s-ui-tabs__indicator{background-color:var(--s-ui-color-icon-surface-disabled);background-image:none}.s-ui-tabs--appearance-primary .s-ui-tab--selected:after{opacity:0}.s-ui-tabs__fade{position:absolute;top:50%;right:0;z-index:2;width:var(--s-ui-dimension-32);height:var(--s-ui-dimension-40);background:linear-gradient(to right,var(--s-ui-color-elevation-overlay-fade),var(--s-ui-color-surface-primary));opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-tabs--size-small.s-ui-tabs--addable .s-ui-tabs__fade{top:calc(50% + var(--s-ui-dimension-4))}.s-ui-tabs__fade--visible{opacity:1}.s-ui-tabs__add{flex-shrink:0}}@layer components{.s-ui-tag{box-sizing:border-box;display:inline-flex;align-items:center;max-width:100%;border-radius:var(--s-ui-border-radius-base);color:var(--s-ui-color-text-surface-primary);background-color:var(--s-ui-tag-bg, transparent)}.s-ui-tag--link{text-decoration:none;color:inherit;cursor:pointer}.s-ui-tag__content{display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none}.s-ui-tag__actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag__action-close{display:inline-flex;align-items:center}.s-ui-tag__actions .s-ui-button.s-ui-button--appearance-bare{--s-ui-button-padding: 0}.s-ui-tag--size-small,.s-ui-tag--size-medium{gap:var(--s-ui-space-gap-2x-small)}.s-ui-tag--size-small{padding:var(--s-ui-space-padding-2x-small) var(--s-ui-space-padding-x-small)}.s-ui-tag--size-medium{padding:var(--s-ui-space-padding-x-small)}.s-ui-tag--short{justify-content:center;min-width:var(--s-ui-space-padding-large)}.s-ui-tag--disabled{cursor:not-allowed;pointer-events:none}.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-tag--color-red-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-orange-tertiary)}.s-ui-tag--color-orange{--s-ui-tag-bg: var(--s-ui-color-background-accent-orange-tertiary)}.s-ui-tag--color-yellow{--s-ui-tag-bg: var(--s-ui-color-background-accent-yellow-tertiary)}.s-ui-tag--color-green{--s-ui-tag-bg: var(--s-ui-color-background-accent-green-tertiary)}.s-ui-tag--color-teal{--s-ui-tag-bg: var(--s-ui-color-background-accent-teal-tertiary)}.s-ui-tag--color-cyan{--s-ui-tag-bg: var(--s-ui-color-background-accent-cyan-tertiary)}.s-ui-tag--color-blue{--s-ui-tag-bg: var(--s-ui-color-background-accent-blue-tertiary)}.s-ui-tag--color-indigo{--s-ui-tag-bg: var(--s-ui-color-background-accent-indigo-tertiary)}.s-ui-tag--color-violet{--s-ui-tag-bg: var(--s-ui-color-background-accent-violet-tertiary)}.s-ui-tag--color-magenta{--s-ui-tag-bg: var(--s-ui-color-background-accent-magenta-tertiary)}.s-ui-tag--color-pink{--s-ui-tag-bg: var(--s-ui-color-background-accent-pink-tertiary)}.s-ui-tag--color-red{--s-ui-tag-bg: var(--s-ui-color-background-accent-red-tertiary)}.s-ui-tag--color-gray{--s-ui-tag-bg: var(--s-ui-color-background-neutral-action-calm-enabled)}.s-ui-tag--color-white-border{--s-ui-tag-bg: var(--s-ui-color-surface-primary);outline:1px solid var(--s-ui-color-border-neutral-action-enabled);outline-offset:-1px}.s-ui-tag--color-white-border.s-ui-tag--selected{outline:1px solid var(--s-ui-color-border-main-selected);outline-offset:-1px}.s-ui-tag--color-billing{background-image:linear-gradient(86deg,var(--s-ui-gradient-billing-stop-1-color) -3.31%,var(--s-ui-gradient-billing-stop-2-color) 53.31%,var(--s-ui-gradient-billing-stop-3-color) 109.94%)}.s-ui-tag--color-billing .s-ui-tag__content{color:var(--s-ui-color-text-surface-static)}.s-ui-tag--color-billing-light{background-image:linear-gradient(-68deg,var(--s-ui-color-gradient-calm-blue) 24%,var(--s-ui-color-gradient-calm-magenta) 72.533%)}.s-ui-tag--color-billing-light .s-ui-tag__content{display:inline-block;background-image:var(--s-ui-gradient-billing);-webkit-background-clip:text;background-clip:text;color:transparent}.s-ui-tag:focus-visible,.s-ui-tag:has(.s-ui-button:focus-visible){outline:1px solid var(--s-ui-color-border-neutral-action-pressed);outline-offset:-1px;box-shadow:0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}}@layer components{.s-ui-tag-group{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--s-ui-space-gap-small);min-width:0}.s-ui-tag-group__cluster{box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;align-items:center;min-width:0;padding-inline-end:var(--s-ui-space-padding-x-small)}.s-ui-tag-group__cluster .s-ui-tag:not(.s-ui-tag--color-white-border,:focus-visible,:has(.s-ui-button:focus-visible)){outline:1px solid var(--s-ui-color-border-neutral-static-base);outline-offset:-1px}.s-ui-tag-group__cluster .s-ui-tag{position:relative;flex-shrink:0;margin-inline-end:calc(-1 * var(--s-ui-space-padding-x-small))}}@layer components{.s-ui-textarea{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__field{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered);--s-ui-textarea-focus-shadow: transparent;box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:var(--s-ui-dimension-40);padding:var(--s-ui-space-padding-small);border-radius:var(--s-ui-border-radius-sub-section);background-color:var(--s-ui-textarea-bg);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-textarea__field--bordered{outline:1px solid var(--s-ui-textarea-outline-color);outline-offset:-1px}.s-ui-textarea__field--borderless{outline:1px solid transparent;outline-offset:-1px}.s-ui-textarea__field--bordered.s-ui-textarea__field--filled:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error,.s-ui-textarea__field--focused){--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-enabled)}.s-ui-textarea__field--bordered:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--error):hover{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly,.s-ui-textarea__field--focused):hover{--s-ui-textarea-bg: var(--s-ui-color-background-main-action-calm-hovered);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--filled,.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly):hover .s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-secondary)}.s-ui-textarea__field:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-neutral-action-pressed);--s-ui-textarea-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-textarea__field--borderless:not(.s-ui-textarea__field--disabled,.s-ui-textarea__field--readonly).s-ui-textarea__field--focused{--s-ui-textarea-bg: var(--s-ui-color-surface-primary);--s-ui-textarea-outline-color: transparent}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled){--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--error:not(.s-ui-textarea__field--disabled).s-ui-textarea__field--focused{--s-ui-textarea-outline-color: var(--s-ui-color-border-danger-primary)}.s-ui-textarea__field--disabled{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: transparent;cursor:not-allowed}.s-ui-textarea__field--readonly{--s-ui-textarea-bg: var(--s-ui-color-background-disabled-surface);--s-ui-textarea-outline-color: var(--s-ui-color-border-disabled-primary);cursor:default}.s-ui-textarea__field.s-ui-textarea__field--focused{box-shadow:var(--s-ui-textarea-focus-shadow)}.s-ui-textarea__control{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:calc(var(--s-ui-dimension-40) - (var(--s-ui-space-padding-small) * 2));margin:0;padding:var(--s-ui-space-gap-2x-small) var(--s-ui-space-gap-x-small);border:0;background:transparent;color:var(--s-ui-color-text-surface-primary);outline:none;resize:none;overflow:auto}.s-ui-textarea__field--resizable .s-ui-textarea__control{resize:vertical}.s-ui-textarea__control::placeholder{color:var(--s-ui-color-text-surface-tertiary)}.s-ui-textarea__control:disabled{color:var(--s-ui-color-text-surface-disabled);cursor:not-allowed}.s-ui-textarea__control:read-only{color:var(--s-ui-color-text-surface-primary);cursor:default}.s-ui-textarea__footer{display:flex;align-items:flex-start;gap:var(--s-ui-space-gap-x-small);width:100%}.s-ui-textarea__messages{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--s-ui-space-gap-x-small);min-width:0}.s-ui-textarea__counter{flex-shrink:0;margin:0 0 0 auto;color:var(--s-ui-color-text-surface-secondary);text-align:right;-webkit-user-select:none;user-select:none}}@layer components{.s-ui-toggle{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-enabled);--s-ui-toggle-focus-shadow: transparent;--s-ui-toggle-thumb-translate: 0;--s-ui-toggle-thumb-shadow: 0 .5px 4px 0 var(--s-ui-color-elevation-shadow-element), 0 6px 13px 0 var(--s-ui-color-elevation-shadow-element);box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none}.s-ui-toggle--disabled{cursor:not-allowed}.s-ui-toggle--size-large{--s-ui-toggle-track-width: var(--s-ui-dimension-40);--s-ui-toggle-track-height: var(--s-ui-dimension-24);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-16));--s-ui-toggle-thumb-size: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shadow: 0 .6px 4.8px 0 var(--s-ui-color-elevation-shadow-element), 0 7.2px 15.6px 0 var(--s-ui-color-elevation-shadow-element)}.s-ui-toggle--size-medium{--s-ui-toggle-track-width: var(--s-ui-dimension-32);--s-ui-toggle-track-height: var(--s-ui-dimension-20);--s-ui-toggle-thumb-shell-width: calc(var(--s-ui-dimension-20) + var(--s-ui-dimension-8));--s-ui-toggle-thumb-size: var(--s-ui-dimension-16)}.s-ui-toggle--size-small{--s-ui-toggle-track-width: var(--s-ui-dimension-24);--s-ui-toggle-track-height: var(--s-ui-dimension-14);--s-ui-toggle-thumb-shell-width: var(--s-ui-dimension-20);--s-ui-toggle-thumb-size: var(--s-ui-dimension-10)}.s-ui-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.s-ui-toggle__track{box-sizing:border-box;display:inline-flex;align-items:center;flex-shrink:0;width:var(--s-ui-toggle-track-width);height:var(--s-ui-toggle-track-height);padding:var(--s-ui-space-padding-2x-small);border-radius:var(--s-ui-border-radius-section);background-color:var(--s-ui-toggle-track-bg);outline:1px solid var(--s-ui-toggle-outline-color);outline-offset:-1px;box-shadow:var(--s-ui-toggle-focus-shadow);transition:background-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),outline-color var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard),box-shadow var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__thumb-shell{display:block;width:var(--s-ui-toggle-thumb-shell-width);height:100%}.s-ui-toggle__thumb{display:block;flex-shrink:0;width:var(--s-ui-toggle-thumb-size);height:var(--s-ui-toggle-thumb-size);border-radius:var(--s-ui-border-radius-rounded);background-color:var(--s-ui-color-icon-surface-static);box-shadow:var(--s-ui-toggle-thumb-shadow);transform:translate(var(--s-ui-toggle-thumb-translate));transition:transform var(--s-ui-transition-duration-base) var(--s-ui-transition-easing-standard)}.s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: 0 0 0 2px var(--s-ui-color-elevation-shadow-tabulation)}.s-ui-toggle--disabled .s-ui-toggle__input:focus-visible+.s-ui-toggle__track{--s-ui-toggle-focus-shadow: transparent}.s-ui-toggle--checked{--s-ui-toggle-thumb-translate: calc( var(--s-ui-toggle-thumb-shell-width) - var(--s-ui-toggle-thumb-size) )}.s-ui-toggle--checked:not(.s-ui-toggle--disabled){--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-selected);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-selected)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-hovered)}.s-ui-toggle--checked:not(.s-ui-toggle--disabled):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-main-action-loud-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-main-pressed)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):hover{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-hovered);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-hovered)}.s-ui-toggle:not(.s-ui-toggle--disabled,.s-ui-toggle--checked):active{--s-ui-toggle-track-bg: var(--s-ui-color-background-neutral-action-calm-pressed);--s-ui-toggle-outline-color: var(--s-ui-color-border-neutral-action-pressed)}.s-ui-toggle--disabled{--s-ui-toggle-track-bg: var(--s-ui-color-background-disabled-surface);--s-ui-toggle-outline-color: var(--s-ui-color-border-disabled-primary)}}@layer components;
+/*$vite$:1*/

package/dist/useFieldMessages-Cb06My1W.js

@@ -0,0 +1,30 @@
+import { computed as e, ref as t, toValue as n } from "vue";
+//#region src/composables/useFieldFocus.ts
+var r = (e) => {
+	let n = t(!1);
+	return {
+		isFocused: n,
+		handleFocus: (t) => {
+			if (e.isDisabled()) {
+				e.blurField();
+				return;
+			}
+			n.value || (n.value = !0, e.emitFocus(t));
+		},
+		handleFocusOut: (t) => {
+			if (!(t.currentTarget instanceof HTMLElement)) return;
+			let r = t.relatedTarget;
+			r instanceof Node && t.currentTarget.contains(r) || n.value && (n.value = !1, e.emitBlur(t));
+		}
+	};
+}, i = (e) => e ? typeof e == "string" ? [e] : e.filter((e) => e.length > 0) : [], a = (t, r) => {
+	let a = e(() => i(n(t))), o = e(() => i(n(r)));
+	return {
+		normalizedHelpMessages: a,
+		normalizedErrorMessages: o,
+		hasHelpMessages: e(() => a.value.length > 0),
+		hasErrorMessages: e(() => o.value.length > 0)
+	};
+};
+//#endregion
+export { r as n, a as t };

package/dist/useFieldMessages-CzjU0ajM.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=t=>{let n=(0,e.ref)(!1);return{isFocused:n,handleFocus:e=>{if(t.isDisabled()){t.blurField();return}n.value||(n.value=!0,t.emitFocus(e))},handleFocusOut:e=>{if(!(e.currentTarget instanceof HTMLElement))return;let r=e.relatedTarget;r instanceof Node&&e.currentTarget.contains(r)||n.value&&(n.value=!1,t.emitBlur(e))}}},n=e=>e?typeof e==`string`?[e]:e.filter(e=>e.length>0):[],r=(t,r)=>{let i=(0,e.computed)(()=>n((0,e.toValue)(t))),a=(0,e.computed)(()=>n((0,e.toValue)(r)));return{normalizedHelpMessages:i,normalizedErrorMessages:a,hasHelpMessages:(0,e.computed)(()=>i.value.length>0),hasErrorMessages:(0,e.computed)(()=>a.value.length>0)}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/useFloatingOverlay-Cwg2MWyD.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@vueuse/core");var n=function(e){return e.TOP=`top`,e.BOTTOM=`bottom`,e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=function(e){return e.START=`start`,e.END=`end`,e.CENTER=`center`,e}({}),i=function(e){return e.TOP=`top`,e.TOP_START=`top-start`,e.TOP_END=`top-end`,e.BOTTOM=`bottom`,e.BOTTOM_START=`bottom-start`,e.BOTTOM_END=`bottom-end`,e.LEFT=`left`,e.RIGHT=`right`,e}({}),a=function(e){return e.PREFERRED=`preferred`,e.FLIP=`flip`,e.SHIFT=`shift`,e.SIZE=`size`,e}({}),o=e=>{switch(e){case i.TOP:return{side:n.TOP,align:r.CENTER};case i.TOP_START:return{side:n.TOP,align:r.START};case i.TOP_END:return{side:n.TOP,align:r.END};case i.BOTTOM:return{side:n.BOTTOM,align:r.CENTER};case i.BOTTOM_START:return{side:n.BOTTOM,align:r.START};case i.BOTTOM_END:return{side:n.BOTTOM,align:r.END};case i.LEFT:return{side:n.LEFT,align:r.CENTER};case i.RIGHT:return{side:n.RIGHT,align:r.CENTER};default:return e}},s=e=>e.side===n.TOP?e.align===r.START?i.TOP_START:e.align===r.END?i.TOP_END:i.TOP:e.side===n.BOTTOM?e.align===r.START?i.BOTTOM_START:e.align===r.END?i.BOTTOM_END:i.BOTTOM:e.side===n.LEFT?i.LEFT:i.RIGHT,c=(e,t,n)=>Math.min(Math.max(t,e),n),l=e=>e===n.TOP?`bottom`:e===n.BOTTOM?`top`:e===n.LEFT?`right`:`left`,u=({referenceCenter:e,floatingStart:t,floatingLength:n,crossAxisProperty:r,staticSide:i,staticOffset:a,arrowSize:o,arrowPadding:s})=>{let l=e-t-o/2,u=c(s,l,n-o-s),d=l-u;return{crossAxisPosition:u,crossAxisProperty:r,staticSide:i,staticOffset:a,centerOffset:d,isOverflow:Math.abs(d)>o/2}},d=e=>{let{referenceRect:t,floatingCoordinates:r,floatingSize:i,arrowSize:a,arrowPadding:s}=e,c=o(e.resolvedPlacement),d=l(c.side),f=-(a/2);return c.side===n.TOP||c.side===n.BOTTOM?u({referenceCenter:t.left+t.width/2,floatingStart:r.x,floatingLength:i.width,crossAxisProperty:`left`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s}):u({referenceCenter:t.top+t.height/2,floatingStart:r.y,floatingLength:i.height,crossAxisProperty:`top`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s})},f=(e,t,n)=>{let r=t.top+n,i=t.left+n,a=t.right-n,o=t.bottom-n;return{top:r-e.top,bottom:e.bottom-o,left:i-e.left,right:e.right-a}},p=(e,t)=>t===`top`?e.top>0:t===`bottom`?e.bottom>0:t===`left`?e.left>0:e.right>0,m=e=>e.top>0||e.bottom>0||e.left>0||e.right>0,h=(e,t)=>t===n.TOP||t===n.BOTTOM?e.left>0||e.right>0:e.top>0||e.bottom>0,g=(e,t)=>e.bottom>t.top&&e.top<t.bottom&&e.right>t.left&&e.left<t.right,_=(e,t)=>{let n=e.top+t,r=e.left+t,i=e.right-t,a=e.bottom-t;return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},v=e=>e.side===n.TOP?{...e,side:n.BOTTOM}:e.side===n.BOTTOM?{...e,side:n.TOP}:e.side===n.LEFT?{...e,side:n.RIGHT}:{...e,side:n.LEFT},y=(e,t,n)=>Math.min(Math.max(t,e),n),b=(e,t,n)=>e===`y`?{x:t.x,y:y(t.y+n.top,t.y,t.y-n.bottom)}:{x:y(t.x+n.left,t.x,t.x-n.right),y:t.y},x=e=>e===n.TOP||e===n.BOTTOM?{mainAxis:`x`,crossAxis:`y`}:{mainAxis:`y`,crossAxis:`x`},S=(e,t,n,i)=>i===r.START?e:i===r.END?e+t-n:e+(t-n)/2,C=(e,t,r,i)=>r.side===n.BOTTOM?{x:S(e.left,e.width,t.width,r.align),y:e.bottom+i}:r.side===n.TOP?{x:S(e.left,e.width,t.width,r.align),y:e.top-i-t.height}:r.side===n.LEFT?{x:e.left-i-t.width,y:S(e.top,e.height,t.height,r.align)}:{x:e.right+i,y:S(e.top,e.height,t.height,r.align)},w=(e,t)=>({top:e.y,left:e.x,right:e.x+t.width,bottom:e.y+t.height,width:t.width,height:t.height}),T=(e,t,n,r)=>e===`x`?{min:t.left+n,max:t.right-n-r.width}:{min:t.top+n,max:t.bottom-n-r.height},E=(e,t,n,r,i)=>t<=n?y(t,e,n):y(r,e,i),D=(e,t,n,r,i,a)=>{let{mainAxis:o}=x(t),{x:s,y:c}=e,l=T(o,i,a,r);if(o===`y`){let e=n.top-r.height,t=n.bottom,i=Math.max(l.min,e),a=Math.min(l.max,t);c=E(c,i,a,l.min,l.max)}else{let e=n.left-r.width,t=n.right,i=Math.max(l.min,e),a=Math.min(l.max,t);s=E(s,i,a,l.min,l.max)}return{x:s,y:c}},O=(e,t,n)=>{let{anchorSide:r,referenceRect:i,viewportRect:a,viewportPadding:o,mainAxis:s=!0,crossAxis:c=!1}=n,l=f(w(e,t),a,o),{mainAxis:u,crossAxis:d}=x(r),p={x:e.x,y:e.y};return s&&(p=b(u,p,l)),c&&(p=b(d,p,l)),D(p,r,i,t,a,o)},k=e=>e===n.TOP?`top`:e===n.BOTTOM?`bottom`:e===n.LEFT?`left`:`right`,A=(e,t,n)=>{let r=t.bottom-n;return Math.max(0,Math.floor(r-e.y))},j=e=>{let t=o(e.placement),n=e.flip?[t,v(t)]:[t],r={anchor:t,coordinates:C(e.referenceRect,e.floatingSize,t,e.offset),strategy:a.PREFERRED};for(let i of n){let n=C(e.referenceRect,e.floatingSize,i,e.offset);if(!p(f(w(n,e.floatingSize),e.viewportRect,e.viewportPadding),k(i.side)))return{anchor:i,coordinates:n,strategy:i===t?a.PREFERRED:a.FLIP};r={anchor:i,coordinates:n,strategy:a.FLIP}}return r},M=(e,t)=>!e.shift||!m(f(w(t.coordinates,e.floatingSize),e.viewportRect,e.viewportPadding))?t:{...t,coordinates:O(t.coordinates,e.floatingSize,{anchorSide:t.anchor.side,referenceRect:e.referenceRect,viewportRect:e.viewportRect,viewportPadding:e.viewportPadding}),strategy:a.SHIFT},N=(e,t)=>{if(!e.fitViewport)return{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0};let r=A(t.coordinates,e.viewportRect,e.viewportPadding),i=e.referenceRect.top-e.offset;if(t.anchor.side===n.TOP){let t=e.viewportRect.top+e.viewportPadding,n=Math.max(0,Math.floor(i-t));r=Math.min(r,n)}return r>=e.floatingSize.height?{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0}:{coordinates:t.anchor.side===n.TOP?{...t.coordinates,y:i-r}:t.coordinates,strategy:a.SIZE,maxHeight:r}},P=e=>{let t=M(e,j(e)),n=N(e,t);return{x:n.coordinates.x,y:n.coordinates.y,resolvedPlacement:s(t.anchor),strategy:n.strategy,maxHeight:n.maxHeight}},F=()=>{let e=window.visualViewport;return e?{top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.width,bottom:e.offsetTop+e.height,width:e.width,height:e.height}:{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}},I=e=>({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),L=/auto|scroll|overlay|hidden|clip/,R=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>L.test(e))},z=(e,t)=>{let n=Math.max(e.top,t.top),r=Math.max(e.left,t.left),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},B=e=>{let t=F();if(!e)return t;let n=e.parentElement;for(;n;)R(n)&&(t=z(t,n.getBoundingClientRect())),n=n.parentElement;return t},V=/auto|scroll|overlay/,H=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>V.test(e))},U=e=>{let t=[],n=e?.parentElement??null;for(;n;)H(n)&&t.push(n),n=n.parentElement;return t},W=e=>e?e instanceof HTMLElement?e:e.$el instanceof HTMLElement?e.$el:null:null,G=e=>{let t=e.trim();if(!t)return;let n=parseFloat(t);if(!Number.isNaN(n))return n},K=e=>{let t=getComputedStyle(e);return{arrowSize:G(t.getPropertyValue(`--s-ui-dropdown-arrow-size`))??12,arrowPadding:G(t.getPropertyValue(`--s-ui-dropdown-arrow-padding`))??8}},q=(e,t,n)=>{if(!n)return t;let r=e.firstElementChild;return r instanceof HTMLElement?Math.max(r.scrollHeight,t):Math.max(e.scrollHeight,t)},J=(t,n)=>(0,e.toValue)(t??n),Y=(e,t)=>e&&t instanceof HTMLElement?K(t):{arrowSize:12,arrowPadding:8},X=(e,t,n,r,i,a)=>{let s=_(r,i),c=f(w({x:e.x,y:e.y},n),r,i),l=g(t,s),u=o(e.resolvedPlacement).side,d=a?!h(c,u):!m(c);return l&&d},Z=n=>{let r=(0,e.shallowRef)(null),a=(0,e.shallowRef)(void 0),o=(0,e.shallowRef)(i.BOTTOM_START),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(0),l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(!1),f=[],p=()=>{(0,e.toValue)(n.open)&&y()},m=()=>{for(let e of f)e();f=[]},h=()=>{m();let t=W((0,e.toValue)(n.reference));for(let e of U(t))e.addEventListener(`scroll`,p,{capture:!0,passive:!0}),f.push(()=>{e.removeEventListener(`scroll`,p,{capture:!0})})};(0,t.useEventListener)(window,`scroll`,p,{capture:!0}),(0,t.useEventListener)(document,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>document.documentElement,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>window.visualViewport??null,`scroll`,p,{passive:!0});let g=()=>({matchReferenceWidth:J(n.matchReferenceWidth,!1),fitViewport:J(n.fitViewport,!1),shift:J(n.shift,!1),baseOffset:J(n.offset,8),viewportPadding:J(n.viewportPadding,8),hasArrow:J(n.arrow,!1),placement:J(n.placement,i.BOTTOM_START),flip:J(n.flip,!0)}),_=(e,t)=>{if(!e){l.value=null,u.value=!1;return}let n=d({referenceRect:t.referenceRect,floatingCoordinates:{x:t.result.x,y:t.result.y},floatingSize:t.renderedFloatingSize,resolvedPlacement:t.result.resolvedPlacement,arrowSize:t.arrowSize,arrowPadding:t.arrowPadding});l.value=n,u.value=n.isOverflow},v=()=>{if(!(0,e.toValue)(n.open))return;let t=W((0,e.toValue)(n.reference)),i=(0,e.toValue)(n.panel);if(!t||!i)return;let l=g(),u=I(t.getBoundingClientRect()),d=I(i.getBoundingClientRect());c.value=Math.round(u.width);let f=i.firstElementChild,{arrowSize:p,arrowPadding:m}=Y(l.hasArrow,f),h=l.hasArrow?l.baseOffset+p/2:l.baseOffset,v={width:l.matchReferenceWidth&&u.width>0?u.width:d.width,height:q(i,d.height,l.fitViewport)},y=B(t),b=P({referenceRect:u,floatingSize:v,placement:l.placement,offset:h,flip:l.flip,shift:l.shift,fitViewport:l.fitViewport,viewportRect:y,viewportPadding:l.viewportPadding});r.value={x:b.x,y:b.y},a.value=b.maxHeight,o.value=b.resolvedPlacement;let x={width:v.width,height:b.maxHeight??v.height};s.value=X(b,u,x,y,l.viewportPadding,l.shift),_(l.hasArrow,{referenceRect:u,result:b,renderedFloatingSize:x,arrowSize:p,arrowPadding:m})},y=()=>{v()},b=(0,e.computed)(()=>{let t=(0,e.toValue)(n.matchReferenceWidth??!1);if(!(0,e.toValue)(n.open)||!r.value)return{position:`fixed`,top:`0`,left:`0`,visibility:`hidden`,pointerEvents:`none`};let i={position:`fixed`,top:`0`,left:`0`,transform:`translate(${r.value.x}px, ${r.value.y}px)`,visibility:s.value?`visible`:`hidden`,pointerEvents:s.value?`auto`:`none`};if(t&&c.value>0){let e=`${Math.round(c.value)}px`;i.width=e,i.minWidth=e,i.maxWidth=e}return i}),x=(0,e.computed)(()=>{if(!(0,e.toValue)(n.open)||!(0,e.toValue)(n.arrow??!1)||!l.value)return;let t=l.value;return{[t.crossAxisProperty]:`${t.crossAxisPosition}px`}}),S=()=>{n.onOpenChange?.(!1)};return(0,e.watch)(()=>(0,e.toValue)(n.open),async t=>{if(t){s.value=!1,await(0,e.nextTick)(),h(),y();return}s.value=!1,r.value=null,a.value=void 0,l.value=null,u.value=!1,m()}),(0,e.watch)([()=>(0,e.toValue)(n.placement??i.BOTTOM_START),()=>(0,e.toValue)(n.offset??8),()=>(0,e.toValue)(n.flip??!0),()=>(0,e.toValue)(n.shift??!1),()=>(0,e.toValue)(n.matchReferenceWidth??!1),()=>(0,e.toValue)(n.fitViewport??!1),()=>(0,e.toValue)(n.viewportPadding??8),()=>(0,e.toValue)(n.arrow??!1)],async()=>{(0,e.toValue)(n.open)&&(s.value=!1,await(0,e.nextTick)(),y())}),(0,t.useResizeObserver)(()=>W((0,e.toValue)(n.reference)),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useResizeObserver)(()=>(0,e.toValue)(n.panel),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(window,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(()=>window.visualViewport??null,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.onClickOutside)(()=>(0,e.toValue)(n.panel),()=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnClickOutside??!0)||S()},{ignore:[(0,e.computed)(()=>W((0,e.toValue)(n.reference)))]}),(0,t.useEventListener)(window,`keydown`,t=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnEscape??!0)||t.key===`Escape`&&S()}),(0,e.onScopeDispose)(()=>{m()}),{panelStyles:b,panelMaxHeight:a,resolvedPlacement:o,isPositionReady:s,referenceWidth:c,arrowStyles:x,isArrowOverflow:u,updatePosition:y}};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Z}});