@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 160 kB
CSS
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:wght@400;500;700&display=swap);[class^=vs]{outline:0;list-style:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Poppins,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer}.disabled,[disabled=true]{opacity:.65;cursor:default;pointer-events:none}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{scroll-behavior:smooth;-webkit-tap-highlight-color:none}body{line-height:1.5}a{text-decoration:none;color:inherit}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{outline:0}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}input.hide-clear[type=search]::-ms-clear,input.hide-clear[type=search]::-ms-reveal{display:none;width:0;height:0}input.hide-clear[type=search]::-webkit-search-cancel-button,input.hide-clear[type=search]::-webkit-search-decoration,input.hide-clear[type=search]::-webkit-search-results-button,input.hide-clear[type=search]::-webkit-search-results-decoration{display:none}.vs-remove-transition *,.vs-remove-transition :after,.vs-remove-transition :before{transition:all 0s!important}:root{--vs-color:17,18,20;--vs-white:255,255,255;--vs-black:0,0,0;--vs-shadow-opacity:0.05;--vs-radius:20px;--vs-background-opacity:0.2;--vs-primary:25,91,255;--vs-primary-light-3:94,140,255;--vs-primary-light-5:140,173,255;--vs-primary-light-7:186,206,255;--vs-primary-light-8:209,222,255;--vs-primary-light-9:232,239,255;--vs-primary-dark-2:20,73,204;--vs-success:70,201,58;--vs-success-light-3:126,217,117;--vs-success-light-5:163,228,157;--vs-success-light-7:200,239,196;--vs-success-light-8:218,244,216;--vs-success-light-9:237,250,235;--vs-success-dark-2:56,161,46;--vs-warn:255,186,0;--vs-warn-light-3:255,207,77;--vs-warn-light-5:255,221,128;--vs-warn-light-7:255,234,179;--vs-warn-light-8:255,241,204;--vs-warn-light-9:255,248,230;--vs-warn-dark-2:204,149,0;--vs-danger:255,71,87;--vs-danger-light-3:255,126,137;--vs-danger-light-5:255,163,171;--vs-danger-light-7:255,200,205;--vs-danger-light-8:255,218,221;--vs-danger-light-9:255,237,238;--vs-danger-dark-2:204,57,70;--vs-error:255,71,87;--vs-error-light-3:255,126,137;--vs-error-light-5:255,163,171;--vs-error-light-7:255,200,205;--vs-error-light-8:255,218,221;--vs-error-light-9:255,237,238;--vs-error-dark-2:204,57,70;--vs-info:144,147,153;--vs-info-light-3:177,179,184;--vs-info-light-5:200,201,204;--vs-info-light-7:222,223,224;--vs-info-light-8:233,233,235;--vs-info-light-9:244,244,245;--vs-info-dark-2:115,118,122;--vs-dark:30,30,30;--vs-dark-light-3:98,98,98;--vs-dark-light-5:143,143,143;--vs-dark-light-7:188,188,188;--vs-dark-light-8:210,210,210;--vs-dark-light-9:233,233,233;--vs-dark-dark-2:24,24,24;--vs-light:244,247,248;--vs-light-light-3:247,249,250;--vs-light-light-5:250,251,252;--vs-light-light-7:252,253,253;--vs-light-light-8:253,253,254;--vs-light-light-9:254,254,254;--vs-light-dark-2:195,198,198;--vs-facebook:59,89,153;--vs-twitter:29,161,242;--vs-youtube:255,0,0;--vs-pinterest:189,8,28;--vs-linkedin:0,119,181;--vs-snapchat:255,252,0;--vs-whatsapp:37,211,102;--vs-tumblr:54,70,93;--vs-reddit:255,69,0;--vs-spotify:30,215,96;--vs-amazon:255,153,0;--vs-medium:2,184,117;--vs-vimeo:26,183,234;--vs-skype:0,175,240;--vs-dribbble:234,76,137;--vs-slack:74,21,75;--vs-yahoo:67,2,151;--vs-twitch:100,65,164;--vs-discord:114,137,218;--vs-telegram:0,136,204;--vs-google-plus:219,68,55;--vs-messenger:0,132,255;--vs-font-size-extra-large:20px;--vs-font-size-large:18px;--vs-font-size-medium:16px;--vs-font-size-base:14px;--vs-font-size-small:13px;--vs-font-size-extra-small:12px;--vs-font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;--vs-font-weight-primary:500;--vs-font-line-height-primary:24px;--vs-index-normal:1;--vs-index-top:1000;--vs-index-popper:2000;--vs-border-radius-base:4px;--vs-border-radius-small:2px;--vs-border-radius-round:20px;--vs-border-radius-circle:100%;--vs-border-radius-full:99999px;--vs-gray-1:249,252,253;--vs-gray-2:244,247,248;--vs-gray-3:240,243,244;--vs-gray-4:230,233,234;--vs-divider:206,208,212;--vs-text:44,62,80;--vs-background:255,255,255;--vs-transition-duration:0.25s;--vs-transition-duration-fast:0.2s;--vs-transition-function-ease-in-out-bezier:cubic-bezier(0.645, 0.045, 0.355, 1);--vs-transition-function-fast-bezier:cubic-bezier(0.23, 1, 0.32, 1);--vs-transition-function-ease:ease;--vs-transition-all:all var(--vs-transition-duration) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-ease:all var(--vs-transition-duration) var(--vs-transition-function-ease);--vs-transition-fade:opacity var(--vs-transition-duration) var(--vs-transition-function-fast-bezier);--vs-transition-md-fade:transform var(--vs-transition-duration) var(--vs-transition-function-fast-bezier),opacity var(--vs-transition-duration) var(--vs-transition-function-fast-bezier);--vs-transition-fade-linear:opacity var(--vs-transition-duration-fast) linear;--vs-transition-border:border-color var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-box-shadow:box-shadow var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-transition-color:color var(--vs-transition-duration-fast) var(--vs-transition-function-ease-in-out-bezier);--vs-component-size-large:40px;--vs-component-size:32px;--vs-component-size-small:24px}:root{color-scheme:light;--vs-white:255,255,255;--vs-black:0,0,0;--vs-primary:25,91,255;--vs-primary-light-3:94,140,255;--vs-primary-light-5:140,173,255;--vs-primary-light-7:186,206,255;--vs-primary-light-8:209,222,255;--vs-primary-light-9:232,239,255;--vs-primary-dark-2:20,73,204;--vs-success:70,201,58;--vs-success-light-3:126,217,117;--vs-success-light-5:163,228,157;--vs-success-light-7:200,239,196;--vs-success-light-8:218,244,216;--vs-success-light-9:237,250,235;--vs-success-dark-2:56,161,46;--vs-warn:255,186,0;--vs-warn-light-3:255,207,77;--vs-warn-light-5:255,221,128;--vs-warn-light-7:255,234,179;--vs-warn-light-8:255,241,204;--vs-warn-light-9:255,248,230;--vs-warn-dark-2:204,149,0;--vs-danger:255,71,87;--vs-danger-light-3:255,126,137;--vs-danger-light-5:255,163,171;--vs-danger-light-7:255,200,205;--vs-danger-light-8:255,218,221;--vs-danger-light-9:255,237,238;--vs-danger-dark-2:204,57,70;--vs-error:255,71,87;--vs-error-light-3:255,126,137;--vs-error-light-5:255,163,171;--vs-error-light-7:255,200,205;--vs-error-light-8:255,218,221;--vs-error-light-9:255,237,238;--vs-error-dark-2:204,57,70;--vs-info:144,147,153;--vs-info-light-3:177,179,184;--vs-info-light-5:200,201,204;--vs-info-light-7:222,223,224;--vs-info-light-8:233,233,235;--vs-info-light-9:244,244,245;--vs-info-dark-2:115,118,122;--vs-dark:30,30,30;--vs-dark-light-3:98,98,98;--vs-dark-light-5:143,143,143;--vs-dark-light-7:188,188,188;--vs-dark-light-8:210,210,210;--vs-dark-light-9:233,233,233;--vs-dark-dark-2:24,24,24;--vs-light:244,247,248;--vs-light-light-3:247,249,250;--vs-light-light-5:250,251,252;--vs-light-light-7:252,253,253;--vs-light-light-8:253,253,254;--vs-light-light-9:254,254,254;--vs-light-dark-2:195,198,198;--vs-bg-color:255,255,255;--vs-bg-color-page:242,243,245;--vs-bg-color-overlay:255,255,255;--vs-text-color:48,49,51;--vs-text-color-regular:96,98,102;--vs-text-color-secondary:144,147,153;--vs-text-color-placeholder:168,171,178;--vs-text-color-disabled:192,196,204;--vs-border-color:220,223,230;--vs-border-color-light:228,231,237;--vs-border-color-lighter:235,238,245;--vs-border-color-extra-light:242,246,252;--vs-border-color-dark:212,215,222;--vs-border-color-darker:205,208,214;--vs-fill-color:240,242,245;--vs-fill-color-light:245,247,250;--vs-fill-color-lighter:250,250,250;--vs-fill-color-extra-light:250,252,255;--vs-fill-color-dark:235,237,240;--vs-fill-color-darker:230,232,235;--vs-fill-color-blank:255,255,255;--vs-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.04),0px 8px 20px rgba(0, 0, 0, 0.08);--vs-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.12);--vs-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.12);--vs-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.08),0px 12px 32px rgba(0, 0, 0, 0.12),0px 8px 16px -8px rgba(0, 0, 0, 0.16);--vs-disabled-bg-color:var(--vs-fill-color-light);--vs-disabled-text-color:var(--vs-text-color-placeholder);--vs-disabled-border-color:var(--vs-border-color-light);--vs-z-index-normal:1;--vs-z-index-top:1000;--vs-z-index-popper:2000;--vs-overlay-color:rgba(0, 0, 0, 0.8);--vs-overlay-color-light:rgba(0, 0, 0, 0.7);--vs-overlay-color-lighter:rgba(0, 0, 0, 0.5);--vs-mask-color:rgba(255, 255, 255, 0.9);--vs-mask-color-extra-light:rgba(255, 255, 255, 0.3);--vs-border-width:1px;--vs-border-style:solid;--vs-border-color-hover:var(--vs-text-color-disabled);--vs-border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);--vs-svg-monochrome-grey:var(--vs-border-color)}[class*="--primary"]{--vs-color:var(--vs-primary)}[class*="--success"]{--vs-color:var(--vs-success)}[class*="--warn"]{--vs-color:var(--vs-warn)}[class*="--danger"]{--vs-color:var(--vs-danger)}[class*="--error"]{--vs-color:var(--vs-error)}[class*="--info"]{--vs-color:var(--vs-info)}[class*="--dark"]{--vs-color:var(--vs-dark)}[class*=component--default]{--vs-color:var(--vs-primary)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--vs-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.tooltip-enter-active,.tooltip-leave-active{transition:all .25s ease,left 0s,top 0s}.tooltip-enter-from,.tooltip-leave-to{opacity:0}.tooltip-enter-from[data-popper-placement*=top],.tooltip-leave-to[data-popper-placement*=top]{transform:translate(0,5px)}.tooltip-enter-from[data-popper-placement*=bottom],.tooltip-leave-to[data-popper-placement*=bottom]{transform:translate(0,-5px)}.tooltip-enter-from[data-popper-placement*=left],.tooltip-leave-to[data-popper-placement*=left]{transform:translate(5px)}.tooltip-enter-from[data-popper-placement*=right],.tooltip-leave-to[data-popper-placement*=right]{transform:translate(-5px)}.vs-fade-in-linear-enter-active,.vs-fade-in-linear-leave-active{transition:var(--vs-transition-fade-linear)}.vs-fade-in-linear-enter-from,.vs-fade-in-linear-leave-to{opacity:0}.vs-fade-in-enter-active,.vs-fade-in-leave-active{transition:all var(--vs-transition-duration) cubic-bezier(.55,0,.1,1)}.vs-fade-in-enter-from,.vs-fade-in-leave-active{opacity:0}.vs-zoom-in-center-enter-active,.vs-zoom-in-center-leave-active{transition:all var(--vs-transition-duration) cubic-bezier(.55,0,.1,1)}.vs-zoom-in-center-enter-from,.vs-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.vs-zoom-in-top-enter-active,.vs-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:var(--vs-transition-md-fade);transform-origin:center top}.vs-zoom-in-top-enter-active[data-popper-placement^=top],.vs-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:center bottom}.vs-zoom-in-top-enter-from,.vs-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.vs-zoom-in-bottom-enter-active,.vs-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transition:var(--vs-transition-md-fade);transform-origin:center bottom}.vs-zoom-in-bottom-enter-from,.vs-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.vs-zoom-in-left-enter-active,.vs-zoom-in-left-leave-active{opacity:1;transform:scale(1,1);transition:var(--vs-transition-md-fade);transform-origin:top left}.vs-zoom-in-left-enter-from,.vs-zoom-in-left-leave-active{opacity:0;transform:scale(.45,.45)}.vs-collapse-transition{transition:var(--vs-transition-duration) height ease-in-out,var(--vs-transition-duration) padding-top ease-in-out,var(--vs-transition-duration) padding-bottom ease-in-out}.vs-collapse-transition-enter-active,.vs-collapse-transition-leave-active{transition:var(--vs-transition-duration) max-height ease-in-out,var(--vs-transition-duration) padding-top ease-in-out,var(--vs-transition-duration) padding-bottom ease-in-out}.vs-horizontal-collapse-transition{transition:var(--vs-transition-duration) width ease-in-out,var(--vs-transition-duration) padding-left ease-in-out,var(--vs-transition-duration) padding-right ease-in-out}.vs-list-enter-active,.vs-list-leave-active{transition:all 1s}.vs-list-enter-from,.vs-list-leave-to{opacity:0;transform:translateY(-30px)}.vs-list-leave-active{position:absolute!important}.vs-opacity-transition{transition:opacity var(--vs-transition-duration) cubic-bezier(.55,0,.1,1)}.vs-icon--right{margin-left:5px}.vs-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.vs-icon{--vs-color:inherit;height:1em;width:1em;line-height:1em;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:rgba(var(--vs-color));font-size:inherit}.vs-icon.is-loading{animation:rotating 2s linear infinite}.vs-icon svg{height:1em;width:1em}.vs-icon-arrow{pointer-events:none;width:7px;height:7px;transform:rotate(-135deg);transition:var(--vs-transition-ease);transform-origin:center}.vs-icon-arrow::after,.vs-icon-arrow::before{content:"";position:absolute;top:0;display:block;border-radius:2px;width:100%;height:1px;background:rgba(var(--vs-text),1)}.vs-icon-arrow:before{height:100%;width:1px}.vs-icon-arrow:after{width:100%;height:1px}.vs-icon-check{--vs-icheck-height:23px;--vs-icheck-line-radius:5px;display:flex;justify-content:center;align-items:center;height:var(--vs-icheck-height);width:var(--vs-icheck-height);transition:var(--vs-transition-ease);border-radius:inherit}.vs-icon-check .vs-icon-check__check{height:16px;width:16px}.vs-icon-check .vs-icon-check__check path{stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:0,24.19;stroke-dashoffset:0;visibility:hidden;transition:stroke-dasharray .2s ease-in-out,visibility 20ms .18s}.vs-icon-check.is-active:before{width:8px}.vs-icon-check.is-active:after{width:4px}.vs-icon-check.is-active .vs-icon-check__check path{stroke-dasharray:24.19,24.19;visibility:visible;transition:stroke-dasharray .1s .18s ease-in-out,visibility 20ms .18s}.vs-icon-check.is-active.is-indeterminate .vs-icon-check__line{width:14px;visibility:visible}.vs-icon-check.is-indeterminate .vs-icon-check__line{width:10px;transition:all .2s ease-in-out;left:0;right:auto;width:2.5px;height:2.5px;background-color:#fff;border-radius:10px;visibility:hidden}.vs-icon-close{--vs-iclose-background:var(--vs-color);--vs-iclose-height:30px;width:var(--vs-iclose-height);height:var(--vs-iclose-height);display:flex;align-items:center;justify-content:center;position:relative;transition:var(--vs-transition-ease)}.vs-icon-close::after,.vs-icon-close::before{background:rgba(var(--vs-color),1);content:"";position:absolute;width:16px;height:2px;border-radius:2px;transition:var(--vs-transition-ease)}.vs-icon-close:before{transform:rotate(-45deg)}.vs-icon-close:after{transform:rotate(45deg)}.vs-icon-close-hover--less:hover:after,.vs-icon-close-hover--less:hover:before{width:12px;transform:rotate(180deg)}.vs-icon-loading{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;max-width:50px;max-height:50px;border-radius:var(--vs-border-radius-full);z-index:999999;color:rgba(var(--vs-color),1);transition:var(--vs-transition-ease)}.vs-icon-loading__item{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.vs-icon-loading__item .path{stroke:currentColor;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none}.vs-icon-loading__1{animation:rotating .88s ease infinite .11s}.vs-icon-loading__1 .path{stroke-dasharray:60 150}.vs-icon-loading__2{opacity:.6;animation:rotating .88s linear infinite}.vs-icon-loading__2 .path{stroke-dasharray:5 130}.vs-icon-plus{--vs-iplus-background:var(--vs-color);--vs-iplus-height:30px;display:flex;justify-content:center;align-items:center;width:var(--vs-iplus-height);height:var(--vs-iplus-height);position:relative;transition:var(--vs-transition-ease);cursor:pointer}.vs-icon-plus::after,.vs-icon-plus:before{background:rgba(var(--vs-color),1);content:"";position:absolute;width:14px;height:2px;border-radius:2px}.vs-icon-plus:before{transform:rotate(0);transition:var(--vs-transition-ease)}.vs-icon-plus:after{transform:rotate(90deg);transition:all .4s ease}.vs-icon-plus:hover:not(.is-less){transform:rotate(-90deg)}.vs-icon-plus.is-less:hover{transform:scale(.75)}.vs-icon-plus.is-less:after{transform:rotate(180deg)}.vs-ripple{width:100px;height:100px;position:absolute;width:100%;pointer-events:none;overflow:hidden;height:100%;top:0;right:0;border-radius:inherit;z-index:-1}.vs-ripple--default{width:0;height:0;border-radius:50%;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;background:radial-gradient(circle,rgba(var(--vs-color),.05),rgba(var(--vs-color),.6))}.vs-ripple--solid{background:rgba(var(--vs-color),1);opacity:1}.vs-ripple--invert{--vs-color:var(--vs-light);width:0;height:0;border-radius:50%;opacity:0;position:absolute;transform:translate(-50%,-50%);transition:all .5s ease;background-image:radial-gradient(circle,rgba(var(--vs-color),.7),rgba(var(--vs-color),0))}.vs-ripple--cut-1{width:0;height:0;opacity:0;position:absolute;transform:translate(-100%,-50%) skew(20deg);transition:all .6s ease;background-image:linear-gradient(270deg,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 100%)}.vs-ripple--cut-2{width:0;height:0;opacity:0;position:absolute;transform:translate(0,-50%) skew(20deg);transition:all .6s ease;background-image:linear-gradient(90deg,rgba(255,255,255,.25) 0,rgba(255,255,255,0) 100%)}.vs-alert{--vs-alert-bg-light:rgba(var(--vs-color), 0.1);--vs-alert-border-radius:4px 12px 12px 4px;--vs-alert-shadow--icon-close:0px 0px 0px 0px rgba(0, 0, 0, 0.15);--vs-alert-shadow--icon-close-hover:0px 5px 18px 0px rgba(0, 0, 0, 0.15);--vs-alert-icon-close-width:30px;--vs-alert-icon-close-height:30px;--vs-alert-font-size:0.9rem;--vs-alert-alert-with-border-height:calc(100% - 2px);--vs-alert-alert-with-border-width:calc(100% - 2px);--vs-alert-content-text-padding:20px 15px;background:var(--vs-alert-bg-light);color:rgba(var(--vs-color),1);width:100%;padding:0 20px;border-radius:var(--vs-alert-border-radius);position:relative;font-size:var(--vs-alert-font-size);z-index:10;transition:var(--vs-transition-ease);overflow:hidden}.vs-alert::-moz-selection{background:rgba(var(--vs-color),.15)}.vs-alert::selection{background:rgba(var(--vs-color),.15)}.vs-alert ::-moz-selection{background:rgba(var(--vs-color),.15)}.vs-alert ::selection{background:rgba(var(--vs-color),.15)}.vs-alert b{font-weight:600}.vs-alert a{color:inherit!important;text-decoration:underline}.vs-alert a:hover{opacity:.6}.vs-alert::after{content:"";background:rgba(var(--vs-color),1);left:0;top:0;width:2px;height:100%;position:absolute}.vs-alert--solid{background:rgba(var(--vs-color),1);color:#fff}.vs-alert--solid .vs-alert__icon i{color:#fff}.vs-alert--solid .vs-alert__icon svg{fill:#fff}.vs-alert--solid .vs-alert__close{color:#fff;box-shadow:var(--vs-alert-shadow--icon-close)}.vs-alert--solid .vs-alert__close:hover{transform:translate(0,-2px);box-shadow:var(--vs-alert-shadow--icon-close-hover)}.vs-alert--solid .vs-alert__close svg{fill:#fff}.vs-alert--solid::after{background:rgba(255,255,255,.4)}.vs-alert--border{background:0 0}.vs-alert--border::before{border:1px solid rgba(var(--vs-color),1);border-left:0;width:var(--vs-alert-alert-with-border-width);content:"";position:absolute;height:var(--vs-alert-alert-with-border-height);top:0;left:0;z-index:-1;border-radius:inherit}.vs-alert--shadow{background:0 0;box-shadow:0 4px 15px 0 rgba(var(--vs-color),.12)}.vs-alert--gradient{background:rgba(var(--vs-color),1);color:#fff;border-radius:12px}.vs-alert--gradient .vs-alert__icon i{color:#fff}.vs-alert--gradient .vs-alert__icon svg{fill:#fff}.vs-alert--gradient .vs-alert__close{color:#fff;box-shadow:var(--vs-alert-shadow--icon-close)}.vs-alert--gradient .vs-alert__close:hover{transform:translate(0,-2px);box-shadow:var(--vs-alert-shadow--icon-close-hover)}.vs-alert--gradient .vs-alert__close svg{fill:#fff}.vs-alert--gradient::after{display:none}.vs-alert--gradient::before{background:linear-gradient(30deg,rgba(var(--vs-color),0) 33%,rgba(var(--vs-color),1) 100%);filter:hue-rotate(-50deg);width:100%;content:"";position:absolute;height:100%;top:0;left:0;z-index:-1;border-radius:inherit}.vs-alert--flat{background:rgba(0,0,0,.03)}.vs-alert--relief{background:rgba(var(--vs-color),1);color:#fff;border-radius:12px;margin-bottom:7px;box-shadow:6px 6px 0 0 rgba(var(--vs-color),.3)}.vs-alert--relief .vs-alert__icon i{color:#fff}.vs-alert--relief .vs-alert__icon svg{fill:#fff}.vs-alert--relief .vs-alert__close{color:#fff;box-shadow:var(--vs-alert-shadow--icon-close)}.vs-alert--relief .vs-alert__close:hover{transform:translate(0,-2px);background:rgba(0,0,0,.2);box-shadow:var(--vs-alert-shadow--icon-close-hover)}.vs-alert--relief .vs-alert__close svg{fill:#fff}.vs-alert--relief::after{display:none}.vs-alert__title{font-weight:600;font-size:1rem;padding:15px;display:flex;justify-content:space-between;align-items:center}.vs-alert__title--click__hidden{cursor:pointer;padding-right:0}.vs-alert__title~.vs-alert__content .vs-alert__content__text{padding-top:0}.vs-alert__content{transition:var(--vs-transition-ease);overflow:hidden}.vs-alert__content--text{padding:var(--vs-alert-content-text-padding)}.vs-alert__close{position:absolute;top:15px;right:20px;background:0 0;border:0;color:rgba(var(--vs-color),1);width:var(--vs-alert-icon-close-width);height:var(--vs-alert-icon-close-height);display:flex;justify-content:center;align-items:center;transition:var(--vs-transition-ease);box-shadow:0 0 0 0 rgba(var(--vs-color),.3);border-radius:10px;padding:0}.vs-alert__close:hover{transform:translate(0,-2px);box-shadow:0 5px 18px 0 rgba(var(--vs-color),.3)}.vs-alert__close:active{transform:translate(0,-1px)}.vs-alert__close svg{fill:rgba(var(--vs-color),1)}.vs-alert__footer{display:flex;justify-content:flex-end;align-items:center;position:relative;width:100%;padding:10px 15px;padding-top:0}.vs-alert__icon{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:50px;height:100%;padding-left:2px}.vs-alert__icon i{font-size:1.3rem;color:rgba(var(--vs-color),1)}.vs-alert__icon svg{width:24px;height:24px;fill:rgba(var(--vs-color),1)}.vs-alert__icon~.vs-alert__footer{padding-left:35px}.vs-alert__icon~.vs-alert__content{padding-left:20px}.vs-alert__icon~.vs-alert__title{padding-left:35px}.vs-alert__progress{width:100%;position:absolute;bottom:0;left:0;height:2px;background:rgba(var(--vs-color),.2)}.vs-alert__progress--bar{left:0;position:relative;height:100%;background:rgba(var(--vs-color),1);transition:var(--vs-transition-ease)}.vs-alert__pagination{position:relative;padding:0 20px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:10px}.vs-alert__pagination span{font-size:.8rem;margin:0 8px;min-width:28px;text-align:center}.vs-alert__pagination button{border:0;background:0 0;color:rgba(var(--vs-color),1);padding:0 7px;font-size:1rem;background:var(--vs-alert-bg-light);border-radius:8px;transition:var(--vs-transition-ease)}.vs-alert__pagination button:hover{background:rgba(var(--vs-color),1);color:#fff}.vs-avatar__group{display:flex;justify-content:center;align-items:center;padding-left:18px}.vs-avatar__group.float{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding-left:0}.vs-avatar__group.float .vs-avatar-content{position:relative;z-index:2;border:3px solid rgba(var(--vs-background),1);margin:0;background:rgba(var(--vs-color),1)}.vs-avatar__group:not(.float) .vs-avatar-content{margin-left:-18px;position:relative;z-index:2;border:3px solid rgba(var(--vs-gray-1),1);background-color:rgba(var(--vs-gray-1),1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 0 0 rgba(var(--vs-black),.1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover img{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content:not(.vs-component--is-color) .vs-avatar{background:rgba(var(--vs-divider),1);color:rgba(var(--vs-text),1)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons){transform:translate(-10px)}.vs-avatar__group:not(.float) .vs-avatar-content:hover:not(.vs-avatar-content--hasIcons) .vs-avatar{transform:scale(1)}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons{margin-right:0}.vs-avatar__group:not(.float) .vs-avatar-content--hasIcons:hover{transform:translate(-34px)!important}.vs-avatar-content{--vs-avatar-badge:var(--vs-primary);--vs-avatar-width:44px;--vs-avatar-height:44px;--vs-avatar-badge-position-top:-4px;--vs-avatar-badge-position-right:-4px;--vs-avatar-badge-position-bottom:-4px;--vs-avatar-badge-position-left:-4px;--vs-avatar-circle-badge-position-top:-2px;--vs-avatar-circle-badge-position-right:-2px;--vs-avatar-circle-badge-position-bottom:-2px;--vs-avatar-circle-badge-position-left:-2px;--vs-avatar-three-letter-font-size:0.9rem;--vs-avatar-four-letter-font-size:0.8rem;--vs-avatar-five-letter-font-size:0.7rem;--vs-avatar-six-letter-font-size:0.6rem;--vs-avatar-point-width:5px;--vs-color:var(--vs-gray-2)}.vs-avatar-content{border-radius:35%;z-index:1;width:var(--vs-avatar-width);height:var(--vs-avatar-height);position:relative;transition:var(--vs-transition-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-avatar-content__badge--change-color:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(var(--vs-black),.1)}.vs-avatar-content:hover .vs-avatar{box-shadow:inset 0 0 40px 0 rgba(var(--vs-black),.04)}.vs-avatar-content:hover img{transform:scale(1.1)}.vs-avatar-content__hasIcons{margin-right:20px}.vs-avatar-content__hidden{display:none!important}.vs-avatar-content__circle{border-radius:50%!important}.vs-avatar-content__circle .vs-avatar__badge{right:var(--vs-avatar-circle-badge-position-right);bottom:var(--vs-avatar-circle-badge-position-bottom)}.vs-avatar-content__circle .vs-avatar__badge.top-right{top:var(--vs-avatar-circle-badge-position-top);bottom:auto}.vs-avatar-content__circle .vs-avatar__badge.top-left{top:var(--vs-avatar-circle-badge-position-top);left:var(--vs-avatar-circle-badge-position-left);bottom:auto;right:auto}.vs-avatar-content__circle .vs-avatar__badge.bottom-left{left:var(--vs-avatar-circle-badge-position-left);right:auto}.vs-avatar-content__square{border-radius:0!important}.vs-avatar-content.history{display:flex;justify-content:center;align-items:center}.vs-avatar-content.history--gradient:after{background-image:linear-gradient(40deg,#f99b4a 0,#df376b 74%,#c52d91 74%)!important}.vs-avatar-content.history .vs-avatar{width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid rgba(var(--vs-background),1);margin:2px}.vs-avatar-content.history:not(.vs-component--is-color)::after{background-color:rgba(var(--vs-divider),1)}.vs-avatar-content.history:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;z-index:-1;background:rgba(var(--vs-color),1)}.vs-avatar-content.vs-component--is-color .vs-avatar{color:rgba(var(--vs-background),1)}.vs-avatar-content.vs-component--is-color .vs-avatar__points .vs-avatar__points--item{background:rgba(var(--vs-background),1)}.vs-avatar{display:flex;justify-content:center;align-items:center;background:rgba(var(--vs-color),1);color:#fff;overflow:hidden;color:rgba(var(--vs-text),1);border-radius:inherit;width:100%;height:100%;transition:var(--vs-transition-ease);box-shadow:inset 0 0 0 0 rgba(var(--vs-black),.05)}.vs-avatar i{font-size:1.4rem}.vs-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:var(--vs-transition-ease);border-radius:inherit}.vs-avatar__loading{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;border-radius:inherit;background:rgba(var(--vs-black),.5)}.vs-avatar__loading--animate{--vs-color:var(--vs-light);display:flex;justify-content:center;align-items:center;height:60%;width:60%;border-radius:50%;position:relative}.vs-avatar__letter--3{font-size:var(--vs-avatar-three-letter-font-size)}.vs-avatar__letter--4{font-size:var(--vs-avatar-four-letter-font-size)}.vs-avatar__letter--5{font-size:var(--vs-avatar-five-letter-font-size)}.vs-avatar__letter--6{font-size:var(--vs-avatar-six-letter-font-size)}.vs-avatar__badge{position:absolute;width:13px;height:13px;background:rgba(var(--vs-avatar-badge),1);border-radius:50%;border:2px solid rgba(var(--vs-background),1)!important;right:var(--vs-avatar-badge-position-right);bottom:var(--vs-avatar-badge-position-bottom);font-size:.6rem;font-weight:700;z-index:200;color:rgba(var(--vs-text),1)}.vs-avatar__badge.is-slot,.vs-avatar__badge.is-writing{width:auto;height:auto;border-radius:7px;min-width:18px;display:flex;justify-content:center;align-items:center;color:rgba(var(--vs-background),1);line-height:.9rem;padding:0 3px;min-height:18px}.vs-avatar__badge.top-right{top:var(--vs-avatar-badge-position-top);bottom:auto}.vs-avatar__badge.top-left{top:var(--vs-avatar-badge-position-top);left:var(--vs-avatar-badge-position-left);bottom:auto;right:auto}.vs-avatar__badge.bottom-left{left:var(--vs-avatar-badge-position-left);right:auto}.vs-avatar__points{display:flex;justify-content:center;align-items:center;position:relative}.vs-avatar__points--item{width:var(--vs-avatar-point-width);height:var(--vs-avatar-point-width);background:rgba(var(--vs-text),1);margin:0 2px;border-radius:50%}.vs-avatar__points--item:nth-child(1){animation:point 1.2s ease infinite}.vs-avatar__points--item:nth-child(2){animation:point 1.2s ease infinite .4s}.vs-avatar__points--item:nth-child(3){animation:point 1.2s ease infinite .8s}.vs-avatar__lastest{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:300;border-radius:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;color:#fff;background:rgba(var(--vs-black),.5)}.vs-avatar__icons{position:absolute;right:-20px;top:50%;width:auto;height:auto;min-height:90%;padding:3px;padding-left:5px;background:rgba(var(--vs-gray-3),1);transform:translate(0,-50%);display:flex;justify-content:center;align-items:flex-end;flex-direction:column;z-index:-1;border-radius:5px;font-size:1rem}.vs-avatar__icons i{cursor:pointer;transition:var(--vs-transition-ease)}.vs-avatar__icons i:hover{opacity:.7}@keyframes point{0%{opacity:1}50%{opacity:.4;transform:scale(.5)}100%{opacity:1}}@keyframes rotateInputLoading{100%{transform:rotate(1turn)}}.vs-badge{--vs-badge-bg-color:var(--vs-primary);--vs-badge-radius:10px;--vs-badge-font-size:12px;--vs-badge-padding:6px;--vs-badge-size:18px;--vs-badge-ripple-bezier:cubic-bezier(0, 0, 0.2, 1);--vs-badge-ripple-color:var(--vs-danger);position:relative;vertical-align:middle;display:inline-block;width:-moz-fit-content;width:fit-content}.vs-badge__content{background-color:var(--vs-badge-bg-color);border-radius:var(--vs-badge-radius);color:rgba(var(--vs-white),1);display:inline-flex;justify-content:center;align-items:center;font-size:var(--vs-badge-font-size);height:var(--vs-badge-size);padding:0 var(--vs-badge-padding);white-space:nowrap;border:1px solid rgba(var(--vs-bg-color),1)}.vs-badge__content.is-fixed{position:absolute;top:0;right:calc(1px + var(--vs-badge-size)/ 2);transform:translateY(-50%) translateX(100%);z-index:var(--vs-index-normal)}.vs-badge__content.is-fixed.is-dot{right:5px}.vs-badge__content.is-dot{height:8px;width:8px;padding:0;right:0;border-radius:50%}.vs-badge__content.is-process::before{content:" ";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit;animation:badge-wave-spread 2s var(--vs-badge-ripple-bezier) 1s infinite}.vs-badge__content--primary{background-color:rgba(var(--vs-primary),1);--vs-badge-ripple-color:rgba(var(--vs-primary), 1)}.vs-badge__content--success{background-color:rgba(var(--vs-success),1);--vs-badge-ripple-color:rgba(var(--vs-success), 1)}.vs-badge__content--warn{background-color:rgba(var(--vs-warn),1);--vs-badge-ripple-color:rgba(var(--vs-warn), 1)}.vs-badge__content--info{background-color:rgba(var(--vs-info),1);--vs-badge-ripple-color:rgba(var(--vs-info), 1)}.vs-badge__content--danger{background-color:rgba(var(--vs-danger),1);--vs-badge-ripple-color:rgba(var(--vs-danger), 1)}@keyframes badge-wave-spread{from{box-shadow:0 0 .5px 0 var(--vs-badge-ripple-color);opacity:.6}to{box-shadow:0 0 .5px 4.5px var(--vs-badge-ripple-color);opacity:0}}.vs-button__group{display:flex;justify-content:center;align-items:center}.vs-button__group .vs-button{margin:0}.vs-button__group .vs-button:not(:last-of-type):not(:first-of-type){border-radius:0;border:0}.vs-button__group .vs-button:not(:last-of-type):not(:first-of-type).vs-button--border:before{border-left:0;width:100%}.vs-button__group .vs-button:not(:last-of-type):not(:first-of-type).vs-button--border+.vs-button--border:not(:last-of-type):before{border-right:0;width:100%}.vs-button__group .vs-button:last-of-type{border-radius:0 12px 12px 0}.vs-button__group .vs-button:first-of-type{border-radius:12px 0 0 12px}@keyframes btnload{100%{transform:rotate(360deg)}}@keyframes btnupload{0%{transform:translate(0,110%)}100%{transform:translate(0,-110%)}}.vs-button{--vs-color-rotate:var(--vs-primary);--vs-color-darken:var(--vs-primary);--vs-padding:10px 16px;--vs-margin:5px;--vs-border-radius:12px;--vs-text-color:#ffffff}.vs-button{display:flex;justify-content:center;align-items:center;margin-left:var(--vs-margin);border-radius:var(--vs-border-radius);transition:var(--vs-transition-ease);border:0;padding:0;position:relative;z-index:1;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:0;font-size:.8rem}.vs-button.vs-component--dark--transparent{color:rgba(var(--vs-text),1)!important}.vs-button--fff:focus{color:#1e1e1e!important}.vs-button:focus-visible{outline:2px solid rgba(var(--vs-primary),.7);outline-offset:1px}.vs-button__content{padding:var(--vs-padding);width:100%;display:flex;justify-content:center;align-items:center}.vs-button:disabled{pointer-events:none;opacity:.35}.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content{transition:transform .25s ease}.vs-button--animate:not(.vs-button--animate-inactive) .vs-button__content i{font-size:1.15rem}.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__content{transform:translate(-100%)}.vs-button--animate:not(.vs-button--animate-inactive):hover .vs-button__animate{transform:translate(0)}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__content{transform:translate(0,-100%)!important;opacity:0}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-vertical:hover .vs-button__animate{transform:translate(0)!important}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__content{transform:scale(1.4)!important;opacity:0}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-scale:hover .vs-button__animate{opacity:1;transform:scale(1)}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__content{transform:rotate(180deg)!important;opacity:0}.vs-button--animate:not(.vs-button--animate-inactive).vs-button--animate-rotate:hover .vs-button__animate{opacity:1;transform:rotate(0)}.vs-button__animate{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform .25s ease;transform:translate(100%);pointer-events:none}.vs-button__animate--vertical{transform:translate(0,100%)}.vs-button__animate--scale{transform:scale(.5);opacity:0}.vs-button__animate--rotate{transform:rotate(-180deg);opacity:0}.vs-button--block{width:100%;display:block}.vs-button--upload:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--vs-color),.4);z-index:1200;animation:btnupload .7s ease infinite;box-sizing:border-box}.vs-button--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vs-button__loading{width:100%;height:100%;position:absolute;top:0;left:0}.vs-button__loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--vs-color),.68)}.vs-button__loading .vs-icon-loading{--vs-color:255,255,255;transform:scale(.4)}.vs-button__size--xl{border-radius:20px}.vs-button__size--xl .vs-button__content{padding:15px 20px;font-size:1.1rem}.vs-button__size--large{font-size:1rem;border-radius:15px}.vs-button__size--large .vs-button__content{padding:10px 15px}.vs-button__size--small{font-size:.75rem;border-radius:9px}.vs-button__size--small .vs-button__content{padding:5px 10px}.vs-button__size--mini{font-size:.6rem;border-radius:7px}.vs-button__size--mini .vs-button__content{padding:3px 8px}.vs-button--circle{border-radius:25px}.vs-button--square{border-radius:0}.vs-button--icon{display:flex;justify-content:center;align-items:center}.vs-button--icon .vs-button__content{padding:8px 8px}.vs-button--icon i{font-size:1.15rem}.vs-button--default{background:rgba(var(--vs-color),1);color:#fff}.vs-button--default.vs-button--active{box-shadow:0 10px 20px -10px rgba(var(--vs-color),1);transform:translate(0,-3px)}.vs-button--default:hover{box-shadow:0 10px 20px -10px rgba(var(--vs-color),1);transform:translate(0,-3px)}.vs-button--flat{background:rgba(var(--vs-color),.15);color:rgba(var(--vs-color),1)}.vs-button--flat.vs-component--dark{color:rgba(var(--vs-text),1)}.vs-button--flat:hover{background:rgba(var(--vs-color),.25)}.vs-button--flat:focus{color:#fff;background:rgba(var(--vs-color),1);transition:var(--vs-transition-ease),background .25s ease .25s}.vs-button--flat.vs-button--active{background:rgba(var(--vs-color),1);color:#fff}.vs-button--floating{background:rgba(var(--vs-color),1);color:#fff;box-shadow:0 8px 20px -6px rgba(var(--vs-color),1);transform:translate(0,-3px)}.vs-button--floating:hover{box-shadow:0 8px 20px -6px rgba(var(--vs-color),1);transform:translate(0,-6px)}.vs-button--floating:focus{transform:translate(0,0);box-shadow:0 0 0 0 rgba(var(--vs-color),1)}.vs-button--floating.vs-button--active{transform:translate(0,0);box-shadow:0 0 0 0 rgba(var(--vs-color),1)}.vs-button--border{background:rgba(var(--vs-color),0);color:rgba(var(--vs-color),1)}.vs-button--border:before{content:"";border:2px solid rgba(var(--vs-color),1);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:0 0;pointer-events:none;transition:var(--vs-transition-ease);box-sizing:border-box}.vs-button--border:hover:before{border:2px solid rgba(var(--vs-color),.5)}.vs-button--border:focus{color:#fff;background:rgba(var(--vs-color),1)}.vs-button--border.vs-button--active{background:rgba(var(--vs-color),1);color:#fff}.vs-button--gradient{background:rgba(var(--vs-color),1);color:#fff;overflow:hidden}.vs-button--gradient.vs-component--primary::before,.vs-button--gradient.vs-component--success::before{filter:hue-rotate(40deg)}.vs-button--gradient::before{content:"";background:linear-gradient(30deg,rgba(var(--vs-color),0) 33%,rgba(var(--vs-color),1) 100%);position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:all .4s ease;z-index:-1;filter:hue-rotate(-40deg);box-sizing:border-box}.vs-button--gradient:hover{transform:translate(0,-3px);box-shadow:0 10px 20px -10px rgba(var(--vs-color),.7)}.vs-button--gradient:hover::before{opacity:0}.vs-button--gradient.vs-button--active{transform:translate(0,-3px);box-shadow:0 10px 20px -10px rgba(0,0,0,.35)}.vs-button--relief{background:rgba(var(--vs-color),1);color:#fff;overflow:hidden;transform:translate(0) scale(1,1)}.vs-button--relief .vs-button__content{transition:var(--vs-transition-ease)}.vs-button--relief.vs-button--icon.vs-button--active{height:auto}.vs-button--relief::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 3px);border-radius:inherit;pointer-events:none;transition:all .4s ease;z-index:-1;filter:contrast(2) grayscale(.4);border-bottom:3px solid rgba(var(--vs-color),1);box-sizing:border-box}.vs-button--relief:active{transform:translate(0,1px)}.vs-button--relief:active .vs-button__content{padding-bottom:6px}.vs-button--relief:active::before{border-bottom:0 solid rgba(var(--vs-color),1)}.vs-button--relief.vs-button--active{transform:translate(0,1px)}.vs-button--relief.vs-button--active .vs-button__content{padding-bottom:6px}.vs-button--relief.vs-button--active::before{border-bottom:0 solid rgba(var(--vs-color),1)}.vs-button--transparent{background:0 0;color:rgba(var(--vs-color),1);overflow:hidden}.vs-button--transparent::before{content:"";background:rgba(var(--vs-color),.1);position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;transition:var(--vs-transition-ease);z-index:-1;transform:scale(.5);opacity:0;box-sizing:border-box}.vs-button--transparent:active:not(.vs-button--active)::before{transform:scale(.9)!important}.vs-button--transparent:hover::before{opacity:1;transform:scale(1)}.vs-button--transparent.vs-button--active::before{background:rgba(var(--vs-color),.2);opacity:1;transform:scale(1)}.vs-button--shadow{background:rgba(var(--vs-background),1);color:rgba(var(--vs-text),1);overflow:hidden;box-shadow:0 0 0 0 rgba(0,0,0,var(--vs-shadow-opacity))}.vs-button--shadow:active:not(.vs-button--active){transform:translate(0,-1px);box-shadow:0 5px 15px 0 rgba(0,0,0,var(--vs-shadow-opacity))!important}.vs-button--shadow:hover{transform:translate(0,-3px);box-shadow:0 8px 25px 0 rgba(0,0,0,var(--vs-shadow-opacity))}.vs-button--shadow.vs-button--active{transform:translate(0,-3px);box-shadow:0 8px 25px 0 rgba(0,0,0,var(--vs-shadow-opacity))}.vs-card__group{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}.vs-card__group--space{min-width:20px;position:relative;height:20px}.vs-card__group--cards{display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:1;scroll-behavior:smooth;padding-top:20px;padding-bottom:36px;border-radius:20px}.vs-card__group--cards .vs-card-content{min-width:350px;margin-left:20px}.vs-card__group--prev{display:flex;justify-content:center;align-items:center;z-index:2;position:relative;left:0;width:50px;height:50px;min-width:50px;background:0 0;border:0}.vs-card__group--prev .vs-icon-arrow{width:15px;height:15px;display:block;transform:rotate(-45deg)}.vs-card__group--prev .vs-icon-arrow:before{width:2px}.vs-card__group--prev .vs-icon-arrow:after{height:2px}.vs-card__group--next{border:0;z-index:2;position:relative;left:0;width:50px;height:50px;min-width:50px;display:flex;justify-content:center;align-items:center;background:0 0}.vs-card__group--next .vs-icon-arrow{width:15px;height:15px;display:block;transform:rotate(135deg)}.vs-card__group--next .vs-icon-arrow:before{width:2px}.vs-card__group--next .vs-icon-arrow:after{height:2px}.vs-card-content.type-5 .vs-card{display:flex;justify-content:center;align-items:center;box-shadow:none;flex-direction:column}.vs-card-content.type-5 .vs-card:hover .vs-card__interactions{bottom:50px}.vs-card-content.type-5 .vs-card:hover .vs-card__text{transform:translate(0);opacity:1;box-shadow:0 0 30px 0 rgba(0,0,0,var(--vs-shadow-opacity))}.vs-card-content.type-5 .vs-card:hover .vs-card__img{border-radius:6px 40px 6px 40px}.vs-card-content.type-5 .vs-card:hover .vs-card__img img{transform:scale(1.1)}.vs-card-content.type-5 .vs-card__img{border-radius:6px 20px 6px 20px}.vs-card-content.type-5 .vs-card__interactions{bottom:6px;transition:all .25s ease;z-index:20}.vs-card-content.type-5 .vs-card__text{background:rgba(var(--vs-background),1);box-shadow:0 0 0 0 rgba(0,0,0,var(--vs-shadow-opacity));border-radius:6px 20px 6px 20px;margin-top:-50px;z-index:10;position:relative;width:calc(100% - 30px);padding-top:10px;transition:all .25s ease;transform:translate(0,25px);opacity:0}.vs-card-content.type-4 .vs-card{box-shadow:none;max-width:300px}.vs-card-content.type-4 .vs-card:hover{transform:translate(0,-5px)}.vs-card-content.type-4 .vs-card:hover .vs-card__img img{transform:scale(1)}.vs-card-content.type-4 .vs-card:hover .vs-card__text{padding-top:15px;padding-bottom:25px}.vs-card-content.type-4 .vs-card__img{align-items:center;max-height:600px}.vs-card-content.type-4 .vs-card__img img{transform:scale(1.2)}.vs-card-content.type-4 .vs-card__interactions{top:0;bottom:auto}.vs-card-content.type-4 .vs-card__text{background:rgba(var(--vs-background),.8);position:absolute;bottom:0;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:0 0 20px 20px;transition:all .25s ease}.vs-card-content.type-4 .vs-card__text p{opacity:1}.vs-card-content.type-3 .vs-card{display:flex;max-width:400px}.vs-card-content.type-3 .vs-card:hover{transform:scale(1.04)}.vs-card-content.type-3 .vs-card__img img{min-width:200px}.vs-card-content.type-3 .vs-card__text{padding-top:15px}.vs-card-content.type-3 .vs-card__title h2,.vs-card-content.type-3 .vs-card__title h3,.vs-card-content.type-3 .vs-card__title h4,.vs-card-content.type-3 .vs-card__title h5,.vs-card-content.type-3 .vs-card__title h6{padding:0}.vs-card-content.type-2 .vs-card{box-shadow:none;overflow:hidden}.vs-card-content.type-2 .vs-card:hover{transform:scale(.95)}.vs-card-content.type-2 .vs-card:hover .vs-card__img img{transform:scale(1.15)}.vs-card-content.type-2 .vs-card:hover .vs-card__text{transform:translate(0);opacity:1;color:#fff}.vs-card-content.type-2 .vs-card__interactions{right:0;top:0;left:auto;bottom:auto;align-items:flex-end}.vs-card-content.type-2 .vs-card__title{position:relative;color:inherit;padding:0}.vs-card-content.type-2 .vs-card__title h2,.vs-card-content.type-2 .vs-card__title h3,.vs-card-content.type-2 .vs-card__title h4,.vs-card-content.type-2 .vs-card__title h5,.vs-card-content.type-2 .vs-card__title h6{padding:0;padding-bottom:5px}.vs-card-content.type-2 .vs-card__text{position:absolute;bottom:0;background:rgba(var(--vs-background),.9);padding-top:30px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.5) 100%);color:transparent;font-size:.9rem;transform:translate(0,45%);transition:all .25s ease}.vs-card-content.type-2 .vs-card__text p{opacity:1}.vs-card-content.type-1 .vs-card:hover{box-shadow:0 0 0 0 rgba(0,0,0,var(--vs-shadow-opacity));transform:translate(0,5px)}.vs-card-content.type-1 .vs-card:hover .vs-card__img img{transform:scale(1.15)}.vs-card{background:rgba(var(--vs-background),1);color:rgba(var(--vs-text),1);width:100%;max-width:350px;box-shadow:0 5px 20px 0 rgba(0,0,0,var(--vs-shadow-opacity));border-radius:20px;transition:var(--vs-transition-ease);cursor:pointer;position:relative}.vs-card__text{font-size:.85rem;padding:0 15px;padding-bottom:15px}.vs-card__text p{font-size:inherit;margin:0;opacity:.8}.vs-card__title{padding-top:10px;padding-bottom:5px}.vs-card__title h2,.vs-card__title h3,.vs-card__title h4,.vs-card__title h5,.vs-card__title h6{padding:0;margin:0;font-size:1.1rem}.vs-card__interactions{display:flex;justify-content:flex-start;align-items:center;position:absolute;bottom:0;left:0;padding:5px 10px}.vs-card__img{display:flex;justify-content:center;align-items:center;position:relative;max-height:250px;overflow:hidden;border-radius:20px;transition:var(--vs-transition-ease)}.vs-card__img img{width:100%;border-radius:inherit;display:block;transition:var(--vs-transition-ease)}@keyframes rotating{100%{transform:rotate(360deg)}}.vs-checkbox{--vs-checkbox-width:23px;--vs-checkbox-height:23px;--vs-color:var(--vs-primary)}.vs-checkbox{display:flex;justify-content:flex-start;align-items:center;position:relative;max-width:-moz-fit-content;max-width:fit-content}.vs-checkbox:active .vs-checkbox__input--mask{background:rgba(var(--vs-gray-4),1)!important}.vs-checkbox:hover .vs-checkbox__input--mask{background:rgba(var(--vs-gray-3),1)}.vs-checkbox:hover .vs-checkbox__input--mask:before{border:2px solid rgba(var(--vs-gray-4),0)}.vs-checkbox.is-disabled .vs-checkbox__label{opacity:.5}.vs-checkbox.is-disabled .vs-checkbox__input--mask{opacity:.6;background:0 0!important}.vs-checkbox.is-disabled .vs-checkbox__original{visibility:hidden;opacity:0;pointer-events:none}.vs-checkbox.is-checked .vs-checkbox__label.is-line-through{opacity:.4}.vs-checkbox.is-checked .vs-checkbox__label.is-line-through:before{width:calc(100% - 10px)}.vs-checkbox.is-checked:hover .vs-checkbox__input--mask{box-shadow:0 3px 15px 0 rgba(var(--vs-color),.35)}.vs-checkbox.is-checked .vs-checkbox__input--mask{box-shadow:0 0 0 0 rgba(var(--vs-color),.35)}.vs-checkbox.is-checked .vs-checkbox__input--mask i:not(.vs-icon-check){opacity:1;transform:scale(1);transition:var(--vs-transition-ease) .15s}.vs-checkbox.is-checked .vs-checkbox__input--mask:after{opacity:1;transform:scale(1);transition:all .2s 0s ease-in-out}.vs-checkbox.is-checked .vs-checkbox__input--mask:before{opacity:0;transform:scale(1.2)}.vs-checkbox.is-label-before .vs-checkbox__label{order:-1}.vs-checkbox.is-loading{pointer-events:none}.vs-checkbox.is-loading:not(.is-checked) .vs-icon-loading{color:rgba(var(--vs-divider),1)!important}.vs-checkbox.is-loading.is-checked .vs-checkbox__input--mask{opacity:0;transition:all .2s linear;background:0 0!important}.vs-checkbox.is-loading.is-checked .vs-checkbox__input--mask:after{transition:all .2s linear,opacity .6s linear;transform:scale(.5)}.vs-checkbox.is-loading .vs-checkbox__input--mask{background:0 0!important}.vs-checkbox.is-loading .vs-checkbox__input--mask:before{opacity:0!important;border-radius:50%}.vs-checkbox.is-loading .vs-checkbox__input--mask:after{opacity:0!important;border-radius:50%;transform:scale(.5)}.vs-checkbox__input{width:var(