.vs-alert{--vs-alert-bg-light:rgba(var(--vs-color),.1);--vs-alert-border-radius:4px 12px 12px 4px;--vs-alert-shadow--icon-close:0px 0px 0px 0px #00000026;--vs-alert-shadow--icon-close-hover:0px 5px 18px 0px #00000026;--vs-alert-icon-close-width:30px;--vs-alert-icon-close-height:30px;--vs-alert-font-size:.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);border-radius:var(--vs-alert-border-radius);color:rgba(var(--vs-color),1);font-size:var(--vs-alert-font-size);overflow:hidden;padding:0 20px;position:relative;transition:var(--vs-transition-ease);width:100%;z-index:10}.vs-alert::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:"";height:100%;left:0;position:absolute;top:0;width:2px}.vs-alert--solid,.vs-alert:after{background:rgba(var(--vs-color),1)}.vs-alert--solid,.vs-alert--solid .vs-alert__icon i{color:#fff}.vs-alert--solid .vs-alert__icon svg{fill:#fff}.vs-alert--solid .vs-alert__close{box-shadow:var(--vs-alert-shadow--icon-close);color:#fff}.vs-alert--solid .vs-alert__close:hover{box-shadow:var(--vs-alert-shadow--icon-close-hover);transform:translateY(-2px)}.vs-alert--solid .vs-alert__close svg{fill:#fff}.vs-alert--solid:after{background:#fff6}.vs-alert--border{background:0 0}.vs-alert--border:before{border:1px solid rgba(var(--vs-color),1);border-left:0;border-radius:inherit;content:"";height:var(--vs-alert-alert-with-border-height);left:0;position:absolute;top:0;width:var(--vs-alert-alert-with-border-width);z-index:-1}.vs-alert--shadow{background:0 0;box-shadow:0 4px 15px rgba(var(--vs-color),.12)}.vs-alert--gradient{background:rgba(var(--vs-color),1);border-radius:12px;color:#fff}.vs-alert--gradient .vs-alert__icon i{color:#fff}.vs-alert--gradient .vs-alert__icon svg{fill:#fff}.vs-alert--gradient .vs-alert__close{box-shadow:var(--vs-alert-shadow--icon-close);color:#fff}.vs-alert--gradient .vs-alert__close:hover{box-shadow:var(--vs-alert-shadow--icon-close-hover);transform:translateY(-2px)}.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));border-radius:inherit;content:"";filter:hue-rotate(-50deg);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.vs-alert--flat{background:#00000008}.vs-alert--relief{background:rgba(var(--vs-color),1);border-radius:12px;box-shadow:6px 6px rgba(var(--vs-color),.3);color:#fff;margin-bottom:7px}.vs-alert--relief .vs-alert__icon i{color:#fff}.vs-alert--relief .vs-alert__icon svg{fill:#fff}.vs-alert--relief .vs-alert__close{box-shadow:var(--vs-alert-shadow--icon-close);color:#fff}.vs-alert--relief .vs-alert__close:hover{background:#0003;box-shadow:var(--vs-alert-shadow--icon-close-hover);transform:translateY(-2px)}.vs-alert--relief .vs-alert__close svg{fill:#fff}.vs-alert--relief:after{display:none}.vs-alert__title{align-items:center;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:15px}.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{overflow:hidden;transition:var(--vs-transition-ease)}.vs-alert__content--text{padding:var(--vs-alert-content-text-padding)}.vs-alert__close{align-items:center;background:0 0;border:0;border-radius:10px;box-shadow:0 0 rgba(var(--vs-color),.3);color:rgba(var(--vs-color),1);display:flex;height:var(--vs-alert-icon-close-height);justify-content:center;padding:0;position:absolute;right:20px;top:15px;transition:var(--vs-transition-ease);width:var(--vs-alert-icon-close-width)}.vs-alert__close:hover{box-shadow:0 5px 18px rgba(var(--vs-color),.3);transform:translateY(-2px)}.vs-alert__close:active{transform:translateY(-1px)}.vs-alert__close svg{fill:rgba(var(--vs-color),1)}.vs-alert__footer{align-items:center;display:flex;justify-content:flex-end;padding:0 15px 10px;position:relative;width:100%}.vs-alert__icon{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding-left:2px;position:absolute;top:0;width:50px}.vs-alert__icon i{color:rgba(var(--vs-color),1);font-size:1.3rem}.vs-alert__icon svg{height:24px;width: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{background:rgba(var(--vs-color),.2);bottom:0;height:2px;left:0;position:absolute;width:100%}.vs-alert__progress--bar{background:rgba(var(--vs-color),1);height:100%;left:0;position:relative;transition:var(--vs-transition-ease)}.vs-alert__pagination{align-items:center;display:flex;justify-content:flex-start;margin-bottom:10px;padding:0 20px;position:relative}.vs-alert__pagination span{font-size:.8rem;margin:0 8px;min-width:28px;text-align:center}.vs-alert__pagination button{background:0 0;background:var(--vs-alert-bg-light);border:0;border-radius:8px;color:rgba(var(--vs-color),1);font-size:1rem;padding:0 7px;transition:var(--vs-transition-ease)}.vs-alert__pagination button:hover{background:rgba(var(--vs-color),1);color:#fff}