vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 496 kB
CSS
.vxp-icon{display:inline-flex;align-items:center;justify-content:center;overflow:visible;vertical-align:-.125em;transition:var(--vxp-transition-transform);transform-origin:50% 50%}.vxp-icon>g{display:flex;transform:rotate(var(--vxp-icon-rotate,0))}.vxp-icon svg{width:1em;height:1em;line-height:1;fill:currentcolor}.vxp-icon svg.lucide{fill:none;stroke:currentcolor}.vxp-icon--flip-horizontal>g{transform:scale(-1,1) rotate(var(--vxp-icon-rotate,0))}.vxp-icon--flip-vertical>g{transform:scale(1,-1) rotate(var(--vxp-icon-rotate,0))}.vxp-icon--flip-both>g{transform:scale(-1,-1) rotate(var(--vxp-icon-rotate,0))}.vxp-icon--spin-in>g{animation:vxp-spin-in 1s 0s infinite linear}.vxp-icon--spin-out>g{animation:vxp-spin-out 1s 0s infinite linear}.vxp-icon--pulse-in>g{animation:vxp-spin-in 1s infinite steps(8)}.vxp-icon--pulse-out>g{animation:vxp-spin-out 1s infinite steps(8)}.vxp-affix--fixed{position:fixed}.vxp-alert-vars{--vxp-alert-bg-color:var(--vxp-fill-color-background);--vxp-alert-b-color:var(--vxp-border-color-base);--vxp-alert-border:var(--vxp-border-shape) var(--vxp-alert-b-color);--vxp-alert-radius:var(--vxp-radius-base);--vxp-alert-icon-color:var(--vxp-content-color-primary);--vxp-alert-text-color:var(--vxp-content-color-base);--vxp-alert-title-font-size:var(--vxp-font-size-primary);--vxp-alert-title-color:var(--vxp-content-color-primary);--vxp-alert-close-color:var(--vxp-content-color-placeholder);--vxp-alert-close-color-hover:var(--vxp-content-color-normal);--vxp-alert-icon-width:40px}.vxp-alert{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;display:flex;align-items:center;padding:8px 14px;margin-bottom:14px;background-color:var(--vxp-alert-bg-color);border:var(--vxp-alert-border);border-radius:var(--vxp-alert-radius)}.vxp-alert,.vxp-alert *,.vxp-alert ::after,.vxp-alert ::before{box-sizing:border-box}.vxp-alert--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-alert--has-title{padding:10px 14px}.vxp-alert--has-icon{padding-inline-start:var(--vxp-alert-icon-width)}.vxp-alert--has-icon.vxp-alert--has-title{--vxp-alert-icon-width:56px}.vxp-alert--no-border{border:0}.vxp-alert--banner{margin:0;border:0;border-radius:0}.vxp-alert--colorful-text{color:var(--vxp-alert-text-color)}.vxp-alert__wrapper{display:flex;flex:auto;flex-direction:column;justify-content:center;max-width:100%}.vxp-alert__title{margin-bottom:4px;font-size:var(--vxp-alert-title-font-size);color:var(--vxp-alert-title-color)}.vxp-alert__icon{position:absolute;inset-inline-start:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:var(--vxp-alert-icon-width);color:var(--vxp-alert-icon-color)}.vxp-alert--has-title .vxp-alert__icon{align-items:start;padding-top:16px}.vxp-alert__close{position:relative;display:inline-flex;align-items:center;padding:3px 0;margin-inline-start:6px;color:var(--vxp-alert-close-color);cursor:pointer;background-color:transparent;border:0;outline:0;transition:var(--vxp-transition-color)}.vxp-alert__close:focus,.vxp-alert__close:hover{color:var(--vxp-alert-close-color-hover)}.vxp-alert--has-title .vxp-alert__close{align-self:start}.vxp-alert__content{position:relative;display:flex;flex-direction:column}.vxp-alert__content--scroll{overflow:hidden}.vxp-alert__scroll{display:flex;overflow:hidden;white-space:nowrap;transition-timing-function:linear;transition-property:transform}.vxp-alert__placeholder{display:flex;white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0}.vxp-alert--primary{--vxp-alert-bg-color:var(--vxp-color-primary-opacity-8);--vxp-alert-b-color:var(--vxp-color-primary-opacity-5);--vxp-alert-icon-color:var(--vxp-color-primary-dark-2)}.vxp-alert--colorful-text.vxp-alert--primary{--vxp-alert-text-color:var(--vxp-color-primary-dark-2);--vxp-alert-title-color:var(--vxp-color-primary-dark-2)}.vxp-alert--info{--vxp-alert-bg-color:var(--vxp-color-info-opacity-8);--vxp-alert-b-color:var(--vxp-color-info-opacity-5);--vxp-alert-icon-color:var(--vxp-color-info-dark-2)}.vxp-alert--colorful-text.vxp-alert--info{--vxp-alert-text-color:var(--vxp-color-info-dark-2);--vxp-alert-title-color:var(--vxp-color-info-dark-2)}.vxp-alert--success{--vxp-alert-bg-color:var(--vxp-color-success-opacity-8);--vxp-alert-b-color:var(--vxp-color-success-opacity-5);--vxp-alert-icon-color:var(--vxp-color-success-dark-2)}.vxp-alert--colorful-text.vxp-alert--success{--vxp-alert-text-color:var(--vxp-color-success-dark-2);--vxp-alert-title-color:var(--vxp-color-success-dark-2)}.vxp-alert--warning{--vxp-alert-bg-color:var(--vxp-color-warning-opacity-8);--vxp-alert-b-color:var(--vxp-color-warning-opacity-5);--vxp-alert-icon-color:var(--vxp-color-warning-dark-2)}.vxp-alert--colorful-text.vxp-alert--warning{--vxp-alert-text-color:var(--vxp-color-warning-dark-2);--vxp-alert-title-color:var(--vxp-color-warning-dark-2)}.vxp-alert--error{--vxp-alert-bg-color:var(--vxp-color-error-opacity-8);--vxp-alert-b-color:var(--vxp-color-error-opacity-5);--vxp-alert-icon-color:var(--vxp-color-error-dark-2)}.vxp-alert--colorful-text.vxp-alert--error{--vxp-alert-text-color:var(--vxp-color-error-dark-2);--vxp-alert-title-color:var(--vxp-color-error-dark-2)}.vxp-anchor-vars{--vxp-anchor-link-color:var(--vxp-content-color-base);--vxp-anchor-link-color-hover:var(--vxp-color-primary-light-1);--vxp-anchor-link-color-active:var(--vxp-color-primary-base);--vxp-anchor-track-width:2px;--vxp-anchor-track-style:solid;--vxp-anchor-track-color:var(--vxp-border-color-light-2);--vxp-anchor-track:var(--vxp-anchor-track-width) var(--vxp-anchor-track-style) var(--vxp-anchor-track-color);--vxp-anchor-track-color-active:var(--vxp-anchor-link-color-active);--vxp-anchor-pointer-size:8px;--vxp-anchor-pointer-bg-color:var(--vxp-color-white);--vxp-anchor-pointer-b-color:var(--vxp-anchor-link-color-active);--vxp-anchor-pointer-border:var(--vxp-border-shape) var(--vxp-anchor-pointer-b-color)}.vxp-anchor{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;display:flex;flex-direction:column;padding-inline-start:calc(var(--vxp-anchor-pointer-size) * .5);vertical-align:middle}.vxp-anchor,.vxp-anchor *,.vxp-anchor ::after,.vxp-anchor ::before{box-sizing:border-box}.vxp-anchor--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-anchor__list{padding:0}.vxp-anchor__item{display:flex;flex-direction:column}.vxp-anchor__link{padding:4px 14px;margin-inline-start:calc(var(--vxp-anchor-track-width) * -1);color:var(--vxp-anchor-link-color);text-decoration:none;cursor:pointer;border-inline-start:var(--vxp-anchor-track);transition:var(--vxp-transition-color),var(--vxp-transition-border)}.vxp-anchor__link:hover{color:var(--vxp-anchor-link-color-hover)}.vxp-anchor__link--active{color:var(--vxp-anchor-link-color-active)}.vxp-anchor--no-marker .vxp-anchor__link--active{border-inline-start-color:var(--vxp-track-color-active)}.vxp-anchor__marker{position:absolute;inset-inline-start:calc(var(--vxp-anchor-pointer-size) * .5 - 1px);display:flex;align-items:center;justify-content:center;transition:top var(--vxp-transition-base);transform:translate3d(-50%,-50%,0);will-change:top}html.rtl .vxp-anchor__marker,html[dir=rtl] .vxp-anchor__marker{transform:translate3d(50%,-50%,0)}.vxp-anchor__pointer{width:var(--vxp-anchor-pointer-size);height:var(--vxp-anchor-pointer-size);background-color:var(--vxp-anchor-pointer-bg-color);border:var(--vxp-anchor-pointer-border);border-radius:var(--vxp-anchor-pointer-size)}.vxp-scrollbar-vars{--vxp-scrollbar-move-duration:140ms;--vxp-scrollbar-move-timing:cubic-bezier(0.165, 0.84, 0.44, 1);--vxp-scrollbar-width:6px;--vxp-scrollbar-bar-bg-color:var(--vxp-color-primary-opacity-6);--vxp-scrollbar-track-bg-color:var(--vxp-color-primary-opacity-8)}.vxp-scrollbar{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:absolute;z-index:10;background-color:transparent}.vxp-scrollbar,.vxp-scrollbar *,.vxp-scrollbar ::after,.vxp-scrollbar ::before{box-sizing:border-box}.vxp-scrollbar--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-scrollbar--inherit{color:inherit}.vxp-scrollbar--disabled{pointer-events:none;opacity:0}.vxp-scrollbar--bottom,.vxp-scrollbar--top{inset-inline:0;height:var(--vxp-scrollbar-width)}.vxp-scrollbar--bottom .vxp-scrollbar__bar,.vxp-scrollbar--top .vxp-scrollbar__bar{height:100%;will-change:width}.vxp-scrollbar--left,.vxp-scrollbar--right{top:0;bottom:0;width:var(--vxp-scrollbar-width)}.vxp-scrollbar--left .vxp-scrollbar__bar,.vxp-scrollbar--right .vxp-scrollbar__bar{width:100%;will-change:height}.vxp-scrollbar--top{top:0}.vxp-scrollbar--right{inset-inline-end:0}.vxp-scrollbar--bottom{bottom:0}.vxp-scrollbar--left{inset-inline-start:0}.vxp-scrollbar__track{position:absolute;inset-inline-start:0;top:0;width:100%;height:100%;cursor:pointer;background-color:var(--vxp-scrollbar-track-bg-color);border-radius:calc(var(--vxp-scrollbar-width) * .5);transition:var(--vxp-transition-opacity)}.vxp-scrollbar__track--disabled{pointer-events:none;background-color:transparent}.vxp-scrollbar--fade .vxp-scrollbar__track{opacity:0}.vxp-scrollbar--active .vxp-scrollbar__track,.vxp-scrollbar--scrolling .vxp-scrollbar__track{opacity:60%}.vxp-scrollbar--tracking .vxp-scrollbar__track{opacity:80%}.vxp-scrollbar__bar{position:absolute;cursor:pointer;background-color:var(--vxp-scrollbar-bar-bg-color);border-radius:calc(var(--vxp-scrollbar-width) * .5);transition:width var(--vxp-transition-base),height var(--vxp-transition-base),var(--vxp-transition-opacity),transform var(--vxp-scrollbar-move-duration) var(--vxp-scrollbar-move-timing);will-change:transform}.vxp-scrollbar--fade .vxp-scrollbar__bar{opacity:0}.vxp-scrollbar--active .vxp-scrollbar__bar{opacity:60%}.vxp-scrollbar--active .vxp-scrollbar__bar:hover{opacity:80%}.vxp-scrollbar--tracking .vxp-scrollbar__bar{opacity:60%;transition-property:opacity}.vxp-scrollbar--scrolling .vxp-scrollbar__bar{opacity:100%;transition-property:opacity}.vxp-native-scroll{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;overflow:hidden}.vxp-native-scroll,.vxp-native-scroll *,.vxp-native-scroll ::after,.vxp-native-scroll ::before{box-sizing:border-box}.vxp-native-scroll--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-native-scroll--inherit{color:inherit}.vxp-native-scroll__wrapper{position:relative;width:100%;height:100%;overflow:scroll;vertical-align:top;scrollbar-width:none}.vxp-native-scroll__wrapper::after,.vxp-native-scroll__wrapper::before{display:table;content:""}.vxp-native-scroll__wrapper::-webkit-scrollbar{display:none}.vxp-native-scroll--vertical>.vxp-native-scroll__wrapper{overflow-x:hidden}.vxp-native-scroll--horizontal>.vxp-native-scroll__wrapper{overflow-y:hidden}.vxp-native-scroll--both>.vxp-native-scroll__wrapper,.vxp-native-scroll--horizontal>.vxp-native-scroll__wrapper{display:inline-block}.vxp-native-scroll__extra{position:absolute;inset-inline-start:0;top:0;width:100%;height:100%;pointer-events:none}.vxp-native-scroll__extra-inner{position:sticky;inset-inline-start:0;top:0;width:100%;height:100%}.vxp-native-scroll__extra-inner>*{pointer-events:auto}.vxp-native-scroll--both>.vxp-native-scroll__bar--horizontal{width:calc(100% - var(--vxp-scrollbar-width) + 1px)}.vxp-native-scroll--both>.vxp-native-scroll__bar--vertical{height:calc(100% - var(--vxp-scrollbar-width) + 1px)}.vxp-option-vars{--vxp-option-color:var(--vxp-content-color-base);--vxp-option-color-hitting:var(--vxp-color-primary-base);--vxp-option-color-selected:var(--vxp-color-primary-base);--vxp-option-color-disabled:var(--vxp-fill-color-disabled);--vxp-option-bg-color:transparent;--vxp-option-bg-color-hover:var(--vxp-fill-color-humble);--vxp-option-bg-color-hitting:var(--vxp-option-bg-color-hover);--vxp-option-bg-color-selected:var(--vxp-color-primary-opacity-8);--vxp-option-bg-color-disabled:var(--vxp-option-bg-color);--vxp-option-d-color:var(--vxp-border-color-light-2);--vxp-option-divider:var(--vxp-border-shape) var(--vxp-option-d-color);--vxp-option-group-color:var(--vxp-content-color-secondary);--vxp-option-group-font-size:var(--vxp-font-size-secondary);--vxp-option-label-v-padding:5px;--vxp-option-label-h-padding:16px;--vxp-option-min-height:32px}.vxp-option{display:inline-flex;align-items:center;width:100%;min-height:var(--vxp-option-min-height);padding:var(--vxp-option-label-v-padding) var(--vxp-option-label-h-padding);color:var(--vxp-option-color);white-space:nowrap;list-style:none;cursor:pointer;background-color:var(--vxp-option-bg-color);transition:var(--vxp-transition-color),var(--vxp-transition-background)}.vxp-option:not(.vxp-option--no-hover):hover{background-color:var(--vxp-option-bg-color-hover)}.vxp-option--hitting{color:var(--vxp-option-color-hitting);background-color:var(--vxp-option-bg-color-hitting)}.vxp-option--selected,.vxp-option--selected:hover,.vxp-option--selected:not(.vxp-option--selected--no-hover):hover{color:var(--vxp-option-color-selected);background-color:var(--vxp-option-bg-color-selected)}.vxp-option--disabled{cursor:not-allowed}.vxp-option--disabled,.vxp-option--disabled:hover{color:var(--vxp-option-color-disabled);background-color:var(--vxp-option-bg-color)}.vxp-option--divided{position:relative;margin-bottom:calc(var(--vxp-option-label-v-padding) * 2)}.vxp-option--divided::after{position:absolute;bottom:calc(var(--vxp-option-label-v-padding) * -1 - .5px);display:block;width:100%;height:0;margin:0;margin-inline:calc(var(--vxp-option-label-h-padding) * -1);pointer-events:none;content:"";border-bottom:var(--vxp-option-divider)}.vxp-option-group{white-space:nowrap;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxp-option-group__label{padding:var(--vxp-option-label-v-padding) var(--vxp-option-label-h-padding);font-size:var(--vxp-option-group-font-size);color:var(--vxp-option-group-color)}.vxp-option-group__list{position:relative;display:flex;flex-direction:column;padding:0}.vxp-option-group--divided .vxp-option-group__list{padding-bottom:10px}.vxp-option-group--divided .vxp-option-group__list::after{position:absolute;right:0;bottom:var(--vxp-option-label-v-padding);left:0;display:block;height:1px;font-size:var(--vxp-option-group-font-size);content:"";background-color:var(--vxp-option-d-color)}.vxp-overflow{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);display:flex;width:100%}.vxp-overflow,.vxp-overflow *,.vxp-overflow ::after,.vxp-overflow ::before{box-sizing:border-box}.vxp-overflow--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-overflow--inherit{color:inherit}.vxp-overflow--manual{flex-wrap:wrap}.vxp-popper{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:absolute;z-index:var(--vxp-z-index-popper);display:flex;padding:5px 0}.vxp-popper,.vxp-popper *,.vxp-popper ::after,.vxp-popper ::before{box-sizing:border-box}.vxp-popper--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-popper--inherit{color:inherit}.vxp-tag-vars{--vxp-tag-color:var(--vxp-content-color-base);--vxp-tag-color-disabled:var(--vxp-content-color-disabled);--vxp-tag-bg-color:var(--vxp-fill-color-background);--vxp-tag-bg-color-disabled:var(--vxp-fill-color-background);--vxp-tag-b-color:var(--vxp-border-color-base);--vxp-tag-b-color-disabled:var(--vxp-border-color-light-2);--vxp-tag-v-padding:0;--vxp-tag-h-padding:8px;--vxp-tag-radius:var(--vxp-radius-base);--vxp-tag-series-span:4px;--vxp-tag-small-font-size:var(--vxp-font-size-secondary);--vxp-tag-default-font-size:var(--vxp-font-size-base);--vxp-tag-large-font-size:var(--vxp-font-size-primary);--vxp-tag-close-color:var(--vxp-content-color-secondary);--vxp-tag-d-color:var(--vxp-border-color-light-1)}.vxp-tag{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;display:inline-flex;font-size:var(--vxp-tag-default-font-size);color:var(--vxp-tag-color);white-space:nowrap;transition:var(--vxp-transition-color)}.vxp-tag,.vxp-tag *,.vxp-tag ::after,.vxp-tag ::before{box-sizing:border-box}.vxp-tag--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-tag+.vxp-tag{margin-inline-start:var(--vxp-tag-series-span)}.vxp-tag--small{font-size:var(--vxp-tag-small-font-size)}.vxp-tag--large{font-size:var(--vxp-tag-large-font-size)}.vxp-tag--circle{--vxp-tag-h-padding:12px;--vxp-tag-radius:14px}.vxp-tag--disabled{color:var(--vxp-tag-color-disabled);cursor:not-allowed}.vxp-tag__unit{display:flex;align-items:center;max-width:100%;padding:var(--vxp-tag-v-padding) var(--vxp-tag-h-padding);background-color:var(--vxp-tag-bg-color);border:var(--vxp-border-shape) var(--vxp-tag-b-color);border-inline-start-color:var(--vxp-tag-d-color);border-inline-end-width:0;transition:var(--vxp-transition-background),var(--vxp-transition-border)}.vxp-tag__unit:first-child{border-inline-start-color:var(--vxp-tag-b-color);border-start-start-radius:var(--vxp-tag-radius);border-end-start-radius:var(--vxp-tag-radius)}.vxp-tag__unit:last-child{border-inline-end-width:var(--vxp-border-width);border-start-end-radius:var(--vxp-tag-radius);border-end-end-radius:var(--vxp-tag-radius)}.vxp-tag--disabled .vxp-tag__unit{background-color:var(--vxp-tag-bg-color-disabled);border-color:var(--vxp-tag-b-color-disabled)}.vxp-tag__close{position:relative;inset-inline-start:3px;display:inline-flex;align-items:center;justify-content:center;height:12px;padding:0;margin-inline-start:4px;color:var(--vxp-tag-close-color);cursor:pointer;background-color:transparent;border:0;outline:0;opacity:60%;transition:var(--vxp-transition-opacity)}.vxp-tag__close:focus,.vxp-tag__close:hover{opacity:100%}.vxp-tag--disabled .vxp-tag__close,.vxp-tag--disabled .vxp-tag__close:focus,.vxp-tag--disabled .vxp-tag__close:hover{opacity:50%}.vxp-tag--primary{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-bg-color:var(--vxp-color-primary-base);--vxp-tag-b-color:var(--vxp-color-primary-base);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-primary-light-3)}.vxp-tag--border.vxp-tag--primary,.vxp-tag--simple.vxp-tag--primary{--vxp-tag-color:var(--vxp-color-primary-base);--vxp-tag-close-color:var(--vxp-color-primary-base)}.vxp-tag--simple.vxp-tag--primary{--vxp-tag-bg-color:var(--vxp-color-primary-opacity-8)}.vxp-tag--info{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-bg-color:var(--vxp-color-info-base);--vxp-tag-b-color:var(--vxp-color-info-base);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-info-light-3)}.vxp-tag--border.vxp-tag--info,.vxp-tag--simple.vxp-tag--info{--vxp-tag-color:var(--vxp-color-info-base);--vxp-tag-close-color:var(--vxp-color-info-base)}.vxp-tag--simple.vxp-tag--info{--vxp-tag-bg-color:var(--vxp-color-info-opacity-8)}.vxp-tag--success{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-bg-color:var(--vxp-color-success-base);--vxp-tag-b-color:var(--vxp-color-success-base);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-success-light-3)}.vxp-tag--border.vxp-tag--success,.vxp-tag--simple.vxp-tag--success{--vxp-tag-color:var(--vxp-color-success-base);--vxp-tag-close-color:var(--vxp-color-success-base)}.vxp-tag--simple.vxp-tag--success{--vxp-tag-bg-color:var(--vxp-color-success-opacity-8)}.vxp-tag--warning{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-bg-color:var(--vxp-color-warning-base);--vxp-tag-b-color:var(--vxp-color-warning-base);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-warning-light-3)}.vxp-tag--border.vxp-tag--warning,.vxp-tag--simple.vxp-tag--warning{--vxp-tag-color:var(--vxp-color-warning-base);--vxp-tag-close-color:var(--vxp-color-warning-base)}.vxp-tag--simple.vxp-tag--warning{--vxp-tag-bg-color:var(--vxp-color-warning-opacity-8)}.vxp-tag--error{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-bg-color:var(--vxp-color-error-base);--vxp-tag-b-color:var(--vxp-color-error-base);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-error-light-3)}.vxp-tag--border.vxp-tag--error,.vxp-tag--simple.vxp-tag--error{--vxp-tag-color:var(--vxp-color-error-base);--vxp-tag-close-color:var(--vxp-color-error-base)}.vxp-tag--simple.vxp-tag--error{--vxp-tag-bg-color:var(--vxp-color-error-opacity-8)}.vxp-tag--lime{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(18, 228, 83)-light-2);--vxp-tag-bg-color:rgb(18, 228, 83);--vxp-tag-b-color:rgb(18, 228, 83);--vxp-tag-d-color:rgb(89.1, 236.1, 134.6)}.vxp-tag--border.vxp-tag--lime,.vxp-tag--simple.vxp-tag--lime{--vxp-tag-color:rgb(18, 228, 83);--vxp-tag-close-color:rgb(18, 228, 83)}.vxp-tag--simple.vxp-tag--lime{--vxp-tag-bg-color:rgba(18, 228, 83, 0.2)}.vxp-tag--pink{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(240, 101, 149)-light-2);--vxp-tag-bg-color:rgb(240, 101, 149);--vxp-tag-b-color:rgb(240, 101, 149);--vxp-tag-d-color:rgb(244.5, 147.2, 180.8)}.vxp-tag--border.vxp-tag--pink,.vxp-tag--simple.vxp-tag--pink{--vxp-tag-color:rgb(240, 101, 149);--vxp-tag-close-color:rgb(240, 101, 149)}.vxp-tag--simple.vxp-tag--pink{--vxp-tag-bg-color:rgba(240, 101, 149, 0.2)}.vxp-tag--magenta{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(235, 47, 150)-light-2);--vxp-tag-bg-color:rgb(235, 47, 150);--vxp-tag-b-color:rgb(235, 47, 150);--vxp-tag-d-color:rgb(241, 109.4, 181.5)}.vxp-tag--border.vxp-tag--magenta,.vxp-tag--simple.vxp-tag--magenta{--vxp-tag-color:rgb(235, 47, 150);--vxp-tag-close-color:rgb(235, 47, 150)}.vxp-tag--simple.vxp-tag--magenta{--vxp-tag-bg-color:rgba(235, 47, 150, 0.2)}.vxp-tag--tomato{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(250, 99, 99)-light-2);--vxp-tag-bg-color:rgb(250, 99, 99);--vxp-tag-b-color:rgb(250, 99, 99);--vxp-tag-d-color:rgb(251.5, 145.8, 145.8)}.vxp-tag--border.vxp-tag--tomato,.vxp-tag--simple.vxp-tag--tomato{--vxp-tag-color:rgb(250, 99, 99);--vxp-tag-close-color:rgb(250, 99, 99)}.vxp-tag--simple.vxp-tag--tomato{--vxp-tag-bg-color:rgba(250, 99, 99, 0.2)}.vxp-tag--orange{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(255, 146, 43)-light-2);--vxp-tag-bg-color:rgb(255, 146, 43);--vxp-tag-b-color:rgb(255, 146, 43);--vxp-tag-d-color:rgb(255, 178.7, 106.6)}.vxp-tag--border.vxp-tag--orange,.vxp-tag--simple.vxp-tag--orange{--vxp-tag-color:rgb(255, 146, 43);--vxp-tag-close-color:rgb(255, 146, 43)}.vxp-tag--simple.vxp-tag--orange{--vxp-tag-bg-color:rgba(255, 146, 43, 0.2)}.vxp-tag--cyan{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(19, 194, 194)-light-2);--vxp-tag-bg-color:rgb(19, 194, 194);--vxp-tag-b-color:rgb(19, 194, 194);--vxp-tag-d-color:rgb(89.8, 212.3, 212.3)}.vxp-tag--border.vxp-tag--cyan,.vxp-tag--simple.vxp-tag--cyan{--vxp-tag-color:rgb(19, 194, 194);--vxp-tag-close-color:rgb(19, 194, 194)}.vxp-tag--simple.vxp-tag--cyan{--vxp-tag-bg-color:rgba(19, 194, 194, 0.2)}.vxp-tag--navy{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(47, 65, 224)-light-2);--vxp-tag-bg-color:rgb(47, 65, 224);--vxp-tag-b-color:rgb(47, 65, 224);--vxp-tag-d-color:rgb(109.4, 122, 233.3)}.vxp-tag--border.vxp-tag--navy,.vxp-tag--simple.vxp-tag--navy{--vxp-tag-color:rgb(47, 65, 224);--vxp-tag-close-color:rgb(47, 65, 224)}.vxp-tag--simple.vxp-tag--navy{--vxp-tag-bg-color:rgba(47, 65, 224, 0.2)}.vxp-tag--gold{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(236, 202, 11)-light-2);--vxp-tag-bg-color:rgb(236, 202, 11);--vxp-tag-b-color:rgb(236, 202, 11);--vxp-tag-d-color:rgb(241.7, 217.9, 84.2)}.vxp-tag--border.vxp-tag--gold,.vxp-tag--simple.vxp-tag--gold{--vxp-tag-color:rgb(236, 202, 11);--vxp-tag-close-color:rgb(236, 202, 11)}.vxp-tag--simple.vxp-tag--gold{--vxp-tag-bg-color:rgba(236, 202, 11, 0.2)}.vxp-tag--purple{--vxp-tag-color:var(--vxp-color-white);--vxp-tag-close-color:var(--vxp-color-white);--vxp-tag-d-color:var(--vxp-color-rgb(114, 46, 209)-light-2);--vxp-tag-bg-color:rgb(114, 46, 209);--vxp-tag-b-color:rgb(114, 46, 209);--vxp-tag-d-color:rgb(156.3, 108.7, 222.8)}.vxp-tag--border.vxp-tag--purple,.vxp-tag--simple.vxp-tag--purple{--vxp-tag-color:rgb(114, 46, 209);--vxp-tag-close-color:rgb(114, 46, 209)}.vxp-tag--simple.vxp-tag--purple{--vxp-tag-bg-color:rgba(114, 46, 209, 0.2)}.vxp-tag--border .vxp-tag__unit,.vxp-tag--border.vxp-tag--disabled .vxp-tag__unit{background-color:transparent}.vxp-tooltip-vars{--vxp-tooltip-bg-color:var(--vxp-bg-color-base);--vxp-tooltip-bg-color-dark:var(--vxp-fill-color-reverse);--vxp-tooltip-s-color:var(--vxp-shadow-color-base);--vxp-tooltip-s-color-dark:var(--vxp-bg-color-reverse);--vxp-tooltip-shadow:var(--vxp-shadow-shape) var(--vxp-tooltip-s-color);--vxp-tooltip-shadow-dark:var(--vxp-tooltip-shadow);--vxp-tooltip-min-width:20px;--vxp-tooltip-min-height:30px;--vxp-tooltip-v-padding:8px;--vxp-tooltip-h-padding:14px;--vxp-tooltip-content-color:var(--vxp-content-color-base);--vxp-tooltip-content-color-dark:var(--vxp-bg-color-base);--vxp-tooltip-radius:var(--vxp-radius-base);--vxp-tooltip-arrow-size:7px;--vxp-tooltip-arrow-v-offset:16px;--vxp-tooltip-arrow-h-offset:28px}.vxp-tooltip{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base)}.vxp-tooltip,.vxp-tooltip *,.vxp-tooltip ::after,.vxp-tooltip ::before{box-sizing:border-box}.vxp-tooltip--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-tooltip__trigger{display:inline-block}.vxp-tooltip__tip{position:relative;min-width:var(--vxp-tooltip-min-width);min-height:var(--vxp-tooltip-min-height);padding:var(--vxp-tooltip-v-padding) var(--vxp-tooltip-h-padding);background-color:var(--vxp-tooltip-bg-color);border-radius:var(--vxp-tooltip-radius);box-shadow:var(--vxp-tooltip-shadow)}.vxp-tooltip__popper--dark .vxp-tooltip__tip{color:var(--vxp-tooltip-color-dark);box-shadow:var(--vxp-tooltip-shadow-dark)}.vxp-tooltip__arrow{pointer-events:none}.vxp-tooltip__arrow,.vxp-tooltip__arrow::after{position:absolute;width:0;height:0;border:0 solid transparent}.vxp-tooltip__arrow::after{content:""}.vxp-tooltip__popper[data-popper-placement^=top]{padding:6px 0 calc(3px + var(--vxp-tooltip-arrow-size))}.vxp-tooltip__popper[data-popper-placement^=top]>.vxp-tooltip__arrow{bottom:calc(3px + var(--vxp-tooltip-arrow-size));border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0;transform:translateY(100%)}.vxp-tooltip__popper[data-popper-placement^=top]>.vxp-tooltip__arrow::after{bottom:1px;border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0;transform:translateX(-50%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=top]>.vxp-tooltip__arrow::after,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=top]>.vxp-tooltip__arrow::after{transform:translateX(50%)}.vxp-tooltip__popper[data-popper-placement^=bottom]{padding:calc(3px + var(--vxp-tooltip-arrow-size)) 0 6px}.vxp-tooltip__popper[data-popper-placement^=bottom]>.vxp-tooltip__arrow{top:calc(3px + var(--vxp-tooltip-arrow-size));border-width:0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size);transform:translateY(-100%)}.vxp-tooltip__popper[data-popper-placement^=bottom]>.vxp-tooltip__arrow::after{top:1px;border-width:0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size);transform:translateX(-50%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=bottom]>.vxp-tooltip__arrow::after,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=bottom]>.vxp-tooltip__arrow::after{transform:translateX(50%)}.vxp-tooltip__popper[data-popper-placement^=left]{padding:0 calc(3px + var(--vxp-tooltip-arrow-size)) 0 6px}.vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow{right:calc(3px + var(--vxp-tooltip-arrow-size));border-width:var(--vxp-tooltip-arrow-size) 0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size);transform:translateX(100%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow{border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0;transform:translateX(100%) scaleX(-1)}.vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow::after{inset-inline-end:1px;border-width:var(--vxp-tooltip-arrow-size) 0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size);transform:translateY(-50%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow::after,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=left]>.vxp-tooltip__arrow::after{border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0}.vxp-tooltip__popper[data-popper-placement^=right]{padding:0 6px 0 calc(3px + var(--vxp-tooltip-arrow-size))}.vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow{left:calc(3px + var(--vxp-tooltip-arrow-size));border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0;transform:translateX(-100%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow{border-width:var(--vxp-tooltip-arrow-size) 0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size);transform:translateX(-100%) scaleX(-1)}.vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow::after{inset-inline-start:1px;border-width:var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size) 0;transform:translateY(-50%)}html.rtl .vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow::after,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement^=right]>.vxp-tooltip__arrow::after{border-width:var(--vxp-tooltip-arrow-size) 0 var(--vxp-tooltip-arrow-size) var(--vxp-tooltip-arrow-size)}.vxp-tooltip__popper--no-arrow[data-popper-placement^=bottom],.vxp-tooltip__popper--no-arrow[data-popper-placement^=top]{padding:6px 0}.vxp-tooltip__popper--no-arrow[data-popper-placement^=left],.vxp-tooltip__popper--no-arrow[data-popper-placement^=right]{padding:0 6px}.vxp-tooltip__popper[data-popper-placement=top]>.vxp-tooltip__arrow{left:50%}.vxp-tooltip__popper[data-popper-placement=top-start]>.vxp-tooltip__arrow{left:var(--vxp-tooltip-arrow-h-offset)}html.rtl .vxp-tooltip__popper[data-popper-placement=top-start]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement=top-start]>.vxp-tooltip__arrow{left:calc(100% - var(--vxp-tooltip-arrow-h-offset))}.vxp-tooltip__popper[data-popper-placement=top-end]>.vxp-tooltip__arrow{left:calc(100% - var(--vxp-tooltip-arrow-h-offset))}html.rtl .vxp-tooltip__popper[data-popper-placement=top-end]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement=top-end]>.vxp-tooltip__arrow{left:var(--vxp-tooltip-arrow-h-offset)}.vxp-tooltip__popper[data-popper-placement=bottom]>.vxp-tooltip__arrow{left:50%}.vxp-tooltip__popper[data-popper-placement=bottom-start]>.vxp-tooltip__arrow{left:var(--vxp-tooltip-arrow-h-offset)}html.rtl .vxp-tooltip__popper[data-popper-placement=bottom-start]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement=bottom-start]>.vxp-tooltip__arrow{left:calc(100% - var(--vxp-tooltip-arrow-h-offset))}.vxp-tooltip__popper[data-popper-placement=bottom-end]>.vxp-tooltip__arrow{left:calc(100% - var(--vxp-tooltip-arrow-h-offset))}html.rtl .vxp-tooltip__popper[data-popper-placement=bottom-end]>.vxp-tooltip__arrow,html[dir=rtl] .vxp-tooltip__popper[data-popper-placement=bottom-end]>.vxp-tooltip__arrow{left:var(--vxp-tooltip-arrow-h-offset)}.vxp-tooltip__popper[data-popper-placement=left]>.vxp-tooltip__arrow{top:50%}.vxp-tooltip__popper[data-popper-placement=left-start]>.vxp-tooltip__arrow{top:var(--vxp-tooltip-arrow-v-offset)}.vxp-tooltip__popper[data-popper-placement=left-end]>.vxp-tooltip__arrow{top:calc(100% - var(--vxp-tooltip-arrow-v-offset))}.vxp-tooltip__popper[data-popper-placement=right]>.vxp-tooltip__arrow{top:50%}.vxp-tooltip__popper[data-popper-placement=right-start]>.vxp-tooltip__arrow{top:var(--vxp-tooltip-arrow-v-offset)}.vxp-tooltip__popper[data-popper-placement=right-end]>.vxp-tooltip__arrow{top:calc(100% - var(--vxp-tooltip-arrow-v-offset))}.vxp-tooltip__popper--no-hover{pointer-events:none}.vxp-tooltip__popper--light>.vxp-tooltip__tip{color:var(--vxp-tooltip-content-color);background-color:var(--vxp-tooltip-bg-color)}.vxp-tooltip__popper--light[data-popper-placement^=top]>.vxp-tooltip__arrow{border-top-color:var(--vxp-tooltip-s-color)}.vxp-tooltip__popper--light[data-popper-placement^=top]>.vxp-tooltip__arrow::after{border-top-color:var(--vxp-tooltip-bg-color)}.vxp-tooltip__popper--light[data-popper-placement^=bottom]>.vxp-tooltip__arrow{border-bottom-color:var(--vxp-tooltip-s-color)}.vxp-tooltip__popper--light[data-popper-placement^=bottom]>.vxp-tooltip__arrow::after{border-bottom-color:var(--vxp-tooltip-bg-color)}.vxp-tooltip__popper--light[data-popper-placement^=left]>.vxp-tooltip__arrow{border-inline-start-color:var(--vxp-tooltip-s-color)}.vxp-tooltip__popper--light[data-popper-placement^=left]>.vxp-tooltip__arrow::after{border-inline-start-color:var(--vxp-tooltip-bg-color)}.vxp-tooltip__popper--light[data-popper-placement^=right]>.vxp-tooltip__arrow{border-inline-end-color:var(--vxp-tooltip-s-color)}.vxp-tooltip__popper--light[data-popper-placement^=right]>.vxp-tooltip__arrow::after{border-inline-end-color:var(--vxp-tooltip-bg-color)}.vxp-tooltip__popper--dark>.vxp-tooltip__tip{color:var(--vxp-tooltip-content-color-dark);background-color:var(--vxp-tooltip-bg-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=top]>.vxp-tooltip__arrow{border-top-color:var(--vxp-tooltip-s-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=top]>.vxp-tooltip__arrow::after{border-top-color:var(--vxp-tooltip-bg-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=bottom]>.vxp-tooltip__arrow{border-bottom-color:var(--vxp-tooltip-s-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=bottom]>.vxp-tooltip__arrow::after{border-bottom-color:var(--vxp-tooltip-bg-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=left]>.vxp-tooltip__arrow{border-inline-start-color:var(--vxp-tooltip-s-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=left]>.vxp-tooltip__arrow::after{border-inline-start-color:var(--vxp-tooltip-bg-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=right]>.vxp-tooltip__arrow{border-inline-end-color:var(--vxp-tooltip-s-color-dark)}.vxp-tooltip__popper--dark[data-popper-placement^=right]>.vxp-tooltip__arrow::after{border-inline-end-color:var(--vxp-tooltip-bg-color-dark)}.vxp-virtual-list__items{padding:0;margin:0;list-style:none}.vxp-input-vars{--vxp-input-bg-color:var(--vxp-fill-color-base);--vxp-input-bg-color-disabled:var(--vxp-fill-color-humble);--vxp-input-b-color:var(--vxp-border-color-base);--vxp-input-b-color-hover:var(--vxp-color-primary-light-1);--vxp-input-b-color-focus:var(--vxp-input-b-color-hover);--vxp-input-s-color-focus:var(--vxp-color-primary-opacity-6);--vxp-input-placeholder-color:var(--vxp-content-color-placeholder);--vxp-input-control-color:var(--vxp-content-color-base);--vxp-input-control-color-disabled:var(--vxp-content-color-disabled);--vxp-input-icon-color:var(--vxp-content-color-secondary);--vxp-input-icon-color-hover:var(--vxp-color-primary-base);--vxp-input-icon-color-disabled:var(--vxp-input-control-color-disabled);--vxp-input-before-bg-color:var(--vxp-fill-color-background);--vxp-input-after-bg-color:var(--vxp-fill-color-background);--vxp-input-line-height:var(--vxp-line-height-base);--vxp-input-border:var(--vxp-border-shape) var(--vxp-input-b-color);--vxp-input-radius:var(--vxp-radius-base);--vxp-input-count-color:var(--vxp-content-color-secondary);--vxp-input-count-color-disabled:var(--vxp-input-control-color-disabled);--vxp-input-count-font-size:var(--vxp-font-size-secondary);--vxp-input-count-line-height:var(--vxp-line-height-secondary);--vxp-input-height:32px;--vxp-input-v-padding:4px;--vxp-input-h-padding:8px;--vxp-input-padding:var(--vxp-input-v-padding) var(--vxp-input-h-padding);--vxp-input-prefix-width:32px;--vxp-input-suffix-width:32px}.vxp-input-wrapper{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base);position:relative;display:inline-flex;align-items:center;width:100%;min-width:0;background-color:var(--vxp-input-bg-color);border-radius:var(--vxp-input-radius)}.vxp-input-wrapper,.vxp-input-wrapper *,.vxp-input-wrapper ::after,.vxp-input-wrapper ::before{box-sizing:border-box}.vxp-input-wrapper--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-input{font-family:var(--vxp-font-family-base);font-size:var(--vxp-font-size-base);font-variant-numeric:tabular-nums;line-height:var(--vxp-line-height-base);color:var(--vxp-content-color-base)}.vxp-input,.vxp-input *,.vxp-input ::after,.vxp-input ::before{box-sizing:border-box}.vxp-input--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-input{position:relative;display:inline-flex;align-items:center;width:100%;height:var(--vxp-input-height);padding:var(--vxp-input-v-padding) var(--vxp-input-h-padding);cursor:text;background-color:var(--vxp-input-bg-color);border:var(--vxp-border-shape) var(--vxp-input-b-color);border-radius:var(--vxp-input-radius);outline:0;transition:var(--vxp-transition-background),var(--vxp-transition-border),var(--vxp-transition-shadow)}.vxp-input:hover{border-color:var(--vxp-input-b-color-hover)}.vxp-input--focused,.vxp-input:focus,.vxp-input:focus-within{z-index:2;border-color:var(--vxp-input-b-color-focus);box-shadow:var(--vxp-shadow-focus) var(--vxp-input-s-color-focus)}.vxp-input--small{--vxp-input-height:24px;--vxp-input-v-padding:1px}.vxp-input--large{--vxp-input-height:40px;--vxp-input-v-padding:7px}.vxp-input.vxp-input--success{--vxp-input-b-color:var(--vxp-color-success-light-1);--vxp-input-b-color-hover:var(--vxp-color-success-light-1);--vxp-input-s-color-focus:var(--vxp-color-success-opacity-6)}.vxp-input.vxp-input--error{--vxp-input-b-color:var(--vxp-color-error-light-1);--vxp-input-b-color-hover:var(--vxp-color-error-light-1);--vxp-input-s-color-focus:var(--vxp-color-error-opacity-6)}.vxp-input.vxp-input--warning{--vxp-input-b-color:var(--vxp-color-warning-light-1);--vxp-input-b-color-hover:var(--vxp-color-warning-light-1);--vxp-input-s-color-focus:var(--vxp-color-warning-opacity-6)}.vxp-input--readonly{cursor:auto}.vxp-input--transparent{background-color:transparent}.vxp-input--transparent,.vxp-input--transparent--focused,.vxp-input--transparent:focus,.vxp-input--transparent:focus-within,.vxp-input--transparent:hover{border-color:transparent;box-shadow:unset}.vxp-input--disabled{cursor:not-allowed;background-color:var(--vxp-input-bg-color-disabled)}.vxp-input--disabled,.vxp-input--disabled:focus,.vxp-input--disabled:focus-within,.vxp-input--disabled:hover{border-color:var(--vxp-border-color-base);box-shadow:none}.vxp-input--disabled .vxp-cascader__control,.vxp-input--disabled .vxp-cascader__icon,.vxp-input--disabled .vxp-color-picker__control,.vxp-input--disabled .vxp-color-picker__icon,.vxp-input--disabled .vxp-date-picker__control,.vxp-input--disabled .vxp-date-picker__icon,.vxp-input--disabled .vxp-input__control,.vxp-input--disabled .vxp-input__icon,.vxp-input--disabled .vxp-number-input__control,.vxp-input--disabled .vxp-number-input__icon,.vxp-input--disabled .vxp-number-input__minus,.vxp-input--disabled .vxp-number-input__plus,.vxp-input--disabled .vxp-select__control,.vxp-input--disabled .vxp-select__icon,.vxp-input--disabled .vxp-textarea__control,.vxp-input--disabled .vxp-textarea__icon,.vxp-input--disabled .vxp-time-picker__control,.vxp-input--disabled .vxp-time-picker__icon{color:var(--vxp-input-control-color-disabled);pointer-events:none;cursor:not-allowed}.vxp-input--disabled.vxp-input--focused{border-color:var(--vxp-border-color-base);box-shadow:none}.vxp-input__control{flex:1 0 0;min-width:0;height:100%;padding:0;font-size:inherit;line-height:var(--vxp-input-line-height);color:var(--vxp-input-control-color);background-color:transparent;border:0;border-radius:var(--vxp-input-radius);outline:0;transition:var(--vxp-transition-color)}.vxp-input__control:disabled{cursor:not-allowed}.vxp-input__control::-moz-placeholder{color:var(--vxp-input-placeholder-color)}.vxp-input__control::placeholder{color:var(--vxp-input-placeholder-color)}.vxp-input__control::-ms-clear,.vxp-input__control::-ms-reveal{display:none}.vxp-input--readonly .vxp-input__control{cursor:auto}.vxp-input__icon{display:flex;align-items:center;justify-content:center;height:100%;color:var(--vxp-input-icon-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxp-input__icon--placeholder{min-width:14px;min-height:1px;margin-inline-start:4px;visibility:hidden;opacity:0}.vxp-input__prefix{margin-inline-end:4px}.vxp-input__suffix{margin-inline-start:4px;transition:var(--vxp-transition-opacity)}.vxp-input__clear{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.vxp-input__clear,.vxp-input__loading{position:absolute;inset-inline-end:var(--vxp-input-h-padding);min-width:14px;margin-inline-start:4px;cursor:pointer}.vxp-input__loading{pointer-events:none}.vxp-input-wrapper .vxp-input{flex:1 0 0;width:auto;min-width:0;background-color:transparent;border-radius:0}.vxp-input-wrapper--before-only .vxp-input{border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input-wrapper--after-only .vxp-input{border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input--before{z-index:1;border-inline-start-color:transparent}.vxp-input--after{z-index:1;border-inline-end-color:transparent}.vxp-input__suffix-wrapper{position:relative;display:flex;align-items:center}.vxp-input__clear,.vxp-input__loading{inset-inline-end:0}.vxp-input__password{margin-inline-start:4px;cursor:pointer}.vxp-input__count{margin:0 4px;font-size:var(--vxp-input-count-font-size);line-height:var(--vxp-input-count-line-height);color:var(--vxp-input-count-color);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--vxp-transition-color)}.vxp-input--disabled .vxp-input__count{color:var(--vxp-input-count-color-disabled)}.vxp-input__after,.vxp-input__before{position:relative;display:flex;align-items:center;height:calc(var(--vxp-input-height));padding:0 var(--vxp-input-h-padding);border:var(--vxp-input-border)}.vxp-input__after--action,.vxp-input__before--action{padding:0;border:0}.vxp-input__before{background-color:var(--vxp-input-before-bg-color);border-inline-end:0;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action{margin-inline-end:-1px;background-color:transparent}.vxp-input__before--action>.vxp-button{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-button--icon-only{width:calc(var(--vxp-button-height) + 2 * var(--vxp-input-h-padding))}.vxp-input__before--action>.vxp-input-wrapper,.vxp-input__before--action>.vxp-number-input{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-cascader{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__before--action>.vxp-cascader .vxp-cascader__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-color-picker{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__before--action>.vxp-color-picker .vxp-color-picker__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-date-picker{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__before--action>.vxp-date-picker .vxp-date-picker__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-select{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__before--action>.vxp-select .vxp-select__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__before--action>.vxp-time-picker{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__before--action>.vxp-time-picker .vxp-time-picker__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:var(--vxp-input-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-input-radius)}.vxp-input__after{background-color:var(--vxp-input-after-bg-color);border-inline-start:0;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action{margin-inline-start:-1px;background-color:transparent}.vxp-input__after--action>.vxp-button{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-button--icon-only{width:calc(var(--vxp-button-height) + 2 * var(--vxp-input-h-padding))}.vxp-input__after--action>.vxp-input-wrapper,.vxp-input__after--action>.vxp-number-input{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-cascader{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__after--action>.vxp-cascader .vxp-cascader__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-color-picker{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__after--action>.vxp-color-picker .vxp-color-picker__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-date-picker{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__after--action>.vxp-date-picker .vxp-date-picker__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-select{width:calc(100% + 2 * var(--vxp-input-h-padding));height:100%}.vxp-input__after--action>.vxp-select .vxp-select__selector{min-width:60px;height:100%;background-color:transparent;box-shadow:unset;border-start-start-radius:0;border-start-end-radius:var(--vxp-input-radius);border-end-end-radius:var(--vxp-input-radius);border-end-start-radius:0}.vxp-input__after--action>.vxp-time