vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 64.5 kB
CSS
.vxp-button-vars{--vxp-button-color:var(--vxp-content-color-base);--vxp-button-color-hover:var(--vxp-color-primary-light-2);--vxp-button-color-focus:var(--vxp-color-primary-light-2);--vxp-button-color-active:var(--vxp-color-primary-dark-1);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-fill-color-base);--vxp-button-bg-color-hover:var(--vxp-button-bg-color);--vxp-button-bg-color-focus:var(--vxp-button-bg-color);--vxp-button-bg-color-active:var(--vxp-button-bg-color);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-border-color-base);--vxp-button-b-color-hover:var(--vxp-color-primary-light-2);--vxp-button-b-color-focus:var(--vxp-color-primary-light-2);--vxp-button-b-color-active:var(--vxp-color-primary-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-border:var(--vxp-border-shape) var(--vxp-button-b-color);--vxp-button-radius:var(--vxp-radius-base);--vxp-button-pulse-s-color:var(--vxp-color-primary-base);--vxp-button-pulse-opacity:60%;--vxp-button-pulse-size:6px;--vxp-button-pulse-duration:800ms;--vxp-button-pulse-timing:ease;--vxp-button-height:32px;--vxp-button-v-padding:0;--vxp-button-h-padding:14px;--vxp-button-font-size:var(--vxp-font-size-base);--vxp-button-series-span:8px;--vxp-button-icon-span:6px;--vxp-button-d-color-typed:rgba(255, 255, 255, 0.5);--vxp-button-badge-color:var(--vxp-color-white);--vxp-button-badge-bg-color:var(--vxp-color-error-base);--vxp-button-badge-b-color:var(--vxp-color-error-base)}.vxp-button{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;justify-content:center;height:var(--vxp-button-height);padding:var(--vxp-button-v-padding) var(--vxp-button-h-padding);font-weight:400;line-height:1;color:var(--vxp-button-color);white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxp-button-bg-color);border:var(--vxp-button-border);border-radius:var(--vxp-button-radius);outline:0;transition:var(--vxp-transition-color),var(--vxp-transition-background),var(--vxp-transition-border),var(--vxp-transition-shadow)}.vxp-button,.vxp-button *,.vxp-button ::after,.vxp-button ::before{box-sizing:border-box}.vxp-button--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-button:hover{color:var(--vxp-button-color-hover);background-color:var(--vxp-button-bg-color-hover);border-color:var(--vxp-button-b-color-hover);outline:0}.vxp-button:focus{color:var(--vxp-button-color-focus);background-color:var(--vxp-button-bg-color-focus);border-color:var(--vxp-button-b-color-focus);outline:0}.vxp-button:active{color:var(--vxp-button-color-active);background-color:var(--vxp-button-bg-color-active);border-color:var(--vxp-button-b-color-active)}.vxp-button--disabled,.vxp-button--disabled.active,.vxp-button--disabled:active,.vxp-button--disabled:hover{color:var(--vxp-button-color-disabled);cursor:not-allowed;background-color:var(--vxp-button-bg-color-disabled);border-color:var(--vxp-button-b-color-disabled)}.vxp-button--block{display:flex;width:100%}.vxp-button:not(.vxp-button--block)+.vxp-button:not(.vxp-button--block){margin-inline-start:var(--vxp-button-series-span)}.vxp-button--small{--vxp-button-height:24px;--vxp-button-h-padding:10px}.vxp-button--large{--vxp-button-height:40px;--vxp-button-h-padding:20px}.vxp-button::after{position:absolute;inset:0;display:block;pointer-events:none;content:"";background-color:transparent;border-radius:inherit;animation-duration:var(--vxp-button-pulse-duration);animation-timing-function:var(--vxp-button-pulse-timing);animation-iteration-count:1}.vxp-button--pulsing::after{animation-name:vxp-button-pulse,vxp-button-pulse-opacity}@keyframes vxp-button-pulse{0%{box-shadow:0 0 1px 0 var(--vxp-button-pulse-s-color)}100%{box-shadow:0 0 1px var(--vxp-button-pulse-size) var(--vxp-button-pulse-s-color)}}@keyframes vxp-button-pulse-opacity{0%{opacity:var(--vxp-button-pulse-opacity)}100%{opacity:0}}.vxp-button--dashed{border-style:dashed}.vxp-button--dashed,.vxp-button--dashed.active,.vxp-button--dashed:active,.vxp-button--dashed:focus,.vxp-button--dashed:hover{background-color:transparent}.vxp-button--text{border-color:transparent}.vxp-button--text::after{display:none}.vxp-button--text,.vxp-button--text.active,.vxp-button--text:active,.vxp-button--text:focus,.vxp-button--text:hover{background-color:transparent;border-color:transparent}.vxp-button--ghost{--vxp-button-color:rgba(255, 255, 255, 0.8);--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:transparent;--vxp-button-bg-color-focus:transparent;--vxp-button-bg-color-active:transparent;--vxp-button-bg-color-disabled:transparent;--vxp-button-b-color:rgba(255, 255, 255, 0.6);--vxp-button-color-hover:var(--vxp-color-primary-base);--vxp-button-color-focus:var(--vxp-color-primary-base);--vxp-button-color-active:var(--vxp-color-primary-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-hover:var(--vxp-color-primary-base);--vxp-button-b-color-active:var(--vxp-color-primary-base);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--text.vxp-button--ghost{border-color:transparent}.vxp-button--primary{--vxp-button-color:var(--vxp-color-white);--vxp-button-color-hover:var(--vxp-color-white);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-primary-base);--vxp-button-bg-color-hover:var(--vxp-color-primary-light-2);--vxp-button-bg-color-focus:var(--vxp-color-primary-light-2);--vxp-button-bg-color-active:var(--vxp-color-primary-dark-1);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-primary-base);--vxp-button-b-color-hover:var(--vxp-color-primary-light-2);--vxp-button-b-color-focus:var(--vxp-color-primary-light-2);--vxp-button-b-color-active:var(--vxp-color-primary-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-pulse-s-color:var(--vxp-color-primary-dark-1)}.vxp-button--primary.vxp-button--simple{--vxp-button-color:var(--vxp-color-primary-base);--vxp-button-color-hover:var(--vxp-color-primary-base);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-primary-opacity-8);--vxp-button-bg-color-hover:var(--vxp-color-primary-opacity-7);--vxp-button-bg-color-focus:var(--vxp-color-primary-opacity-3);--vxp-button-bg-color-active:var(--vxp-color-primary-opacity-3);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-primary-opacity-4);--vxp-button-b-color-hover:var(--vxp-color-primary-opacity-4);--vxp-button-b-color-focus:var(--vxp-color-primary-opacity-3);--vxp-button-b-color-active:var(--vxp-color-primary-opacity-3);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1)}.vxp-button--primary.vxp-button--ghost{--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-focus:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-active:rgba(255, 255, 255, 0.2);--vxp-button-bg-color-disabled:transparent;--vxp-button-color:var(--vxp-color-primary-base);--vxp-button-color-hover:var(--vxp-color-primary-base);--vxp-button-color-focus:var(--vxp-color-primary-base);--vxp-button-color-active:var(--vxp-color-primary-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--primary.vxp-button--dashed,.vxp-button--primary.vxp-button--text{--vxp-button-color:var(--vxp-color-primary-base);--vxp-button-color-hover:var(--vxp-color-primary-light-2);--vxp-button-color-focus:var(--vxp-color-primary-light-2);--vxp-button-color-active:var(--vxp-color-primary-dark-1)}.vxp-button-group .vxp-button--primary:first-child{border-inline-end-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--primary:last-child{border-inline-start-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--primary:not(:first-child,:last-child){border-inline-color:var(--vxp-button-d-color-typed)}.vxp-button--info{--vxp-button-color:var(--vxp-color-white);--vxp-button-color-hover:var(--vxp-color-white);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-info-base);--vxp-button-bg-color-hover:var(--vxp-color-info-light-2);--vxp-button-bg-color-focus:var(--vxp-color-info-light-2);--vxp-button-bg-color-active:var(--vxp-color-info-dark-1);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-info-base);--vxp-button-b-color-hover:var(--vxp-color-info-light-2);--vxp-button-b-color-focus:var(--vxp-color-info-light-2);--vxp-button-b-color-active:var(--vxp-color-info-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-pulse-s-color:var(--vxp-color-info-dark-1)}.vxp-button--info.vxp-button--simple{--vxp-button-color:var(--vxp-color-info-base);--vxp-button-color-hover:var(--vxp-color-info-base);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-info-opacity-8);--vxp-button-bg-color-hover:var(--vxp-color-info-opacity-7);--vxp-button-bg-color-focus:var(--vxp-color-info-opacity-3);--vxp-button-bg-color-active:var(--vxp-color-info-opacity-3);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-info-opacity-4);--vxp-button-b-color-hover:var(--vxp-color-info-opacity-4);--vxp-button-b-color-focus:var(--vxp-color-info-opacity-3);--vxp-button-b-color-active:var(--vxp-color-info-opacity-3);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1)}.vxp-button--info.vxp-button--ghost{--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-focus:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-active:rgba(255, 255, 255, 0.2);--vxp-button-bg-color-disabled:transparent;--vxp-button-color:var(--vxp-color-info-base);--vxp-button-color-hover:var(--vxp-color-info-base);--vxp-button-color-focus:var(--vxp-color-info-base);--vxp-button-color-active:var(--vxp-color-info-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--info.vxp-button--dashed,.vxp-button--info.vxp-button--text{--vxp-button-color:var(--vxp-color-info-base);--vxp-button-color-hover:var(--vxp-color-info-light-2);--vxp-button-color-focus:var(--vxp-color-info-light-2);--vxp-button-color-active:var(--vxp-color-info-dark-1)}.vxp-button-group .vxp-button--info:first-child{border-inline-end-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--info:last-child{border-inline-start-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--info:not(:first-child,:last-child){border-inline-color:var(--vxp-button-d-color-typed)}.vxp-button--success{--vxp-button-color:var(--vxp-color-white);--vxp-button-color-hover:var(--vxp-color-white);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-success-base);--vxp-button-bg-color-hover:var(--vxp-color-success-light-2);--vxp-button-bg-color-focus:var(--vxp-color-success-light-2);--vxp-button-bg-color-active:var(--vxp-color-success-dark-1);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-success-base);--vxp-button-b-color-hover:var(--vxp-color-success-light-2);--vxp-button-b-color-focus:var(--vxp-color-success-light-2);--vxp-button-b-color-active:var(--vxp-color-success-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-pulse-s-color:var(--vxp-color-success-dark-1)}.vxp-button--success.vxp-button--simple{--vxp-button-color:var(--vxp-color-success-base);--vxp-button-color-hover:var(--vxp-color-success-base);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-success-opacity-8);--vxp-button-bg-color-hover:var(--vxp-color-success-opacity-7);--vxp-button-bg-color-focus:var(--vxp-color-success-opacity-3);--vxp-button-bg-color-active:var(--vxp-color-success-opacity-3);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-success-opacity-4);--vxp-button-b-color-hover:var(--vxp-color-success-opacity-4);--vxp-button-b-color-focus:var(--vxp-color-success-opacity-3);--vxp-button-b-color-active:var(--vxp-color-success-opacity-3);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1)}.vxp-button--success.vxp-button--ghost{--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-focus:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-active:rgba(255, 255, 255, 0.2);--vxp-button-bg-color-disabled:transparent;--vxp-button-color:var(--vxp-color-success-base);--vxp-button-color-hover:var(--vxp-color-success-base);--vxp-button-color-focus:var(--vxp-color-success-base);--vxp-button-color-active:var(--vxp-color-success-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--success.vxp-button--dashed,.vxp-button--success.vxp-button--text{--vxp-button-color:var(--vxp-color-success-base);--vxp-button-color-hover:var(--vxp-color-success-light-2);--vxp-button-color-focus:var(--vxp-color-success-light-2);--vxp-button-color-active:var(--vxp-color-success-dark-1)}.vxp-button-group .vxp-button--success:first-child{border-inline-end-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--success:last-child{border-inline-start-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--success:not(:first-child,:last-child){border-inline-color:var(--vxp-button-d-color-typed)}.vxp-button--warning{--vxp-button-color:var(--vxp-color-white);--vxp-button-color-hover:var(--vxp-color-white);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-warning-base);--vxp-button-bg-color-hover:var(--vxp-color-warning-light-2);--vxp-button-bg-color-focus:var(--vxp-color-warning-light-2);--vxp-button-bg-color-active:var(--vxp-color-warning-dark-1);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-warning-base);--vxp-button-b-color-hover:var(--vxp-color-warning-light-2);--vxp-button-b-color-focus:var(--vxp-color-warning-light-2);--vxp-button-b-color-active:var(--vxp-color-warning-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-pulse-s-color:var(--vxp-color-warning-dark-1)}.vxp-button--warning.vxp-button--simple{--vxp-button-color:var(--vxp-color-warning-base);--vxp-button-color-hover:var(--vxp-color-warning-base);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-warning-opacity-8);--vxp-button-bg-color-hover:var(--vxp-color-warning-opacity-7);--vxp-button-bg-color-focus:var(--vxp-color-warning-opacity-3);--vxp-button-bg-color-active:var(--vxp-color-warning-opacity-3);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-warning-opacity-4);--vxp-button-b-color-hover:var(--vxp-color-warning-opacity-4);--vxp-button-b-color-focus:var(--vxp-color-warning-opacity-3);--vxp-button-b-color-active:var(--vxp-color-warning-opacity-3);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1)}.vxp-button--warning.vxp-button--ghost{--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-focus:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-active:rgba(255, 255, 255, 0.2);--vxp-button-bg-color-disabled:transparent;--vxp-button-color:var(--vxp-color-warning-base);--vxp-button-color-hover:var(--vxp-color-warning-base);--vxp-button-color-focus:var(--vxp-color-warning-base);--vxp-button-color-active:var(--vxp-color-warning-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--warning.vxp-button--dashed,.vxp-button--warning.vxp-button--text{--vxp-button-color:var(--vxp-color-warning-base);--vxp-button-color-hover:var(--vxp-color-warning-light-2);--vxp-button-color-focus:var(--vxp-color-warning-light-2);--vxp-button-color-active:var(--vxp-color-warning-dark-1)}.vxp-button-group .vxp-button--warning:first-child{border-inline-end-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--warning:last-child{border-inline-start-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--warning:not(:first-child,:last-child){border-inline-color:var(--vxp-button-d-color-typed)}.vxp-button--error{--vxp-button-color:var(--vxp-color-white);--vxp-button-color-hover:var(--vxp-color-white);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-error-base);--vxp-button-bg-color-hover:var(--vxp-color-error-light-2);--vxp-button-bg-color-focus:var(--vxp-color-error-light-2);--vxp-button-bg-color-active:var(--vxp-color-error-dark-1);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-error-base);--vxp-button-b-color-hover:var(--vxp-color-error-light-2);--vxp-button-b-color-focus:var(--vxp-color-error-light-2);--vxp-button-b-color-active:var(--vxp-color-error-dark-1);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1);--vxp-button-pulse-s-color:var(--vxp-color-error-dark-1)}.vxp-button--error.vxp-button--simple{--vxp-button-color:var(--vxp-color-error-base);--vxp-button-color-hover:var(--vxp-color-error-base);--vxp-button-color-focus:var(--vxp-color-white);--vxp-button-color-active:var(--vxp-color-white);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-bg-color:var(--vxp-color-error-opacity-8);--vxp-button-bg-color-hover:var(--vxp-color-error-opacity-7);--vxp-button-bg-color-focus:var(--vxp-color-error-opacity-3);--vxp-button-bg-color-active:var(--vxp-color-error-opacity-3);--vxp-button-bg-color-disabled:var(--vxp-fill-color-background);--vxp-button-b-color:var(--vxp-color-error-opacity-4);--vxp-button-b-color-hover:var(--vxp-color-error-opacity-4);--vxp-button-b-color-focus:var(--vxp-color-error-opacity-3);--vxp-button-b-color-active:var(--vxp-color-error-opacity-3);--vxp-button-b-color-disabled:var(--vxp-border-color-light-1)}.vxp-button--error.vxp-button--ghost{--vxp-button-bg-color:transparent;--vxp-button-bg-color-hover:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-focus:rgba(255, 255, 255, 0.1);--vxp-button-bg-color-active:rgba(255, 255, 255, 0.2);--vxp-button-bg-color-disabled:transparent;--vxp-button-color:var(--vxp-color-error-base);--vxp-button-color-hover:var(--vxp-color-error-base);--vxp-button-color-focus:var(--vxp-color-error-base);--vxp-button-color-active:var(--vxp-color-error-base);--vxp-button-color-disabled:var(--vxp-content-color-disabled);--vxp-button-b-color-disabled:var(--vxp-content-color-disabled)}.vxp-button--error.vxp-button--dashed,.vxp-button--error.vxp-button--text{--vxp-button-color:var(--vxp-color-error-base);--vxp-button-color-hover:var(--vxp-color-error-light-2);--vxp-button-color-focus:var(--vxp-color-error-light-2);--vxp-button-color-active:var(--vxp-color-error-dark-1)}.vxp-button-group .vxp-button--error:first-child{border-inline-end-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--error:last-child{border-inline-start-color:var(--vxp-button-d-color-typed)}.vxp-button-group .vxp-button--error:not(:first-child,:last-child){border-inline-color:var(--vxp-button-d-color-typed)}.vxp-button--text.vxp-button--disabled,.vxp-button--text.vxp-button--disabled.active,.vxp-button--text.vxp-button--disabled:active,.vxp-button--text.vxp-button--disabled:hover{background-color:transparent;border-color:transparent}.vxp-button--circle{border-radius:var(--vxp-button-height)}.vxp-button--loading{position:relative;pointer-events:none;cursor:default}.vxp-button--loading::before{position:absolute;inset:-1px;z-index:1;pointer-events:none;content:"";background-color:var(--vxp-color-white);border-radius:inherit;opacity:25%;transition:var(--vxp-transition-opacity)}.vxp-button__icon{display:flex;align-items:center;margin-inline-end:var(--vxp-button-icon-span)}.vxp-button--icon-only{width:var(--vxp-button-height);padding:0}.vxp-button--icon-only .vxp-button__icon{margin:0}.vxp-button--icon-only.vxp-button--small{width:var(--vxp-button-height)}.vxp-button--icon-only.vxp-button--large{width:var(--vxp-button-height)}.vxp-button__badge{margin-inline-start:8px;pointer-events:none}.vxp-button__badge .vxp-badge__content{color:var(--vxp-button-badge-color);background-color:var(--vxp-button-badge-bg-color);box-shadow:var(--vxp-shadow-border) var(--vxp-button-badge-b-color)}.vxp-button__badge--primary{--vxp-button-badge-color:var(--vxp-button-bg-color);--vxp-button-badge-bg-color:var(--vxp-button-color);--vxp-button-badge-b-color:var(--vxp-button-color)}.vxp-button--ghost .vxp-button__badge--primary{--vxp-button-badge-color:var(--vxp-button-color);--vxp-button-badge-bg-color:var(--vxp-transparent)}.vxp-button--dashed .vxp-button__badge--primary,.vxp-button--simple .vxp-button__badge--primary,.vxp-button--text .vxp-button__badge--primary{--vxp-button-badge-color:var(--vxp-color-white)}.vxp-button__badge--info{--vxp-button-badge-color:var(--vxp-button-bg-color);--vxp-button-badge-bg-color:var(--vxp-button-color);--vxp-button-badge-b-color:var(--vxp-button-color)}.vxp-button--ghost .vxp-button__badge--info{--vxp-button-badge-color:var(--vxp-button-color);--vxp-button-badge-bg-color:var(--vxp-transparent)}.vxp-button--dashed .vxp-button__badge--info,.vxp-button--simple .vxp-button__badge--info,.vxp-button--text .vxp-button__badge--info{--vxp-button-badge-color:var(--vxp-color-white)}.vxp-button__badge--success{--vxp-button-badge-color:var(--vxp-button-bg-color);--vxp-button-badge-bg-color:var(--vxp-button-color);--vxp-button-badge-b-color:var(--vxp-button-color)}.vxp-button--ghost .vxp-button__badge--success{--vxp-button-badge-color:var(--vxp-button-color);--vxp-button-badge-bg-color:var(--vxp-transparent)}.vxp-button--dashed .vxp-button__badge--success,.vxp-button--simple .vxp-button__badge--success,.vxp-button--text .vxp-button__badge--success{--vxp-button-badge-color:var(--vxp-color-white)}.vxp-button__badge--warning{--vxp-button-badge-color:var(--vxp-button-bg-color);--vxp-button-badge-bg-color:var(--vxp-button-color);--vxp-button-badge-b-color:var(--vxp-button-color)}.vxp-button--ghost .vxp-button__badge--warning{--vxp-button-badge-color:var(--vxp-button-color);--vxp-button-badge-bg-color:var(--vxp-transparent)}.vxp-button--dashed .vxp-button__badge--warning,.vxp-button--simple .vxp-button__badge--warning,.vxp-button--text .vxp-button__badge--warning{--vxp-button-badge-color:var(--vxp-color-white)}.vxp-button__badge--error{--vxp-button-badge-color:var(--vxp-button-bg-color);--vxp-button-badge-bg-color:var(--vxp-button-color);--vxp-button-badge-b-color:var(--vxp-button-color)}.vxp-button--ghost .vxp-button__badge--error{--vxp-button-badge-color:var(--vxp-button-color);--vxp-button-badge-bg-color:var(--vxp-transparent)}.vxp-button--dashed .vxp-button__badge--error,.vxp-button--simple .vxp-button__badge--error,.vxp-button--text .vxp-button__badge--error{--vxp-button-badge-color:var(--vxp-color-white)}.vxp-button__badge--disabled .vxp-badge__content{--vxp-button-badge-color:var(--vxp-button-color-disabled);--vxp-button-badge-bg-color:var(--vxp-button-bg-color-disabled);--vxp-button-badge-b-color:var(--vxp-button-b-color-disabled)}.vxp-button-group{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:inline-flex;align-items:center}.vxp-button-group,.vxp-button-group *,.vxp-button-group ::after,.vxp-button-group ::before{box-sizing:border-box}.vxp-button-group--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-button-group .vxp-button{--vxp-button-series-span:0;border-radius:0}.vxp-button-group .vxp-button:focus,.vxp-button-group .vxp-button:hover{z-index:1}.vxp-button-group .vxp-button--active,.vxp-button-group .vxp-button:active{z-index:2}.vxp-button-group .vxp-button--first{margin-inline-end:0;border-start-start-radius:var(--vxp-button-radius);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-button-radius)}.vxp-button-group .vxp-button--last{margin-inline-end:0;border-start-start-radius:0;border-start-end-radius:var(--vxp-button-radius);border-end-end-radius:var(--vxp-button-radius);border-end-start-radius:0}.vxp-button-group .vxp-button:not(.vxp-button--last){margin-inline-end:-1px}.vxp-button-group .vxp-button--text{border-color:transparent}.vxp-button-group--circle .vxp-button--first{border-start-start-radius:var(--vxp-button-height);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--vxp-button-height)}.vxp-button-group--circle .vxp-button--last{border-start-start-radius:0;border-start-end-radius:var(--vxp-button-height);border-end-end-radius:var(--vxp-button-height);border-end-start-radius:0}.vxp-ellipsis{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:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxp-ellipsis,.vxp-ellipsis *,.vxp-ellipsis ::after,.vxp-ellipsis ::before{box-sizing:border-box}.vxp-ellipsis--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-ellipsis--inherit{color:inherit}.vxp-ellipsis__tip{padding:8px 14px 10px}.vxp-ellipsis--multiple{display:-webkit-inline-box;width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:inherit}.vxp-scroll-vars{--vxp-scroll-move-duration:180ms;--vxp-scroll-move-timing:cubic-bezier(0.165, 0.84, 0.44, 1)}.vxp-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-scroll,.vxp-scroll *,.vxp-scroll ::after,.vxp-scroll ::before{box-sizing:border-box}.vxp-scroll--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-scroll--inherit{color:inherit}.vxp-scroll__wrapper{position:relative;vertical-align:top;transition-timing-function:var(--vxp-scroll-move-timing);transition-duration:var(--vxp-scroll-move-duration);transition-property:transform;will-change:transform}.vxp-scroll__wrapper::after,.vxp-scroll__wrapper::before{display:table;content:""}.vxp-scroll--no-ready>.vxp-scroll__wrapper,.vxp-scroll--no-transition>.vxp-scroll__wrapper,.vxp-scroll--scrolling>.vxp-scroll__wrapper,.vxp-scroll--using-bar>.vxp-scroll__wrapper{transition-duration:0s}.vxp-scroll--no-ready>.vxp-scroll__wrapper{display:inline-block}.vxp-scroll--scrolling>.vxp-scroll__wrapper>*,.vxp-scroll--using-bar>.vxp-scroll__wrapper>*{pointer-events:none}.vxp-scroll--both>.vxp-scroll__wrapper,.vxp-scroll--horizontal>.vxp-scroll__wrapper{display:inline-block}.vxp-scroll__extra{position:absolute;inset-inline-start:0;top:0;width:100%;height:100%}.vxp-scroll__extra>*{position:relative;z-index:10}.vxp-scroll--both>.vxp-scroll__bar--horizontal{width:calc(100% - var(--vxp-scrollbar-width) + 1px)}.vxp-scroll--both>.vxp-scroll__bar--vertical{height:calc(100% - var(--vxp-scrollbar-width) + 1px)}.vxp-checkbox-vars{--vxp-checkbox-label-color:inherit;--vxp-checkbox-label-color-checked:var(--vxp-color-primary-base);--vxp-checkbox-label-color-disabled:var(--vxp-content-color-disabled);--vxp-checkbox-b-color:var(--vxp-border-color-base);--vxp-checkbox-b-color-hover:var(--vxp-color-primary-base);--vxp-checkbox-b-color-checked:var(--vxp-color-primary-base);--vxp-checkbox-b-color-disabled:var(--vxp-fill-color-disabled);--vxp-checkbox-signal-bg-color:var(--vxp-fill-color-base);--vxp-checkbox-signal-bg-color-checked:var(--vxp-color-primary-base);--vxp-checkbox-signal-bg-color-disabled:var(--vxp-fill-color-background);--vxp-checkbox-signal-check-color:var(--vxp-color-white);--vxp-checkbox-radius:var(--vxp-radius-base);--vxp-checkbox-signal-radius:var(--vxp-radius-small);--vxp-checkbox-s-color-focus:var(--vxp-color-primary-opacity-6);--vxp-checkbox-signal-small-size:14px;--vxp-checkbox-signal-small-thick:1px;--vxp-checkbox-signal-size:18px;--vxp-checkbox-signal-thick:2px;--vxp-checkbox-signal-large-size:22px;--vxp-checkbox-signal-large-thick:3px;--vxp-checkbox-series-h-span:10px;--vxp-checkbox-series-v-span:6px}.vxp-checkbox{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;line-height:1;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--vxp-transition-background),var(--vxp-transition-border),var(--vxp-transition-shadow)}.vxp-checkbox,.vxp-checkbox *,.vxp-checkbox ::after,.vxp-checkbox ::before{box-sizing:border-box}.vxp-checkbox--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-checkbox--border{padding:8px 10px;border:var(--vxp-border-shape) var(--vxp-checkbox-b-color);border-radius:var(--vxp-checkbox-radius)}.vxp-checkbox--border:hover{border-color:var(--vxp-checkbox-b-color-hover)}.vxp-checkbox--checked.vxp-checkbox--border{border-color:var(--vxp-checkbox-b-color-checked)}.vxp-checkbox--loading{cursor:auto}.vxp-checkbox__signal{position:relative;display:inline-block;width:var(--vxp-checkbox-signal-size);height:var(--vxp-checkbox-signal-size);background-color:var(--vxp-checkbox-signal-bg-color);border:var(--vxp-border-shape) var(--vxp-checkbox-b-color);border-radius:var(--vxp-checkbox-signal-radius);transition:var(--vxp-transition-background),var(--vxp-transition-border),var(--vxp-transition-shadow)}.vxp-checkbox__signal::before{position:absolute;inset:-4px 25% auto;width:auto;height:0;pointer-events:none;content:"";border-top:var(--vxp-border-shape) var(--vxp-checkbox-b-color);opacity:0}.vxp-checkbox__signal--active::before{opacity:100%;animation:vxp-h-moving-border 1s infinite linear}.vxp-checkbox__signal::after{position:absolute;top:calc(50% - 1px);left:50%;width:calc(var(--vxp-checkbox-signal-size) * .25 + var(--vxp-checkbox-signal-thick) * .5 - .5px);height:calc(var(--vxp-checkbox-signal-size) * .5);content:"";background-color:transparent;border:solid var(--vxp-checkbox-signal-check-color);border-width:0 var(--vxp-checkbox-signal-thick) var(--vxp-checkbox-signal-thick) 0;opacity:0;transition:width var(--vxp-transition-base),height var(--vxp-transition-base),var(--vxp-transition-background),var(--vxp-transition-opacity),var(--vxp-transition-transform);transform:translate(-50%,-50%) rotate(45deg) scale(0)}.vxp-checkbox:focus-within .vxp-checkbox__signal{box-shadow:var(--vxp-shadow-focus) var(--vxp-checkbox-s-color-focus)}.vxp-checkbox--small{--vxp-checkbox-signal-size:14px;--vxp-checkbox-signal-thick:1px}.vxp-checkbox--large{--vxp-checkbox-signal-size:22px;--vxp-checkbox-signal-thick:3px}.vxp-checkbox__label{margin-inline-start:6px;color:var(--vxp-checkbox-label-color);transition:var(--vxp-transition-color)}.vxp-checkbox:hover .vxp-checkbox__signal,.vxp-checkbox:hover .vxp-checkbox__signal::before{border-color:var(--vxp-checkbox-b-color-hover)}.vxp-checkbox--partial .vxp-checkbox__signal{background-color:var(--vxp-checkbox-signal-bg-color-checked);border-color:var(--vxp-checkbox-b-color-checked)}.vxp-checkbox--partial .vxp-checkbox__signal::after{top:50%;width:calc(var(--vxp-checkbox-signal-size) * .5);height:1px;opacity:100%;transform:translate(-50%,-50%) scale(1)}.vxp-checkbox--checked .vxp-checkbox__signal{background-color:var(--vxp-checkbox-signal-bg-color-checked)}.vxp-checkbox--checked .vxp-checkbox__signal,.vxp-checkbox--checked .vxp-checkbox__signal::before{border-color:var(--vxp-checkbox-b-color-checked)}.vxp-checkbox--checked .vxp-checkbox__signal::after{opacity:100%;transform:translate(-50%,-50%) rotate(45deg) scale(1)}.vxp-checkbox--checked .vxp-checkbox__label{color:var(--vxp-checkbox-label-color-checked)}.vxp-checkbox--success{--vxp-checkbox-label-color-checked:var(--vxp-color-success-base);--vxp-checkbox-b-color:var(--vxp-color-success-base);--vxp-checkbox-b-color-hover:var(--vxp-color-success-base);--vxp-checkbox-b-color-checked:var(--vxp-color-success-base);--vxp-checkbox-signal-bg-color-checked:var(--vxp-color-success-base);--vxp-checkbox-s-color-focus:var(--vxp-color-success-opacity-6)}.vxp-checkbox--error{--vxp-checkbox-label-color-checked:var(--vxp-color-error-base);--vxp-checkbox-b-color:var(--vxp-color-error-base);--vxp-checkbox-b-color-hover:var(--vxp-color-error-base);--vxp-checkbox-b-color-checked:var(--vxp-color-error-base);--vxp-checkbox-signal-bg-color-checked:var(--vxp-color-error-base);--vxp-checkbox-s-color-focus:var(--vxp-color-error-opacity-6)}.vxp-checkbox--warning{--vxp-checkbox-label-color-checked:var(--vxp-color-warning-base);--vxp-checkbox-b-color:var(--vxp-color-warning-base);--vxp-checkbox-b-color-hover:var(--vxp-color-warning-base);--vxp-checkbox-b-color-checked:var(--vxp-color-warning-base);--vxp-checkbox-signal-bg-color-checked:var(--vxp-color-warning-base);--vxp-checkbox-s-color-focus:var(--vxp-color-warning-opacity-6)}.vxp-checkbox--disabled,.vxp-checkbox--disabled.vxp-checkbox--border{cursor:not-allowed}.vxp-checkbox--disabled,.vxp-checkbox--disabled.vxp-checkbox--border,.vxp-checkbox--disabled.vxp-checkbox--border:hover,.vxp-checkbox--disabled:hover{border-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox--disabled .vxp-checkbox__signal,.vxp-checkbox--disabled:hover .vxp-checkbox__signal{background-color:var(--vxp-checkbox-signal-bg-color-disabled)}.vxp-checkbox--disabled .vxp-checkbox__signal,.vxp-checkbox--disabled .vxp-checkbox__signal::before,.vxp-checkbox--disabled:hover .vxp-checkbox__signal,.vxp-checkbox--disabled:hover .vxp-checkbox__signal::before{border-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox--disabled .vxp-checkbox__signal::after,.vxp-checkbox--disabled:hover .vxp-checkbox__signal::after{border-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox--disabled .vxp-checkbox__label{color:var(--vxp-checkbox-label-color-disabled)}.vxp-checkbox--disabled.vxp-checkbox--checked .vxp-checkbox__signal{background-color:var(--vxp-checkbox-signal-bg-color-disabled)}.vxp-checkbox__input{width:0;height:0;margin:0;pointer-events:none;opacity:0}.vxp-checkbox-group{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:inline-flex;align-items:center;justify-content:flex-start}.vxp-checkbox-group,.vxp-checkbox-group *,.vxp-checkbox-group ::after,.vxp-checkbox-group ::before{box-sizing:border-box}.vxp-checkbox-group--inherit{font-family:inherit;font-size:inherit;font-variant-numeric:inherit;line-height:inherit}.vxp-checkbox-group--vertical{flex-direction:column;align-items:flex-start;justify-content:center}.vxp-checkbox-group .vxp-checkbox{margin-inline-end:var(--vxp-checkbox-series-h-span)}.vxp-checkbox-group--vertical .vxp-checkbox{margin-inline-end:0;margin-bottom:var(--vxp-checkbox-series-v-span)}.vxp-checkbox-group--vertical .vxp-checkbox:last-child{margin-bottom:0}.vxp-checkbox-group--border .vxp-checkbox{padding:8px 10px;border:var(--vxp-border-shape) var(--vxp-checkbox-b-color);border-radius:var(--vxp-checkbox-radius)}.vxp-checkbox-group--border .vxp-checkbox:hover{border-color:var(--vxp-checkbox-b-color-hover)}.vxp-checkbox-group--border .vxp-checkbox--checked{border-color:var(--vxp-checkbox-b-color-checked)}.vxp-checkbox-group--border .vxp-checkbox--disabled,.vxp-checkbox-group--border .vxp-checkbox--disabled:hover{border-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox-group--disabled .vxp-checkbox{cursor:not-allowed}.vxp-checkbox-group--disabled .vxp-checkbox,.vxp-checkbox-group--disabled .vxp-checkbox:hover{border-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox-group--disabled .vxp-checkbox__signal{border-color:var(--vxp-checkbox-b-color-disabled)!important}.vxp-checkbox-group--disabled .vxp-checkbox__signal::after{background-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox-group--disabled .vxp-checkbox__label{color:var(--vxp-checkbox-label-color-disabled)}.vxp-checkbox-group--disabled .vxp-checkbox--checked .vxp-checkbox__signal{background-color:var(--vxp-checkbox-b-color-disabled)}.vxp-checkbox-group--small .vxp-checkbox{--vxp-checkbox-signal-size:14px;--vxp-checkbox-signal-thick:1px}.vxp-checkbox-group--large .vxp-checkbox{--vxp-checkbox-signal-size:22px;--vxp-checkbox-signal-thick:3px}.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-table-vars{--vxp-table-bg-color:var(--vxp-bg-color-base);--vxp-table-b-color:var(--vxp-border-color-light-1);--vxp-table-b-width:var(--vxp-border-width);--vxp-table-b-style:var(--vxp-border-style);--vxp-table-s-color:var(--vxp-shadow-color-base);--vxp-table-head-bg-color:var(--vxp-fill-color-humble);--vxp-table-head-action-span:3px;--vxp-table-row-bg-color:var(--vxp-bg-color-base);--vxp-table-row-bg-color-hover:var(--vxp-color-primary-opacity-9);--vxp-table-row-bg-color-stripe:var(--vxp-fill-color-background);--vxp-table-row-b-color-bottom:var(--vxp-border-color-light-1);--vxp-table-row-indent-width:16px;--vxp-table-row-depth:-1;--vxp-table-side-pad-left:0;--vxp-table-side-pad-right:0;--vxp-table-cell-v-padding:6px;--vxp-table-cell-h-padding:6px;--vxp-table-cell-b-color-right:var(--vxp-border-color-light-2);--vxp-table-expand-color:var(--vxp-content-color-secondary);--vxp-table-expand-size:20px;--vxp-table-dragger-color:var(--vxp-content-color-secondary);--vxp-table-dragger-size:20px;--vxp-table-tree-expand-color:var(--vxp-content-color-secondary);--vxp-table-tree-expand-color-hover:var(--vxp-color-primary-base);--vxp-table-tree-expand-size:20px;--vxp-table-sorter-color:var(--vxp-content-color-placeholder);--vxp-table-sorter-color-hover:var(--vxp-content-color-secondary);--vxp-table-sorter-color-active:var(--vxp-c