@dolanske/vui 0.1.0

package/README.md

@@ -0,0 +1,108 @@
+# VUI
+
+Opinionated vue UI library for building personal applications. Completely from scratch (besides some libraries later on ig xd).
+
+#### Components
+
+- [x] Breadcrumbs
+- [x] File input
+  - [x] Style normal input
+  - [x] Dropzone (its own component)
+- [x] Confirm dialog
+  - [x] 4 props (title, description, onCancel, onOk)
+  - [x] description is a slot
+- [x] Date picker
+- [x] Input Password
+  - [x] Wrapper around input with an eye icon which changes type to text
+- [x] Number field (+ and -)
+  - [x] This could be implemented once Input improvements are in
+- [x] Input improvements
+  - [x] Errors slot (border is red (maybe) and render red text before "after" slot). Prop is string[]
+  - [x] Prefix / suffix slots. Allow non-editable text/slots "within" the input component. This will require some styling changes as the input element itself cant use the border anymore
+- [x] Progress Bar
+- [x] Skeleton
+- [x] Button
+  - [x] Add `accent` button variant
+- [x] ButtonGroup
+  - [x] Merges buttons together vertically or horizontally (merged border radius etc)
+- [x] Toast
+- [x] Grid
+- [x] Flex
+- [x] Input
+- [x] Switch (like iOS)
+- [x] Radio button group
+- [x] Tabs
+  - [x] Filled
+- [x] Card
+- [x] Textarea
+  - [x] Autoexpand
+- [x] Modal
+- [x] Checkbox
+- [x] Select
+  - [x] Depends on <Dropdown />
+  - [x] Single select
+  - [x] Multiselect
+  - [x] With search
+  - [x] Clearing
+- [x] Accordion
+- [x] Alert
+- [x] Divider
+- [x] Badge
+- [x] Avatar
+- [x] Content - It's a class called `.article` (can also use the <article /> HTML element)
+- [x] Copy clipboard button
+  - [x] Renderless component consuming button props + copy prop
+  - [x] Copied text ()
+- [x] Kbd
+  - [x] Option to highlight if key is pressed
+- [x] Sheet
+  - [x] Size
+  - [x] Location
+- [x] Tooltip
+  - [x] Custom placement
+  - [x] Show up delay
+- [x] Dropdown
+  - [x] Dropdown itme
+  - [x] Dropdown title
+- [x] Table
+  - [x] Header & sorting
+  - [X] Pagination
+  - [x] Row select
+  - [x] Reactive options (ability to alter functionality without having to re-render whole table)
+  - [x] Interactivity
+- [x] Drawer
+- [x] Pagination
+- [x] Popout (https://floating-ui.com/)
+  - [x] Anchoring to a Component or element
+- [x] Input Slider
+  - [x] Just style normal input slider
+
+## 1.0 Checklist
+- [x] Tweak all colors
+- [ ] Tweak all spacing
+- [ ] Move style attribute assignments to scoped style element instead (flex, grid etc)
+- [x] Add generic outline
+- [ ] Accessibility test
+- [ ] Document how to
+  - [ ] Set up fonts for the library (global and global mono)
+  - [ ] Document how to set up --color-accent
+- [ ] If something interactive is disabled, add disabled cursor
+- [ ] Make sure all components have their variables localized so that they can be changed on a component level
+- [ ] Create documentation site
+- [ ] Check how everything looks on mobile
+  - [ ] Fix everything down to 300px
+  - [ ] Make some tweaks for typography sizing
+
+---
+
+### Post 1.0 components
+
+- [ ] Carousel (slider)
+- [ ] InputOTP
+  - [ ] Wrapper
+  - [ ] Slot
+- [ ] CodeBlock
+  - [ ] Code highlighting
+  - [ ] Copy code
+  - [ ] Type, padding, etc
+- [ ] Command dropdown

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/style.css

@@ -0,0 +1 @@
+.vui-accordion{width:100%;transition:var(--transition);border-bottom:1px solid var(--color-border);padding-bottom:0}.vui-accordion.open{padding-bottom:var(--space-m)}.vui-accordion.open .vui-accordion-header svg{transform:rotate(180deg)}.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)}.vui-accordion .vui-accordion-content{transition:var(--transition-slow);width:100%;max-height:0;overflow: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-l);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{--button-size: 36px;width:var(--button-size);height:var(--button-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{--button-size: 28px}.vui-avatar.vui-avatar-size-s strong{font-size:var(--font-size-xs)}.vui-avatar.vui-avatar-size-l{--button-size: 48px}.vui-avatar.vui-avatar-size-l strong{font-size:var(--font-size-m)}.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: 32px;--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-spinner{width:var(--35c90156);height:var(--35c90156);border-width:var(--c073abf6)}.vui-button[data-v-c142378b]{--button-height: var(--4b2fc005);--button-padding: var(--8a422e1a)}.vui-flex[data-v-2bf92df7]{display:var(--2380ef14);flex-wrap:var(--2380ef12);flex-direction:var(--2380ef1f);justify-content:var(--2380ef25);gap:var(--2380ef22);align-items:var(--2380eefc);width:var(--2380ef03)}.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-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;pointer-events:none}.vui-checkbox.disabled .vui-checkbox-icon svg path{color:var(--color-text-lighter)}.vui-checkbox.disabled input+label p{color:var(--color-text-lighter)}.vui-checkbox .vui-checkbox-icon{cursor:pointer;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)}.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-quick)}body{transition:var(--transition-quick);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)}.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:32px;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-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-dfee7e38],.dropdown-leave-active[data-v-dfee7e38]{transition:.1s opacity ease-in-out}.dropdown-enter-from[data-v-dfee7e38],.dropdown-leave-to[data-v-dfee7e38]{opacity:0}.vui-grid[data-v-66a949b7]{display:var(--7287ac0b);gap:var(--7287ac0e);grid-template-columns:var(--432450f0);grid-template-rows:var(--432450d2)}.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.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{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)}[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}.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)}.vui-sheet.vui-sheet-position-bottom{bottom:0;border-top:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-right{right:0;border-left:1px solid var(--color-border)}.vui-sheet.vui-sheet-position-left{left: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)}.sheet-enter-active[data-v-cf947513],.sheet-leave-active[data-v-cf947513]{transition:var(--transition)}.sheet-enter-to[data-v-cf947513],.sheet-leave-from[data-v-cf947513]{transform:translate(0)}.sheet-enter-from[data-v-cf947513],.sheet-leave-to[data-v-cf947513]{opacity:0;transform:var(--576278e7)}.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-quick);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}.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-45aeab80],.tooltip-leave-active[data-v-45aeab80]{transition:.1s opacity ease-in-out}.tooltip-enter-from[data-v-45aeab80],.tooltip-leave-to[data-v-45aeab80]{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-s: 498px;--container-m: 856px;--container-l: 1140px;--container-xl: 1540px;--border-radius-xs: 2px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 12px;--font-size-xs: 1.15rem;--font-size-s: 1.3rem;--font-size-ms: 1.45rem;--font-size-m: 1.6rem;--font-size-l: 1.65rem;--space-xs: 8px;--space-s: 12px;--space-m: 18px;--space-l: 26px;--space-xl: 40px;--space-xxl: 52px;--transition-quick: .08s all ease-in-out;--transition: .1s 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-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/2) 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*.6) );--color-border-accent: hsl(from var(--color-accent) h s calc(l/2) );--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)}h1,h2,h3,h4,h5,h6{display:block;font-weight:800}h1{font-size:5rem}h2{font-size:3.5rem}h3{font-size:2.6rem}h4{font-size:2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}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:2px;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:24px;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:32px}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:3px;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-light)}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:8px}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:--container-l}.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}@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)}}