vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
1 lines • 521 kB
CSS
.vxp-badge-zoom-enter-active{animation-name:vxp-badge-zoom-in;animation-duration:var(--vxp-transition-duration)}.vxp-badge-zoom-leave-active{animation-name:vxp-badge-zoom-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-badge-zoom-in{0%{opacity:0%;transform:translate(50%,-50%) scale(.35)}to{opacity:100%;transform:translate(50%,-50%) scale(1)}}@keyframes vxp-badge-zoom-out{0%{opacity:100%;transform:translate(50%,-50%) scale(1)}to{opacity:0%;transform:translate(50%,-50%) scale(.35)}}@keyframes vxp-border-round{to{transform:rotate(1turn)}}@keyframes vxp-h-moving-border{0%,to{transform:translate3d(-100%,0,0) scaleX(.2)}25%{transform:translateZ(0) scaleX(1)}50%{transform:translate3d(100%,0,0) scaleX(.2)}75%{transform:translateZ(0) scaleX(1)}}@keyframes vxp-v-moving-border{0%,to{transform:translate3d(0,-100%,0) scaleY(.2)}25%{transform:translateZ(0) scaleY(1)}50%{transform:translate3d(0,100%,0) scaleY(.2)}75%{transform:translateZ(0) scaleY(1)}}.vxp-drop-enter-active{animation-name:vxp-drop-in;animation-duration:var(--vxp-transition-duration)}.vxp-drop-leave-active{animation-name:vxp-drop-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-drop-in{0%{opacity:0%;transform:translateZ(0) scaleY(.35)}to{opacity:100%;transform:translateZ(0) scaleY(1)}}@keyframes vxp-drop-out{0%{opacity:100%;transform:translateZ(0) scaleY(1)}to{opacity:0%;transform:translateZ(0) scaleY(.35)}}.vxp-ease-enter-active{animation-name:vxp-ease-in;animation-duration:var(--vxp-transition-duration)}.vxp-ease-leave-active{animation-name:vxp-ease-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-ease-in{0%{opacity:0%;transform:translateZ(0) scale(.9)}to{opacity:100%;transform:translateZ(0) scale(1)}}@keyframes vxp-ease-out{0%{opacity:100%;transform:translateZ(0) scale(1)}to{opacity:0%;transform:translateZ(0) scale(.9)}}.vxp-fade-enter-active{animation-name:vxp-fade-in;animation-duration:var(--vxp-transition-duration)}.vxp-fade-leave-active{animation-name:vxp-fade-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-fade-in{0%{opacity:0%}to{opacity:100%}}@keyframes vxp-fade-out{0%{opacity:100%}to{opacity:0%}}.vxp-move-top-enter-active,.vxp-move-top-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-move-top-enter-active{animation-name:vxp-move-top-in}.vxp-move-top-leave-active{animation-name:vxp-move-top-out}@keyframes vxp-move-top-in{0%{opacity:0%;transform:translateY(-100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-move-top-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%;transform:translateY(-100%) translateZ(0)}}.vxp-move-right-enter-active,.vxp-move-right-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-move-right-enter-active{animation-name:vxp-move-right-in}.vxp-move-right-leave-active{animation-name:vxp-move-right-out}@keyframes vxp-move-right-in{0%{opacity:0%;transform:translate(100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-move-right-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%;transform:translate(100%) translateZ(0)}}.vxp-move-bottom-enter-active,.vxp-move-bottom-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-move-bottom-enter-active{animation-name:vxp-move-bottom-in}.vxp-move-bottom-leave-active{animation-name:vxp-move-bottom-out}@keyframes vxp-move-bottom-in{0%{opacity:0%;transform:translateY(100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-move-bottom-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%;transform:translateY(100%) translateZ(0)}}.vxp-move-left-enter-active,.vxp-move-left-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-move-left-enter-active{animation-name:vxp-move-left-in}.vxp-move-left-leave-active{animation-name:vxp-move-left-out}@keyframes vxp-move-left-in{0%{opacity:0%;transform:translate(-100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-move-left-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%;transform:translate(-100%) translateZ(0)}}.vxp-popup-top-enter-active,.vxp-popup-top-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-popup-top-enter-active{animation-name:vxp-popup-top-in}.vxp-popup-top-leave-active{animation-name:vxp-popup-top-out}@keyframes vxp-popup-top-in{0%{opacity:0%;transform:translateY(-100%) translate(-50%) translateZ(0)}to{opacity:100%;transform:translate3d(-50%,0,0)}}@keyframes vxp-popup-top-out{0%{opacity:100%;transform:translate3d(-50%,0,0)}to{opacity:0%}}.vxp-popup-right-enter-active,.vxp-popup-right-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-popup-right-enter-active{animation-name:vxp-popup-right-in}.vxp-popup-right-leave-active{animation-name:vxp-popup-right-out}@keyframes vxp-popup-right-in{0%{opacity:0%;transform:translate(100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-popup-right-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%}}.vxp-popup-bottom-enter-active,.vxp-popup-bottom-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-popup-bottom-enter-active{animation-name:vxp-popup-bottom-in}.vxp-popup-bottom-leave-active{animation-name:vxp-popup-bottom-out}@keyframes vxp-popup-bottom-in{0%{opacity:0%;transform:translateY(100%) translate(-50%) translateZ(0)}to{opacity:100%;transform:translate3d(-50%,0,0)}}@keyframes vxp-popup-bottom-out{0%{opacity:100%;transform:translate3d(-50%,0,0)}to{opacity:0%}}.vxp-popup-left-enter-active,.vxp-popup-left-leave-active{pointer-events:none;-webkit-user-select:none;user-select:none;animation-duration:var(--vxp-transition-duration)}.vxp-popup-left-enter-active{animation-name:vxp-popup-left-in}.vxp-popup-left-leave-active{animation-name:vxp-popup-left-out}@keyframes vxp-popup-left-in{0%{opacity:0%;transform:translate(-100%) translateZ(0)}to{opacity:100%;transform:translateZ(0)}}@keyframes vxp-popup-left-out{0%{opacity:100%;transform:translateZ(0)}to{opacity:0%}}.vxp-spin-enter-active{animation-name:vxp-spin-in;animation-duration:var(--vxp-transition-duration)}.vxp-spin-leave-active{animation-name:vxp-spin-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-spin-in{0%{transform:translateZ(0) rotate(0)}to{transform:translateZ(0) rotate(360deg)}}@keyframes vxp-spin-out{0%{transform:translateZ(0) rotate(360deg)}to{transform:translateZ(0) rotate(0)}}.vxp-zoom-enter-active{animation-name:vxp-zoom-in;animation-duration:var(--vxp-transition-duration)}.vxp-zoom-leave-active{animation-name:vxp-zoom-out;animation-duration:var(--vxp-transition-duration)}@keyframes vxp-zoom-in{0%{opacity:0%;transform:translateZ(0) scale(.35)}to{opacity:100%;transform:translateZ(0) scale(1)}}@keyframes vxp-zoom-out{0%{opacity:100%;transform:translateZ(0) scale(1)}to{opacity:0%;transform:translateZ(0) scale(.35)}}.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:scaleX(-1) rotate(var(--vxp-icon-rotate, 0))}.vxp-icon--flip-vertical>g{transform:scaleY(-1) rotate(var(--vxp-icon-rotate, 0))}.vxp-icon--flip-both>g{transform:scale(-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)}:root,.vxp-theme-vars-base{--vxp-color-black: #000;--vxp-color-white: #fff;--vxp-color-primary-opacity-9: rgba(51, 154, 240, .1);--vxp-color-primary-opacity-8: rgba(51, 154, 240, .2);--vxp-color-primary-opacity-7: rgba(51, 154, 240, .3);--vxp-color-primary-opacity-6: rgba(51, 154, 240, .4);--vxp-color-primary-opacity-5: rgba(51, 154, 240, .5);--vxp-color-primary-opacity-4: rgba(51, 154, 240, .6);--vxp-color-primary-opacity-3: rgba(51, 154, 240, .7);--vxp-color-primary-opacity-2: rgba(51, 154, 240, .8);--vxp-color-primary-opacity-1: rgba(51, 154, 240, .9);--vxp-color-primary-dark-2: rgb(40.8, 123.2, 192);--vxp-color-primary-dark-1: rgb(45.9, 138.6, 216);--vxp-color-primary-light-9: rgb(234.6, 244.9, 253.5);--vxp-color-primary-light-8: rgb(214.2, 234.8, 252);--vxp-color-primary-light-7: rgb(193.8, 224.7, 250.5);--vxp-color-primary-light-6: rgb(173.4, 214.6, 249);--vxp-color-primary-light-5: rgb(153, 204.5, 247.5);--vxp-color-primary-light-4: rgb(132.6, 194.4, 246);--vxp-color-primary-light-3: rgb(112.2, 184.3, 244.5);--vxp-color-primary-light-2: rgb(91.8, 174.2, 243);--vxp-color-primary-light-1: rgb(71.4, 164.1, 241.5);--vxp-color-primary-base: #339af0;--vxp-color-info-opacity-9: rgba(59, 201, 219, .1);--vxp-color-info-opacity-8: rgba(59, 201, 219, .2);--vxp-color-info-opacity-7: rgba(59, 201, 219, .3);--vxp-color-info-opacity-6: rgba(59, 201, 219, .4);--vxp-color-info-opacity-5: rgba(59, 201, 219, .5);--vxp-color-info-opacity-4: rgba(59, 201, 219, .6);--vxp-color-info-opacity-3: rgba(59, 201, 219, .7);--vxp-color-info-opacity-2: rgba(59, 201, 219, .8);--vxp-color-info-opacity-1: rgba(59, 201, 219, .9);--vxp-color-info-dark-2: rgb(47.2, 160.8, 175.2);--vxp-color-info-dark-1: rgb(53.1, 180.9, 197.1);--vxp-color-info-light-9: rgb(235.4, 249.6, 251.4);--vxp-color-info-light-8: rgb(215.8, 244.2, 247.8);--vxp-color-info-light-7: rgb(196.2, 238.8, 244.2);--vxp-color-info-light-6: rgb(176.6, 233.4, 240.6);--vxp-color-info-light-5: #9de4ed;--vxp-color-info-light-4: rgb(137.4, 222.6, 233.4);--vxp-color-info-light-3: rgb(117.8, 217.2, 229.8);--vxp-color-info-light-2: rgb(98.2, 211.8, 226.2);--vxp-color-info-light-1: rgb(78.6, 206.4, 222.6);--vxp-color-info-base: #3bc9db;--vxp-color-success-opacity-9: rgba(32, 201, 151, .1);--vxp-color-success-opacity-8: rgba(32, 201, 151, .2);--vxp-color-success-opacity-7: rgba(32, 201, 151, .3);--vxp-color-success-opacity-6: rgba(32, 201, 151, .4);--vxp-color-success-opacity-5: rgba(32, 201, 151, .5);--vxp-color-success-opacity-4: rgba(32, 201, 151, .6);--vxp-color-success-opacity-3: rgba(32, 201, 151, .7);--vxp-color-success-opacity-2: rgba(32, 201, 151, .8);--vxp-color-success-opacity-1: rgba(32, 201, 151, .9);--vxp-color-success-dark-2: rgb(25.6, 160.8, 120.8);--vxp-color-success-dark-1: rgb(28.8, 180.9, 135.9);--vxp-color-success-light-9: rgb(232.7, 249.6, 244.6);--vxp-color-success-light-8: rgb(210.4, 244.2, 234.2);--vxp-color-success-light-7: rgb(188.1, 238.8, 223.8);--vxp-color-success-light-6: rgb(165.8, 233.4, 213.4);--vxp-color-success-light-5: rgb(143.5, 228, 203);--vxp-color-success-light-4: rgb(121.2, 222.6, 192.6);--vxp-color-success-light-3: rgb(98.9, 217.2, 182.2);--vxp-color-success-light-2: rgb(76.6, 211.8, 171.8);--vxp-color-success-light-1: rgb(54.3, 206.4, 161.4);--vxp-color-success-base: #20c997;--vxp-color-warning-opacity-9: rgba(250, 176, 5, .1);--vxp-color-warning-opacity-8: rgba(250, 176, 5, .2);--vxp-color-warning-opacity-7: rgba(250, 176, 5, .3);--vxp-color-warning-opacity-6: rgba(250, 176, 5, .4);--vxp-color-warning-opacity-5: rgba(250, 176, 5, .5);--vxp-color-warning-opacity-4: rgba(250, 176, 5, .6);--vxp-color-warning-opacity-3: rgba(250, 176, 5, .7);--vxp-color-warning-opacity-2: rgba(250, 176, 5, .8);--vxp-color-warning-opacity-1: rgba(250, 176, 5, .9);--vxp-color-warning-dark-2: rgb(200, 140.8, 4);--vxp-color-warning-dark-1: rgb(225, 158.4, 4.5);--vxp-color-warning-light-9: rgb(254.5, 247.1, 230);--vxp-color-warning-light-8: rgb(254, 239.2, 205);--vxp-color-warning-light-7: rgb(253.5, 231.3, 180);--vxp-color-warning-light-6: rgb(253, 223.4, 155);--vxp-color-warning-light-5: rgb(252.5, 215.5, 130);--vxp-color-warning-light-4: rgb(252, 207.6, 105);--vxp-color-warning-light-3: rgb(251.5, 199.7, 80);--vxp-color-warning-light-2: rgb(251, 191.8, 55);--vxp-color-warning-light-1: rgb(250.5, 183.9, 30);--vxp-color-warning-base: #fab005;--vxp-color-error-opacity-9: rgba(240, 62, 62, .1);--vxp-color-error-opacity-8: rgba(240, 62, 62, .2);--vxp-color-error-opacity-7: rgba(240, 62, 62, .3);--vxp-color-error-opacity-6: rgba(240, 62, 62, .4);--vxp-color-error-opacity-5: rgba(240, 62, 62, .5);--vxp-color-error-opacity-4: rgba(240, 62, 62, .6);--vxp-color-error-opacity-3: rgba(240, 62, 62, .7);--vxp-color-error-opacity-2: rgba(240, 62, 62, .8);--vxp-color-error-opacity-1: rgba(240, 62, 62, .9);--vxp-color-error-dark-2: rgb(192, 49.6, 49.6);--vxp-color-error-dark-1: rgb(216, 55.8, 55.8);--vxp-color-error-light-9: rgb(253.5, 235.7, 235.7);--vxp-color-error-light-8: rgb(252, 216.4, 216.4);--vxp-color-error-light-7: rgb(250.5, 197.1, 197.1);--vxp-color-error-light-6: rgb(249, 177.8, 177.8);--vxp-color-error-light-5: rgb(247.5, 158.5, 158.5);--vxp-color-error-light-4: rgb(246, 139.2, 139.2);--vxp-color-error-light-3: rgb(244.5, 119.9, 119.9);--vxp-color-error-light-2: rgb(243, 100.6, 100.6);--vxp-color-error-light-1: rgb(241.5, 81.3, 81.3);--vxp-color-error-base: #f03e3e;--vxp-content-color-primary: #212529;--vxp-content-color-base: #495057;--vxp-content-color-secondary: #868e96;--vxp-content-color-third: #a1adb1;--vxp-content-color-disabled: #adb5bd;--vxp-content-color-placeholder: #ced4da;--vxp-content-color-humble: #dee2e6;--vxp-content-color-reverse: #fff;--vxp-bg-color-base: #fff;--vxp-bg-color-reverse: #131719;--vxp-border-color-base: #ced4da;--vxp-border-color-light-1: #dee2e6;--vxp-border-color-light-2: #e9ecef;--vxp-border-color-dark-1: #adb5bd;--vxp-border-color-dark-2: #868e96;--vxp-border-width: 1px;--vxp-border-style: solid;--vxp-border-shape: var(--vxp-border-width) var(--vxp-border-style);--vxp-border-base: var(--vxp-border-shape) var(--vxp-border-color-base);--vxp-border-light-1: var(--vxp-border-shape) var(--vxp-border-color-light-1);--vxp-border-light-2: var(--vxp-border-shape) var(--vxp-border-color-light-2);--vxp-border-dark-1: var(--vxp-border-shape) var(--vxp-border-color-dark-1);--vxp-border-dark-2: var(--vxp-border-shape) var(--vxp-border-color-dark-2);--vxp-fill-color-base: #fff;--vxp-fill-color-secondary: #d9dfe2;--vxp-fill-color-disabled: #dee2e6;--vxp-fill-color-hover: #e9ecef;--vxp-fill-color-humble: #f3f4f6;--vxp-fill-color-background: #f8f9fa;--vxp-fill-color-reverse: #131719;--vxp-font-family-base: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Fira Sans, Droid Sans, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji;--vxp-font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--vxp-font-size-base: 14px;--vxp-font-size-primary: 16px;--vxp-font-size-secondary: 12px;--vxp-line-height-base: 1.5;--vxp-line-height-secondary: 1;--vxp-radius-base: 4px;--vxp-radius-large: 6px;--vxp-radius-small: 2px;--vxp-shadow-x: 0;--vxp-shadow-y: 0;--vxp-shadow-blur: 6px;--vxp-shadow-shape: var(--vxp-shadow-x) var(--vxp-shadow-y) var(--vxp-shadow-blur);--vxp-shadow-base: var(--vxp-shadow-shape) var(--vxp-border-color-base);--vxp-shadow-color-base: #dee2e6;--vxp-shadow-color-light-1: #e9ecef;--vxp-shadow-color-light-2: #f1f3f5;--vxp-shadow-color-dark-1: #ced4da;--vxp-shadow-color-dark-2: #adb5bd;--vxp-shadow-base: var(--vxp-shadow-shape) var(--vxp-shadow-color-base);--vxp-shadow-light-1: var(--vxp-shadow-shape) var(--vxp-shadow-color-light-1);--vxp-shadow-light-2: var(--vxp-shadow-shape) var(--vxp-shadow-color-light-2);--vxp-shadow-dark-1: var(--vxp-shadow-shape) var(--vxp-shadow-color-dark-1);--vxp-shadow-dark-2: var(--vxp-shadow-shape) var(--vxp-shadow-color-dark-2);--vxp-shadow-border: 0 0 0 1px;--vxp-shadow-focus: 0 0 2px 2px;--vxp-transition-duration: .25s;--vxp-transition-timing: ease;--vxp-transition-base: var(--vxp-transition-duration) var(--vxp-transition-timing);--vxp-transition-color: color var(--vxp-transition-base);--vxp-transition-background: background-color var(--vxp-transition-base);--vxp-transition-border: border-color var(--vxp-transition-base);--vxp-transition-shadow: box-shadow var(--vxp-transition-base);--vxp-transition-opacity: opacity var(--vxp-transition-base);--vxp-transition-transform: transform var(--vxp-transition-base);--vxp-z-index-popper: 1000;--vxp-z-index-masker: 1500;--vxp-z-index-popup: 2000;--vxp-z-index-full: 2147483584;--vxp-break-point-xs: (max-width: 575.98px);--vxp-break-point-sm: (min-width: 576px);--vxp-break-point-md: (min-width: 768px);--vxp-break-point-lg: (min-width: 992px);--vxp-break-point-xl: (min-width: 1200px);--vxp-break-point-xxl: (min-width: 1600px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}.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 *:before,.vxp-alert *:after{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:hover,.vxp-alert__close:focus{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 *:before,.vxp-anchor *:after{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: .14s;--vxp-scrollbar-move-timing: cubic-bezier(.165, .84, .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 *:before,.vxp-scrollbar *:after{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--top,.vxp-scrollbar--bottom{inset-inline:0;height:var(--vxp-scrollbar-width)}.vxp-scrollbar--top .vxp-scrollbar__bar,.vxp-scrollbar--bottom .vxp-scrollbar__bar{height:100%;will-change:width}.vxp-scrollbar--right,.vxp-scrollbar--left{top:0;bottom:0;width:var(--vxp-scrollbar-width)}.vxp-scrollbar--right .vxp-scrollbar__bar,.vxp-scrollbar--left .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 *:before,.vxp-native-scroll *:after{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:before,.vxp-native-scroll__wrapper:after{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--horizontal>.vxp-native-scroll__wrapper,.vxp-native-scroll--both>.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;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 *:before,.vxp-overflow *:after{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 *:before,.vxp-popper *:after{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 *:before,.vxp-tag *:after{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:hover,.vxp-tag__close:focus{opacity:100%}.vxp-tag--disabled .vxp-tag__close,.vxp-tag--disabled .vxp-tag__close:hover,.vxp-tag--disabled .vxp-tag__close:focus{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, .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, .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, .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, .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, .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, .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, .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, .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, .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 *:before,.vxp-tooltip *:after{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:translate(-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:translate(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:translate(-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:translate(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:translate(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:translate(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:translate(-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:translate(-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^=top],.vxp-tooltip__popper--no-arrow[data-popper-placement^=bottom]{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__arro