npm - @dolanske/vui - Versions diffs - 0.3.2 → 0.3.3 - Mend

@dolanske/vui 0.3.2 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/style.css +1 -1
package/dist/vui.js +121 -113
package/package.json +1 -1
package/src/App.vue +7 -2
package/src/components/Avatar/Avatar.vue +1 -1
package/src/components/Avatar/avatar.scss +4 -2
package/src/components/Tabs/Tabs.vue +3 -1

package/dist/style.css CHANGED Viewed

	@@ -1 +1 @@
1	- .vui-accordion{width:100%;transition:var(--transition);border-bottom:1px solid var(--color-border);padding-bottom:0}.vui-accordion.is-card{border:1px solid var(--color-border);border-radius:var(--border-radius-m)}.vui-accordion.is-card.open{padding-bottom:0}.vui-accordion.is-card.open .vui-accordion-header{border-block-width:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.vui-accordion.is-card .vui-accordion-header{padding-inline:var(--space-m);border-bottom:0px solid var(--color-border);text-decoration:inherit;border-radius:var(--border-radius-m)}.vui-accordion.is-card .vui-accordion-header:hover{text-decoration:inherit;text-underline-offset:inherit;background-color:var(--color-button-gray)}.vui-accordion.is-card .vui-accordtion-content-inner{padding:var(--space-m)}.vui-accordion.open{padding-bottom:var(--space-m)}.vui-accordion.open .vui-accordion-header svg{transform:rotate(180deg)}.vui-accordion.open .vui-accordion-content{visibility:visible}.vui-accordion .vui-accordion-header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:var(--space-m) 0;color:pointer;font-size:var(--font-size-m);font-weight:500;color:var(--color-text)}.vui-accordion .vui-accordion-header:hover{text-decoration:underline;text-underline-offset:4px}.vui-accordion .vui-accordion-header svg{transition:var(--transition);color:var(--color-text-light)}.vui-accordion .vui-accordion-content{transition:var(--transition-slow);width:100%;max-height:0;overflow:hidden;visibility:hidden}.vui-alert{display:flex;gap:var(--space-s);border-radius:var(--border-radius-m);padding:var(--space-s);font-size:var(--font-size-m);flex-wrap:nowrap;align-items:flex-start}.vui-alert svg{width:22px;height:22px}.vui-alert .vui-alert-content,.vui-alert .vui-alert-default-content{flex:1}.vui-alert .vui-alert-default-content{padding-top:3px}.vui-alert .vui-alert-default-content strong{display:block;font-size:var(--font-size-m);font-weight:550;margin-bottom:6px}.vui-alert .vui-alert-default-content p{font-size:var(--font-size-ms);color:var(--color-text-light);font-weight:350}.vui-alert .vui-alert-content{font-size:var(--font-size-m)}.vui-alert.vui-alert-variant-neutral{border:1px solid var(--color-border)}.vui-alert.vui-alert-variant-neutral svg path{color:var(--color-text)}.vui-alert.vui-alert-variant-info{border:1px solid var(--color-border-blue)}.vui-alert.vui-alert-variant-info svg path{color:var(--color-text-blue)}.vui-alert.vui-alert-variant-success{border:1px solid var(--color-border-green)}.vui-alert.vui-alert-variant-success svg path{color:var(--color-text-green)}.vui-alert.vui-alert-variant-warning{border:1px solid var(--color-border-yellow)}.vui-alert.vui-alert-variant-warning svg path{color:var(--color-text-yellow)}.vui-alert.vui-alert-variant-danger{border:1px solid var(--color-border-red)}.vui-alert.vui-alert-variant-danger svg path{color:var(--color-text-red)}.vui-avatar{--avatar-size: 36px;width:var(--avatar-size);height:var(--avatar-size);border-radius:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-raised);font-weight:500}.vui-avatar.vui-avatar-size-s{--avatar-size: 28px}.vui-avatar.vui-avatar-size-s strong{font-size:var(--font-size-xs)}.vui-avatar.vui-avatar-size-l{--avatar-size: 48px}.vui-avatar.vui-avatar-size-l strong{font-size:var(--font-size-m)}.vui-avatar svg{color:var(--color-text-light)}.vui-avatar strong{display:block;font-size:var(--font-size-s)}.vui-avatar img{display:block;height:100%;width:100%;object-position:center;object-fit:cover}.vui-avatar img[src=""]{display:none}.vui-badge{display:inline-flex;gap:var(--space-s);place-items:center;height:26px;padding-inline:var(--space-s);border-radius:999px;font-weight:300;font-size:var(--font-size-s)}.vui-badge.filled{font-weight:500}.vui-badge.vui-badge-variant-neutral{color:var(--color-text);border:1px solid var(--color-border)}.vui-badge.vui-badge-variant-neutral:not(.outline){background-color:var(--color-bg-raised)}.vui-badge.vui-badge-variant-neutral:not(.outline).filled{background-color:var(--color-text);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-info{color:var(--color-text);border:1px solid var(--color-border-blue)}.vui-badge.vui-badge-variant-info:not(.outline){background-color:var(--color-bg-blue-lowered)}.vui-badge.vui-badge-variant-info:not(.outline).filled{background-color:var(--color-text-blue);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-success{color:var(--color-text);border:1px solid var(--color-border-green)}.vui-badge.vui-badge-variant-success:not(.outline){background-color:var(--color-bg-green-lowered)}.vui-badge.vui-badge-variant-success:not(.outline).filled{background-color:var(--color-text-green);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-warning{color:var(--color-text);border:1px solid var(--color-border-yellow)}.vui-badge.vui-badge-variant-warning:not(.outline){background-color:var(--color-bg-yellow-lowered)}.vui-badge.vui-badge-variant-warning:not(.outline).filled{background-color:var(--color-text-yellow);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-danger{color:var(--color-text);border:1px solid var(--color-border-red)}.vui-badge.vui-badge-variant-danger:not(.outline){background-color:var(--color-bg-red-lowered)}.vui-badge.vui-badge-variant-danger:not(.outline).filled{background-color:var(--color-text-red);color:var(--color-text-invert);border-color:transparent}.vui-button{--button-height: 34px;--button-padding: 8px;height:var(--button-height);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-s);background:transparent;padding-inline:var(--button-padding);font-size:var(--font-size-s);position:relative;transition:var(--transition);border:1px solid transparent;background-color:transparent;color:var(--color-text)}.vui-button.disabled{pointer-events:none;color:var(--color-text-lighter)!important;cursor:not-allowed!important;filter:saturate(50%) opacity(.65)}.vui-button.disabled svg path{color:var(--color-text-lighter)!important}.vui-button.expand{width:100%}.vui-button.loading .vui-spinner{opacity:1}.vui-button.loading .vui-button-slot{opacity:0}.vui-button.icon{width:var(--button-height);padding:0}.vui-button.icon .vui-button-slot svg{width:18px;height:18px}.vui-button.square{width:var(--button-height);padding:0}.vui-button.dashed{border-style:dashed}.vui-button .vui-button-slot{display:flex;place-items:center;transition:var(--transition);opacity:1}.vui-button .vui-button-slot-start,.vui-button .vui-button-slot-end{display:flex;place-items:center}.vui-button .vui-button-slot-start{margin-right:6px}.vui-button .vui-button-slot-end{margin-left:6px}.vui-button .vui-spinner{transition:var(--transition);opacity:0;position:absolute;pointer-events:none}.vui-button.vui-button-variant-default:not(.plain){color:var(--color-text);background-color:var(--color-button-gray);border:1px solid var(--color-border)}.vui-button.vui-button-variant-default.active,.vui-button.vui-button-variant-default:hover{background-color:var(--color-button-gray-hover)}.vui-button.vui-button-variant-danger:not(.plain){color:var(--color-text);background-color:var(--color-bg-red-lowered);border:1px solid var(--color-border-red)}.vui-button.vui-button-variant-danger.active,.vui-button.vui-button-variant-danger:hover{border:1px solid var(--color-bg-red-raised);background-color:var(--color-bg-red-raised)}.vui-button.vui-button-variant-success:not(.plain){color:var(--color-text);background-color:var(--color-bg-green-lowered);border:1px solid var(--color-border-green)}.vui-button.vui-button-variant-success.active,.vui-button.vui-button-variant-success:hover{border:1px solid var(--color-bg-green-raised);background-color:var(--color-bg-green-raised)}.vui-button.vui-button-variant-blue:not(.plain){color:var(--color-text);background-color:var(--color-bg-blue-lowered);border:1px solid var(--color-border-blue)}.vui-button.vui-button-variant-blue.active,.vui-button.vui-button-variant-blue:hover{border:1px solid var(--color-bg-blue-raised);background-color:var(--color-bg-blue-raised)}.vui-button.vui-button-variant-accent:not(.plain){color:var(--color-text);background-color:var(--color-bg-accent-lowered);border:1px solid var(--color-border-accent)}.vui-button.vui-button-variant-accent.active,.vui-button.vui-button-variant-accent:hover{border:1px solid var(--color-bg-accent-raised);background-color:var(--color-bg-accent-raised)}.vui-button.vui-button-variant-link{color:var(--color-text);background:transparent;text-underline-offset:4px;cursor:pointer}.vui-button.vui-button-variant-link.active,.vui-button.vui-button-variant-link:hover{text-decoration:underline}.vui-breadcrumbs{display:flex;gap:var(--space-m);align-items:center}.vui-breadcrumbs .vui-breadcrumb-custom-separator{color:var(--color-text-lighter)}.vui-breadcrumbs li{font-size:var(--font-size-s);color:var(--color-text-lighter)}.vui-breadcrumbs li .vui-breadcrumb-text-simple{color:var(--color-text-lighter)}.vui-breadcrumbs li .vui-breadcrumb-link{color:var(--color-text);background:transparent;text-underline-offset:4px;text-decoration:none}.vui-breadcrumbs li .vui-breadcrumb-link:hover{text-decoration:underline}.vui-spinner{--spinner-color: var(--color-text);aspect-ratio:1;border-radius:50%;border:3px solid var(--spinner-color);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.vui-button-group .vui-button{z-index:1}.vui-button-group .vui-button:hover{z-index:2}.vui-button-group .vui-button:not(:first-child,:last-child){border-radius:0}.vui-button-group .vui-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.vui-button-group .vui-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.vui-button-group .vui-button:not(:last-child){margin-right:-1px}.vui-button-group.vertical .vui-button{width:100%}.vui-button-group.vertical .vui-button:not(:first-child,:last-child){border-radius:0}.vui-button-group.vertical .vui-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.vui-button-group.vertical .vui-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.vui-button-group.vertical .vui-button:not(:last-child){margin-bottom:-1px}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main {direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp__theme_dark{--dp-background-color: var(--color-bg);--dp-text-color: var(--color-text);--dp-hover-color: var(--color-button-gray-hover);--dp-hover-text-color: var(--color-text);--dp-hover-icon-color: var(--color-text-lighter);--dp-primary-color: var(--color-accent);--dp-primary-disabled-color: var(--color-accent-disabled);--dp-primary-text-color: var(--color-text-invert);--dp-secondary-color: var(--color-border);--dp-border-color: var(--color-border);--dp-menu-border-color: var(--color-border);--dp-border-color-hover: var(--color-border-strong);--dp-border-color-focus: var(--color-border-strong);--dp-disabled-color: var(--color-bg-raised);--dp-disabled-color-text: var(--color-text-light);--dp-scroll-bar-background: var(--color-bg-lowered);--dp-scroll-bar-color: var(--color-border);--dp-success-color: var(--color-green);--dp-success-color-disabled: var(--color-green-disabled);--dp-icon-color: var(--color-text-light);--dp-danger-color: var(--color-red);--dp-marker-color: var(--color-red);--dp-tooltip-color: var(--color-bg-raised);--dp-highlight-color: var(--color-bg-raised);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}:root{--dp-font-family: var(--global-font);--dp-border-radius: var(--border-radius-s);--dp-cell-border-radius: var(--border-radius-s);--dp-common-transition: var(--transition);--dp-font-size: var(--font-size-ms);--dp-preview-font-size: var(--font-size-s);--dp-time-font-size: var(--font-size-s)}.dp__main{font-size:var(--n-font-size-m)}.dp__outer_menu_wrap{box-shadow:var(--box-shadow-strong)}.dp__input_icon{inset-inline-start:8px}.dp--clear-btn{inset-inline-end:8px}.vui-divider{display:flex;align-items:center;justify-content:center;position:relative;height:32px;width:100%}.vui-divider.vertical:before{border-bottom:none;border-right:1px solid var(--color-border);transform:translate(-50%);width:1px;height:100%}.vui-divider:before{content:"";display:block;transform:translateY(-50%);width:100%;border-bottom:1px solid var(--color-border)}.vui-divider .vui-divider-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vui-divider .vui-divider-slot>:first-child{outline:3px solid var(--color-bg)}.vui-divider[data-v-f832e61b]:before{border-width:var(--c11cc744)}.vui-card{background-color:var(--color-bg);border-radius:var(--border-radius-m);border:1px solid var(--color-border)}.vui-card.no-padding .vui-card-header,.vui-card.no-padding .vui-card-content,.vui-card.no-padding .vui-card-footer{padding:0}.vui-card:not(.separators) .vui-card-content:not(:first-child){padding-block:var(--space-xs)}.vui-card:not(.separators).header-separator .vui-card-content:not(:first-child){padding-top:var(--space-m)}.vui-card:not(.separators).footer-separator .vui-card-content{padding-bottom:var(--space-m)}.vui-card .vui-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-s) var(--space-m);background-color:var(--color-bg);border-top-left-radius:var(--border-radius-m);border-top-right-radius:var(--border-radius-m)}.vui-card .vui-card-content{padding:var(--space-m)}.vui-card .vui-card-footer{padding:var(--space-s) var(--space-m);background-color:var(--color-bg);border-bottom-left-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m)}.vui-checkbox{--checkbox-size: 24px}.vui-checkbox.checked .vui-checkbox-icon svg{color:var(--color-text)}.vui-checkbox.disabled{cursor:not-allowed}.vui-checkbox.disabled .vui-checkbox-icon{pointer-events:none}.vui-checkbox.disabled .vui-checkbox-icon svg path{color:var(--color-text-lighter)}.vui-checkbox.disabled input+label{cursor:not-allowed}.vui-checkbox.disabled input+label p{color:var(--color-text-lighter)}.vui-checkbox .vui-checkbox-icon{width:var(--checkbox-size);height:var(--checkbox-size)}.vui-checkbox .vui-checkbox-icon svg{width:100%;height:100%;color:var(--color-text)}.vui-checkbox input{display:none}.vui-checkbox input+label{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:var(--font-size-m);color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:baseline}.vui-checkbox input+label .vui-checkbox-content{display:block}.vui-checkbox input+label .vui-checkbox-content:is(p){display:flex;align-items:center;min-height:var(--checkbox-size);font-size:var(--font-size-ms);align-self:flex-start}.vui-clipboard-copy-wrap{display:inline-block;position:relative}.vui-clipboard-tooltip{padding:6px 8px;border-radius:var(--border-radius-s);background-color:var(--color-bg-raised);font-size:var(--font-size-s);color:var(--color-text-light);box-shadow:var(--box-shadow)}.vui-clipboard-tooltip svg path{color:var(--color-text)}.vui-drawer-content{background-color:var(--color-bg-raised);padding-inline:var(--space-l);border-top:1px solid var(--color-border);border-top-left-radius:var(--border-radius-l);border-top-right-radius:var(--border-radius-l);padding-top:30px;padding-bottom:64px;position:fixed;bottom:0;left:0;right:0}.vui-drawer-content.hide-handle:before{display:none}.vui-drawer-content.vaul-dragging:before{background-color:var(--color-text-lighter)}.vui-drawer-content:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:56px;height:6px;top:12px;border-radius:3px;background-color:var(--color-border-strong);transition:var(--transition-fast)}body{transition:var(--transition-fast);background-color:var(--color-bg)}.vui-popout{border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-width:80px;background-color:var(--color-bg-raised);border-radius:var(--border-radius-m);z-index:1000}.vui-dropdown-trigger-wrap{display:inline-block}.vui-dropdown{min-width:156px;border-radius:var(--border-radius-m);border:1px solid var(--color-border);padding:4px}.vui-dropdown-item{display:flex;align-items:center;justify-content:flex-start;width:fit-content;gap:var(--space-xs);width:100%;height:34px;border-radius:var(--border-radius-m);font-size:var(--font-size-s);cursor:default;transition:var(--transition);padding-inline:var(--space-s);white-space:nowrap;margin-bottom:4px}.vui-dropdown-item:last-child{margin-bottom:0}.vui-dropdown-item.disabled{pointer-events:none}.vui-dropdown-item.disabled:hover{background-color:transparent}.vui-dropdown-item.disabled .vui-dropdown-item-slot,.vui-dropdown-item.disabled .vui-dropdown-item-icon svg path{color:var(--color-text-lighter)}.vui-dropdown-item.disabled .vui-dropdown-item-hint{visibility:hidden;opacity:0;z-index:-1}.vui-dropdown-item .vui-dropdown-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.vui-dropdown-item .vui-dropdown-item-icon svg{width:16px;height:16px}.vui-dropdown-item .vui-dropdown-item-icon svg path{color:var(--color-text-light)}.vui-dropdown-item .vui-dropdown-item-hint{margin-left:8px;font-size:.9rem;color:var(--color-text-lighter)}.vui-dropdown-item .vui-dropdown-item-slot{flex:1;display:flex;align-items:center;justify-content:flex-start;color:var(--color-text);flex-wrap:nowrap}.vui-dropdown-item.selected,.vui-dropdown-item:hover{background-color:var(--color-button-gray-hover)}.vui-dropdown-title{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-block:var(--space-s);padding-inline:calc(var(--space-s) + 4px);font-size:var(--font-size-ms);border-bottom:1px solid var(--color-border);font-weight:500;margin-inline:-4px;margin-top:-4px;margin-bottom:4px;gap:var(--space-m);justify-content:space-between}.vui-dropdown-title:not(:first-child){border-top:1px solid var(--color-border)}.vui-dropdown-title .vui-dropdown-title-end{font-size:var(--font-size-s);font-weight:400;color:var(--color-text-lighter)}.dropdown-enter-active[data-v-9d2f642d],.dropdown-leave-active[data-v-9d2f642d]{transition:.1s opacity ease-in-out}.dropdown-enter-from[data-v-9d2f642d],.dropdown-leave-to[data-v-9d2f642d]{opacity:0}.vui-input-container{--input-color-text-red: var(--color-text-red);--input-color-text: var(--color-text);--input-color-text-light: var(--color-text-light);--input-color-text-lighter: var(--color-text-lighter);--input-color-border: var(--color-border);--input-color-border-strong: var(--color-border-strong);--input-color-border-weak: var(--color-border-weak);--input-height: 34px;--input-padding: 8px;--textarea-padding: 8px;width:224px}.vui-input-container.disabled input,.vui-input-container.disabled textarea{cursor:not-allowed}.vui-input-container.expand{width:100%}.vui-input-container.required .vui-input>label:after{content:"";color:var(--input-color-text-red)}.vui-input-container.readonly .vui-input input,.vui-input-container.readonly .vui-input textarea,.vui-input-container.readonly .vui-input .vui-input-style{pointer-events:none;color:var(--input-color-text-light);border-color:var(--input-color-border-weak)}.vui-input-container.has-errors .vui-input .vui-input-style,.vui-input-container.has-errors .vui-input textarea{border-color:var(--color-text-red)!important}.vui-input-container .vui-input label{display:block;text-align:left;margin-bottom:8px;font-size:var(--font-size-ms);color:var(--input-color-text)}.vui-input-container .vui-input .vui-input-hint{margin-bottom:8px;margin-top:-4px;color:var(--input-color-text-lighter);font-size:var(--font-size-s);display:block;text-align:left}.vui-input-container .vui-input ::placeholder{font-weight:400;color:var(--color-text-lighter);font-family:var(--global-font)}.vui-input-container .vui-input .vui-input-style,.vui-input-container .vui-input textarea{display:block;border-radius:var(--border-radius-s);border:1px solid var(--input-color-border);background:transparent;height:var(--input-height);line-height:var(--input-height);color:var(--color-text);outline:none!important;padding-inline:var(--input-padding);font-size:var(--font-size-ms);width:100%;transition:var(--transition)}.vui-input-container .vui-input .vui-input-style:has(input:focus-visible),.vui-input-container .vui-input .vui-input-style:focus-visible,.vui-input-container .vui-input textarea:has(input:focus-visible),.vui-input-container .vui-input textarea:focus-visible{border-color:var(--input-color-border-strong)}.vui-input-container .vui-input input,.vui-input-container .vui-input textarea{font-family:var(--global-font)}.vui-input-container .vui-input input[type=file]::file-selector-button{background-color:var(--color-bg);color:var(--color-text);border:none}.vui-input-container .vui-input input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background-color:var(--color-border)}.vui-input-container .vui-input ::-moz-range-thumb,.vui-input-container .vui-input ::-webkit-slider-thumb{width:16px;height:16px;background-color:var(--color-text-light);border:none}.vui-input-container .vui-input input{display:block;width:100%;border:none;height:calc(var(--input-height) - 1px);line-height:calc(var(--input-height) - 1px);background:transparent;outline:none;font-size:var(--font-size-ms);color:var(--color-text)}.vui-input-container .vui-input input:-webkit-autofill{box-shadow:0 0 0 1000px var(--color-bg) inset;-webkit-text-fill-color:var(--color-text)}.vui-input-container .vui-input textarea{line-height:1.3em;height:auto;min-height:4lh;field-sizing:content;padding:var(--textarea-padding);transition:none}.vui-input-container .vui-input-limit{display:block;margin-top:6px;text-align:left;font-size:var(--font-size-xs);color:var(--input-color-text-lighter)}.vui-input-container .vui-input-errors{display:flex;flex-direction:column;gap:6px;padding-top:6px}.vui-input-container .vui-input-errors li{display:block;font-size:var(--font-size-s);color:var(--color-text-red)}.vui-input-container.vui-dropzone.dragging .vui-input .vui-input-style{border-color:var(--color-border-accent)}.vui-input-container.vui-dropzone.dragging .vui-input .vui-input-style:hover{border-color:var(--color-border)}.vui-input-container.vui-dropzone .vui-input .vui-input-style{height:unset;border-width:2px;border-style:dashed;border-radius:var(--border-radius-m);line-height:1.2em}.vui-input-container.vui-dropzone .vui-input .vui-input-style:hover{border-color:var(--color-border-strong)}.vui-input-container.vui-dropzone .vui-input .vui-input-style input{display:none}.vui-input-container.vui-dropzone .vui-input .vui-input-style input+label{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;color:var(--color-text-light)}[data-v-1361c777] .vui-input-style{padding-inline:4px!important;gap:8px!important}[data-v-1361c777] .vui-button{padding-inline:2px!important}[data-v-1361c777] input{text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}[data-v-1361c777] input ::-webkit-outer-spin-button,[data-v-1361c777] input ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-v-1908eb1b] .vui-input-style{padding-right:4px!important;gap:8px!important}[data-title-top][data-v-1908eb1b]:before{min-width:104px}.vui-kbd{display:flex;align-items:center;justify-content:center;height:24px;border-radius:var(--border-radius-xs);font-size:var(--font-size-s);padding:0 4px;transition:var(--transition);font-weight:600;background-color:var(--color-text);color:var(--color-text-invert)}.vui-kbd.active{background-color:var(--color-text-yellow)}:root{--backdrop-offset: 64px}.vui-backdrop{z-index:1000;position:fixed;display:block;width:100dvw;height:100dvh;top:0;left:0;padding:var(--backdrop-offset);overflow-y:auto}.vui-backdrop:after{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-lowered);opacity:.9}html:has(.vui-backdrop){overflow:hidden}.vui-modal{width:100%;margin-inline:auto;height:100%;position:relative}.vui-modal .vui-modal-close{position:absolute;top:16px;right:16px}.vui-modal.centered{display:flex;align-items:center}.vui-modal.vui-modal-size-s{max-width:440px}.vui-modal.vui-modal-size-m{max-width:620px}.vui-modal.vui-modal-size-l{max-width:728px}.vui-modal.scrollable>.vui-card{display:flex;flex-direction:column;inline-size:100%;max-height:100%}.vui-modal.scrollable>.vui-card .vui-card-content{flex:1 1 0%;overflow-y:auto}.vui-modal>.vui-card{width:100%;margin-bottom:var(--backdrop-offset);box-shadow:var(--box-shadow-strong)}.modal-enter-active[data-v-855a3d99],.modal-leave-active[data-v-855a3d99]{transition:var(--transition)}.modal-enter-from[data-v-855a3d99],.modal-leave-to[data-v-855a3d99]{opacity:0;transform:scale(.95)}.vui-otp{display:inline-block;position:relative}.vui-otp .vui-otp-items{display:inline-flex;gap:0}.vui-otp .vui-otp-items .vui-otp-item{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-border-strong);color:var(--color-text);z-index:1;font-size:var(--font-size-m);outline:0 solid var(--color-text-light);transition:var(--transition)}.vui-otp .vui-otp-items .vui-otp-item .blinker{display:none;height:16px;width:1px;background-color:var(--color-text);animation:blink 1.25s ease-out infinite}@keyframes blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.vui-otp .vui-otp-items .vui-otp-item.has-value{background-color:var(--color-bg-raised)}.vui-otp .vui-otp-items .vui-otp-item.has-value .blinker{display:none!important}.vui-otp .vui-otp-items .vui-otp-item.active{z-index:2;outline-width:2px}.vui-otp .vui-otp-items .vui-otp-item.active .blinker{display:block}.vui-otp .vui-otp-items .vui-otp-item:not(:first-child){margin-left:-1px}.vui-otp .vui-otp-items .vui-otp-item:first-child{border-top-left-radius:var(--border-radius-m);border-bottom-left-radius:var(--border-radius-m)}.vui-otp .vui-otp-items .vui-otp-item:last-child{border-top-right-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m)}.vui-otp .vui-otp-input{position:absolute;top:0;right:0;bottom:0;left:0;outline-width:0px;opacity:0;background:transparent;z-index:5}[data-title-top][data-v-5ca7f612]:before{white-space:nowrap}.vui-progress{--vui-progress-height: 3px;display:block;width:100%;position:relative;border-radius:999px;background-color:var(--color-bg-lowered);overflow:hidden;height:var(--vui-progress-height)}.vui-progress.fixed{transition:var(--transition-slow);transition-property:height;position:fixed;top:0;right:0;bottom:0;left:0;bottom:unset;height:0;border-radius:none!important}.vui-progress.fixed.fixed-active{height:var(--vui-progress-height)}.vui-progress.fixed .vui-progress-indicator{border-top-left-radius:unset!important;border-bottom-left-radius:unset!important}.vui-progress .vui-progress-indicator{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;right:unset;width:0;border-radius:999px;background-color:var(--color-text-lighter);transition:var(--transition-slow)}.vui-radio{--radio-size: 24px}.vui-radio.checked .vui-radio-icon svg{color:var(--color-text)}.vui-radio.disabled{cursor:not-allowed;pointer-events:none}.vui-radio.disabled .vui-radio-icon svg path{color:var(--color-text-lighter)!important}.vui-radio.disabled input+label p{color:var(--color-text-lighter)}.vui-radio .vui-radio-icon{cursor:pointer;width:var(--radio-size);height:var(--radio-size)}.vui-radio .vui-radio-icon svg{width:100%;height:100%;color:var(--color-text)}.vui-radio input{display:none}.vui-radio input+label{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:var(--font-size-s);color:var(--color-text);-webkit-user-select:none;user-select:none}.vui-radio input+label .vui-radio-content{display:block}.vui-radio input+label .vui-radio-content:is(p){display:flex;align-items:center;min-height:var(--radio-size);font-size:var(--font-size-ms)}.vui-input-container.vui-select.expand .vui-dropdown-trigger-wrap,.vui-input-container.vui-select.expand .vui-dropdown-trigger-content{width:100%}.vui-input-container.vui-select .vui-select-trigger-container span{white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.vui-input-container.vui-select .vue-select-no-results{text-align:center;padding-block:var(--space-xs)}.vui-input-container.vui-select .vui-input-style{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.vui-input-container.vui-select .vui-input-style>button{margin-right:-6px}.vui-input-container.vui-select .vui-input-style>button .vui-button-slot svg{width:14px;height:14px;color:var(--color-text-light)}.vui-input-container.vui-select .vui-input-style:hover{border-color:var(--color-border-strong)}.vui-sheet{display:flex;flex-direction:column;position:absolute;background-color:var(--color-bg);border-color:var(--color-border);height:100dvh}.vui-sheet.vui-sheet-position-top{top:0;border-bottom:1px solid var(--color-border);height:auto}.vui-sheet.vui-sheet-position-bottom{bottom:0;border-top:1px solid var(--color-border);height:auto}.vui-sheet.vui-sheet-position-right{right:0;top:0;border-left:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-left{left:0;top:0;border-right:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-top,.vui-sheet.vui-sheet-position-bottom{max-height:35dvh;width:100%}.vui-sheet .vui-sheet-header,.vui-sheet .vui-sheet-content{width:100%;padding:var(--space-m)}.vui-sheet .vui-sheet-content{flex:1 1 0%;overflow-y:auto;height:100%}.vui-sheet .vui-sheet-header{display:flex;gap:var(--space-m);align-self:flex-start}.vui-sheet .vui-sheet-header+.vui-sheet-content{padding-top:var(--space-s)}.vui-backdrop[data-v-6b64b128]{padding:0}.sheet-enter-active[data-v-6b64b128],.sheet-leave-active[data-v-6b64b128]{transition:var(--transition)}.sheet-enter-to[data-v-6b64b128],.sheet-leave-from[data-v-6b64b128]{transform:translate(0)}.sheet-enter-from[data-v-6b64b128],.sheet-leave-to[data-v-6b64b128]{opacity:0;transform:var(--3b2c00f4)}.vui-skeleton{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.vui-switch{--switch-size: 24px}.vui-switch.checked .vui-switch-icon .vui-switch-indicator{left:calc(100% - 24px);background-color:var(--color-text)}.vui-switch .vui-switch-icon{width:44px;height:var(--switch-size);border-radius:22px;background-color:var(--color-bg-raised);position:relative;cursor:pointer}.vui-switch .vui-switch-icon .vui-switch-indicator{display:block;position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:100%;background-color:var(--color-bg);transition:var(--transition)}.vui-switch input{display:none}.vui-switch input+label{display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:var(--font-size-m);color:var(--color-text);-webkit-user-select:none;user-select:none}.vui-switch input+label .vui-switch-content{display:block}.vui-switch input+label .vui-switch-content:is(p){height:var(--switch-size);line-height:var(--switch-size);font-size:var(--font-size-ms)}.vui-table-container{display:block;width:100%;border-radius:var(--border-radius-m)}.vui-table-container.fixed table{table-layout:fixed}.vui-table-container.outer-border{border:1px solid var(--color-border)}.vui-table-container.nowrap table tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vui-table-container.separated-rows table th,.vui-table-container.separated-rows table td{border-bottom:1px solid var(--color-border)}.vui-table-container.separated-cells table th,.vui-table-container.separated-cells table td{border-right:1px solid var(--color-border)}.vui-table-container.separated-cells table th:last-of-type,.vui-table-container.separated-cells table td:last-of-type{border-right:none}.vui-table-container table{width:100%;border-collapse:collapse;text-indent:0;border:none;overflow:unset}.vui-table-container table tr{border:none}.vui-table-container table tr:has(.vui-table-interactive-cell.selected) td{background-color:var(--color-bg-raised)}.vui-table-container table th,.vui-table-container table td{font-size:var(--font-size-ms);border:none;border-left:none!important;transition:var(--transition-fast);position:relative;z-index:1}.vui-table-container table th.vui-table-interactive-cell,.vui-table-container table td.vui-table-interactive-cell{--checkbox-cell-width: calc(calc(var(--space-xs) * 2) + 32px);width:var(--checkbox-cell-width);min-width:var(--checkbox-cell-width);max-width:var(--checkbox-cell-width);height:auto;padding-inline:var(--space-xs);padding-block:0}.vui-table-container table th.vui-table-interactive-cell.selected .vui-button.icon .vui-button-slot svg path,.vui-table-container table td.vui-table-interactive-cell.selected .vui-button.icon .vui-button-slot svg path{color:var(--color-text)!important}.vui-table-container table th.vui-table-interactive-cell .vui-button,.vui-table-container table td.vui-table-interactive-cell .vui-button{vertical-align:middle;display:inline-flex}.vui-table-container table th.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg,.vui-table-container table td.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg{width:22px!important;height:22px!important}.vui-table-container table th.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg path,.vui-table-container table td.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg path{color:var(--color-text-light)}.vui-table-container table th .vui-cell-context,.vui-table-container table td .vui-cell-context{display:flex;align-items:center;justify-content:center;z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-xs);background-color:var(--color-bg);left:unset}.vui-table-container table th .vui-table-th-content{color:var(--color-text-light);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--space-xs)}.vui-table-container table th .vui-table-th-content .vui-table-sort-button:not(.active) svg path{color:var(--color-text-lighter)}.vui-table-container .vui-table-pagination-wrap{padding:var(--space-s) var(--space-m)}.vui-table-container .vui-table-pagination-wrap p{font-size:var(--font-size-s);color:var(--color-text-lighter)}.vui-tabs{display:flex;width:100%;gap:4px;border-bottom:1px solid var(--color-border);position:relative}.vui-tabs.vui-tabs-variant-filled{background-color:var(--color-bg-raised);border-bottom:none;z-index:1;border-radius:var(--border-radius-m);padding-inline:4px}.vui-tabs.vui-tabs-variant-filled .vui-tab-underline{border-bottom:none;background-color:var(--color-bg-lowered);top:4px;bottom:4px;z-index:-1;border-radius:var(--border-radius-m)}.vui-tabs.disabled .vui-tab,.vui-tabs .vui-tab.disabled{pointer-events:none;color:var(--color-text-lighter)}.vui-tabs.disabled .vui-tab.active,.vui-tabs .vui-tab.disabled.active{color:var(--color-text-lighter)!important}.vui-tabs.disabled .vui-tab-underline{border-color:var(--color-text-lighter)}.vui-tabs.expand .vui-tab{flex:1}.vui-tabs .vui-tab{display:flex;height:40px;align-items:center;justify-content:center;padding:0 10px;font-size:var(--font-size-ms);position:relative;color:var(--color-text-light);transition:var(--transition);cursor:default;gap:var(--space-xs);border-radius:var(--border-radius-m)}.vui-tabs .vui-tab svg{width:20px;height:20px;color:var(--color-text-light)}.vui-tabs .vui-tab:hover,.vui-tabs .vui-tab.active{color:var(--color-text)}.vui-tabs .vui-tab-underline{transition:var(--transition);display:block;border-bottom:1px solid var(--color-text);position:absolute;bottom:0}.vui-toast-wrapper{position:fixed;bottom:32px;right:32px;width:100%;max-width:392px}.vui-toast-wrapper .vui-toast-list{display:flex;flex-direction:column;gap:var(--space-xs)}.vui-toast-wrapper .vui-toast-list .vui-toast-item{display:flex;border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:var(--space-m) var(--space-s);background-color:var(--color-bg);width:100%;align-items:center;gap:var(--space-m);box-shadow:var(--box-shadow)}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content{flex:1}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content strong{color:var(--color-text);margin-bottom:var(--space-xs);display:block;font-size:var(--font-size-m)}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content p{color:var(--color-text-lighter);font-size:var(--font-size-s)}.toast-move[data-v-d0d7691b],.toast-enter-active[data-v-d0d7691b],.toast-leave-active[data-v-d0d7691b]{transition:var(--transition)}.toast-enter-from[data-v-d0d7691b]{opacity:0;transform:translateY(24px) scale(.95)}.toast-leave-to[data-v-d0d7691b]{opacity:0;transform:translateY(-24px) scale(.95)}.toast-leave-active[data-v-d0d7691b]{position:absolute}.vui-tooltip{padding:var(--space-s);max-width:512px}.tooltip-enter-active[data-v-cc9d7f8a],.tooltip-leave-active[data-v-cc9d7f8a]{transition:.1s opacity ease-in-out}.tooltip-enter-from[data-v-cc9d7f8a],.tooltip-leave-to[data-v-cc9d7f8a]{opacity:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;background-color:unset;margin:0;font-family:var(--global-font)}hr{border:none;border-bottom:1px solid var(--color-border)}:root{--container-xs: 360px;--container-s: 498px;--container-m: 856px;--container-l: 1140px;--container-xl: 1540px;--container-xxl: 1920px;--border-radius-xs: 2px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 12px;--font-size-xxs: 1rem;--font-size-xs: 1.15rem;--font-size-s: 1.3rem;--font-size-ms: 1.45rem;--font-size-m: 1.6rem;--font-size-l: 1.8rem;--font-size-xl: 2rem;--font-size-xxl: 2.6rem;--font-size-xxxl: 3.4rem;--font-size-xxxxl: 4.8rem;--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 18px;--space-l: 24px;--space-xl: 34px;--space-xxl: 48px;--space-xxxl: 64px;--transition-fast: .08s all ease-in-out;--transition: .14s all ease-in-out;--transition-slow: .3s all ease-in-out;--color-bg: rgb(18, 18, 18);--color-bg-raised: rgb(28, 28, 28);--color-bg-lowered: rgb(14, 14, 14);--color-text: rgb(231, 231, 231);--color-text-light: rgb(158, 158, 158);--color-text-lighter: rgb(100, 100, 100);--color-text-lightest: rgb(65, 65, 65);--color-text-invert: rgb(17, 17, 17);--color-button-gray: rgb(28, 28, 28);--color-button-gray-hover: rgb(38, 38, 38);--color-text-red: rgb(243, 78, 70);--color-bg-red-lowered: rgb(66, 22, 20);--color-bg-red-raised: rgb(119, 31, 26);--color-border-red: rgb(94, 23, 19);--color-text-green: rgb(44, 214, 52);--color-text-green-disabled: rgb(109, 193, 113);--color-bg-green-lowered: rgb(19, 46, 9);--color-bg-green-raised: rgb(48, 122, 22);--color-border-green: rgb(27, 70, 12);--color-text-yellow: rgb(243, 231, 70);--color-bg-yellow-lowered: rgb(59, 46, 10);--color-bg-yellow-raised: rgb(119, 82, 26);--color-border-yellow: rgb(99, 97, 16);--color-text-blue: rgb(85, 141, 245);--color-bg-blue-lowered: rgb(10, 25, 59);--color-bg-blue-raised: rgb(26, 59, 119);--color-border-blue: rgb(20, 45, 112);--color-border: rgb(38, 38, 38);--color-border-strong: rgb(54, 54, 54);--color-border-weak: rgb(36, 36, 36);--color-accent: rgb(56, 214, 219);--color-accent-disabled: hsl(from var(--color-accent) h calc(s.4) l );--color-bg-accent-lowered: hsl(from var(--color-accent) h s calc(l/5) );--color-bg-accent-raised: hsl(from var(--color-accent) h s calc(l/2) );--color-border-accent: hsl(from var(--color-accent) h s calc(l.4) );--box-shadow: 0 2px 12px rgba(8, 8, 8, .2);--box-shadow-strong: 0 4px 15px rgba(8, 8, 8, .4);--global-font: Geist, sans-serif;--global-font-mono: "Geist Mono", "Courier New", Courier, monospace}:root{font-family:var(--global-font);font-size:63.5%;position:relative;background-color:var(--color-bg);overflow-x:hidden;width:100%;font-feature-settings:normal;font-variation-settings:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}:root :focus-visible{outline:2px solid var(--color-text)}body{color:var(--color-text);min-height:100dvh}.iconify{color:var(--color-text-light)}h1,h2,h3,h4,h5,h6{display:block;font-weight:800}h1{font-size:var(--font-size-xxxxl)}h2{font-size:var(--font-size-xxxl)}h3{font-size:var(--font-size-xxl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-l)}h6{font-size:var(--font-size-m)}figcaption,table th,table td,blockquote,p{font-size:var(--font-size-m);line-height:1.4em;font-weight:400}figcaption>,table th>,table td>,blockquote>,p>*{line-height:inherit;font-size:inherit}figcaption a,table th a,table td a,blockquote a,p a{color:var(--color-text-blue);text-decoration:underline}figcaption a:hover,table th a:hover,table td a:hover,blockquote a:hover,p a:hover{text-decoration:none}figcaption code,table th code,table td code,blockquote code,p code{border-radius:var(--border-radius-xs);background-color:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);padding:1px 3px}figcaption strong,figcaption b,table th strong,table th b,table td strong,table td b,blockquote strong,blockquote b,p strong,p b{font-weight:700}figcaption i,table th i,table td i,blockquote i,p i{font-style:italic}figcaption u,table th u,table td u,blockquote u,p u{text-decoration:line-through}hr{border-bottom:1px solid var(--color-border)}span,strong,p{font-size:var(--font-size-ms)}blockquote{display:block;padding-block:var(--space-s);padding-left:var(--space-l);border-left:3px solid var(--color-border)}pre{font-family:var(--global-font-mono);font-size:var(--font-size-s);font-weight:300;line-height:1.2em;padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--border-radius-m);white-space:pre-wrap;background-color:var(--color-bg-raised);z-index:1;position:relative}pre[data-lang]:after{content:attr(data-lang);font-family:var(--global-font);display:block;position:absolute;font-weight:500;top:6px;right:6px;padding:5px;text-align:center;text-transform:uppercase;border-radius:var(--border-radius-s);font-size:var(--font-size-xs);color:var(--color-text-light);border:1px solid var(--color-border);background-color:var(--color-bg-lowered)}table{text-indent:0;border-collapse:separate;overflow-x:auto;max-width:100%}table th,table td{text-align:left;padding-inline:var(--space-m);padding-block:var(--space-s);min-width:80px;font-size:var(--font-size-m);line-height:1.4em;font-variant-numeric:tabular-nums;border-right:1px solid var(--color-border)}table th:first-child,table td:first-child{border-left:1px solid var(--color-border)}table th{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);font-weight:600;white-space:nowrap}table th:first-child{border-top-left-radius:var(--border-radius-s)}table th:last-child{border-top-right-radius:var(--border-radius-s)}table tr td{border-bottom:1px solid var(--color-border);font-weight:400}table tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius-s)}table tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius-s)}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9ch,max-content));column-gap:var(--space-l)}dl dt,dl dd{padding-inline:var(--space-m);margin-bottom:var(--space-l)}dl dt:last-of-type,dl dd:last-of-type{margin-bottom:0}dl dt{padding-left:0;color:var(--color-text-lighter);font-weight:500;font-size:var(--font-size-ms);grid-column-start:1}dl dd{color:var(--color-text);font-size:var(--font-size-m)}article,.typeset{width:100%}article ol ol,article ol ul,article ul ol,article ul ul,.typeset ol ol,.typeset ol ul,.typeset ul ol,.typeset ul ul{margin-block:var(--space-l)!important}article ol li,article ul li,.typeset ol li,.typeset ul li{margin-bottom:var(--space-m);font-size:var(--font-size-m);position:relative;padding-left:28px}article ol li>ul,article ul li>ul,.typeset ol li>ul,.typeset ul li>ul{margin-top:0}article ol li:before,article ul li:before,.typeset ol li:before,.typeset ul li:before{content:"";position:absolute;top:5px;left:12px}article ol li:last-of-type,article ul li:last-of-type,.typeset ol li:last-of-type,.typeset ul li:last-of-type{margin:0}article ul li:before,.typeset ul li:before{width:6px;height:6px;border-radius:100%;background-color:var(--color-text-lighter)}article ol,.typeset ol{counter-reset:ol}article ol li,.typeset ol li{counter-increment:ol}article ol li:before,.typeset ol li:before{content:counter(ol) ".";top:0;left:8px;text-align:left;color:var(--color-text-light)}article h1,article h2,article h3,article h4,article h5,article h6,.typeset h1,.typeset h2,.typeset h3,.typeset h4,.typeset h5,.typeset h6{margin-bottom:var(--space-xs)}article h1:not(:first-child),article h2:not(:first-child),article h3:not(:first-child),article h4:not(:first-child),article h5:not(:first-child),article h6:not(:first-child),.typeset h1:not(:first-child),.typeset h2:not(:first-child),.typeset h3:not(:first-child),.typeset h4:not(:first-child),.typeset h5:not(:first-child),.typeset h6:not(:first-child){margin-top:var(--space-xxl)}article span,article strong,article p,.typeset span,.typeset strong,.typeset p{font-size:var(--font-size-m)}article dl,article pre,article img,article table,article ol,article ul,article blockquote,article p,.typeset dl,.typeset pre,.typeset img,.typeset table,.typeset ol,.typeset ul,.typeset blockquote,.typeset p{margin-top:var(--space-l)}article hr,.typeset hr{margin-block:var(--space-l)}article img,.typeset img{border-radius:var(--border-radius-m);overflow:hidden;max-width:100%}article figure img,.typeset figure img{margin-bottom:var(--space-xs)}article figure figcaption,.typeset figure figcaption{text-align:center;font-size:var(--font-size-s);color:var(--color-text-lighter)}.container{display:block;margin-inline:auto;width:100%;padding-inline:var(--space-m);max-width:var(--container-l)}.container.container-xs{max-width:var(--container-xs)}.container.container-s{max-width:var(--container-s)}.container.container-m{max-width:var(--container-m)}.container.container-l{max-width:var(--container-l)}.container.container-xl{max-width:var(--container-xl)}.container.container-xxl{max-width:var(--container-xxl)}.container.container-full{max-width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.m-auto{margin:auto}.mb-xxs{margin-bottom:var(--space-xxs)}.mr-xxs{margin-right:var(--space-xxs)}.ml-xxs{margin-left:var(--space-xxs)}.mt-xxs{margin-top:var(--space-xxs)}.mx-xxs{margin-inline:var(--space-xxs)}.my-xxs{margin-block:var(--space-xxs)}.m-xxs{margin:var(--space-xxs)}.pb-xxs{padding-bottom:var(--space-xxs)}.pr-xxs{padding-right:var(--space-xxs)}.pl-xxs{padding-left:var(--space-xxs)}.pt-xxs{padding-top:var(--space-xxs)}.px-xxs{padding-inline:var(--space-xxs)}.py-xxs{padding-block:var(--space-xxs)}.p-xxs{padding:var(--space-xxs)}.g-xxs{gap:var(--space-xxs)}.g-y-xxs{row-gap:var(--space-xxs)}.g-x-xxs{column-gap:var(--space-xxs)}.mb-xs{margin-bottom:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.ml-xs{margin-left:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mx-xs{margin-inline:var(--space-xs)}.my-xs{margin-block:var(--space-xs)}.m-xs{margin:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pl-xs{padding-left:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.px-xs{padding-inline:var(--space-xs)}.py-xs{padding-block:var(--space-xs)}.p-xs{padding:var(--space-xs)}.g-xs{gap:var(--space-xs)}.g-y-xs{row-gap:var(--space-xs)}.g-x-xs{column-gap:var(--space-xs)}.mb-s{margin-bottom:var(--space-s)}.mr-s{margin-right:var(--space-s)}.ml-s{margin-left:var(--space-s)}.mt-s{margin-top:var(--space-s)}.mx-s{margin-inline:var(--space-s)}.my-s{margin-block:var(--space-s)}.m-s{margin:var(--space-s)}.pb-s{padding-bottom:var(--space-s)}.pr-s{padding-right:var(--space-s)}.pl-s{padding-left:var(--space-s)}.pt-s{padding-top:var(--space-s)}.px-s{padding-inline:var(--space-s)}.py-s{padding-block:var(--space-s)}.p-s{padding:var(--space-s)}.g-s{gap:var(--space-s)}.g-y-s{row-gap:var(--space-s)}.g-x-s{column-gap:var(--space-s)}.mb-m{margin-bottom:var(--space-m)}.mr-m{margin-right:var(--space-m)}.ml-m{margin-left:var(--space-m)}.mt-m{margin-top:var(--space-m)}.mx-m{margin-inline:var(--space-m)}.my-m{margin-block:var(--space-m)}.m-m{margin:var(--space-m)}.pb-m{padding-bottom:var(--space-m)}.pr-m{padding-right:var(--space-m)}.pl-m{padding-left:var(--space-m)}.pt-m{padding-top:var(--space-m)}.px-m{padding-inline:var(--space-m)}.py-m{padding-block:var(--space-m)}.p-m{padding:var(--space-m)}.g-m{gap:var(--space-m)}.g-y-m{row-gap:var(--space-m)}.g-x-m{column-gap:var(--space-m)}.mb-l{margin-bottom:var(--space-l)}.mr-l{margin-right:var(--space-l)}.ml-l{margin-left:var(--space-l)}.mt-l{margin-top:var(--space-l)}.mx-l{margin-inline:var(--space-l)}.my-l{margin-block:var(--space-l)}.m-l{margin:var(--space-l)}.pb-l{padding-bottom:var(--space-l)}.pr-l{padding-right:var(--space-l)}.pl-l{padding-left:var(--space-l)}.pt-l{padding-top:var(--space-l)}.px-l{padding-inline:var(--space-l)}.py-l{padding-block:var(--space-l)}.p-l{padding:var(--space-l)}.g-l{gap:var(--space-l)}.g-y-l{row-gap:var(--space-l)}.g-x-l{column-gap:var(--space-l)}.mb-xl{margin-bottom:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.ml-xl{margin-left:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mx-xl{margin-inline:var(--space-xl)}.my-xl{margin-block:var(--space-xl)}.m-xl{margin:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pl-xl{padding-left:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.px-xl{padding-inline:var(--space-xl)}.py-xl{padding-block:var(--space-xl)}.p-xl{padding:var(--space-xl)}.g-xl{gap:var(--space-xl)}.g-y-xl{row-gap:var(--space-xl)}.g-x-xl{column-gap:var(--space-xl)}.mb-xxl{margin-bottom:var(--space-xxl)}.mr-xxl{margin-right:var(--space-xxl)}.ml-xxl{margin-left:var(--space-xxl)}.mt-xxl{margin-top:var(--space-xxl)}.mx-xxl{margin-inline:var(--space-xxl)}.my-xxl{margin-block:var(--space-xxl)}.m-xxl{margin:var(--space-xxl)}.pb-xxl{padding-bottom:var(--space-xxl)}.pr-xxl{padding-right:var(--space-xxl)}.pl-xxl{padding-left:var(--space-xxl)}.pt-xxl{padding-top:var(--space-xxl)}.px-xxl{padding-inline:var(--space-xxl)}.py-xxl{padding-block:var(--space-xxl)}.p-xxl{padding:var(--space-xxl)}.g-xxl{gap:var(--space-xxl)}.g-y-xxl{row-gap:var(--space-xxl)}.g-x-xxl{column-gap:var(--space-xxl)}.mb-xxxl{margin-bottom:var(--space-xxxl)}.mr-xxxl{margin-right:var(--space-xxxl)}.ml-xxxl{margin-left:var(--space-xxxl)}.mt-xxxl{margin-top:var(--space-xxxl)}.mx-xxxl{margin-inline:var(--space-xxxl)}.my-xxxl{margin-block:var(--space-xxxl)}.m-xxxl{margin:var(--space-xxxl)}.pb-xxxl{padding-bottom:var(--space-xxxl)}.pr-xxxl{padding-right:var(--space-xxxl)}.pl-xxxl{padding-left:var(--space-xxxl)}.pt-xxxl{padding-top:var(--space-xxxl)}.px-xxxl{padding-inline:var(--space-xxxl)}.py-xxxl{padding-block:var(--space-xxxl)}.p-xxxl{padding:var(--space-xxxl)}.g-xxxl{gap:var(--space-xxxl)}.g-y-xxxl{row-gap:var(--space-xxxl)}.g-x-xxxl{column-gap:var(--space-xxxl)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.fade-enter-active,.fade-leave-active{transition:var(--transition)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-up-enter-active,.fade-up-leave-active{transition:var(--transition);transition-property:transform,opacity}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(8px)}[data-title-left],[data-title-right],[data-title-bottom],[data-title-bottom-left],[data-title-bottom-right],[data-title-top],[data-title-top-left],[data-title-top-right]{position:relative}[data-title-left]:before,[data-title-right]:before,[data-title-bottom]:before,[data-title-bottom-left]:before,[data-title-bottom-right]:before,[data-title-top]:before,[data-title-top-left]:before,[data-title-top-right]:before{font-family:var(--global-font);font-weight:400;background-color:var(--color-bg-raised);color:var(--color-text);font-size:var(--font-size-ms);position:absolute;padding:4px 8px;line-height:1.3em;border-radius:var(--border-radius-m);transition:var(--transition);max-width:512px;opacity:0;cursor:default;z-index:-1;visibility:hidden;pointer-events:none}[data-title-left]:hover:before,[data-title-right]:hover:before,[data-title-bottom]:hover:before,[data-title-bottom-left]:hover:before,[data-title-bottom-right]:hover:before,[data-title-top]:hover:before,[data-title-top-left]:hover:before,[data-title-top-right]:hover:before{visibility:visible;opacity:1;z-index:99999}[data-title-left]:before{content:attr(data-title-left);top:50%;transform:translateY(-50%);z-index:99999;right:calc(100% + 4px)}[data-title-right]:before{content:attr(data-title-right);top:50%;transform:translateY(-50%);z-index:99999;left:calc(100% + 4px)}[data-title-bottom]:before,[data-title-bottom-left]:before,[data-title-bottom-right]:before{content:attr(data-title-bottom);top:calc(100% + 4px);transform:translate(-50%);left:50%}[data-title-bottom-left]:before{content:attr(data-title-bottom-left);transform:unset;left:0}[data-title-bottom-right]:before{content:attr(data-title-bottom-right);transform:unset;left:unset;right:0}[data-title-top]:before,[data-title-top-left]:before,[data-title-top-right]:before{content:attr(data-title-top);bottom:calc(100% + 4px);transform:translate(-50%);left:50%}[data-title-top-left]:before{content:attr(data-title-top-left);transform:unset;left:0}[data-title-top-right]:before{content:attr(data-title-top-right);transform:unset;left:unset;right:0}[data-title-left]:hover:before{right:calc(100% + 10px)}[data-title-right]:hover:before{left:calc(100% + 10px)}[data-title-top]:hover:before,[data-title-top-left]:hover:before,[data-title-top-right]:hover:before{bottom:calc(100% + 10px)}[data-title-bottom]:hover:before,[data-title-bottom-left]:hover:before,[data-title-bottom-right]:hover:before{top:calc(100% + 10px)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;outline:transparent;outline-offset:0}mark{background-color:var(--color-text-yellow);color:var(--color-text-invert);padding:1px;border-radius:2px}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;font-size:var(--font-size-xs);color:var(--color-text);background-color:var(--color-button-gray-hover);font-weight:400;padding-inline:4px}.text-xxs{font-size:var(--font-size-xxs)}.text-xs{font-size:var(--font-size-xs)}.text-s{font-size:var(--font-size-s)}.text-ms{font-size:var(--font-size-ms)}.text-m{font-size:var(--font-size-m)}.text-l{font-size:var(--font-size-l)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.text-xxxxl{font-size:var(--font-size-xxxxl)}.text-color{color:var(--color-text)}.text-color-accent{color:var(--color-accent)}.text-color-light{color:var(--color-text-light)}.text-color-lighter{color:var(--color-text-lighter)}.text-color-lightest{color:var(--color-text-lightest)}.text-color-red{color:var(--color-text-red)}.text-color-green{color:var(--color-text-green)}.text-color-yellow{color:var(--color-text-yellow)}.text-color-blue{color:var(--color-text-blue)}.text-light{font-weight:300}.text-regular{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-extra-bold{font-weight:800}.text-black{font-weight:900}@media screen and (max-width: 572px){:root{--space-xs: 5px;--space-s: 8px;--space-m: 12px;--space-l: 20px;--space-xl: 32px;--space-xxl: 44px}h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:2.2rem}.vui-tabs .vui-tab{font-size:var(--font-size-s);padding:0 var(--space-xs)}}
1	+ .vui-accordion{width:100%;transition:var(--transition);border-bottom:1px solid var(--color-border);padding-bottom:0}.vui-accordion.is-card{border:1px solid var(--color-border);border-radius:var(--border-radius-m)}.vui-accordion.is-card.open{padding-bottom:0}.vui-accordion.is-card.open .vui-accordion-header{border-block-width:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.vui-accordion.is-card .vui-accordion-header{padding-inline:var(--space-m);border-bottom:0px solid var(--color-border);text-decoration:inherit;border-radius:var(--border-radius-m)}.vui-accordion.is-card .vui-accordion-header:hover{text-decoration:inherit;text-underline-offset:inherit;background-color:var(--color-button-gray)}.vui-accordion.is-card .vui-accordtion-content-inner{padding:var(--space-m)}.vui-accordion.open{padding-bottom:var(--space-m)}.vui-accordion.open .vui-accordion-header svg{transform:rotate(180deg)}.vui-accordion.open .vui-accordion-content{visibility:visible}.vui-accordion .vui-accordion-header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:var(--space-m) 0;color:pointer;font-size:var(--font-size-m);font-weight:500;color:var(--color-text)}.vui-accordion .vui-accordion-header:hover{text-decoration:underline;text-underline-offset:4px}.vui-accordion .vui-accordion-header svg{transition:var(--transition);color:var(--color-text-light)}.vui-accordion .vui-accordion-content{transition:var(--transition-slow);width:100%;max-height:0;overflow:hidden;visibility:hidden}.vui-alert{display:flex;gap:var(--space-s);border-radius:var(--border-radius-m);padding:var(--space-s);font-size:var(--font-size-m);flex-wrap:nowrap;align-items:flex-start}.vui-alert svg{width:22px;height:22px}.vui-alert .vui-alert-content,.vui-alert .vui-alert-default-content{flex:1}.vui-alert .vui-alert-default-content{padding-top:3px}.vui-alert .vui-alert-default-content strong{display:block;font-size:var(--font-size-m);font-weight:550;margin-bottom:6px}.vui-alert .vui-alert-default-content p{font-size:var(--font-size-ms);color:var(--color-text-light);font-weight:350}.vui-alert .vui-alert-content{font-size:var(--font-size-m)}.vui-alert.vui-alert-variant-neutral{border:1px solid var(--color-border)}.vui-alert.vui-alert-variant-neutral svg path{color:var(--color-text)}.vui-alert.vui-alert-variant-info{border:1px solid var(--color-border-blue)}.vui-alert.vui-alert-variant-info svg path{color:var(--color-text-blue)}.vui-alert.vui-alert-variant-success{border:1px solid var(--color-border-green)}.vui-alert.vui-alert-variant-success svg path{color:var(--color-text-green)}.vui-alert.vui-alert-variant-warning{border:1px solid var(--color-border-yellow)}.vui-alert.vui-alert-variant-warning svg path{color:var(--color-text-yellow)}.vui-alert.vui-alert-variant-danger{border:1px solid var(--color-border-red)}.vui-alert.vui-alert-variant-danger svg path{color:var(--color-text-red)}.vui-avatar{--avatar-size: 36px;width:var(--avatar-size);height:var(--avatar-size);border-radius:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--color-bg-raised);font-weight:500}.vui-avatar.vui-avatar-size-s{--avatar-size: 28px}.vui-avatar.vui-avatar-size-s strong{font-size:var(--font-size-xs)}.vui-avatar.vui-avatar-size-l{--avatar-size: 48px}.vui-avatar.vui-avatar-size-l strong{font-size:var(--font-size-l)}.vui-avatar svg{color:var(--color-text-light);font-size:inherit}.vui-avatar strong{display:block;font-size:var(--font-size-ms);line-height:1}.vui-avatar img{display:block;height:100%;width:100%;object-position:center;object-fit:cover}.vui-avatar img[src=""]{display:none}.vui-badge{display:inline-flex;gap:var(--space-s);place-items:center;height:26px;padding-inline:var(--space-s);border-radius:999px;font-weight:300;font-size:var(--font-size-s)}.vui-badge.filled{font-weight:500}.vui-badge.vui-badge-variant-neutral{color:var(--color-text);border:1px solid var(--color-border)}.vui-badge.vui-badge-variant-neutral:not(.outline){background-color:var(--color-bg-raised)}.vui-badge.vui-badge-variant-neutral:not(.outline).filled{background-color:var(--color-text);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-info{color:var(--color-text);border:1px solid var(--color-border-blue)}.vui-badge.vui-badge-variant-info:not(.outline){background-color:var(--color-bg-blue-lowered)}.vui-badge.vui-badge-variant-info:not(.outline).filled{background-color:var(--color-text-blue);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-success{color:var(--color-text);border:1px solid var(--color-border-green)}.vui-badge.vui-badge-variant-success:not(.outline){background-color:var(--color-bg-green-lowered)}.vui-badge.vui-badge-variant-success:not(.outline).filled{background-color:var(--color-text-green);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-warning{color:var(--color-text);border:1px solid var(--color-border-yellow)}.vui-badge.vui-badge-variant-warning:not(.outline){background-color:var(--color-bg-yellow-lowered)}.vui-badge.vui-badge-variant-warning:not(.outline).filled{background-color:var(--color-text-yellow);color:var(--color-text-invert);border-color:transparent}.vui-badge.vui-badge-variant-danger{color:var(--color-text);border:1px solid var(--color-border-red)}.vui-badge.vui-badge-variant-danger:not(.outline){background-color:var(--color-bg-red-lowered)}.vui-badge.vui-badge-variant-danger:not(.outline).filled{background-color:var(--color-text-red);color:var(--color-text-invert);border-color:transparent}.vui-button{--button-height: 34px;--button-padding: 8px;height:var(--button-height);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-s);background:transparent;padding-inline:var(--button-padding);font-size:var(--font-size-s);position:relative;transition:var(--transition);border:1px solid transparent;background-color:transparent;color:var(--color-text)}.vui-button.disabled{pointer-events:none;color:var(--color-text-lighter)!important;cursor:not-allowed!important;filter:saturate(50%) opacity(.65)}.vui-button.disabled svg path{color:var(--color-text-lighter)!important}.vui-button.expand{width:100%}.vui-button.loading .vui-spinner{opacity:1}.vui-button.loading .vui-button-slot{opacity:0}.vui-button.icon{width:var(--button-height);padding:0}.vui-button.icon .vui-button-slot svg{width:18px;height:18px}.vui-button.square{width:var(--button-height);padding:0}.vui-button.dashed{border-style:dashed}.vui-button .vui-button-slot{display:flex;place-items:center;transition:var(--transition);opacity:1}.vui-button .vui-button-slot-start,.vui-button .vui-button-slot-end{display:flex;place-items:center}.vui-button .vui-button-slot-start{margin-right:6px}.vui-button .vui-button-slot-end{margin-left:6px}.vui-button .vui-spinner{transition:var(--transition);opacity:0;position:absolute;pointer-events:none}.vui-button.vui-button-variant-default:not(.plain){color:var(--color-text);background-color:var(--color-button-gray);border:1px solid var(--color-border)}.vui-button.vui-button-variant-default.active,.vui-button.vui-button-variant-default:hover{background-color:var(--color-button-gray-hover)}.vui-button.vui-button-variant-danger:not(.plain){color:var(--color-text);background-color:var(--color-bg-red-lowered);border:1px solid var(--color-border-red)}.vui-button.vui-button-variant-danger.active,.vui-button.vui-button-variant-danger:hover{border:1px solid var(--color-bg-red-raised);background-color:var(--color-bg-red-raised)}.vui-button.vui-button-variant-success:not(.plain){color:var(--color-text);background-color:var(--color-bg-green-lowered);border:1px solid var(--color-border-green)}.vui-button.vui-button-variant-success.active,.vui-button.vui-button-variant-success:hover{border:1px solid var(--color-bg-green-raised);background-color:var(--color-bg-green-raised)}.vui-button.vui-button-variant-blue:not(.plain){color:var(--color-text);background-color:var(--color-bg-blue-lowered);border:1px solid var(--color-border-blue)}.vui-button.vui-button-variant-blue.active,.vui-button.vui-button-variant-blue:hover{border:1px solid var(--color-bg-blue-raised);background-color:var(--color-bg-blue-raised)}.vui-button.vui-button-variant-accent:not(.plain){color:var(--color-text);background-color:var(--color-bg-accent-lowered);border:1px solid var(--color-border-accent)}.vui-button.vui-button-variant-accent.active,.vui-button.vui-button-variant-accent:hover{border:1px solid var(--color-bg-accent-raised);background-color:var(--color-bg-accent-raised)}.vui-button.vui-button-variant-link{color:var(--color-text);background:transparent;text-underline-offset:4px;cursor:pointer}.vui-button.vui-button-variant-link.active,.vui-button.vui-button-variant-link:hover{text-decoration:underline}.vui-breadcrumbs{display:flex;gap:var(--space-m);align-items:center}.vui-breadcrumbs .vui-breadcrumb-custom-separator{color:var(--color-text-lighter)}.vui-breadcrumbs li{font-size:var(--font-size-s);color:var(--color-text-lighter)}.vui-breadcrumbs li .vui-breadcrumb-text-simple{color:var(--color-text-lighter)}.vui-breadcrumbs li .vui-breadcrumb-link{color:var(--color-text);background:transparent;text-underline-offset:4px;text-decoration:none}.vui-breadcrumbs li .vui-breadcrumb-link:hover{text-decoration:underline}.vui-spinner{--spinner-color: var(--color-text);aspect-ratio:1;border-radius:50%;border:3px solid var(--spinner-color);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.vui-button-group .vui-button{z-index:1}.vui-button-group .vui-button:hover{z-index:2}.vui-button-group .vui-button:not(:first-child,:last-child){border-radius:0}.vui-button-group .vui-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.vui-button-group .vui-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.vui-button-group .vui-button:not(:last-child){margin-right:-1px}.vui-button-group.vertical .vui-button{width:100%}.vui-button-group.vertical .vui-button:not(:first-child,:last-child){border-radius:0}.vui-button-group.vertical .vui-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.vui-button-group.vertical .vui-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.vui-button-group.vertical .vui-button:not(:last-child){margin-bottom:-1px}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main {direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp__theme_dark{--dp-background-color: var(--color-bg);--dp-text-color: var(--color-text);--dp-hover-color: var(--color-button-gray-hover);--dp-hover-text-color: var(--color-text);--dp-hover-icon-color: var(--color-text-lighter);--dp-primary-color: var(--color-accent);--dp-primary-disabled-color: var(--color-accent-disabled);--dp-primary-text-color: var(--color-text-invert);--dp-secondary-color: var(--color-border);--dp-border-color: var(--color-border);--dp-menu-border-color: var(--color-border);--dp-border-color-hover: var(--color-border-strong);--dp-border-color-focus: var(--color-border-strong);--dp-disabled-color: var(--color-bg-raised);--dp-disabled-color-text: var(--color-text-light);--dp-scroll-bar-background: var(--color-bg-lowered);--dp-scroll-bar-color: var(--color-border);--dp-success-color: var(--color-green);--dp-success-color-disabled: var(--color-green-disabled);--dp-icon-color: var(--color-text-light);--dp-danger-color: var(--color-red);--dp-marker-color: var(--color-red);--dp-tooltip-color: var(--color-bg-raised);--dp-highlight-color: var(--color-bg-raised);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff)}:root{--dp-font-family: var(--global-font);--dp-border-radius: var(--border-radius-s);--dp-cell-border-radius: var(--border-radius-s);--dp-common-transition: var(--transition);--dp-font-size: var(--font-size-ms);--dp-preview-font-size: var(--font-size-s);--dp-time-font-size: var(--font-size-s)}.dp__main{font-size:var(--n-font-size-m)}.dp__outer_menu_wrap{box-shadow:var(--box-shadow-strong)}.dp__input_icon{inset-inline-start:8px}.dp--clear-btn{inset-inline-end:8px}.vui-divider{display:flex;align-items:center;justify-content:center;position:relative;height:32px;width:100%}.vui-divider.vertical:before{border-bottom:none;border-right:1px solid var(--color-border);transform:translate(-50%);width:1px;height:100%}.vui-divider:before{content:"";display:block;transform:translateY(-50%);width:100%;border-bottom:1px solid var(--color-border)}.vui-divider .vui-divider-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vui-divider .vui-divider-slot>:first-child{outline:3px solid var(--color-bg)}.vui-divider[data-v-f832e61b]:before{border-width:var(--c11cc744)}.vui-card{background-color:var(--color-bg);border-radius:var(--border-radius-m);border:1px solid var(--color-border)}.vui-card.no-padding .vui-card-header,.vui-card.no-padding .vui-card-content,.vui-card.no-padding .vui-card-footer{padding:0}.vui-card:not(.separators) .vui-card-content:not(:first-child){padding-block:var(--space-xs)}.vui-card:not(.separators).header-separator .vui-card-content:not(:first-child){padding-top:var(--space-m)}.vui-card:not(.separators).footer-separator .vui-card-content{padding-bottom:var(--space-m)}.vui-card .vui-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-s) var(--space-m);background-color:var(--color-bg);border-top-left-radius:var(--border-radius-m);border-top-right-radius:var(--border-radius-m)}.vui-card .vui-card-content{padding:var(--space-m)}.vui-card .vui-card-footer{padding:var(--space-s) var(--space-m);background-color:var(--color-bg);border-bottom-left-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m)}.vui-checkbox{--checkbox-size: 24px}.vui-checkbox.checked .vui-checkbox-icon svg{color:var(--color-text)}.vui-checkbox.disabled{cursor:not-allowed}.vui-checkbox.disabled .vui-checkbox-icon{pointer-events:none}.vui-checkbox.disabled .vui-checkbox-icon svg path{color:var(--color-text-lighter)}.vui-checkbox.disabled input+label{cursor:not-allowed}.vui-checkbox.disabled input+label p{color:var(--color-text-lighter)}.vui-checkbox .vui-checkbox-icon{width:var(--checkbox-size);height:var(--checkbox-size)}.vui-checkbox .vui-checkbox-icon svg{width:100%;height:100%;color:var(--color-text)}.vui-checkbox input{display:none}.vui-checkbox input+label{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:var(--font-size-m);color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:baseline}.vui-checkbox input+label .vui-checkbox-content{display:block}.vui-checkbox input+label .vui-checkbox-content:is(p){display:flex;align-items:center;min-height:var(--checkbox-size);font-size:var(--font-size-ms);align-self:flex-start}.vui-clipboard-copy-wrap{display:inline-block;position:relative}.vui-clipboard-tooltip{padding:6px 8px;border-radius:var(--border-radius-s);background-color:var(--color-bg-raised);font-size:var(--font-size-s);color:var(--color-text-light);box-shadow:var(--box-shadow)}.vui-clipboard-tooltip svg path{color:var(--color-text)}.vui-drawer-content{background-color:var(--color-bg-raised);padding-inline:var(--space-l);border-top:1px solid var(--color-border);border-top-left-radius:var(--border-radius-l);border-top-right-radius:var(--border-radius-l);padding-top:30px;padding-bottom:64px;position:fixed;bottom:0;left:0;right:0}.vui-drawer-content.hide-handle:before{display:none}.vui-drawer-content.vaul-dragging:before{background-color:var(--color-text-lighter)}.vui-drawer-content:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:56px;height:6px;top:12px;border-radius:3px;background-color:var(--color-border-strong);transition:var(--transition-fast)}body{transition:var(--transition-fast);background-color:var(--color-bg)}.vui-popout{border-radius:var(--border-radius);box-shadow:var(--box-shadow);min-width:80px;background-color:var(--color-bg-raised);border-radius:var(--border-radius-m);z-index:1000}.vui-dropdown-trigger-wrap{display:inline-block}.vui-dropdown{min-width:156px;border-radius:var(--border-radius-m);border:1px solid var(--color-border);padding:4px}.vui-dropdown-item{display:flex;align-items:center;justify-content:flex-start;width:fit-content;gap:var(--space-xs);width:100%;height:34px;border-radius:var(--border-radius-m);font-size:var(--font-size-s);cursor:default;transition:var(--transition);padding-inline:var(--space-s);white-space:nowrap;margin-bottom:4px}.vui-dropdown-item:last-child{margin-bottom:0}.vui-dropdown-item.disabled{pointer-events:none}.vui-dropdown-item.disabled:hover{background-color:transparent}.vui-dropdown-item.disabled .vui-dropdown-item-slot,.vui-dropdown-item.disabled .vui-dropdown-item-icon svg path{color:var(--color-text-lighter)}.vui-dropdown-item.disabled .vui-dropdown-item-hint{visibility:hidden;opacity:0;z-index:-1}.vui-dropdown-item .vui-dropdown-item-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.vui-dropdown-item .vui-dropdown-item-icon svg{width:16px;height:16px}.vui-dropdown-item .vui-dropdown-item-icon svg path{color:var(--color-text-light)}.vui-dropdown-item .vui-dropdown-item-hint{margin-left:8px;font-size:.9rem;color:var(--color-text-lighter)}.vui-dropdown-item .vui-dropdown-item-slot{flex:1;display:flex;align-items:center;justify-content:flex-start;color:var(--color-text);flex-wrap:nowrap}.vui-dropdown-item.selected,.vui-dropdown-item:hover{background-color:var(--color-button-gray-hover)}.vui-dropdown-title{position:relative;display:flex;align-items:center;justify-content:flex-start;padding-block:var(--space-s);padding-inline:calc(var(--space-s) + 4px);font-size:var(--font-size-ms);border-bottom:1px solid var(--color-border);font-weight:500;margin-inline:-4px;margin-top:-4px;margin-bottom:4px;gap:var(--space-m);justify-content:space-between}.vui-dropdown-title:not(:first-child){border-top:1px solid var(--color-border)}.vui-dropdown-title .vui-dropdown-title-end{font-size:var(--font-size-s);font-weight:400;color:var(--color-text-lighter)}.dropdown-enter-active[data-v-9d2f642d],.dropdown-leave-active[data-v-9d2f642d]{transition:.1s opacity ease-in-out}.dropdown-enter-from[data-v-9d2f642d],.dropdown-leave-to[data-v-9d2f642d]{opacity:0}.vui-input-container{--input-color-text-red: var(--color-text-red);--input-color-text: var(--color-text);--input-color-text-light: var(--color-text-light);--input-color-text-lighter: var(--color-text-lighter);--input-color-border: var(--color-border);--input-color-border-strong: var(--color-border-strong);--input-color-border-weak: var(--color-border-weak);--input-height: 34px;--input-padding: 8px;--textarea-padding: 8px;width:224px}.vui-input-container.disabled input,.vui-input-container.disabled textarea{cursor:not-allowed}.vui-input-container.expand{width:100%}.vui-input-container.required .vui-input>label:after{content:"";color:var(--input-color-text-red)}.vui-input-container.readonly .vui-input input,.vui-input-container.readonly .vui-input textarea,.vui-input-container.readonly .vui-input .vui-input-style{pointer-events:none;color:var(--input-color-text-light);border-color:var(--input-color-border-weak)}.vui-input-container.has-errors .vui-input .vui-input-style,.vui-input-container.has-errors .vui-input textarea{border-color:var(--color-text-red)!important}.vui-input-container .vui-input label{display:block;text-align:left;margin-bottom:8px;font-size:var(--font-size-ms);color:var(--input-color-text)}.vui-input-container .vui-input .vui-input-hint{margin-bottom:8px;margin-top:-4px;color:var(--input-color-text-lighter);font-size:var(--font-size-s);display:block;text-align:left}.vui-input-container .vui-input ::placeholder{font-weight:400;color:var(--color-text-lighter);font-family:var(--global-font)}.vui-input-container .vui-input .vui-input-style,.vui-input-container .vui-input textarea{display:block;border-radius:var(--border-radius-s);border:1px solid var(--input-color-border);background:transparent;height:var(--input-height);line-height:var(--input-height);color:var(--color-text);outline:none!important;padding-inline:var(--input-padding);font-size:var(--font-size-ms);width:100%;transition:var(--transition)}.vui-input-container .vui-input .vui-input-style:has(input:focus-visible),.vui-input-container .vui-input .vui-input-style:focus-visible,.vui-input-container .vui-input textarea:has(input:focus-visible),.vui-input-container .vui-input textarea:focus-visible{border-color:var(--input-color-border-strong)}.vui-input-container .vui-input input,.vui-input-container .vui-input textarea{font-family:var(--global-font)}.vui-input-container .vui-input input[type=file]::file-selector-button{background-color:var(--color-bg);color:var(--color-text);border:none}.vui-input-container .vui-input input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background-color:var(--color-border)}.vui-input-container .vui-input ::-moz-range-thumb,.vui-input-container .vui-input ::-webkit-slider-thumb{width:16px;height:16px;background-color:var(--color-text-light);border:none}.vui-input-container .vui-input input{display:block;width:100%;border:none;height:calc(var(--input-height) - 1px);line-height:calc(var(--input-height) - 1px);background:transparent;outline:none;font-size:var(--font-size-ms);color:var(--color-text)}.vui-input-container .vui-input input:-webkit-autofill{box-shadow:0 0 0 1000px var(--color-bg) inset;-webkit-text-fill-color:var(--color-text)}.vui-input-container .vui-input textarea{line-height:1.3em;height:auto;min-height:4lh;field-sizing:content;padding:var(--textarea-padding);transition:none}.vui-input-container .vui-input-limit{display:block;margin-top:6px;text-align:left;font-size:var(--font-size-xs);color:var(--input-color-text-lighter)}.vui-input-container .vui-input-errors{display:flex;flex-direction:column;gap:6px;padding-top:6px}.vui-input-container .vui-input-errors li{display:block;font-size:var(--font-size-s);color:var(--color-text-red)}.vui-input-container.vui-dropzone.dragging .vui-input .vui-input-style{border-color:var(--color-border-accent)}.vui-input-container.vui-dropzone.dragging .vui-input .vui-input-style:hover{border-color:var(--color-border)}.vui-input-container.vui-dropzone .vui-input .vui-input-style{height:unset;border-width:2px;border-style:dashed;border-radius:var(--border-radius-m);line-height:1.2em}.vui-input-container.vui-dropzone .vui-input .vui-input-style:hover{border-color:var(--color-border-strong)}.vui-input-container.vui-dropzone .vui-input .vui-input-style input{display:none}.vui-input-container.vui-dropzone .vui-input .vui-input-style input+label{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;color:var(--color-text-light)}[data-v-1361c777] .vui-input-style{padding-inline:4px!important;gap:8px!important}[data-v-1361c777] .vui-button{padding-inline:2px!important}[data-v-1361c777] input{text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}[data-v-1361c777] input ::-webkit-outer-spin-button,[data-v-1361c777] input ::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-v-1908eb1b] .vui-input-style{padding-right:4px!important;gap:8px!important}[data-title-top][data-v-1908eb1b]:before{min-width:104px}.vui-kbd{display:flex;align-items:center;justify-content:center;height:24px;border-radius:var(--border-radius-xs);font-size:var(--font-size-s);padding:0 4px;transition:var(--transition);font-weight:600;background-color:var(--color-text);color:var(--color-text-invert)}.vui-kbd.active{background-color:var(--color-text-yellow)}:root{--backdrop-offset: 64px}.vui-backdrop{z-index:1000;position:fixed;display:block;width:100dvw;height:100dvh;top:0;left:0;padding:var(--backdrop-offset);overflow-y:auto}.vui-backdrop:after{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-lowered);opacity:.9}html:has(.vui-backdrop){overflow:hidden}.vui-modal{width:100%;margin-inline:auto;height:100%;position:relative}.vui-modal .vui-modal-close{position:absolute;top:16px;right:16px}.vui-modal.centered{display:flex;align-items:center}.vui-modal.vui-modal-size-s{max-width:440px}.vui-modal.vui-modal-size-m{max-width:620px}.vui-modal.vui-modal-size-l{max-width:728px}.vui-modal.scrollable>.vui-card{display:flex;flex-direction:column;inline-size:100%;max-height:100%}.vui-modal.scrollable>.vui-card .vui-card-content{flex:1 1 0%;overflow-y:auto}.vui-modal>.vui-card{width:100%;margin-bottom:var(--backdrop-offset);box-shadow:var(--box-shadow-strong)}.modal-enter-active[data-v-855a3d99],.modal-leave-active[data-v-855a3d99]{transition:var(--transition)}.modal-enter-from[data-v-855a3d99],.modal-leave-to[data-v-855a3d99]{opacity:0;transform:scale(.95)}.vui-otp{display:inline-block;position:relative}.vui-otp .vui-otp-items{display:inline-flex;gap:0}.vui-otp .vui-otp-items .vui-otp-item{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-border-strong);color:var(--color-text);z-index:1;font-size:var(--font-size-m);outline:0 solid var(--color-text-light);transition:var(--transition)}.vui-otp .vui-otp-items .vui-otp-item .blinker{display:none;height:16px;width:1px;background-color:var(--color-text);animation:blink 1.25s ease-out infinite}@keyframes blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.vui-otp .vui-otp-items .vui-otp-item.has-value{background-color:var(--color-bg-raised)}.vui-otp .vui-otp-items .vui-otp-item.has-value .blinker{display:none!important}.vui-otp .vui-otp-items .vui-otp-item.active{z-index:2;outline-width:2px}.vui-otp .vui-otp-items .vui-otp-item.active .blinker{display:block}.vui-otp .vui-otp-items .vui-otp-item:not(:first-child){margin-left:-1px}.vui-otp .vui-otp-items .vui-otp-item:first-child{border-top-left-radius:var(--border-radius-m);border-bottom-left-radius:var(--border-radius-m)}.vui-otp .vui-otp-items .vui-otp-item:last-child{border-top-right-radius:var(--border-radius-m);border-bottom-right-radius:var(--border-radius-m)}.vui-otp .vui-otp-input{position:absolute;top:0;right:0;bottom:0;left:0;outline-width:0px;opacity:0;background:transparent;z-index:5}[data-title-top][data-v-5ca7f612]:before{white-space:nowrap}.vui-progress{--vui-progress-height: 3px;display:block;width:100%;position:relative;border-radius:999px;background-color:var(--color-bg-lowered);overflow:hidden;height:var(--vui-progress-height)}.vui-progress.fixed{transition:var(--transition-slow);transition-property:height;position:fixed;top:0;right:0;bottom:0;left:0;bottom:unset;height:0;border-radius:none!important}.vui-progress.fixed.fixed-active{height:var(--vui-progress-height)}.vui-progress.fixed .vui-progress-indicator{border-top-left-radius:unset!important;border-bottom-left-radius:unset!important}.vui-progress .vui-progress-indicator{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;right:unset;width:0;border-radius:999px;background-color:var(--color-text-lighter);transition:var(--transition-slow)}.vui-radio{--radio-size: 24px}.vui-radio.checked .vui-radio-icon svg{color:var(--color-text)}.vui-radio.disabled{cursor:not-allowed;pointer-events:none}.vui-radio.disabled .vui-radio-icon svg path{color:var(--color-text-lighter)!important}.vui-radio.disabled input+label p{color:var(--color-text-lighter)}.vui-radio .vui-radio-icon{cursor:pointer;width:var(--radio-size);height:var(--radio-size)}.vui-radio .vui-radio-icon svg{width:100%;height:100%;color:var(--color-text)}.vui-radio input{display:none}.vui-radio input+label{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:var(--font-size-s);color:var(--color-text);-webkit-user-select:none;user-select:none}.vui-radio input+label .vui-radio-content{display:block}.vui-radio input+label .vui-radio-content:is(p){display:flex;align-items:center;min-height:var(--radio-size);font-size:var(--font-size-ms)}.vui-input-container.vui-select.expand .vui-dropdown-trigger-wrap,.vui-input-container.vui-select.expand .vui-dropdown-trigger-content{width:100%}.vui-input-container.vui-select .vui-select-trigger-container span{white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.vui-input-container.vui-select .vue-select-no-results{text-align:center;padding-block:var(--space-xs)}.vui-input-container.vui-select .vui-input-style{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s)}.vui-input-container.vui-select .vui-input-style>button{margin-right:-6px}.vui-input-container.vui-select .vui-input-style>button .vui-button-slot svg{width:14px;height:14px;color:var(--color-text-light)}.vui-input-container.vui-select .vui-input-style:hover{border-color:var(--color-border-strong)}.vui-sheet{display:flex;flex-direction:column;position:absolute;background-color:var(--color-bg);border-color:var(--color-border);height:100dvh}.vui-sheet.vui-sheet-position-top{top:0;border-bottom:1px solid var(--color-border);height:auto}.vui-sheet.vui-sheet-position-bottom{bottom:0;border-top:1px solid var(--color-border);height:auto}.vui-sheet.vui-sheet-position-right{right:0;top:0;border-left:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-left{left:0;top:0;border-right:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-top,.vui-sheet.vui-sheet-position-bottom{max-height:35dvh;width:100%}.vui-sheet .vui-sheet-header,.vui-sheet .vui-sheet-content{width:100%;padding:var(--space-m)}.vui-sheet .vui-sheet-content{flex:1 1 0%;overflow-y:auto;height:100%}.vui-sheet .vui-sheet-header{display:flex;gap:var(--space-m);align-self:flex-start}.vui-sheet .vui-sheet-header+.vui-sheet-content{padding-top:var(--space-s)}.vui-backdrop[data-v-6b64b128]{padding:0}.sheet-enter-active[data-v-6b64b128],.sheet-leave-active[data-v-6b64b128]{transition:var(--transition)}.sheet-enter-to[data-v-6b64b128],.sheet-leave-from[data-v-6b64b128]{transform:translate(0)}.sheet-enter-from[data-v-6b64b128],.sheet-leave-to[data-v-6b64b128]{opacity:0;transform:var(--3b2c00f4)}.vui-skeleton{animation:pulse 2.5s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.vui-switch{--switch-size: 24px}.vui-switch.checked .vui-switch-icon .vui-switch-indicator{left:calc(100% - 24px);background-color:var(--color-text)}.vui-switch .vui-switch-icon{width:44px;height:var(--switch-size);border-radius:22px;background-color:var(--color-bg-raised);position:relative;cursor:pointer}.vui-switch .vui-switch-icon .vui-switch-indicator{display:block;position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:100%;background-color:var(--color-bg);transition:var(--transition)}.vui-switch input{display:none}.vui-switch input+label{display:grid;grid-template-columns:44px 1fr;gap:10px;font-size:var(--font-size-m);color:var(--color-text);-webkit-user-select:none;user-select:none}.vui-switch input+label .vui-switch-content{display:block}.vui-switch input+label .vui-switch-content:is(p){height:var(--switch-size);line-height:var(--switch-size);font-size:var(--font-size-ms)}.vui-table-container{display:block;width:100%;border-radius:var(--border-radius-m)}.vui-table-container.fixed table{table-layout:fixed}.vui-table-container.outer-border{border:1px solid var(--color-border)}.vui-table-container.nowrap table tr td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vui-table-container.separated-rows table th,.vui-table-container.separated-rows table td{border-bottom:1px solid var(--color-border)}.vui-table-container.separated-cells table th,.vui-table-container.separated-cells table td{border-right:1px solid var(--color-border)}.vui-table-container.separated-cells table th:last-of-type,.vui-table-container.separated-cells table td:last-of-type{border-right:none}.vui-table-container table{width:100%;border-collapse:collapse;text-indent:0;border:none;overflow:unset}.vui-table-container table tr{border:none}.vui-table-container table tr:has(.vui-table-interactive-cell.selected) td{background-color:var(--color-bg-raised)}.vui-table-container table th,.vui-table-container table td{font-size:var(--font-size-ms);border:none;border-left:none!important;transition:var(--transition-fast);position:relative;z-index:1}.vui-table-container table th.vui-table-interactive-cell,.vui-table-container table td.vui-table-interactive-cell{--checkbox-cell-width: calc(calc(var(--space-xs) * 2) + 32px);width:var(--checkbox-cell-width);min-width:var(--checkbox-cell-width);max-width:var(--checkbox-cell-width);height:auto;padding-inline:var(--space-xs);padding-block:0}.vui-table-container table th.vui-table-interactive-cell.selected .vui-button.icon .vui-button-slot svg path,.vui-table-container table td.vui-table-interactive-cell.selected .vui-button.icon .vui-button-slot svg path{color:var(--color-text)!important}.vui-table-container table th.vui-table-interactive-cell .vui-button,.vui-table-container table td.vui-table-interactive-cell .vui-button{vertical-align:middle;display:inline-flex}.vui-table-container table th.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg,.vui-table-container table td.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg{width:22px!important;height:22px!important}.vui-table-container table th.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg path,.vui-table-container table td.vui-table-interactive-cell .vui-button.icon .vui-button-slot svg path{color:var(--color-text-light)}.vui-table-container table th .vui-cell-context,.vui-table-container table td .vui-cell-context{display:flex;align-items:center;justify-content:center;z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-xs);background-color:var(--color-bg);left:unset}.vui-table-container table th .vui-table-th-content{color:var(--color-text-light);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:500;display:flex;justify-content:flex-start;align-items:center;gap:var(--space-xs)}.vui-table-container table th .vui-table-th-content .vui-table-sort-button:not(.active) svg path{color:var(--color-text-lighter)}.vui-table-container .vui-table-pagination-wrap{padding:var(--space-s) var(--space-m)}.vui-table-container .vui-table-pagination-wrap p{font-size:var(--font-size-s);color:var(--color-text-lighter)}.vui-tabs{display:flex;width:100%;gap:4px;border-bottom:1px solid var(--color-border);position:relative}.vui-tabs.vui-tabs-variant-filled{background-color:var(--color-bg-raised);border-bottom:none;z-index:1;border-radius:var(--border-radius-m);padding-inline:4px}.vui-tabs.vui-tabs-variant-filled .vui-tab-underline{border-bottom:none;background-color:var(--color-bg-lowered);top:4px;bottom:4px;z-index:-1;border-radius:var(--border-radius-m)}.vui-tabs.disabled .vui-tab,.vui-tabs .vui-tab.disabled{pointer-events:none;color:var(--color-text-lighter)}.vui-tabs.disabled .vui-tab.active,.vui-tabs .vui-tab.disabled.active{color:var(--color-text-lighter)!important}.vui-tabs.disabled .vui-tab-underline{border-color:var(--color-text-lighter)}.vui-tabs.expand .vui-tab{flex:1}.vui-tabs .vui-tab{display:flex;height:40px;align-items:center;justify-content:center;padding:0 10px;font-size:var(--font-size-ms);position:relative;color:var(--color-text-light);transition:var(--transition);cursor:default;gap:var(--space-xs);border-radius:var(--border-radius-m)}.vui-tabs .vui-tab svg{width:20px;height:20px;color:var(--color-text-light)}.vui-tabs .vui-tab:hover,.vui-tabs .vui-tab.active{color:var(--color-text)}.vui-tabs .vui-tab-underline{transition:var(--transition);display:block;border-bottom:1px solid var(--color-text);position:absolute;bottom:0}.vui-toast-wrapper{position:fixed;bottom:32px;right:32px;width:100%;max-width:392px}.vui-toast-wrapper .vui-toast-list{display:flex;flex-direction:column;gap:var(--space-xs)}.vui-toast-wrapper .vui-toast-list .vui-toast-item{display:flex;border:1px solid var(--color-border);border-radius:var(--border-radius-m);padding:var(--space-m) var(--space-s);background-color:var(--color-bg);width:100%;align-items:center;gap:var(--space-m);box-shadow:var(--box-shadow)}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content{flex:1}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content strong{color:var(--color-text);margin-bottom:var(--space-xs);display:block;font-size:var(--font-size-m)}.vui-toast-wrapper .vui-toast-list .vui-toast-item .vui-toast-item-content p{color:var(--color-text-lighter);font-size:var(--font-size-s)}.toast-move[data-v-d0d7691b],.toast-enter-active[data-v-d0d7691b],.toast-leave-active[data-v-d0d7691b]{transition:var(--transition)}.toast-enter-from[data-v-d0d7691b]{opacity:0;transform:translateY(24px) scale(.95)}.toast-leave-to[data-v-d0d7691b]{opacity:0;transform:translateY(-24px) scale(.95)}.toast-leave-active[data-v-d0d7691b]{position:absolute}.vui-tooltip{padding:var(--space-s);max-width:512px}.tooltip-enter-active[data-v-cc9d7f8a],.tooltip-leave-active[data-v-cc9d7f8a]{transition:.1s opacity ease-in-out}.tooltip-enter-from[data-v-cc9d7f8a],.tooltip-leave-to[data-v-cc9d7f8a]{opacity:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;background-color:unset;margin:0;font-family:var(--global-font)}hr{border:none;border-bottom:1px solid var(--color-border)}:root{--container-xs: 360px;--container-s: 498px;--container-m: 856px;--container-l: 1140px;--container-xl: 1540px;--container-xxl: 1920px;--border-radius-xs: 2px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 12px;--font-size-xxs: 1rem;--font-size-xs: 1.15rem;--font-size-s: 1.3rem;--font-size-ms: 1.45rem;--font-size-m: 1.6rem;--font-size-l: 1.8rem;--font-size-xl: 2rem;--font-size-xxl: 2.6rem;--font-size-xxxl: 3.4rem;--font-size-xxxxl: 4.8rem;--space-xxs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 18px;--space-l: 24px;--space-xl: 34px;--space-xxl: 48px;--space-xxxl: 64px;--transition-fast: .08s all ease-in-out;--transition: .14s all ease-in-out;--transition-slow: .3s all ease-in-out;--color-bg: rgb(18, 18, 18);--color-bg-raised: rgb(28, 28, 28);--color-bg-lowered: rgb(14, 14, 14);--color-text: rgb(231, 231, 231);--color-text-light: rgb(158, 158, 158);--color-text-lighter: rgb(100, 100, 100);--color-text-lightest: rgb(65, 65, 65);--color-text-invert: rgb(17, 17, 17);--color-button-gray: rgb(28, 28, 28);--color-button-gray-hover: rgb(38, 38, 38);--color-text-red: rgb(243, 78, 70);--color-bg-red-lowered: rgb(66, 22, 20);--color-bg-red-raised: rgb(119, 31, 26);--color-border-red: rgb(94, 23, 19);--color-text-green: rgb(44, 214, 52);--color-text-green-disabled: rgb(109, 193, 113);--color-bg-green-lowered: rgb(19, 46, 9);--color-bg-green-raised: rgb(48, 122, 22);--color-border-green: rgb(27, 70, 12);--color-text-yellow: rgb(243, 231, 70);--color-bg-yellow-lowered: rgb(59, 46, 10);--color-bg-yellow-raised: rgb(119, 82, 26);--color-border-yellow: rgb(99, 97, 16);--color-text-blue: rgb(85, 141, 245);--color-bg-blue-lowered: rgb(10, 25, 59);--color-bg-blue-raised: rgb(26, 59, 119);--color-border-blue: rgb(20, 45, 112);--color-border: rgb(38, 38, 38);--color-border-strong: rgb(54, 54, 54);--color-border-weak: rgb(36, 36, 36);--color-accent: rgb(56, 214, 219);--color-accent-disabled: hsl(from var(--color-accent) h calc(s.4) l );--color-bg-accent-lowered: hsl(from var(--color-accent) h s calc(l/5) );--color-bg-accent-raised: hsl(from var(--color-accent) h s calc(l/2) );--color-border-accent: hsl(from var(--color-accent) h s calc(l.4) );--box-shadow: 0 2px 12px rgba(8, 8, 8, .2);--box-shadow-strong: 0 4px 15px rgba(8, 8, 8, .4);--global-font: Geist, sans-serif;--global-font-mono: "Geist Mono", "Courier New", Courier, monospace}:root{font-family:var(--global-font);font-size:63.5%;position:relative;background-color:var(--color-bg);overflow-x:hidden;width:100%;font-feature-settings:normal;font-variation-settings:normal;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}:root :focus-visible{outline:2px solid var(--color-text)}body{color:var(--color-text);min-height:100dvh}.iconify{color:var(--color-text-light)}h1,h2,h3,h4,h5,h6{display:block;font-weight:800}h1{font-size:var(--font-size-xxxxl)}h2{font-size:var(--font-size-xxxl)}h3{font-size:var(--font-size-xxl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-l)}h6{font-size:var(--font-size-m)}figcaption,table th,table td,blockquote,p{font-size:var(--font-size-m);line-height:1.4em;font-weight:400}figcaption>,table th>,table td>,blockquote>,p>*{line-height:inherit;font-size:inherit}figcaption a,table th a,table td a,blockquote a,p a{color:var(--color-text-blue);text-decoration:underline}figcaption a:hover,table th a:hover,table td a:hover,blockquote a:hover,p a:hover{text-decoration:none}figcaption code,table th code,table td code,blockquote code,p code{border-radius:var(--border-radius-xs);background-color:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-border);padding:1px 3px}figcaption strong,figcaption b,table th strong,table th b,table td strong,table td b,blockquote strong,blockquote b,p strong,p b{font-weight:700}figcaption i,table th i,table td i,blockquote i,p i{font-style:italic}figcaption u,table th u,table td u,blockquote u,p u{text-decoration:line-through}hr{border-bottom:1px solid var(--color-border)}span,strong,p{font-size:var(--font-size-ms)}blockquote{display:block;padding-block:var(--space-s);padding-left:var(--space-l);border-left:3px solid var(--color-border)}pre{font-family:var(--global-font-mono);font-size:var(--font-size-s);font-weight:300;line-height:1.2em;padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--border-radius-m);white-space:pre-wrap;background-color:var(--color-bg-raised);z-index:1;position:relative}pre[data-lang]:after{content:attr(data-lang);font-family:var(--global-font);display:block;position:absolute;font-weight:500;top:6px;right:6px;padding:5px;text-align:center;text-transform:uppercase;border-radius:var(--border-radius-s);font-size:var(--font-size-xs);color:var(--color-text-light);border:1px solid var(--color-border);background-color:var(--color-bg-lowered)}table{text-indent:0;border-collapse:separate;overflow-x:auto;max-width:100%}table th,table td{text-align:left;padding-inline:var(--space-m);padding-block:var(--space-s);min-width:80px;font-size:var(--font-size-m);line-height:1.4em;font-variant-numeric:tabular-nums;border-right:1px solid var(--color-border)}table th:first-child,table td:first-child{border-left:1px solid var(--color-border)}table th{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);font-weight:600;white-space:nowrap}table th:first-child{border-top-left-radius:var(--border-radius-s)}table th:last-child{border-top-right-radius:var(--border-radius-s)}table tr td{border-bottom:1px solid var(--color-border);font-weight:400}table tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius-s)}table tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius-s)}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9ch,max-content));column-gap:var(--space-l)}dl dt,dl dd{padding-inline:var(--space-m);margin-bottom:var(--space-l)}dl dt:last-of-type,dl dd:last-of-type{margin-bottom:0}dl dt{padding-left:0;color:var(--color-text-lighter);font-weight:500;font-size:var(--font-size-ms);grid-column-start:1}dl dd{color:var(--color-text);font-size:var(--font-size-m)}article,.typeset{width:100%}article ol ol,article ol ul,article ul ol,article ul ul,.typeset ol ol,.typeset ol ul,.typeset ul ol,.typeset ul ul{margin-block:var(--space-l)!important}article ol li,article ul li,.typeset ol li,.typeset ul li{margin-bottom:var(--space-m);font-size:var(--font-size-m);position:relative;padding-left:28px}article ol li>ul,article ul li>ul,.typeset ol li>ul,.typeset ul li>ul{margin-top:0}article ol li:before,article ul li:before,.typeset ol li:before,.typeset ul li:before{content:"";position:absolute;top:5px;left:12px}article ol li:last-of-type,article ul li:last-of-type,.typeset ol li:last-of-type,.typeset ul li:last-of-type{margin:0}article ul li:before,.typeset ul li:before{width:6px;height:6px;border-radius:100%;background-color:var(--color-text-lighter)}article ol,.typeset ol{counter-reset:ol}article ol li,.typeset ol li{counter-increment:ol}article ol li:before,.typeset ol li:before{content:counter(ol) ".";top:0;left:8px;text-align:left;color:var(--color-text-light)}article h1,article h2,article h3,article h4,article h5,article h6,.typeset h1,.typeset h2,.typeset h3,.typeset h4,.typeset h5,.typeset h6{margin-bottom:var(--space-xs)}article h1:not(:first-child),article h2:not(:first-child),article h3:not(:first-child),article h4:not(:first-child),article h5:not(:first-child),article h6:not(:first-child),.typeset h1:not(:first-child),.typeset h2:not(:first-child),.typeset h3:not(:first-child),.typeset h4:not(:first-child),.typeset h5:not(:first-child),.typeset h6:not(:first-child){margin-top:var(--space-xxl)}article span,article strong,article p,.typeset span,.typeset strong,.typeset p{font-size:var(--font-size-m)}article dl,article pre,article img,article table,article ol,article ul,article blockquote,article p,.typeset dl,.typeset pre,.typeset img,.typeset table,.typeset ol,.typeset ul,.typeset blockquote,.typeset p{margin-top:var(--space-l)}article hr,.typeset hr{margin-block:var(--space-l)}article img,.typeset img{border-radius:var(--border-radius-m);overflow:hidden;max-width:100%}article figure img,.typeset figure img{margin-bottom:var(--space-xs)}article figure figcaption,.typeset figure figcaption{text-align:center;font-size:var(--font-size-s);color:var(--color-text-lighter)}.container{display:block;margin-inline:auto;width:100%;padding-inline:var(--space-m);max-width:var(--container-l)}.container.container-xs{max-width:var(--container-xs)}.container.container-s{max-width:var(--container-s)}.container.container-m{max-width:var(--container-m)}.container.container-l{max-width:var(--container-l)}.container.container-xl{max-width:var(--container-xl)}.container.container-xxl{max-width:var(--container-xxl)}.container.container-full{max-width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.m-auto{margin:auto}.mb-xxs{margin-bottom:var(--space-xxs)}.mr-xxs{margin-right:var(--space-xxs)}.ml-xxs{margin-left:var(--space-xxs)}.mt-xxs{margin-top:var(--space-xxs)}.mx-xxs{margin-inline:var(--space-xxs)}.my-xxs{margin-block:var(--space-xxs)}.m-xxs{margin:var(--space-xxs)}.pb-xxs{padding-bottom:var(--space-xxs)}.pr-xxs{padding-right:var(--space-xxs)}.pl-xxs{padding-left:var(--space-xxs)}.pt-xxs{padding-top:var(--space-xxs)}.px-xxs{padding-inline:var(--space-xxs)}.py-xxs{padding-block:var(--space-xxs)}.p-xxs{padding:var(--space-xxs)}.g-xxs{gap:var(--space-xxs)}.g-y-xxs{row-gap:var(--space-xxs)}.g-x-xxs{column-gap:var(--space-xxs)}.mb-xs{margin-bottom:var(--space-xs)}.mr-xs{margin-right:var(--space-xs)}.ml-xs{margin-left:var(--space-xs)}.mt-xs{margin-top:var(--space-xs)}.mx-xs{margin-inline:var(--space-xs)}.my-xs{margin-block:var(--space-xs)}.m-xs{margin:var(--space-xs)}.pb-xs{padding-bottom:var(--space-xs)}.pr-xs{padding-right:var(--space-xs)}.pl-xs{padding-left:var(--space-xs)}.pt-xs{padding-top:var(--space-xs)}.px-xs{padding-inline:var(--space-xs)}.py-xs{padding-block:var(--space-xs)}.p-xs{padding:var(--space-xs)}.g-xs{gap:var(--space-xs)}.g-y-xs{row-gap:var(--space-xs)}.g-x-xs{column-gap:var(--space-xs)}.mb-s{margin-bottom:var(--space-s)}.mr-s{margin-right:var(--space-s)}.ml-s{margin-left:var(--space-s)}.mt-s{margin-top:var(--space-s)}.mx-s{margin-inline:var(--space-s)}.my-s{margin-block:var(--space-s)}.m-s{margin:var(--space-s)}.pb-s{padding-bottom:var(--space-s)}.pr-s{padding-right:var(--space-s)}.pl-s{padding-left:var(--space-s)}.pt-s{padding-top:var(--space-s)}.px-s{padding-inline:var(--space-s)}.py-s{padding-block:var(--space-s)}.p-s{padding:var(--space-s)}.g-s{gap:var(--space-s)}.g-y-s{row-gap:var(--space-s)}.g-x-s{column-gap:var(--space-s)}.mb-m{margin-bottom:var(--space-m)}.mr-m{margin-right:var(--space-m)}.ml-m{margin-left:var(--space-m)}.mt-m{margin-top:var(--space-m)}.mx-m{margin-inline:var(--space-m)}.my-m{margin-block:var(--space-m)}.m-m{margin:var(--space-m)}.pb-m{padding-bottom:var(--space-m)}.pr-m{padding-right:var(--space-m)}.pl-m{padding-left:var(--space-m)}.pt-m{padding-top:var(--space-m)}.px-m{padding-inline:var(--space-m)}.py-m{padding-block:var(--space-m)}.p-m{padding:var(--space-m)}.g-m{gap:var(--space-m)}.g-y-m{row-gap:var(--space-m)}.g-x-m{column-gap:var(--space-m)}.mb-l{margin-bottom:var(--space-l)}.mr-l{margin-right:var(--space-l)}.ml-l{margin-left:var(--space-l)}.mt-l{margin-top:var(--space-l)}.mx-l{margin-inline:var(--space-l)}.my-l{margin-block:var(--space-l)}.m-l{margin:var(--space-l)}.pb-l{padding-bottom:var(--space-l)}.pr-l{padding-right:var(--space-l)}.pl-l{padding-left:var(--space-l)}.pt-l{padding-top:var(--space-l)}.px-l{padding-inline:var(--space-l)}.py-l{padding-block:var(--space-l)}.p-l{padding:var(--space-l)}.g-l{gap:var(--space-l)}.g-y-l{row-gap:var(--space-l)}.g-x-l{column-gap:var(--space-l)}.mb-xl{margin-bottom:var(--space-xl)}.mr-xl{margin-right:var(--space-xl)}.ml-xl{margin-left:var(--space-xl)}.mt-xl{margin-top:var(--space-xl)}.mx-xl{margin-inline:var(--space-xl)}.my-xl{margin-block:var(--space-xl)}.m-xl{margin:var(--space-xl)}.pb-xl{padding-bottom:var(--space-xl)}.pr-xl{padding-right:var(--space-xl)}.pl-xl{padding-left:var(--space-xl)}.pt-xl{padding-top:var(--space-xl)}.px-xl{padding-inline:var(--space-xl)}.py-xl{padding-block:var(--space-xl)}.p-xl{padding:var(--space-xl)}.g-xl{gap:var(--space-xl)}.g-y-xl{row-gap:var(--space-xl)}.g-x-xl{column-gap:var(--space-xl)}.mb-xxl{margin-bottom:var(--space-xxl)}.mr-xxl{margin-right:var(--space-xxl)}.ml-xxl{margin-left:var(--space-xxl)}.mt-xxl{margin-top:var(--space-xxl)}.mx-xxl{margin-inline:var(--space-xxl)}.my-xxl{margin-block:var(--space-xxl)}.m-xxl{margin:var(--space-xxl)}.pb-xxl{padding-bottom:var(--space-xxl)}.pr-xxl{padding-right:var(--space-xxl)}.pl-xxl{padding-left:var(--space-xxl)}.pt-xxl{padding-top:var(--space-xxl)}.px-xxl{padding-inline:var(--space-xxl)}.py-xxl{padding-block:var(--space-xxl)}.p-xxl{padding:var(--space-xxl)}.g-xxl{gap:var(--space-xxl)}.g-y-xxl{row-gap:var(--space-xxl)}.g-x-xxl{column-gap:var(--space-xxl)}.mb-xxxl{margin-bottom:var(--space-xxxl)}.mr-xxxl{margin-right:var(--space-xxxl)}.ml-xxxl{margin-left:var(--space-xxxl)}.mt-xxxl{margin-top:var(--space-xxxl)}.mx-xxxl{margin-inline:var(--space-xxxl)}.my-xxxl{margin-block:var(--space-xxxl)}.m-xxxl{margin:var(--space-xxxl)}.pb-xxxl{padding-bottom:var(--space-xxxl)}.pr-xxxl{padding-right:var(--space-xxxl)}.pl-xxxl{padding-left:var(--space-xxxl)}.pt-xxxl{padding-top:var(--space-xxxl)}.px-xxxl{padding-inline:var(--space-xxxl)}.py-xxxl{padding-block:var(--space-xxxl)}.p-xxxl{padding:var(--space-xxxl)}.g-xxxl{gap:var(--space-xxxl)}.g-y-xxxl{row-gap:var(--space-xxxl)}.g-x-xxxl{column-gap:var(--space-xxxl)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.fade-enter-active,.fade-leave-active{transition:var(--transition)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-up-enter-active,.fade-up-leave-active{transition:var(--transition);transition-property:transform,opacity}.fade-up-enter-from,.fade-up-leave-to{opacity:0;transform:translateY(8px)}[data-title-left],[data-title-right],[data-title-bottom],[data-title-bottom-left],[data-title-bottom-right],[data-title-top],[data-title-top-left],[data-title-top-right]{position:relative}[data-title-left]:before,[data-title-right]:before,[data-title-bottom]:before,[data-title-bottom-left]:before,[data-title-bottom-right]:before,[data-title-top]:before,[data-title-top-left]:before,[data-title-top-right]:before{font-family:var(--global-font);font-weight:400;background-color:var(--color-bg-raised);color:var(--color-text);font-size:var(--font-size-ms);position:absolute;padding:4px 8px;line-height:1.3em;border-radius:var(--border-radius-m);transition:var(--transition);max-width:512px;opacity:0;cursor:default;z-index:-1;visibility:hidden;pointer-events:none}[data-title-left]:hover:before,[data-title-right]:hover:before,[data-title-bottom]:hover:before,[data-title-bottom-left]:hover:before,[data-title-bottom-right]:hover:before,[data-title-top]:hover:before,[data-title-top-left]:hover:before,[data-title-top-right]:hover:before{visibility:visible;opacity:1;z-index:99999}[data-title-left]:before{content:attr(data-title-left);top:50%;transform:translateY(-50%);z-index:99999;right:calc(100% + 4px)}[data-title-right]:before{content:attr(data-title-right);top:50%;transform:translateY(-50%);z-index:99999;left:calc(100% + 4px)}[data-title-bottom]:before,[data-title-bottom-left]:before,[data-title-bottom-right]:before{content:attr(data-title-bottom);top:calc(100% + 4px);transform:translate(-50%);left:50%}[data-title-bottom-left]:before{content:attr(data-title-bottom-left);transform:unset;left:0}[data-title-bottom-right]:before{content:attr(data-title-bottom-right);transform:unset;left:unset;right:0}[data-title-top]:before,[data-title-top-left]:before,[data-title-top-right]:before{content:attr(data-title-top);bottom:calc(100% + 4px);transform:translate(-50%);left:50%}[data-title-top-left]:before{content:attr(data-title-top-left);transform:unset;left:0}[data-title-top-right]:before{content:attr(data-title-top-right);transform:unset;left:unset;right:0}[data-title-left]:hover:before{right:calc(100% + 10px)}[data-title-right]:hover:before{left:calc(100% + 10px)}[data-title-top]:hover:before,[data-title-top-left]:hover:before,[data-title-top-right]:hover:before{bottom:calc(100% + 10px)}[data-title-bottom]:hover:before,[data-title-bottom-left]:hover:before,[data-title-bottom-right]:hover:before{top:calc(100% + 10px)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;outline:transparent;outline-offset:0}mark{background-color:var(--color-text-yellow);color:var(--color-text-invert);padding:1px;border-radius:2px}.counter{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;font-size:var(--font-size-xs);color:var(--color-text);background-color:var(--color-button-gray-hover);font-weight:400;padding-inline:4px}.text-xxs{font-size:var(--font-size-xxs)}.text-xs{font-size:var(--font-size-xs)}.text-s{font-size:var(--font-size-s)}.text-ms{font-size:var(--font-size-ms)}.text-m{font-size:var(--font-size-m)}.text-l{font-size:var(--font-size-l)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.text-xxxxl{font-size:var(--font-size-xxxxl)}.text-color{color:var(--color-text)}.text-color-accent{color:var(--color-accent)}.text-color-light{color:var(--color-text-light)}.text-color-lighter{color:var(--color-text-lighter)}.text-color-lightest{color:var(--color-text-lightest)}.text-color-red{color:var(--color-text-red)}.text-color-green{color:var(--color-text-green)}.text-color-yellow{color:var(--color-text-yellow)}.text-color-blue{color:var(--color-text-blue)}.text-light{font-weight:300}.text-regular{font-weight:400}.text-medium{font-weight:500}.text-semibold{font-weight:600}.text-bold{font-weight:700}.text-extra-bold{font-weight:800}.text-black{font-weight:900}@media screen and (max-width: 572px){:root{--space-xs: 5px;--space-s: 8px;--space-m: 12px;--space-l: 20px;--space-xl: 32px;--space-xxl: 44px}h1{font-size:3.2rem}h2{font-size:2.8rem}h3{font-size:2.2rem}.vui-tabs .vui-tab{font-size:var(--font-size-s);padding:0 var(--space-xs)}}

package/dist/vui.js CHANGED Viewed

@@ -2,7 +2,7 @@ var Xs = Object.defineProperty;
 var Gs = (e, t, n) => t in e ? Xs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ye = (e, t, n) => Gs(e, typeof t != "symbol" ? t + "" : t, n);
 import * as eo from "vue";
-import { defineComponent as se, h as tn, watch as Se, getCurrentScope as ur, onScopeDispose as dr, unref as p, ref as I, readonly as ya, computed as A, reactive as ln, shallowRef as Xr, getCurrentInstance as $n, onMounted as Ye, toRaw as Js, useTemplateRef as gt, watchEffect as Ot, openBlock as h, createElementBlock as M, normalizeClass as ge, renderSlot as H, createTextVNode as He, toDisplayString as Me, createVNode as _e, createElementVNode as le, normalizeStyle as Ne, useSlots as vt, Fragment as be, renderList as Ee, createBlock as oe, resolveDynamicComponent as Dn, createCommentVNode as L, mergeProps as Be, withCtx as Z, toRef as En, nextTick as ot, onUnmounted as un, isRef as to, createSlots as ut, normalizeProps as et, guardReactiveProps as ct, Teleport as Ta, Transition as Ct, withModifiers as In, render as no, useAttrs as ii, onBeforeUpdate as Zs, withDirectives as nn, vShow as Ka, withKeys as eu, useCssVars as si, mergeModels as ft, useModel as $t, useId as Fn, vModelCheckbox as ui, shallowReadonly as Qn, Comment as tu, cloneVNode as nu, toRefs as ml, markRaw as au, effectScope as di, inject as Aa, provide as hl, toHandlerKey as ru, camelize as lu, onBeforeUnmount as ou, vModelText as ci, createPropsRestProxy as yl, vModelRadio as iu, toValue as su, TransitionGroup as uu } from "vue";
+import { defineComponent as se, h as tn, watch as Se, getCurrentScope as ur, onScopeDispose as dr, unref as p, ref as I, readonly as ya, computed as A, reactive as ln, shallowRef as Xr, getCurrentInstance as $n, onMounted as Ye, toRaw as Js, useTemplateRef as gt, watchEffect as Ct, openBlock as h, createElementBlock as M, normalizeClass as ge, renderSlot as H, createTextVNode as He, toDisplayString as Me, createVNode as ke, createElementVNode as le, normalizeStyle as Ne, useSlots as vt, Fragment as be, renderList as Ee, createBlock as oe, resolveDynamicComponent as Dn, createCommentVNode as L, mergeProps as Be, withCtx as Z, toRef as En, nextTick as ot, onUnmounted as un, isRef as to, createSlots as ut, normalizeProps as et, guardReactiveProps as ct, Teleport as Ta, Transition as Ot, withModifiers as In, render as no, useAttrs as ii, onBeforeUpdate as Zs, withDirectives as nn, vShow as Ka, withKeys as eu, useCssVars as si, mergeModels as ft, useModel as $t, useId as Fn, vModelCheckbox as ui, shallowReadonly as Qn, Comment as tu, cloneVNode as nu, toRefs as ml, markRaw as au, effectScope as di, inject as Aa, provide as hl, toHandlerKey as ru, camelize as lu, onBeforeUnmount as ou, vModelText as ci, createPropsRestProxy as yl, vModelRadio as iu, toValue as su, TransitionGroup as uu } from "vue";
 const ga = /^[a-z0-9]+(-[a-z0-9]+)*$/, cr = (e, t, n, a = "") => {
   const r = e.split(":");
   if (e.slice(0, 1) === "@") {
@@ -1541,7 +1541,7 @@ const $d = ["aria-hidden"], Dd = {
   emits: ["open", "close"],
   setup(e, { expose: t, emit: n }) {
     const a = e, r = n, l = I(!1), o = gt("content"), i = I(0);
-    Ot(() => {
+    Ct(() => {
       l.value = a.open;
     }, {
       flush: "post"
@@ -1587,7 +1587,7 @@ const $d = ["aria-hidden"], Dd = {
         H(d.$slots, "header", {}, () => [
           He(Me(a.label), 1)
         ]),
-        _e(p(Ue), { icon: "ph:caret-down" })
+        ke(p(Ue), { icon: "ph:caret-down" })
       ])),
       le("div", {
         class: "vui-accordion-content",
@@ -1705,7 +1705,7 @@ const Cd = ["src"], Sd = { key: 1 }, C0 = /* @__PURE__ */ se({
   setup(e) {
     const t = I(!1);
     return (n, a) => (h(), M("div", {
-      class: ge(["vui-avatar", [`vui-avatar-size-${typeof n.size == "number" ? "m" : n.size}`]]),
+      class: ge(["vui-avatar", [`vui-avatar-size-${typeof n.size == "number" ? "l" : n.size}`]]),
       style: Ne({
         ...typeof n.size == "number" && {
           "--avatar-size": p(an)(n.size)
@@ -1868,7 +1868,7 @@ const Cd = ["src"], Sd = { key: 1 }, C0 = /* @__PURE__ */ se({
         "--button-padding": n.value
       })
     }, [
-      _e(Nd, { size: "s" }),
+      ke(Nd, { size: "s" }),
       le("div", Fd, [
         le("div", Vd, [
           H(a.$slots, "start")
@@ -6314,7 +6314,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             _: 3
           }, 8, ["aria-label", "disabled", "class"])) : L("", !0)
         ], 2),
-        _e(Ct, {
+        ke(Ot, {
           name: p(f)(e.showYearPicker),
           css: p(d)
         }, {
@@ -6657,7 +6657,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           onHoverValue: (B) => p(w)(B, F)
         }, ut({
           header: Z(() => [
-            _e(vs, Be(R.$props, {
+            ke(vs, Be(R.$props, {
               items: p(s)(F),
               instance: F,
               "show-year-picker": p(v)[F],
@@ -7034,7 +7034,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             onKeydown: Y[0] || (Y[0] = (ee) => p(_t)(ee, () => U(), !0))
           }, Me(w.value), 41, Zv))
         ])),
-        (h(!0), M(be, null, Ee(K.value, (ee, $e) => (h(), oe(Ct, {
+        (h(!0), M(be, null, Ee(K.value, (ee, $e) => (h(), oe(Ot, {
           key: $e,
           name: p(v)(m[ee.type]),
           css: p(y)
@@ -7180,7 +7180,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         ], 42, np)), [
           [Ka, !p(m)(z.hideNavigation, "time")]
         ]) : L("", !0),
-        _e(Ct, {
+        ke(Ot, {
           name: p(v)(D.value),
           css: p(y) && !z.timePickerInline
         }, {
@@ -7431,7 +7431,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       "is-mobile": v.isMobile
     }, {
       default: Z(() => [
-        _e(ys, Be({
+        ke(ys, Be({
           ref_key: "tpRef",
           ref: i
         }, v.$props, {
@@ -7614,7 +7614,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
                     He(Me(U.text), 1)
                   ], 64))
                 ], 42, cp),
-                _e(Ct, {
+                ke(Ot, {
                   name: p(v)(U.showSelectionGrid),
                   css: p(y)
                 }, {
@@ -7862,7 +7862,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
           }), 128))
         ]),
         ae[2] || (ae[2] = le("div", { class: "dp__calendar_header_separator" }, null, -1)),
-        _e(Ct, {
+        ke(Ot, {
           name: x.value,
           css: !!U.transitions
         }, {
@@ -7987,8 +7987,8 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   ), P = A(
     () => (V) => c.value[V] ? c.value[V].year : 0
   ), j = (V) => !m.value.keepViewOnOffsetClick || V ? !0 : !o.value, C = (V, ue, Te, Q = !1) => {
-    var fe, ke;
-    j(Q) && (c.value[V] || (c.value[V] = { month: 0, year: 0 }), c.value[V].month = Eo(ue) ? (fe = c.value[V]) == null ? void 0 : fe.month : ue, c.value[V].year = Eo(Te) ? (ke = c.value[V]) == null ? void 0 : ke.year : Te);
+    var fe, _e;
+    j(Q) && (c.value[V] || (c.value[V] = { month: 0, year: 0 }), c.value[V].month = Eo(ue) ? (fe = c.value[V]) == null ? void 0 : fe.month : ue, c.value[V].year = Eo(Te) ? (_e = c.value[V]) == null ? void 0 : _e.year : Te);
   }, K = () => {
     e.autoApply && t("select-date");
   };
@@ -8086,7 +8086,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
     }
   }, me = (V, ue, Te, Q) => {
     if (e.sixWeeks && V.length < 6) {
-      const fe = 6 - V.length, ke = (ue.getDay() + 7 - Q) % 7, qt = 6 - (Te.getDay() + 7 - Q) % 7, [Rt, Un] = Y(ke, qt);
+      const fe = 6 - V.length, _e = (ue.getDay() + 7 - Q) % 7, qt = 6 - (Te.getDay() + 7 - Q) % 7, [Rt, Un] = Y(_e, qt);
       for (let da = 1; da <= fe; da++)
         if (Un ? !!(da % 2) == Rt : Rt) {
           const fn = V[0].days[0], Ar = ee(Nt(fn.value, -7), Ce(ue));
@@ -8100,17 +8100,17 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
   }, ee = (V, ue) => {
     const Te = ne(V), Q = [];
     for (let fe = 0; fe < 7; fe++) {
-      const ke = Nt(Te, fe), qt = Ce(ke) !== ue;
+      const _e = Nt(Te, fe), qt = Ce(_e) !== ue;
       Q.push({
-        text: e.hideOffsetDates && qt ? "" : ke.getDate(),
-        value: ke,
+        text: e.hideOffsetDates && qt ? "" : _e.getDate(),
+        value: _e,
         current: !qt,
         classData: {}
       });
     }
     return Q;
   }, $e = (V, ue) => {
-    const Te = [], Q = new Date(ue, V), fe = new Date(ue, V + 1, 0), ke = e.weekStart, qt = Vt(Q, { weekStartsOn: ke }), Rt = (Un) => {
+    const Te = [], Q = new Date(ue, V), fe = new Date(ue, V + 1, 0), _e = e.weekStart, qt = Vt(Q, { weekStartsOn: _e }), Rt = (Un) => {
       const da = ee(Un, V);
       if (Te.push({ days: da }), !Te[Te.length - 1].days.some(
         (fn) => Re(xt(fn.value), xt(fe))
@@ -8119,7 +8119,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
         Rt(fn);
       }
     };
-    return Rt(qt), me(Te, Q, fe, ke);
+    return Rt(qt), me(Te, Q, fe, _e);
   }, Pe = (V) => {
     const ue = gn(ne(V.value), u.hours, u.minutes, Dt());
     t("date-update", ue), x.value.enabled ? jl(ue, s, x.value.limit) : s.value = ue, a(), ot().then(() => {
@@ -8349,7 +8349,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
       changeYear: xe,
       selectWeekDate: $
     }), (ae, J) => (h(), M(be, null, [
-      _e(gr, {
+      ke(gr, {
         "multi-calendars": p(ve).count,
         collapse: ae.collapse,
         "is-mobile": ae.isMobile
@@ -8379,7 +8379,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
               ])
             }))
           ]), 1040, ["months", "years", "month", "year", "instance", "onUpdateMonthYear"])),
-          _e(wp, Be({
+          ke(wp, Be({
             ref: (Y) => {
               Y && (P.value[_] = Y);
             },
@@ -8569,7 +8569,7 @@ const ul = (e, t) => e == null ? void 0 : e.querySelector(`[data-dp-element="${t
             value: T.internalModelValue
           }) : L("", !0),
           le("div", null, [
-            _e(vs, Be(T.$props, {
+            ke(vs, Be(T.$props, {
               items: p(c)(D),
               instance: D,
               "show-year-picker": p(y)[D],
@@ -9624,7 +9624,7 @@ const Ip = ({
             onKeydown: de[4] || (de[4] = (S) => p(_t)(S, () => j(S), !0, z)),
             onClick: de[5] || (de[5] = In((S) => j(S), ["prevent"]))
           }, [
-            _e(p(Zi), {
+            ke(p(Zi), {
               class: "dp__input_icons",
               "data-test-id": "clear-icon"
             })
@@ -9783,13 +9783,13 @@ const Ip = ({
       q.value.enabled || (S.value = null);
     }, Ke = (Q = !1) => {
       Q && S.value && B.value.setDateOnMenuClose && we(), F.value.enabled || (o.value && (o.value = !1, N.value = !1, x(!1), b(!1), T(), a("closed"), g.value && G(i.value)), Dt(), a("blur"));
-    }, St = (Q, fe, ke = !1) => {
+    }, St = (Q, fe, _e = !1) => {
       if (!Q) {
         S.value = null;
         return;
       }
       const qt = Array.isArray(Q) ? !Q.some((Un) => !O(Un)) : O(Q), Rt = D(Q);
-      qt && Rt ? (k.value = !0, S.value = Q, fe && (y.value = ke, we(), a("text-submit")), ot().then(() => {
+      qt && Rt ? (k.value = !0, S.value = Q, fe && (y.value = _e, we(), a("text-submit")), ot().then(() => {
         k.value = !1;
       })) : a("invalid-date", Q);
     }, Wn = () => {
@@ -9812,8 +9812,8 @@ const Ip = ({
     }, Tr = (Q) => {
       G(Q ?? r.modelValue);
     }, V = (Q, fe) => {
-      var ke;
-      (ke = u.value) == null || ke.switchView(Q, fe);
+      var _e;
+      (_e = u.value) == null || _e.switchView(Q, fe);
     }, ue = (Q) => B.value.onClickOutside ? B.value.onClickOutside(Q) : Ke(!0), Te = (Q = 0) => {
       var fe;
       (fe = u.value) == null || fe.handleFlow(Q);
@@ -9841,11 +9841,11 @@ const Ip = ({
       "data-datepicker-instance": "",
       "data-dp-mobile": p(j)
     }, [
-      _e(qp, Be({
+      ke(qp, Be({
         ref_key: "inputRef",
         ref: d,
         "input-value": p(g),
-        "onUpdate:inputValue": fe[0] || (fe[0] = (ke) => to(g) ? g.value = ke : null),
+        "onUpdate:inputValue": fe[0] || (fe[0] = (_e) => to(g) ? g.value = _e : null),
         "is-menu-open": o.value
       }, Q.$props, {
         onClear: E,
@@ -9857,19 +9857,19 @@ const Ip = ({
         onClose: Ke,
         onFocus: cn,
         onBlur: zn,
-        onRealBlur: fe[1] || (fe[1] = (ke) => f.value = !1),
-        onTextInput: fe[2] || (fe[2] = (ke) => Q.$emit("text-input", ke))
+        onRealBlur: fe[1] || (fe[1] = (_e) => f.value = !1),
+        onTextInput: fe[2] || (fe[2] = (_e) => Q.$emit("text-input", _e))
       }), ut({ _: 2 }, [
-        Ee(p(K), (ke, qt) => ({
-          name: ke,
+        Ee(p(K), (_e, qt) => ({
+          name: _e,
           fn: Z((Rt) => [
-            H(Q.$slots, ke, et(ct(Rt)))
+            H(Q.$slots, _e, et(ct(Rt)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
       (h(), oe(Dn(Q.teleport ? Ta : "div"), et(ct(ae.value)), {
         default: Z(() => [
-          _e(Ct, {
+          ke(Ot, {
             name: p(he)(p(ie)),
             css: p(P) && !p(F).enabled
           }, {
@@ -9882,12 +9882,12 @@ const Ip = ({
                 class: { "dp--menu-wrapper": !p(F).enabled },
                 style: p(F).enabled ? void 0 : p(z)
               }), [
-                _e(jo, Be({
+                ke(jo, Be({
                   ref_key: "dpMenuRef",
                   ref: u
                 }, Q.$props, {
                   "internal-model-value": p(S),
-                  "onUpdate:internalModelValue": fe[3] || (fe[3] = (ke) => to(S) ? S.value = ke : null),
+                  "onUpdate:internalModelValue": fe[3] || (fe[3] = (_e) => to(S) ? S.value = _e : null),
                   class: { [U.value]: !0, "dp--menu-wrapper": Q.teleport },
                   "open-on-top": p(ie),
                   "no-overlay-focus": pe.value,
@@ -9898,28 +9898,28 @@ const Ip = ({
                   onSelectDate: we,
                   onAutoApply: De,
                   onTimeUpdate: Wn,
-                  onFlowStep: fe[4] || (fe[4] = (ke) => Q.$emit("flow-step", ke)),
-                  onUpdateMonthYear: fe[5] || (fe[5] = (ke) => Q.$emit("update-month-year", ke)),
-                  onInvalidSelect: fe[6] || (fe[6] = (ke) => Q.$emit("invalid-select", p(S))),
-                  onAutoApplyInvalid: fe[7] || (fe[7] = (ke) => Q.$emit("invalid-select", ke)),
-                  onInvalidFixedRange: fe[8] || (fe[8] = (ke) => Q.$emit("invalid-fixed-range", ke)),
+                  onFlowStep: fe[4] || (fe[4] = (_e) => Q.$emit("flow-step", _e)),
+                  onUpdateMonthYear: fe[5] || (fe[5] = (_e) => Q.$emit("update-month-year", _e)),
+                  onInvalidSelect: fe[6] || (fe[6] = (_e) => Q.$emit("invalid-select", p(S))),
+                  onAutoApplyInvalid: fe[7] || (fe[7] = (_e) => Q.$emit("invalid-select", _e)),
+                  onInvalidFixedRange: fe[8] || (fe[8] = (_e) => Q.$emit("invalid-fixed-range", _e)),
                   onRecalculatePosition: p(de),
-                  onTooltipOpen: fe[9] || (fe[9] = (ke) => Q.$emit("tooltip-open", ke)),
-                  onTooltipClose: fe[10] || (fe[10] = (ke) => Q.$emit("tooltip-close", ke)),
-                  onTimePickerOpen: fe[11] || (fe[11] = (ke) => Q.$emit("time-picker-open", ke)),
-                  onTimePickerClose: fe[12] || (fe[12] = (ke) => Q.$emit("time-picker-close", ke)),
-                  onAmPmChange: fe[13] || (fe[13] = (ke) => Q.$emit("am-pm-change", ke)),
-                  onRangeStart: fe[14] || (fe[14] = (ke) => Q.$emit("range-start", ke)),
-                  onRangeEnd: fe[15] || (fe[15] = (ke) => Q.$emit("range-end", ke)),
-                  onDateUpdate: fe[16] || (fe[16] = (ke) => Q.$emit("date-update", ke)),
-                  onInvalidDate: fe[17] || (fe[17] = (ke) => Q.$emit("invalid-date", ke)),
-                  onOverlayToggle: fe[18] || (fe[18] = (ke) => Q.$emit("overlay-toggle", ke)),
-                  onMenuBlur: fe[19] || (fe[19] = (ke) => Q.$emit("blur"))
+                  onTooltipOpen: fe[9] || (fe[9] = (_e) => Q.$emit("tooltip-open", _e)),
+                  onTooltipClose: fe[10] || (fe[10] = (_e) => Q.$emit("tooltip-close", _e)),
+                  onTimePickerOpen: fe[11] || (fe[11] = (_e) => Q.$emit("time-picker-open", _e)),
+                  onTimePickerClose: fe[12] || (fe[12] = (_e) => Q.$emit("time-picker-close", _e)),
+                  onAmPmChange: fe[13] || (fe[13] = (_e) => Q.$emit("am-pm-change", _e)),
+                  onRangeStart: fe[14] || (fe[14] = (_e) => Q.$emit("range-start", _e)),
+                  onRangeEnd: fe[15] || (fe[15] = (_e) => Q.$emit("range-end", _e)),
+                  onDateUpdate: fe[16] || (fe[16] = (_e) => Q.$emit("date-update", _e)),
+                  onInvalidDate: fe[17] || (fe[17] = (_e) => Q.$emit("invalid-date", _e)),
+                  onOverlayToggle: fe[18] || (fe[18] = (_e) => Q.$emit("overlay-toggle", _e)),
+                  onMenuBlur: fe[19] || (fe[19] = (_e) => Q.$emit("blur"))
                 }), ut({ _: 2 }, [
-                  Ee(p(C), (ke, qt) => ({
-                    name: ke,
+                  Ee(p(C), (_e, qt) => ({
+                    name: _e,
                     fn: Z((Rt) => [
-                      H(Q.$slots, ke, et(ct({ ...Rt })))
+                      H(Q.$slots, _e, et(ct({ ...Rt })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -10056,56 +10056,56 @@ const ht = 18, I0 = /* @__PURE__ */ se({
       style: t.expand || !n.$slots.trigger ? void 0 : { display: "inline-block", width: "auto" }
     }), ut({
       "input-icon": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:calendar-blank"
         })
       ]),
       "calendar-icon": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:calendar-blank"
         })
       ]),
       "clear-icon": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:x"
         })
       ]),
       "clock-icon": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:clock"
         })
       ]),
       "arrow-left": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:caret-left"
         })
       ]),
       "arrow-right": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:caret-right"
         })
       ]),
       "arrow-up": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:caret-up"
         })
       ]),
       "arrow-down": Z(() => [
-        _e(p(Ue), {
+        ke(p(Ue), {
           width: ht,
           height: ht,
           icon: "ph:caret-down"
@@ -10242,7 +10242,7 @@ const ht = 18, I0 = /* @__PURE__ */ se({
       ]),
       le("label", { for: p(l) }, [
         le("span", im, [
-          _e(p(Ue), {
+          ke(p(Ue), {
             icon: r.value ? o.iconOn : o.iconOff
           }, null, 8, ["icon"])
         ]),
@@ -11387,7 +11387,7 @@ const Y0 = /* @__PURE__ */ se({
           copied: p(n)
         })
       ], 512),
-      _e(Ct, {
+      ke(Ot, {
         name: "fade-up",
         mode: "in-out"
       }, {
@@ -11407,7 +11407,7 @@ const Y0 = /* @__PURE__ */ se({
                 "justify-center": ""
               }, {
                 default: Z(() => [
-                  _e(p(Ue), {
+                  ke(p(Ue), {
                     width: "16",
                     height: "16",
                     icon: "ph:check-bold"
@@ -12006,7 +12006,7 @@ function Th(e, t) {
   var n;
   const a = ((n = t == null ? void 0 : t.value) == null ? void 0 : n.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), r = I(!1), l = I(() => {
   });
-  return Ot((o) => {
+  return Ct((o) => {
     if (!jn)
       return;
     const i = async (c) => {
@@ -12045,7 +12045,7 @@ function Th(e, t) {
 function Ah(e, t) {
   var n;
   const a = ((n = t == null ? void 0 : t.value) == null ? void 0 : n.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), r = I(!1);
-  return Ot((l) => {
+  return Ct((l) => {
     if (!jn)
       return;
     const o = async (i) => {
@@ -12096,11 +12096,11 @@ const Jt = ln({
       s.value === i.value.size - 1 && (a("escapeKeyDown", y), y.defaultPrevented || a("dismiss"));
     });
     let v;
-    return Ot((y) => {
+    return Ct((y) => {
       l.value && (n.disableOutsidePointerEvents && (Jt.layersWithOutsidePointerEventsDisabled.size === 0 && (v = o.value.body.style.pointerEvents, o.value.body.style.pointerEvents = "none"), Jt.layersWithOutsidePointerEventsDisabled.add(l.value)), i.value.add(l.value), y(() => {
         n.disableOutsidePointerEvents && Jt.layersWithOutsidePointerEventsDisabled.size === 1 && (o.value.body.style.pointerEvents = v);
       }));
-    }), Ot((y) => {
+    }), Ct((y) => {
       y(() => {
         l.value && (i.value.delete(l.value), Jt.layersWithOutsidePointerEventsDisabled.delete(l.value));
       });
@@ -12209,7 +12209,7 @@ const Yh = /* @__PURE__ */ se({
         this.paused = !1;
       }
     });
-    Ot((u) => {
+    Ct((u) => {
       if (!jn)
         return;
       const d = l.value;
@@ -12235,7 +12235,7 @@ const Yh = /* @__PURE__ */ se({
       d && m.observe(d, { childList: !0, subtree: !0 }), u(() => {
         document.removeEventListener("focusin", f), document.removeEventListener("focusout", v), m.disconnect();
       });
-    }), Ot(async (u) => {
+    }), Ct(async (u) => {
       const d = l.value;
       if (await ot(), !d)
         return;
@@ -12334,7 +12334,7 @@ const js = /* @__PURE__ */ se({
       onUnmountAutoFocus: s[6] || (s[6] = (c) => a("closeAutoFocus", c))
     }, {
       default: Z(() => [
-        _e(p(Oh), Be({
+        ke(p(Oh), Be({
           id: p(r).contentId,
           ref: p(l),
           as: i.as,
@@ -12501,7 +12501,7 @@ const js = /* @__PURE__ */ se({
         present: a.forceMount || p(t).open.value
       }, {
         default: Z(() => [
-          _e(zh, Be(a.$attrs, {
+          ke(zh, Be(a.$attrs, {
             ref: p(n),
             as: a.as,
             "as-child": a.asChild
@@ -12554,7 +12554,7 @@ se({
   },
   setup(e, { slots: t, attrs: n }) {
     const a = Hs(), { primitiveElement: r, currentElement: l } = Ys();
-    return Ot((o) => {
+    return Ct((o) => {
       if (l.value) {
         const i = au(l.value);
         a.itemMap.value.set(i, { ref: l.value, value: e.value }), o(() => a.itemMap.value.delete(i));
@@ -13032,7 +13032,7 @@ function iy(e) {
       C.value && (v.value = C.value[0]);
     }, Le.DURATION * 1e3));
   }
-  Ot(() => {
+  Ct(() => {
     if (!w.value && u.value && Xh) {
       const Y = setTimeout(() => {
         qa(document.body);
@@ -13343,10 +13343,10 @@ const sy = /* @__PURE__ */ se({
       "onUpdate:open": l[1] || (l[1] = (o) => t.value = o)
     }), {
       default: Z(() => [
-        _e(p(Dh), et(ct(r.portalProps)), {
+        ke(p(Dh), et(ct(r.portalProps)), {
           default: Z(() => [
-            _e(p(uy), { class: "vui-drawer-overlay" }),
-            _e(p(dy), {
+            ke(p(uy), { class: "vui-drawer-overlay" }),
+            ke(p(dy), {
               class: ge(["vui-drawer-content", { "hide-handle": r.handle === !1 }]),
               "aria-describedby": p(a)
             }, {
@@ -13356,7 +13356,7 @@ const sy = /* @__PURE__ */ se({
                   class: ge(["vui-drawer-container container", r.containerClass]),
                   style: Ne({ "max-width": n.value })
                 }, [
-                  _e(p(Qh), {
+                  ke(p(Qh), {
                     class: "visually-hidden",
                     name: p(a)
                   }, {
@@ -13452,7 +13452,7 @@ const sy = /* @__PURE__ */ se({
           toggle: i
         }, void 0, !0)
       ], 12, fy),
-      _e(Ct, {
+      ke(Ot, {
         appear: "",
         name: "dropdown"
       }, {
@@ -13491,7 +13491,7 @@ const sy = /* @__PURE__ */ se({
       class: ge(["vui-dropdown-item", { disabled: n.disabled }])
     }, [
       le("div", my, [
-        _e(Ct, {
+        ke(Ot, {
           name: "fade",
           appear: ""
         }, {
@@ -13591,7 +13591,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
         return e.readonly || bo(o) > Number(e.limit) ? e.modelValue : o;
       }
     }), a = Fn(), r = gt("input");
-    Ot(() => {
+    Ct(() => {
       var o;
       e.focus && ((o = r.value) == null || o.focus());
     }), t({
@@ -13608,7 +13608,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       le("div", $y, [
         o.label ? (h(), M("label", Dy, Me(o.label), 1)) : L("", !0),
         o.hint ? (h(), M("p", Py, Me(o.hint), 1)) : L("", !0),
-        _e(bn, {
+        ke(bn, {
           class: "vui-input-style",
           gap: 3,
           "align-center": ""
@@ -13688,14 +13688,14 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       a.hideDecrement ? void 0 : {
         name: "start",
         fn: Z(() => [
-          _e(pt, {
+          ke(pt, {
             key: "decrease",
             disabled: !a.decrementEnabled,
             size: "s",
             onClick: r[0] || (r[0] = (l) => n.value -= a.decrementBy)
           }, {
             default: Z(() => [
-              _e(p(Ue), { icon: "ph:minus" }),
+              ke(p(Ue), { icon: "ph:minus" }),
               He(" " + Me(a.decrementBy > 1 ? a.decrementBy : ""), 1)
             ]),
             _: 1
@@ -13706,14 +13706,14 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       a.hideIncrement ? void 0 : {
         name: "end",
         fn: Z(() => [
-          _e(pt, {
+          ke(pt, {
             key: "increase",
             disabled: !a.incrementEnabled,
             size: "s",
             onClick: r[1] || (r[1] = (l) => n.value += a.incrementBy)
           }, {
             default: Z(() => [
-              _e(p(Ue), { icon: "ph:plus" }),
+              ke(p(Ue), { icon: "ph:plus" }),
               He(" " + Me(a.incrementBy > 1 ? a.incrementBy : ""), 1)
             ]),
             _: 1
@@ -13763,17 +13763,17 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
         }, null, 8, Cy),
         le("label", { for: c }, [
           H(i.$slots, "default", { dragging: r.value }, () => [
-            _e(bn, {
+            ke(bn, {
               "justify-center": "",
               gap: "s",
               "align-baseline": ""
             }, {
               default: Z(() => [
                 r.value ? (h(), M(be, { key: 0 }, [
-                  _e(p(Ue), { icon: "ph:target" }),
+                  ke(p(Ue), { icon: "ph:target" }),
                   s[2] || (s[2] = He(" Drop it "))
                 ], 64)) : (h(), M(be, { key: 1 }, [
-                  _e(p(Ue), { icon: "ph:file" }),
+                  ke(p(Ue), { icon: "ph:file" }),
                   s[3] || (s[3] = He(" Click or drag files over here "))
                 ], 64))
               ]),
@@ -13838,14 +13838,14 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
       autocomplete: "off"
     }), {
       end: Z(() => [
-        _e(pt, {
+        ke(pt, {
           square: "",
           size: "s",
           "data-title-top": n.value ? "Hide password" : "Show password",
           onClick: r[0] || (r[0] = (l) => n.value = !n.value)
         }, {
           default: Z(() => [
-            _e(p(Ue), {
+            ke(p(Ue), {
               width: 18,
               height: 18,
               icon: n.value ? "ph:eye-slash" : "ph:eye"
@@ -13997,7 +13997,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
     }
     const a = ii();
     return (r, l) => (h(), oe(Ta, { to: "body" }, [
-      _e(Ct, {
+      ke(Ot, {
         appear: "",
         name: "modal"
       }, {
@@ -14018,7 +14018,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
                   icon: "ph:x",
                   onClick: l[0] || (l[0] = (o) => t.value = !1)
                 })) : L("", !0),
-                _e(rm, et(ct(r.card)), ut({ _: 2 }, [
+                ke(rm, et(ct(r.card)), ut({ _: 2 }, [
                   r.$slots.header ? {
                     name: "header",
                     fn: Z(() => [
@@ -14075,7 +14075,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
     const n = e, a = t, r = $t(e, "modelValue");
     return (l, o) => (h(), M(be, null, [
       le("pre", null, Me(l.$props), 1),
-      _e(Ly, Be(n, {
+      ke(Ly, Be(n, {
         modelValue: r.value,
         "onUpdate:modelValue": o[2] || (o[2] = (i) => r.value = i)
       }), {
@@ -14085,7 +14085,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
           ])
         ]),
         footer: Z(() => [
-          _e(bn, { "justify-end": "" }, {
+          ke(bn, { "justify-end": "" }, {
             default: Z(() => [
               n.showCancel ? (h(), oe(pt, {
                 key: 0,
@@ -14097,7 +14097,7 @@ const xy = /* @__PURE__ */ Wt(wy, [["render", _y]]), j0 = /* @__PURE__ */ se({
                 ]),
                 _: 1
               })) : L("", !0),
-              _e(pt, {
+              ke(pt, {
                 variant: n.confirmVariant,
                 onClick: o[1] || (o[1] = (i) => (a("confirm"), r.value = !1))
               }, {
@@ -14350,7 +14350,7 @@ const Ky = /* @__PURE__ */ se({
         return Math.min(o, 100);
       }
     }), n = gt("progress");
-    Ot(() => {
+    Ct(() => {
       n.value && !Od(e.height) && n.value.style.setProperty(
         "--vui-progress-height",
         an(e.height)
@@ -14410,7 +14410,7 @@ const Ky = /* @__PURE__ */ se({
       ]),
       le("label", { for: p(a) }, [
         le("span", Jy, [
-          _e(p(Ue), {
+          ke(p(Ue), {
             icon: r.value ? "ph:radio-button-fill" : "ph:circle"
           }, null, 8, ["icon"])
         ]),
@@ -14450,7 +14450,7 @@ const Ky = /* @__PURE__ */ se({
   emits: ["update:modelValue"],
   setup(e) {
     const t = yl(e, ["disabled"]), n = vt(), a = $t(e, "modelValue");
-    return Ot(() => {
+    return Ct(() => {
       n.default().some((r) => r.type.__name !== "Radio") && console.error("You can only pass `<Radio />` components as children.");
     }), (r, l) => (h(), oe(bn, et(ct(t)), {
       default: Z(() => [
@@ -14518,7 +14518,7 @@ const Ky = /* @__PURE__ */ se({
     return (s, c) => (h(), M("div", {
       class: ge(["vui-input-container vui-select", { expand: s.expand, required: s.required, readonly: s.readonly }])
     }, [
-      _e(py, {
+      ke(py, {
         ref: "dropdown",
         expand: s.expand
       }, {
@@ -14539,7 +14539,7 @@ const Ky = /* @__PURE__ */ se({
                 size: "s",
                 onClick: In(i, ["stop"])
               })) : L("", !0),
-              _e(p(Ue), {
+              ke(p(Ue), {
                 icon: d ? "ph:caret-up" : "ph:caret-down"
               }, null, 8, ["icon"])
             ], 8, r0)
@@ -14548,7 +14548,7 @@ const Ky = /* @__PURE__ */ se({
         default: Z(({ close: u, isOpen: d }) => [
           s.search ? (h(), oe(xy, { key: 0 }, {
             default: Z(() => [
-              _e(Na, {
+              ke(Na, {
                 modelValue: a.value,
                 "onUpdate:modelValue": c[0] || (c[0] = (f) => a.value = f),
                 placeholder: "Search...",
@@ -14618,7 +14618,7 @@ const Ky = /* @__PURE__ */ se({
       }
     });
     return (l, o) => (h(), oe(Ta, { to: "body" }, [
-      _e(Ct, {
+      ke(Ot, {
         appear: "",
         name: "sheet"
       }, {
@@ -14637,7 +14637,7 @@ const Ky = /* @__PURE__ */ se({
                   le("div", i0, [
                     H(l.$slots, "header", { close: n }, void 0, !0)
                   ]),
-                  _e(pt, {
+                  ke(pt, {
                     square: "",
                     icon: "ph:x",
                     onClick: o[0] || (o[0] = (i) => t.value = !1)
@@ -14905,7 +14905,7 @@ const cg = /* @__PURE__ */ se({
       key: 0,
       class: ge(["vui-table-interactive-cell", { selected: p(t) }])
     }, [
-      _e(pt, {
+      ke(pt, {
         square: "",
         plain: "",
         icon: p(t) ? "ph:check-square-fill" : "ph:square",
@@ -14928,7 +14928,7 @@ const cg = /* @__PURE__ */ se({
       key: 0,
       class: ge(["vui-table-interactive-cell", { selected: l.value }])
     }, [
-      _e(pt, {
+      ke(pt, {
         square: "",
         plain: "",
         icon: l.value ? "ph:check-square-fill" : "ph:square",
@@ -15042,7 +15042,15 @@ const cg = /* @__PURE__ */ se({
         class: ge({ active: s.props.id === n.value }),
         onClick: (c) => n.value = s.props.id
       }, null, 8, ["class", "onClick"]))), 128)),
-      le("div", w0, null, 512)
+      ke(Ot, {
+        name: "fade",
+        appear: ""
+      }, {
+        default: Z(() => [
+          le("div", w0, null, 512)
+        ]),
+        _: 1
+      })
     ], 2));
   }
 }), sr = I(/* @__PURE__ */ new Map());
@@ -15073,7 +15081,7 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
   setup(e) {
     return (t, n) => (h(), oe(Ta, { to: "body" }, [
       le("div", b0, [
-        _e(uu, {
+        ke(uu, {
           name: "toast",
           tag: "ul",
           class: "vui-toast-list"
@@ -15135,7 +15143,7 @@ const b0 = { class: "vui-toast-wrapper" }, k0 = { class: "vui-toast-item-content
       }, [
         H(o.$slots, "default", {}, void 0, !0)
       ], 40, $0),
-      _e(Ct, {
+      ke(Ot, {
         appear: "",
         name: "tooltip"
       }, {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@dolanske/vui",
   "type": "module",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "private": false,
   "description": "Brother in Christ there's a new UI library ",
   "author": "dolanske",

package/src/App.vue CHANGED Viewed

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import Avatar from './components/Avatar/Avatar.vue'
-import Button from './components/Button/Button.vue'
 import Divider from './components/Divider/Divider.vue'
+import Flex from './components/Flex/Flex.vue'
 import Tab from './components/Tabs/Tab.vue'
 import Tabs from './components/Tabs/Tabs.vue'
@@ -30,7 +30,12 @@ const tab = ref('components')
       </h1>
       <p>I am down</p>
-      <Avatar :size="80" />
+      <Flex>
+        <Avatar size="s" />
+        <Avatar size="m" />
+        <Avatar size="l" />
+        <Avatar :size="128" />
+      </Flex>
       <Divider />

package/src/components/Avatar/Avatar.vue CHANGED Viewed

@@ -25,7 +25,7 @@ const showFallback = ref(false)
 <template>
   <div
     class="vui-avatar"
-    :class="[`vui-avatar-size-${typeof size === 'number' ? 'm' : size}`]"
+    :class="[`vui-avatar-size-${typeof size === 'number' ? 'l' : size}`]"
     :style="{
       ...(typeof size === 'number' && {
         '--avatar-size': formatUnitValue(size),

package/src/components/Avatar/avatar.scss CHANGED Viewed

@@ -13,7 +13,7 @@
     --avatar-size: 48px;
     strong {
-      font-size: var(--font-size-m);
+      font-size: var(--font-size-l);
     }
   }
@@ -29,11 +29,13 @@
   svg {
     color: var(--color-text-light);
+    font-size: inherit;
   }
   strong {
     display: block;
-    font-size: var(--font-size-s);
+    font-size: var(--font-size-ms);
+    line-height: 1;
   }
   img {

package/src/components/Tabs/Tabs.vue CHANGED Viewed

@@ -75,6 +75,8 @@ onMounted(() => {
       @click="active = vnode.props.id"
     />
-    <div ref="underline" class="vui-tab-underline" />
+    <Transition name="fade" appear>
+      <div ref="underline" class="vui-tab-underline" />
+    </Transition>
   </div>
 </template>