fixed-vuesax

Version:

Framework Components for Vue js

lusaxweb.github.io/vuesax/

1 lines • 150 kB

CSS

.vs-row{clear:both;flex-flow:wrap}.vs-col{float:left}.vs-lg-12{width:100%!important}.vs-lg-11{width:91.66666666666667%!important}.vs-lg-10{width:83.33333333333333%!important}.vs-lg-9{width:75%!important}.vs-lg-8{width:66.66666666666667%!important}.vs-lg-7{width:58.33333333333333%!important}.vs-lg-6{width:50%!important}.vs-lg-5{width:41.66666666666667%!important}.vs-lg-4{width:33.33333333333333%!important}.vs-lg-3{width:25%!important}.vs-lg-2{width:16.66666666666667%!important}.vs-lg-1{width:8.333333333333332%!important}.vs-lg-0{display:none!important}@media only screen and (max-width:900px){.vs-sm-12{width:100%!important}.vs-sm-11{width:91.66666666666667%!important}.vs-sm-10{width:83.33333333333333%!important}.vs-sm-9{width:75%!important}.vs-sm-8{width:66.66666666666667%!important}.vs-sm-7{width:58.33333333333333%!important}.vs-sm-6{width:50%!important}.vs-sm-5{width:41.66666666666667%!important}.vs-sm-4{width:33.33333333333333%!important}.vs-sm-3{width:25%!important}.vs-sm-2{width:16.66666666666667%!important}.vs-sm-1{width:8.333333333333332%!important}.vs-sm-0{display:none!important}}@media only screen and (max-width:600px){.vs-xs-12{width:100%!important}.vs-xs-11{width:91.66666666666667%!important}.vs-xs-10{width:83.33333333333333%!important}.vs-xs-9{width:75%!important}.vs-xs-8{width:66.66666666666667%!important}.vs-xs-7{width:58.33333333333333%!important}.vs-xs-6{width:50%!important}.vs-xs-5{width:41.66666666666667%!important}.vs-xs-4{width:33.33333333333333%!important}.vs-xs-3{width:25%!important}.vs-xs-2{width:16.66666666666667%!important}.vs-xs-1{width:8.333333333333332%!important}.vs-xs-0{display:none!important}}*{margin:0;padding:0;box-sizing:border-box;outline:none;text-transform:none;text-decoration:none}.vuesax-app-is-rtl{direction:rtl}.vuesax-app-is-ltr{direction:ltr}:root{--vs-primary:31,116,255;--vs-danger:255,71,87;--vs-success:70,201,58;--vs-dark:30,30,30;--vs-warning:255,186,0;--vs-light:245,245,245}.con-vs-alert{border-radius:6px;color:#fff;width:100%;position:relative;font-size:.8rem;cursor:default;transition:all .25s ease;overflow:hidden}.icon-alert{height:100%;position:absolute;padding:10px;top:0;font-size:1.1rem;display:flex;align-items:center}.vuesax-app-is-rtl .icon-alert{right:0}.vuesax-app-is-ltr .icon-alert{left:0}.vs-alert{padding:10px;overflow:hidden;position:relative}.vuesax-app-is-rtl .vs-alert.con-icon{padding-right:40px}.vuesax-app-is-ltr .vs-alert.con-icon{padding-left:40px}.vs-alert--title{font-size:.9rem;font-weight:700;padding:8px 10px}.vs-alert--close{position:relative;margin-top:4px;display:inline-block;padding:4px;border-radius:6px;padding-bottom:1px;cursor:pointer;transition:all .2s ease}.vuesax-app-is-rtl .vs-alert--close{margin-left:4px}.vuesax-app-is-ltr .vs-alert--close{margin-right:4px}.vuesax-app-is-rtl .vs-alert--close{float:left}.vuesax-app-is-ltr .vs-alert--close{float:right}.vs-alert--close:hover{box-shadow:0 5px 15px 0 #0000001a}.con-vs-alert-primary{background:rgba(var(--vs-primary),.15);box-shadow:0 0 25px 0 rgba(var(--vs-primary),.15);color:rgba(var(--vs-primary),1)}.con-vs-alert-primary h4{box-shadow:0 6px 15px -7px rgba(var(--vs-primary),.4)}.con-vs-alert-primary .con-x{background:rgba(var(--vs-primary),1);color:#fff}.con-vs-alert-secondary{background:rgba(var(--vs-secondary),.15);box-shadow:0 0 25px 0 rgba(var(--vs-secondary),.15);color:rgba(var(--vs-secondary),1)}.con-vs-alert-secondary h4{box-shadow:0 6px 15px -7px rgba(var(--vs-secondary),.4)}.con-vs-alert-secondary .con-x{background:rgba(var(--vs-secondary),1);color:#fff}.con-vs-alert-danger{background:rgba(var(--vs-danger),.15);box-shadow:0 0 25px 0 rgba(var(--vs-danger),.15);color:rgba(var(--vs-danger),1)}.con-vs-alert-danger h4{box-shadow:0 6px 15px -7px rgba(var(--vs-danger),.4)}.con-vs-alert-danger .con-x{background:rgba(var(--vs-danger),1);color:#fff}.con-vs-alert-success{background:rgba(var(--vs-success),.15);box-shadow:0 0 25px 0 rgba(var(--vs-success),.15);color:rgba(var(--vs-success),1)}.con-vs-alert-success h4{box-shadow:0 6px 15px -7px rgba(var(--vs-success),.4)}.con-vs-alert-success .con-x{background:rgba(var(--vs-success),1);color:#fff}.con-vs-alert-warning{background:rgba(var(--vs-warning),.15);box-shadow:0 0 25px 0 rgba(var(--vs-warning),.15);color:rgba(var(--vs-warning),1)}.con-vs-alert-warning h4{box-shadow:0 6px 15px -7px rgba(var(--vs-warning),.4)}.con-vs-alert-warning .con-x{background:rgba(var(--vs-warning),1);color:#fff}.con-vs-alert-dark{background:rgba(var(--vs-dark),.15);box-shadow:0 0 25px 0 rgba(var(--vs-dark),.15);color:rgba(var(--vs-dark),1)}.con-vs-alert-dark h4{box-shadow:0 6px 15px -7px rgba(var(--vs-dark),.4)}.con-vs-alert-dark .con-x{background:rgba(var(--vs-dark),1);color:#fff}.con-vs-alert-light{background:rgba(var(--vs-light),.15);box-shadow:0 0 25px 0 rgba(var(--vs-light),.15);color:rgba(var(--vs-light),1)}.con-vs-alert-light h4{box-shadow:0 6px 15px -7px rgba(var(--vs-light),.4)}.con-vs-alert-light .con-x{background:rgba(var(--vs-light),1);color:#fff}.con-vs-avatar{width:32px;height:32px;border-radius:50%;position:relative;cursor:pointer;display:inline-block;margin:5px}.con-vs-avatar.large{width:50px;height:50px}.con-vs-avatar.small{width:24px;height:24px}.con-vs-avatar.small .vs-avatar-text{font-size:.9375em}.vs-avatar--count{position:absolute;top:1px;right:1px;width:7px;height:7px;border-radius:50%;z-index:100}.vs-avatar--count.badgeNumber{width:auto;height:auto;top:-3px;right:0;border-radius:4px;padding-left:3px;padding-right:3px;font-size:.625em;color:#fff}.vs-avatar--text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vs-avatar--con-img{position:absolute;width:100%;height:100%;overflow:hidden;border-radius:50%}.vs-avatar--con-img img{width:100%}.con-vs-avatar-primary{background:rgba(var(--vs-primary),1)}.vs-avatar-text-primary{color:rgba(var(--vs-primary),1)}.con-vs-avatar-secondary{background:rgba(var(--vs-secondary),1)}.vs-avatar-text-secondary{color:rgba(var(--vs-secondary),1)}.con-vs-avatar-danger{background:rgba(var(--vs-danger),1)}.vs-avatar-text-danger{color:rgba(var(--vs-danger),1)}.con-vs-avatar-success{background:rgba(var(--vs-success),1)}.vs-avatar-text-success{color:rgba(var(--vs-success),1)}.con-vs-avatar-warning{background:rgba(var(--vs-warning),1)}.vs-avatar-text-warning{color:rgba(var(--vs-warning),1)}.con-vs-avatar-dark{background:rgba(var(--vs-dark),1)}.vs-avatar-text-dark{color:rgba(var(--vs-dark),1)}.con-vs-avatar-light{background:rgba(var(--vs-light),1)}.vs-avatar-text-light{color:rgba(var(--vs-light),1)}.vs-breadcrumb{display:flex}.vs-breadcrumb.vs-align-left{justify-content:flex-start}.vs-breadcrumb.vs-align-center{justify-content:center}.vs-breadcrumb.vs-align-right{justify-content:flex-end}.vs-breadcrumb .disabled-link{opacity:.5;pointer-events:none}.vs-breadcrumb--ol{display:flex;flex-wrap:wrap;padding:.75rem 1rem;list-style-type:none}.vs-breadcrumb--ol li.vs-active{cursor:default}.vs-breadcrumb--ol a{transition:all .2s ease;color:#0006}.vs-breadcrumb--ol a:focus,.vs-breadcrumb--ol a:hover{color:#000000b3;text-decoration:none}.vs-breadcrum--separator{color:#0006;padding:0 .5rem 0 .5rem}.vs-breadcrum--separator.material-icons{vertical-align:middle;font-size:inherit}.vs-breadcrumb-text-primary{color:rgba(var(--vs-primary),1)}.vs-breadcrumb-text-secondary{color:rgba(var(--vs-secondary),1)}.vs-breadcrumb-text-danger{color:rgba(var(--vs-danger),1)}.vs-breadcrumb-text-success{color:rgba(var(--vs-success),1)}.vs-breadcrumb-text-warning{color:rgba(var(--vs-warning),1)}.vs-breadcrumb-text-dark{color:rgba(var(--vs-dark),1)}.vs-breadcrumb-text-light{color:rgba(var(--vs-light),1)}.vs-button{transition:all .2s ease;padding:10px;border:0;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;color:#fff;box-sizing:border-box;background:#0000}.vs-button.vs-radius{border-radius:50%}.vs-button.large{padding:12px;font-size:1em}.vs-button.small{padding:7px;font-size:.7em}.vs-button:disabled{opacity:.5;cursor:default;pointer-events:none}.vs-button--icon{z-index:100;display:block;position:relative;font-size:1.125em;transition:all .2s ease}.vs-button--background{border-radius:50%;width:10px;position:absolute;height:10px;z-index:0;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);box-shadow:inset 0 0 60px 0 #ffffff80}.vs-button--text{position:relative;color:inherit;display:inline-block;transition:all .25s ease}.vs-button-border{padding:9px}.vs-button-border.isActive .vs-button--icon,.vs-button-border.isActive .vs-button--text,.vs-button-flat.isActive .vs-button--icon,.vs-button-flat.isActive .vs-button--text{color:#fff!important}.vs-button-filled:hover{box-shadow:0 9px 28px -9px}.vs-button-line{padding:9px 10px;border-radius:0;overflow:visible;border-style:solid}.vs-button-line .vs-button-linex{transition:all .2s ease;width:0;position:absolute;left:0;bottom:-2px;height:2px}.vs-button-line:hover .vs-button--icon,.vs-button-line:hover .vs-button--text{transform:translateY(2px)}.vs-button-line:hover .vs-button-linex{width:100%!important}.vs-button-gradient:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #aaa}.vs-button-gradient:active{transform:translate(0);box-shadow:0 8px 0 -8px #aaa}.vs-button-relief{padding:10px}.vs-button-relief:active{transform:translateY(3px);box-shadow:none!important}.includeIcon{display:flex;align-items:center;justify-content:center}.vuesax-app-is-rtl .includeIcon{float:right}.vuesax-app-is-ltr .includeIcon{float:left}.includeIconOnly{width:38px!important;height:38px!important}.includeIconOnly.large{width:44px!important;height:44px!important;font-size:.7em}.includeIconOnly.small{width:28px!important;height:28px!important}.includeIconOnly.small .vs-icon{font-size:.85rem}.vs-button-primary.vs-button-filled{background:rgba(var(--vs-primary),1)!important}.vs-button-primary.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-primary),1)}.vs-button-primary.vs-button-border,.vs-button-primary.vs-button-flat{border:1px solid rgba(var(--vs-primary),1);background:#0000!important;color:rgba(var(--vs-primary),1)}.vs-button-primary.vs-button-border .vs-button--text.isActive,.vs-button-primary.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-primary.vs-button-border:hover,.vs-button-primary.vs-button-flat:hover{background:rgba(var(--vs-primary),.08)!important}.vs-button-primary.vs-button-border .vs-button-backgroundx,.vs-button-primary.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-primary),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-primary),1)}.vs-button-primary.vs-button-flat{border:none!important}.vs-button-primary.vs-button-line{color:rgba(var(--vs-primary),1);border-color:rgba(var(--vs-primary),.2)}.vs-button-primary.vs-button-line .vs-button-linex{background:rgba(var(--vs-primary),1)}.vs-button-primary.vs-button-gradient{background:#640064;background-image:linear-gradient(30deg,rgba(var(--vs-primary),1) 0,rgba(var(--vs-primary),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-primary.vs-button-relief{background:rgba(var(--vs-primary),1);box-shadow:inset 0 -3px 0 0 #0003}.vs-button-secondary.vs-button-filled{background:rgba(var(--vs-secondary),1)!important}.vs-button-secondary.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-secondary),1)}.vs-button-secondary.vs-button-border,.vs-button-secondary.vs-button-flat{border:1px solid rgba(var(--vs-secondary),1);background:#0000!important;color:rgba(var(--vs-secondary),1)}.vs-button-secondary.vs-button-border .vs-button--text.isActive,.vs-button-secondary.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-secondary.vs-button-border:hover,.vs-button-secondary.vs-button-flat:hover{background:rgba(var(--vs-secondary),.08)!important}.vs-button-secondary.vs-button-border .vs-button-backgroundx,.vs-button-secondary.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-secondary),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-secondary),1)}.vs-button-secondary.vs-button-flat{border:none!important}.vs-button-secondary.vs-button-line{color:rgba(var(--vs-secondary),1);border-color:rgba(var(--vs-secondary),.2)}.vs-button-secondary.vs-button-line .vs-button-linex{background:rgba(var(--vs-secondary),1)}.vs-button-secondary.vs-button-gradient{background:#640064;background-image:linear-gradient(30deg,rgba(var(--vs-secondary),1) 0,rgba(var(--vs-secondary),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-secondary.vs-button-relief{background:rgba(var(--vs-secondary),1);box-shadow:inset 0 -3px 0 0 #0003}.vs-button-danger.vs-button-filled{background:rgba(var(--vs-danger),1)!important}.vs-button-danger.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-danger),1)}.vs-button-danger.vs-button-border,.vs-button-danger.vs-button-flat{border:1px solid rgba(var(--vs-danger),1);background:#0000!important;color:rgba(var(--vs-danger),1)}.vs-button-danger.vs-button-border .vs-button--text.isActive,.vs-button-danger.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-danger.vs-button-border:hover,.vs-button-danger.vs-button-flat:hover{background:rgba(var(--vs-danger),.08)!important}.vs-button-danger.vs-button-border .vs-button-backgroundx,.vs-button-danger.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-danger),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-danger),1)}.vs-button-danger.vs-button-flat{border:none!important}.vs-button-danger.vs-button-line{color:rgba(var(--vs-danger),1);border-color:rgba(var(--vs-danger),.2)}.vs-button-danger.vs-button-line .vs-button-linex{background:rgba(var(--vs-danger),1)}.vs-button-danger.vs-button-gradient{background:#640064;background-image:linear-gradient(30deg,rgba(var(--vs-danger),1) 0,rgba(var(--vs-danger),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-danger.vs-button-relief{background:rgba(var(--vs-danger),1);box-shadow:inset 0 -3px 0 0 #0003}.vs-button-success.vs-button-filled{background:rgba(var(--vs-success),1)!important}.vs-button-success.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-success),1)}.vs-button-success.vs-button-border,.vs-button-success.vs-button-flat{border:1px solid rgba(var(--vs-success),1);background:#0000!important;color:rgba(var(--vs-success),1)}.vs-button-success.vs-button-border .vs-button--text.isActive,.vs-button-success.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-success.vs-button-border:hover,.vs-button-success.vs-button-flat:hover{background:rgba(var(--vs-success),.08)!important}.vs-button-success.vs-button-border .vs-button-backgroundx,.vs-button-success.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-success),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-success),1)}.vs-button-success.vs-button-flat{border:none!important}.vs-button-success.vs-button-line{color:rgba(var(--vs-success),1);border-color:rgba(var(--vs-success),.2)}.vs-button-success.vs-button-line .vs-button-linex{background:rgba(var(--vs-success),1)}.vs-button-success.vs-button-gradient{background:#0064fa;background-image:linear-gradient(30deg,rgba(var(--vs-success),1) 0,rgba(var(--vs-success),.6) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-success.vs-button-relief{background:rgba(var(--vs-success),1);box-shadow:inset 0 -3px 0 0 #0003}.vs-button-warning.vs-button-filled{background:rgba(var(--vs-warning),1)!important}.vs-button-warning.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-warning),1)}.vs-button-warning.vs-button-border,.vs-button-warning.vs-button-flat{border:1px solid rgba(var(--vs-warning),1);background:#0000!important;color:rgba(var(--vs-warning),1)}.vs-button-warning.vs-button-border .vs-button--text.isActive,.vs-button-warning.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-warning.vs-button-border:hover,.vs-button-warning.vs-button-flat:hover{background:rgba(var(--vs-warning),.08)!important}.vs-button-warning.vs-button-border .vs-button-backgroundx,.vs-button-warning.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-warning),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-warning),1)}.vs-button-warning.vs-button-flat{border:none!important}.vs-button-warning.vs-button-line{color:rgba(var(--vs-warning),1);border-color:rgba(var(--vs-warning),.2)}.vs-button-warning.vs-button-line .vs-button-linex{background:rgba(var(--vs-warning),1)}.vs-button-warning.vs-button-gradient{background:#fafafa;background-image:linear-gradient(30deg,rgba(var(--vs-warning),1) 0,rgba(var(--vs-warning),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-warning.vs-button-relief{background:rgba(var(--vs-warning),1);box-shadow:inset 0 -3px 0 0 #0003}.vs-button-dark.vs-button-filled{background:rgba(var(--vs-dark),1)!important}.vs-button-dark.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-dark),1)}.vs-button-dark.vs-button-border,.vs-button-dark.vs-button-flat{border:1px solid rgba(var(--vs-dark),1);background:#0000!important;color:rgba(var(--vs-dark),1)}.vs-button-dark.vs-button-border .vs-button--text.isActive,.vs-button-dark.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-dark.vs-button-border:hover,.vs-button-dark.vs-button-flat:hover{background:rgba(var(--vs-dark),.08)!important}.vs-button-dark.vs-button-border .vs-button-backgroundx,.vs-button-dark.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-dark),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-dark),1)}.vs-button-dark.vs-button-flat{border:none!important}.vs-button-dark.vs-button-line{color:rgba(var(--vs-dark),1);border-color:rgba(var(--vs-dark),.2)}.vs-button-dark.vs-button-line .vs-button-linex{background:rgba(var(--vs-dark),1)}.vs-button-dark.vs-button-gradient{background:#640064;background-image:linear-gradient(30deg,rgba(var(--vs-dark),1) 0,rgba(var(--vs-dark),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-dark.vs-button-relief{background:rgba(var(--vs-dark),1);box-shadow:inset 0 -3px 0 0 #ffffff1a}.vs-button-light.vs-button-filled{background:rgba(var(--vs-light),1)!important}.vs-button-light.vs-button-filled:hover{box-shadow:0 8px 25px -8px rgba(var(--vs-light),1)}.vs-button-light.vs-button-border,.vs-button-light.vs-button-flat{border:1px solid rgba(var(--vs-light),1);background:#0000!important;color:rgba(var(--vs-light),1)}.vs-button-light.vs-button-border .vs-button--text.isActive,.vs-button-light.vs-button-flat .vs-button--text.isActive{color:#fff!important}.vs-button-light.vs-button-border:hover,.vs-button-light.vs-button-flat:hover{background:rgba(var(--vs-light),.08)!important}.vs-button-light.vs-button-border .vs-button-backgroundx,.vs-button-light.vs-button-flat .vs-button-backgroundx{background:rgba(var(--vs-light),1);box-shadow:inset 0 0 60px 0 rgba(var(--vs-light),1)}.vs-button-light.vs-button-flat{border:none!important}.vs-button-light.vs-button-line{color:rgba(var(--vs-light),1);border-color:rgba(var(--vs-light),.2)}.vs-button-light.vs-button-line .vs-button-linex{background:rgba(var(--vs-light),1)}.vs-button-light.vs-button-gradient{background:#640064;background-image:linear-gradient(30deg,rgba(var(--vs-light),1) 0,rgba(var(--vs-light),.5) 100%)!important;text-shadow:1px 2px 4px #0000004d}.vs-button-light.vs-button-relief{background:rgba(var(--vs-light),1);box-shadow:inset 0 -3px 0 0 #0003}.con-vs-card{width:100%;height:auto;background:#fff;border-radius:8px;margin-bottom:20px;display:block;box-shadow:0 4px 25px 0 #0000001a;transition:all .3s ease}.con-vs-card.withHover{cursor:pointer}.con-vs-card.withHover:hover{transform:translateY(4px);box-shadow:0 0 5px 0 #0000001a}.con-vs-card.withHover:hover img{transform:scale(1.1)}.con-vs-card.fixedHeight{height:100%;position:relative}.vs-card--header{padding:10px;box-shadow:0 10px 15px -10px #0000000d}.vs-card--header h3{padding:0}.vs-card--footer{position:relative;padding:10px;transform:translateY(40%);margin-top:-5%;padding-top:0}.vs-card--footer.fixedHeight{position:absolute;bottom:0;right:0;margin-top:0;transform:translate(0)}.vs-card--content{padding:10px;font-size:.8rem;margin-bottom:15px}.vs-card--content.fixedHeight{margin-bottom:20px}.vs-card--media{width:100%;overflow:hidden}.vs-card--media img{width:100%;transition:all .25s ease;display:block}.con-vs-checkbox{position:relative;display:flex;align-items:center;justify-content:center;margin-left:5px;margin-right:5px}.con-vs-checkbox.vs-checkbox-small .vs-checkbox{width:15px;height:15px}.con-vs-checkbox.vs-checkbox-small .vs-checkbox .vs-icon{font-size:.7rem}.con-vs-checkbox.vs-checkbox-large .vs-checkbox{width:24px;height:24px}.vs-checkbox--input{position:absolute;width:100%;height:100%;opacity:0;z-index:200;cursor:pointer;background:#55d775}.vs-checkbox--input:disabled{cursor:default;pointer-events:none}.vs-checkbox--input:disabled+.vs-checkbox{opacity:.5;cursor:default;pointer-events:none}.vs-checkbox--input:disabled+.vs-checkbox .vs-checkbox--check{cursor:default;pointer-events:none}.vs-checkbox--input:active:checked+.vs-checkbox .vs-checkbox--check{transform:translate(3px)}.vs-checkbox--input:active:checked+.vs-checkbox .vs-icon{transform:translate(6px)}.vs-checkbox--input:checked+.vs-checkbox{transform:rotate(0deg)}.vs-checkbox--input:checked+.vs-checkbox .vs-checkbox--check{transform:translate(0)}.vs-checkbox--input:checked+.vs-checkbox .vs-icon{opacity:1;transform:translate(0);color:#fff;display:flex;align-items:center;justify-content:center}.vs-checkbox{transition:all .2s ease;cursor:pointer;position:relative;width:20px;height:20px;border-radius:2px;display:flex;align-items:center;justify-content:center;transform:rotate(-90deg);overflow:hidden;box-sizing:border-box}.vuesax-app-is-rtl .vs-checkbox{margin-left:5px}.vuesax-app-is-ltr .vs-checkbox{margin-right:5px}.vs-checkbox--check{width:100%;height:100%;position:absolute;left:0;transform:translate(100%);transform-origin:right;transition:all .2s ease;z-index:10}.vs-checkbox--icon{backface-visibility:visible;transition:all .2s ease-out;z-index:100;font-size:1.125em;opacity:0;transform:translate(30px);transform-origin:center}.vs-checkbox-primary .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-primary input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-primary),1)!important;background:rgba(var(--vs-primary),1)}.vs-checkbox-secondary .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-secondary input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-secondary),1)!important;background:rgba(var(--vs-secondary),1)}.vs-checkbox-danger .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-danger input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-danger),1)!important;background:rgba(var(--vs-danger),1)}.vs-checkbox-success .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-success input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-success),1)!important;background:rgba(var(--vs-success),1)}.vs-checkbox-warning .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-warning input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-warning),1)!important;background:rgba(var(--vs-warning),1)}.vs-checkbox-dark .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-dark input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-dark),1)!important;background:rgba(var(--vs-dark),1)}.vs-checkbox-light .vs-checkbox{border:2px solid #b4b4b4}.vs-checkbox-light input:checked+.vs-checkbox{border:2px solid rgba(var(--vs-light),1)!important;background:rgba(var(--vs-light),1)}.con-vs-chip{background:#f0f0f0;border-radius:20px;display:flex;align-items:center;font-size:.7rem;justify-content:center;margin-bottom:3px;min-height:28px;color:#000000b3;position:relative}.vuesax-app-is-rtl .con-vs-chip{float:right}.vuesax-app-is-ltr .con-vs-chip{float:left}.vuesax-app-is-rtl .con-vs-chip{margin-left:2px}.vuesax-app-is-ltr .con-vs-chip{margin-right:2px}.vuesax-app-is-rtl .con-vs-chip{padding-left:10px}.vuesax-app-is-ltr .con-vs-chip{padding-right:10px}.vuesax-app-is-rtl .con-vs-chip.closable{padding-left:0}.vuesax-app-is-ltr .con-vs-chip.closable{padding-right:0}.con-vs-chip.con-color .con-vs-avatar{background:#fff3}.con-vs-chip .con-vs-avatar{width:24px;height:24px;position:relative;margin:2px 0;display:flex;align-items:center;justify-content:center;background:#00000026}.vuesax-app-is-rtl .con-vs-chip .con-vs-avatar{transform:translate(8px)}.vuesax-app-is-ltr .con-vs-chip .con-vs-avatar{transform:translate(-8px)}.con-vs-chip .con-vs-avatar .material-icons{margin-top:0;font-size:.8rem}.con-vs-chip.bg-chip-transparent{font-weight:500}.vs-chip--close{padding:.3em;display:flex;align-items:center;justify-content:center;border-radius:50%;border:0;margin:0 4px;cursor:pointer;background:#00000026;color:#fff;transition:all .3s ease}.vs-chip--close:hover{background:255,71,87}.vs-chip--close i{font-size:.9em}.vs-chip--text{display:flex;align-items:center;justify-content:center}.vuesax-app-is-rtl .vs-chip--text{margin-right:10px}.vuesax-app-is-ltr .vs-chip--text{margin-left:10px}.vs-chip-primary:not(.bg-chip-transparent){background:rgba(var(--vs-primary),1)}.vs-chip-primary.bg-chip-transparent{background:rgba(var(--vs-primary),.15);color:rgba(var(--vs-primary),1)}.vs-chip-secondary:not(.bg-chip-transparent){background:rgba(var(--vs-secondary),1)}.vs-chip-secondary.bg-chip-transparent{background:rgba(var(--vs-secondary),.15);color:rgba(var(--vs-secondary),1)}.vs-chip-danger:not(.bg-chip-transparent){background:rgba(var(--vs-danger),1)}.vs-chip-danger.bg-chip-transparent{background:rgba(var(--vs-danger),.15);color:rgba(var(--vs-danger),1)}.vs-chip-success:not(.bg-chip-transparent){background:rgba(var(--vs-success),1)}.vs-chip-success.bg-chip-transparent{background:rgba(var(--vs-success),.15);color:rgba(var(--vs-success),1)}.vs-chip-warning:not(.bg-chip-transparent){background:rgba(var(--vs-warning),1)}.vs-chip-warning.bg-chip-transparent{background:rgba(var(--vs-warning),.15);color:rgba(var(--vs-warning),1)}.vs-chip-dark:not(.bg-chip-transparent){background:rgba(var(--vs-dark),1)}.vs-chip-dark.bg-chip-transparent{background:rgba(var(--vs-dark),.15);color:rgba(var(--vs-dark),1)}.vs-chip-light:not(.bg-chip-transparent){background:rgba(var(--vs-light),1)}.vs-chip-light.bg-chip-transparent{background:rgba(var(--vs-light),.15);color:rgba(var(--vs-light),1)}.con-chips{width:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;box-shadow:0 2px 15px 0 #0000001a;border-radius:5px;overflow:hidden;padding:5px}.con-chips .con-vs-chip{margin-top:0;margin-bottom:0}.con-chips--input{display:inline-block;flex:1;color:inherit;padding:9px;box-sizing:border-box;min-width:80px;border:0}.vuesax-app-is-rtl .con-chips--input{margin-right:2px}.vuesax-app-is-ltr .con-chips--input{margin-left:2px}.con-chips--remove-all{position:absolute;top:50%;transform:translateY(-50%);height:100%;display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;transition:all .3s ease}.vuesax-app-is-rtl .con-chips--remove-all{left:0}.vuesax-app-is-ltr .con-chips--remove-all{right:0}.con-chips--remove-all:hover{color:rgba(var(--vs-danger),1)}.vuesax-app-is-rtl .no-items .con-chips--input{padding-right:10px!important}.vuesax-app-is-ltr .no-items .con-chips--input{padding-left:10px!important}.vs-collapse{transition:all .3s ease;border-radius:8px;padding:10px}.vs-collapse.shadow .open-item{transform:scale(1.01);box-shadow:0 2px 15px 0 #0000000d;margin-top:5px;border-bottom:0 solid #0000;margin-bottom:10px;border-radius:6px}.vuesax-app-is-rtl .vs-collapse.shadow .open-item .vs-collapse-item--icon-header{transform:translate(50%,-50%) rotate(180deg)}.vuesax-app-is-ltr .vs-collapse.shadow .open-item .vs-collapse-item--icon-header{transform:translate(-50%,-50%) rotate(180deg)}.vs-collapse.shadow .open-item .con-content-item{opacity:1}.vs-collapse.margin .vs-collapse-item{margin-top:10px;margin-bottom:10px;box-shadow:0 2px 15px 0 #0000000d;border-radius:5px;border-bottom:0 solid #0000}.vs-collapse.margin .open-item .con-content-item{opacity:1}.vuesax-app-is-rtl .vs-collapse.margin .open-item .vs-collapse-item--icon-header{transform:translate(50%,-50%) rotate(180deg)}.vuesax-app-is-ltr .vs-collapse.margin .open-item .vs-collapse-item--icon-header{transform:translate(-50%,-50%) rotate(180deg)}.vs-collapse.border{border:1px solid #0000001a;padding:0}.vs-collapse.border .vs-collapse-item{border-bottom:1px solid #0000001a}.vs-collapse.border .open-item .con-content-item{opacity:1}.vuesax-app-is-rtl .vs-collapse.border .open-item .vs-collapse-item--icon-header{transform:translate(50%,-50%) rotate(180deg)}.vuesax-app-is-ltr .vs-collapse.border .open-item .vs-collapse-item--icon-header{transform:translate(-50%,-50%) rotate(180deg)}.vs-collapse.default .open-item .con-content--item{opacity:1}.vuesax-app-is-rtl .vs-collapse.default .open-item .vs-collapse-item--icon-header{transform:translate(50%,-50%) rotate(180deg)}.vuesax-app-is-ltr .vs-collapse.default .open-item .vs-collapse-item--icon-header{transform:translate(-50%,-50%) rotate(180deg)}.vs-collapse-item{border-bottom:1px solid #0000000a;cursor:pointer;transition:all .25s ease}.vs-collapse-item.open-item .con-content--item{opacity:1}.vs-collapse-item.disabledx{opacity:.5;cursor:default;pointer-events:none;z-index:999}.vs-collapse-item:last-child{border-bottom:0 solid #0000!important}.vs-collapse-item--header{display:block;padding:10px;position:relative;transition:all .25s ease}.vs-collapse-item--icon-header{position:absolute;top:50%;transition:all .25s ease;display:flex;align-items:center;justify-content:center;border-radius:5px}.vuesax-app-is-rtl .vs-collapse-item--icon-header{left:0}.vuesax-app-is-ltr .vs-collapse-item--icon-header{right:0}.vuesax-app-is-rtl .vs-collapse-item--icon-header{transform:translate(50%,-50%)}.vuesax-app-is-ltr .vs-collapse-item--icon-header{transform:translate(-50%,-50%)}.vs-collapse-item--content{overflow:hidden;transition:all .2s ease}.con-content--item{padding:10px;padding-top:0;font-size:.85rem;opacity:.2;transition:all .25s ease}.vs-divider{width:100%;position:relative;margin:15px 0;clear:both;display:flex;align-items:center;justify-content:center}.vs-divider .after,.vs-divider .before{position:relative;display:block;width:100%}.vs-divider--text{cursor:default;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap;background:#fff;padding-left:12px;padding-right:12px;font-size:.9375em}.vs-divider--icon{font-size:1.25em}.vs-divider-border-primary{border-top-color:rgba(var(--vs-primary),1)}.vs-divider-text-primary{color:rgba(var(--vs-primary),1)}.vs-divider-background-primary{background:rgba(var(--vs-primary),1)}.vs-divider-border-secondary{border-top-color:rgba(var(--vs-secondary),1)}.vs-divider-text-secondary{color:rgba(var(--vs-secondary),1)}.vs-divider-background-secondary{background:rgba(var(--vs-secondary),1)}.vs-divider-border-danger{border-top-color:rgba(var(--vs-danger),1)}.vs-divider-text-danger{color:rgba(var(--vs-danger),1)}.vs-divider-background-danger{background:rgba(var(--vs-danger),1)}.vs-divider-border-success{border-top-color:rgba(var(--vs-success),1)}.vs-divider-text-success{color:rgba(var(--vs-success),1)}.vs-divider-background-success{background:rgba(var(--vs-success),1)}.vs-divider-border-warning{border-top-color:rgba(var(--vs-warning),1)}.vs-divider-text-warning{color:rgba(var(--vs-warning),1)}.vs-divider-background-warning{background:rgba(var(--vs-warning),1)}.vs-divider-border-dark{border-top-color:rgba(var(--vs-dark),1)}.vs-divider-text-dark{color:rgba(var(--vs-dark),1)}.vs-divider-background-dark{background:rgba(var(--vs-dark),1)}.vs-divider-border-light{border-top-color:rgba(var(--vs-light),1)}.vs-divider-text-light{color:rgba(var(--vs-light),1)}.vs-divider-background-light{background:rgba(var(--vs-light),1)}.dropdown-group-enter-active,.dropdown-group-leave-active{transition:opacity .25s}.dropdown-group-enter,.dropdown-group-leave-to{opacity:0}.vs-con-dropdown{position:relative;display:inline-block;border:0;background:#0000}.vs-con-dropdown *{pointer-events:none}.vs-con-dropdown a{-webkit-user-select:none!important;user-select:none!important}.vs-con-dropdown:active{opacity:1!important}.vuesax-app-is-rtl .vs-con-dropdown .a-icon{flex-direction:row-reverse}.vs-dropdown--group{position:relative;list-style:none;margin-left:3px;width:auto;display:block;padding:5px;padding-left:10px;padding-right:10px;box-sizing:border-box;cursor:pointer;transition:all .3s ease}.vs-dropdown--group.marginIcon{padding-right:25px}.vs-dropdown--group.marginIcon:hover .con-dropdown--group{border-left:1px solid #0000001a}.vs-dropdown--group.marginIcon:hover>.icon-group{transform:translateY(-50%) rotate(-180deg);opacity:0}.vs-dropdown--group-label{font-size:.9375em;font-weight:400;pointer-events:none}.vs-dropdown--group-icon{position:absolute;right:4px;font-size:1.125em;top:50%;transition:all .25s ease;transform:translateY(-50%)}.con-dropdown--group-con-ul{padding-left:3px;position:relative;right:0;top:0;min-width:130px;width:auto;z-index:1000;background:inherit;overflow:hidden;transition:all .3s ease;border-left:1px solid #0000001a}.con-dropdown--group-ul{padding-top:5px;padding-left:0;position:relative;background:#fff;border-radius:5px}.no-cascading{font-weight:700;border-top:1px solid #0000000d;padding-left:0!important;padding-right:0!important;margin-top:5px!important;margin-left:0}.no-cascading>h3{padding:0 10px;font-size:.9375em;padding-top:6px;padding-bottom:6px;cursor:default}.no-cascading .con-dropdown--group-no-cascading{width:100%!important;font-weight:700;height:auto!important;opacity:1!important;border-left:1px solid #0000!important}.no-cascading .con-dropdown--group-no-cascading ul{width:100%;box-shadow:0 5px 20px 0 #0000!important;padding-left:0!important}.vs-dropdown--item{transition:all .2s ease;position:relative;z-index:100;border-radius:5px;width:calc(100% - 6px);margin:0 3px;list-style:none;font-weight:400!important;font-size:.9375em}.vuesax-app-is-rtl .vs-dropdown--item{text-align:right}.vuesax-app-is-ltr .vs-dropdown--item{text-align:left}.vs-dropdown--item .vs-dropdown--item-link{background:inherit!important;color:inherit!important;cursor:pointer;transition:all .2s ease;padding:5px;padding-left:10px;padding-right:10px;width:100%;position:relative;display:block}.vs-dropdown--item .vs-dropdown--item-link.disabled{-webkit-user-select:none;user-select:none;pointer-events:none!important;cursor:default;opacity:.5!important;color:#00000080!important}.vs-dropdown--item.divider{border-top:1px solid #00000014;margin-top:5px}.dropdownx-enter,.dropdownx-leave-to{opacity:0;transform:translate(-100%,8px)!important}.con-vs-dropdown--menu{padding-top:10px;position:absolute;height:auto;width:auto;z-index:40000;transform:translate(-100%);transition:opacity .25s,transform .25s,width .3s ease}.con-vs-dropdown--menu.rightx .vs-dropdown--menu--after{left:30px;right:0}.con-vs-dropdown--menu:after{content:"";display:block;width:100%;height:10px;position:absolute;left:0;top:100%}.vs-dropdown--menu{background:#fff;padding-left:0!important;border-radius:5px;box-shadow:0 5px 25px 0 #0000001a;border:1px solid #0000001a;padding-top:5px;padding-bottom:5px;position:relative;margin:0}.vs-dropdown-right--menu--after{left:20px}.vs-dropdown--menu--after,.vs-dropdown-right--menu--after{position:absolute;width:10px;height:10px;display:block;background:#fff;transform:rotate(45deg) translate(-7px);border-top:1px solid #0000001a;border-left:1px solid #0000001a;z-index:10;box-sizing:border-box}.vs-dropdown--menu--after{right:10px}.notHeight .vs-dropdown-menu:after{top:auto;bottom:0;border-top:1px solid #0000;border-left:1px solid #0000;border-bottom:1px solid #0000001a;border-right:1px solid #0000001a;transform:rotate(45deg) translate(7px)}.vs-dropdown--custom{padding:5px!important;padding-top:8px!important}.vs-icon{-webkit-user-select:none;user-select:none;color:inherit;text-align:center;font-size:1rem}.vs-icon.large{font-size:3.125rem;width:3.125rem;height:3.125rem}.vs-icon.medium{font-size:2.31rem;width:2.31rem;height:2.31rem}.vs-icon.small{font-size:1.5rem;width:1.5rem;height:1.5rem}.vs-icon-bg{width:1rem;height:1rem}.vs-icon-bg.bg-large{width:3.125rem;height:3.125rem}.vs-icon-bg.bg-medium{width:2.31rem;height:2.31rem}.vs-icon-bg.bg-small{width:1.5rem;height:1.5rem}.round{border-radius:50%}.con-vs-icon-bg-primary,.dot-count-primary{background:rgba(var(--vs-primary),1)}.vs-icon-primary{color:rgba(var(--vs-primary),1)}.con-vs-icon-bg-secondary,.dot-count-secondary{background:rgba(var(--vs-secondary),1)}.vs-icon-secondary{color:rgba(var(--vs-secondary),1)}.con-vs-icon-bg-danger,.dot-count-danger{background:rgba(var(--vs-danger),1)}.vs-icon-danger{color:rgba(var(--vs-danger),1)}.con-vs-icon-bg-success,.dot-count-success{background:rgba(var(--vs-success),1)}.vs-icon-success{color:rgba(var(--vs-success),1)}.con-vs-icon-bg-warning,.dot-count-warning{background:rgba(var(--vs-warning),1)}.vs-icon-warning{color:rgba(var(--vs-warning),1)}.con-vs-icon-bg-dark,.dot-count-dark{background:rgba(var(--vs-dark),1)}.vs-icon-dark{color:rgba(var(--vs-dark),1)}.con-vs-icon-bg-light,.dot-count-light{background:rgba(var(--vs-light),1)}.vs-icon-light{color:rgba(var(--vs-light),1)}.vs-images{display:flex;align-items:flex-start;justify-content:center}.vs-images.notBorderRadius .con-vs-image,.vs-images.notBorderRadius .vs-image{border-radius:0!important}.vs-images.alternating .vs-image:nth-child(5n){width:calc(50% - 4px);float:right}.vs-images.alternating.notMargin .vs-image:nth-child(5n){width:50%}.vs-images.notMargin .vs-image{margin:0;width:25%}.vs-images--ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin:0;padding:10px;width:100%}.vs-image{width:calc(25% - 4px);height:auto;list-style:none;margin:2px;transition:all .25s ease;float:left;backface-visibility:visible;cursor:pointer}.vs-image,.vs-image .con-vs-image{border-radius:10px;position:relative}.vs-image .con-vs-image{overflow:hidden;width:100%;z-index:200}.vs-image .imag-blur{position:absolute;width:100%;bottom:0;border-radius:10px;opacity:0;z-index:100;transform:scale(1);filter:blur(5px);transition:all .25s ease}.vs-image--img{background-position:50%;width:100%;padding-bottom:100%;display:block;position:relative;transition:all .25s ease}.vs-images-hover-blur .vs-image:hover{transform:scale(1.04) translateY(-2px);cursor:pointer;z-index:300}.vs-images-hover-blur .vs-image:hover .imag-blur{opacity:.8;transform:scale(.9);filter:blur(5px);bottom:-10px}.vs-images-hover-zoom .vs-image:hover .vs-image--img{transform:scale(1.2)}.vs-images-hover-default .vs-image:hover{transform:scale(.9)}.vs-images-hover-default .vs-image:hover .vs-image--img{transform:scale(1.3)}.vs-images-hover-dark .vs-image:hover{background:#000;border-radius:20px}.vs-images-hover-dark .vs-image:hover .vs-image--img{opacity:.4;border-radius:20px}.vs-images-hover-scale .vs-image:hover{z-index:300;transform:scale(1.15);box-shadow:0 3px 15px 0 #0000004d}.vs-images-hover-curtain .vs-image{overflow:hidden}.vs-images-hover-curtain .vs-image:after{content:"";position:absolute;left:0;top:0;background:#00000080;width:100%;height:100%;z-index:400;border-radius:inherit;transform:translateY(-100%);opacity:0;transition:all .25s ease}.vs-images-hover-curtain .vs-image .vs-image--img{transform:scale(1.2) translateY(-10px)}.vs-images-hover-curtain .vs-image:hover .vs-image--img{transform:scale(1.25) translateY(10px)}.vs-images-hover-curtain .vs-image:hover:after{transform:scale(1) translate(0);opacity:1}@media only screen and (max-width:700px){.vs-image{width:calc(33% - 4px)}}@media only screen and (max-width:550px){.vs-image{width:calc(50% - 4px)}}@media only screen and (max-width:350px){.vs-image{width:calc(100% - 4px)}}.placeholderx-enter,.placeholderx-leave-to{opacity:0}.vuesax-app-is-rtl .placeholderx-enter,.vuesax-app-is-rtl .placeholderx-leave-to{transform:translate(-15px)!important}.vuesax-app-is-ltr .placeholderx-enter,.vuesax-app-is-ltr .placeholderx-leave-to{transform:translate(15px)!important}.icon-validate-enter,.icon-validate-leave-to{opacity:0;transform:scale(.5)!important}.vs-con-input-label{position:relative;transition:all .3s ease}.vs-con-input-label.is-label-placeholder{margin-top:17px}.vs-con-input-label .vs-con-input{display:flex;align-items:flex-start;flex-direction:column;position:relative;justify-content:center}.vs-input--icon{position:absolute;z-index:100;font-size:1.1rem;color:#0006;cursor:default;-webkit-user-select:none;user-select:none;top:8px}.vuesax-app-is-rtl .vs-input--icon{right:5px}.vuesax-app-is-ltr .vs-input--icon{left:5px}.vuesax-app-is-rtl .vs-input--icon{border-left:1px solid #0000001a}.vuesax-app-is-ltr .vs-input--icon{border-right:1px solid #0000001a}.vuesax-app-is-rtl .vs-input--icon{padding-left:3px}.vuesax-app-is-ltr .vs-input--icon{padding-right:3px}.vs-input--icon.small{top:4px;font-size:1rem}.vs-input--icon.large{top:14px}.vuesax-app-is-rtl .vs-input--icon.icon-after{right:auto}.vuesax-app-is-ltr .vs-input--icon.icon-after{left:auto}.vuesax-app-is-rtl .vs-input--icon.icon-after{left:5px}.vuesax-app-is-ltr .vs-input--icon.icon-after{right:5px}.vuesax-app-is-rtl .vs-input--icon.icon-after{border-right:1px solid #0000001a}.vuesax-app-is-ltr .vs-input--icon.icon-after{border-left:1px solid #0000001a}.vuesax-app-is-rtl .vs-input--icon.icon-after{border-left:0}.vuesax-app-is-ltr .vs-input--icon.icon-after{border-right:0}.vuesax-app-is-rtl .vs-input--icon.icon-after{padding-right:3px}.vuesax-app-is-ltr .vs-input--icon.icon-after{padding-left:3px}.vuesax-app-is-rtl .vs-input--icon.icon-after{padding-left:0}.vuesax-app-is-ltr .vs-input--icon.icon-after{padding-right:0}.vs-input--icon.icon-no-border{border:0}.vs-input--placeholder{transition:all .2s ease;position:absolute;border-radius:5px;padding:.4rem;width:100%;box-sizing:border-box;overflow:hidden;font-size:.85rem;color:#0006;white-space:nowrap;cursor:text;-webkit-user-select:none;user-select:none;top:-1px;pointer-events:none}.vuesax-app-is-rtl .vs-input--placeholder{right:0}.vuesax-app-is-ltr .vs-input--placeholder{left:0}.vuesax-app-is-rtl .vs-input--placeholder{padding-right:.55rem}.vuesax-app-is-ltr .vs-input--placeholder{padding-left:.55rem}.vs-input--placeholder.small{padding:.2rem}.vuesax-app-is-rtl .vs-input--placeholder.small{padding-right:.55rem}.vuesax-app-is-ltr .vs-input--placeholder.small{padding-left:.55rem}.vs-input--placeholder.large{padding:.7rem}.vs-input--label{font-size:.85rem;color:#000000b3}.vuesax-app-is-rtl .vs-input--label{padding-right:5px}.vuesax-app-is-ltr .vs-input--label{padding-left:5px}.vs-input--text-validation{position:relative;font-size:.65rem;overflow:hidden;transition:all .2s ease}.vs-input--text-validation .vs-input--text-validation-span{padding:2px 4px;padding-bottom:4px;display:block}.vs-input--icon-validate{position:absolute;top:0;font-size:1.1rem;height:100%;display:flex;align-items:center;padding:0 4px;border-radius:0 5px 5px 0;transition:all .2s ease}.vuesax-app-is-rtl .vs-input--icon-validate{left:0}.vuesax-app-is-ltr .vs-input--icon-validate{right:0}.vs-input--icon-validate.icon-before{position:absolute;right:auto;z-index:100;font-size:1.1rem;cursor:default;-webkit-user-select:none;user-select:none;top:0}.vuesax-app-is-rtl .vs-input--icon-validate.icon-before{right:0}.vuesax-app-is-ltr .vs-input--icon-validate.icon-before{left:0}.vuesax-app-is-rtl .vs-input--icon-validate.icon-before{padding-left:.2rem}.vuesax-app-is-ltr .vs-input--icon-validate.icon-before{padding-right:.2rem}.vuesax-app-is-rtl .vs-input--icon-validate.icon-before{border-left:1px}.vuesax-app-is-ltr .vs-input--icon-validate.icon-before{border-right:1px}.vs-input--input{color:inherit;position:relative;padding:.4rem;border-radius:5px;border:1px solid #0003;box-sizing:border-box;box-shadow:0 0 0 0 #00000026;transition:all .3s ease;width:100%}.vs-input--input.small{padding:.2rem}.vuesax-app-is-rtl .vs-input--input.small{padding-right:.55rem}.vuesax-app-is-ltr .vs-input--input.small{padding-left:.55rem}.vs-input--input.small+.vs-placeholder-label-small{padding:0 .4rem}.vs-input--input.normal{padding:.4rem}.vs-input--input.large{padding:.8rem}.vs-input--input.large+.vs-placeholder-label-large{padding:.6rem}.vs-input--input:focus{box-shadow:0 3px 10px 0 #00000026}.vs-input--input.hasValue+.vs-placeholder-label,.vs-input--input:focus+.vs-placeholder-label{font-size:.7rem}.vuesax-app-is-rtl .vs-input--input.hasValue+.vs-placeholder-label,.vuesax-app-is-rtl .vs-input--input:focus+.vs-placeholder-label{transform:translate(3px,-90%)!important}.vuesax-app-is-ltr .vs-input--input.hasValue+.vs-placeholder-label,.vuesax-app-is-ltr .vs-input--input:focus+.vs-placeholder-label{transform:translate(-3px,-90%)!important}.vuesax-app-is-rtl .vs-input--input.hasValue+.vs-placeholder-label,.vuesax-app-is-rtl .vs-input--input:focus+.vs-placeholder-label{padding-right:.5rem!important}.vuesax-app-is-ltr .vs-input--input.hasValue+.vs-placeholder-label,.vuesax-app-is-ltr .vs-input--input:focus+.vs-placeholder-label{padding-left:.5rem!important}.vs-input--input.hasValue+.vs-placeholder-label-small,.vs-input--input:focus+.vs-placeholder-label-small{font-size:.7rem}.vuesax-app-is-rtl .vs-input--input.hasValue+.vs-placeholder-label-small,.vuesax-app-is-rtl .vs-input--input:focus+.vs-placeholder-label-small{transform:translate(3px,-120%)!important}.vuesax-app-is-ltr .vs-input--input.hasValue+.vs-placeholder-label-small,.vuesax-app-is-ltr .vs-input--input:focus+.vs-placeholder-label-small{transform:translate(-3px,-120%)!important}.vuesax-app-is-rtl .vs-input--input.hasValue+.vs-placeholder-label-small,.vuesax-app-is-rtl .vs-input--input:focus+.vs-placeholder-label-small{padding-right:.5rem!important}.vuesax-app-is-ltr .vs-input--input.hasValue+.vs-placeholder-label-small,.vuesax-app-is-ltr .vs-input--input:focus+.vs-placeholder-label-small{padding-left:.5rem!important}.vuesax-app-is-rtl .vs-input--input:focus+.vs-input--placeholder{transform:translate(-5px)}.vuesax-app-is-ltr .vs-input--input:focus+.vs-input--placeholder{transform:translate(5px)}.vuesax-app-is-rtl .vs-input--input.hasIcon{padding-right:32px}.vuesax-app-is-ltr .vs-input--input.hasIcon{padding-left:32px}.vuesax-app-is-rtl .vs-input--input.hasIcon+.vs-input--placeholder{padding-right:32px}.vuesax-app-is-ltr .vs-input--input.hasIcon+.vs-input--placeholder{padding-left:32px}.vuesax-app-is-rtl .vs-input--input.icon-after-input{padding-left:1.75rem}.vuesax-app-is-ltr .vs-input--input.icon-after-input{padding-right:1.75rem}.vuesax-app-is-rtl .vs-input--input.icon-after-input+.vs-input--placeholder{padding-left:1.75rem}.vuesax-app-is-ltr .vs-input--input.icon-after-input+.vs-input--placeholder{padding-right:1.75rem}.vuesax-app-is-rtl .vs-input--input.hasIcon.icon-after-input{padding-right:.85em}.vuesax-app-is-ltr .vs-input--input.hasIcon.icon-after-input{padding-left:.85em}.vuesax-app-is-rtl .vs-input--input.hasIcon.icon-after-input+.vs-input--placeholder{padding-right:.85em}.vuesax-app-is-ltr .vs-input--input.hasIcon.icon-after-input+.vs-input--placeholder{padding-left:.85em}.vs-input--input:disabled,.vs-input--input:disabled+.vs-input--placeholder{opacity:.5;cursor:default;pointer-events:none}.vs-input-primary .vs-input--input:focus{border:1px solid rgba(var(--vs-primary),1)!important}.vs-input-primary .vs-input--input:focus~.icon-inputx,.vs-input-primary .vs-input--input:focus~.vs-placeholder-label,.vs-input-primary.isFocus .vs-input--label{color:rgba(var(--vs-primary),1)}.span-text-validation-primary{color:rgba(var(--vs-primary),1)!important}.input-icon-validate-primary .vs-input--input,.input-icon-validate-primary .vs-input--input:focus{border:1px solid rgba(var(--vs-primary),1)!important}.input-icon-validate-primary .input-icon-validate{background:rgba(var(--vs-primary),.2);color:rgba(var(--vs-primary),1)}.vs-input-secondary .vs-input--input:focus{border:1px solid rgba(var(--vs-secondary),1)!important}.vs-input-secondary .vs-input--input:focus~.icon-inputx,.vs-input-secondary .vs-input--input:focus~.vs-placeholder-label,.vs-input-secondary.isFocus .vs-input--label{color:rgba(var(--vs-secondary),1)}.span-text-validation-secondary{color:rgba(var(--vs-secondary),1)!important}.input-icon-validate-secondary .vs-input--input,.input-icon-validate-secondary .vs-input--input:focus{border:1px solid rgba(var(--vs-secondary),1)!important}.input-icon-validate-secondary .input-icon-validate{background:rgba(var(--vs-secondary),.2);color:rgba(var(--vs-secondary),1)}.vs-input-danger .vs-input--input:focus{border:1px solid rgba(var(--vs-danger),1)!important}.vs-input-danger .vs-input--input:focus~.icon-inputx,.vs-input-danger .vs-input--input:focus~.vs-placeholder-label,.vs-input-danger.isFocus .vs-input--label{color:rgba(var(--vs-danger),1)}.span-text-validation-danger{color:rgba(var(--vs-danger),1)!important}.input-icon-validate-danger .vs-input--input,.input-icon-validate-danger .vs-input--input:focus{border:1px solid rgba(var(--vs-danger),1)!important}.input-icon-validate-danger .input-icon-validate{background:rgba(var(--vs-danger),.2);color:rgba(var(--vs-danger),1)}.vs-input-success .vs-input--input:focus{border:1px solid rgba(var(--vs-success),1)!important}.vs-input-success .vs-input--input:focus~.icon-inputx,.vs-input-success .vs-input--input:focus~.vs-placeholder-label,.vs-input-success.isFocus .vs-input--label{color:rgba(var(--vs-success),1)}.span-text-validation-success{color:rgba(var(--vs-success),1)!important}.input-icon-validate-success .vs-input--input,.input-icon-validate-success .vs-input--input:focus{border:1px solid rgba(var(--vs-success),1)!important}.input-icon-validate-success .input-icon-validate{background:rgba(var(--vs-success),.2);color:rgba(var(--vs-success),1)}.vs-input-warning .vs-input--input:focus{border:1px solid rgba(var(--vs-warning),1)!important}.vs-input-warning .vs-input--input:focus~.icon-inputx,.vs-input-warning .vs-input--input:focus~.vs-placeholder-label,.vs-input-warning.isFocus .vs-input--label{color:rgba(var(--vs-warning),1)}.span-text-validation-warning{color:rgba(var(--vs-warning),1)!important}.i