.alert{--alert-close-width:3.2rem;--alert-color:#78c266;--alert-bg-color:#fff;--alert-padding-y:0.8rem;--alert-padding-x:2.4rem;--alert-message-font-size:medium;--alert-z-index:8888;grid-column-gap:1.6rem;-ms-grid-columns:auto var(--alert-close-width);background-color:var(--alert-bg-color);border:1px solid var(--alert-color);box-shadow:0 0 6px 0 rgba(0,0,0,.3);color:#000;display:-ms-grid;display:grid;grid-template-columns:auto var(--alert-close-width);left:0;padding:var(--alert-padding-y) var(--alert-padding-x);position:fixed;right:0;top:var(--nav-height);z-index:var(--alert-z-index)}@media only screen and (max-width:768px){.alert{--alert-message-font-stze:var.$font-size-s;--alert-padding-y:0.8rem;--alert-padding-x:1.6rem}}.alert--info{--alert-color:#3396ff;--alert-bg-color:#cce5ff}.alert--success{--alert-color:#519d3f;--alert-bg-color:#dff0db}.alert--warning{--alert-color:#e6ac00;--alert-bg-color:#fff2cc}.alert--danger{--alert-color:#af1d1d;--alert-bg-color:#f8d3d3}.alert--validator{--alert-z-index:9999}.alert>*{-ms-grid-row-align:center;align-self:center}.alert__message{color:var(--alert-color);font-size:var(--alert-message-font-size);margin:0}.alert__close{--shadow-alpha:.15;background-color:var(--alert-color);border-radius:s;border-radius:.4rem;border-width:0;box-shadow:0 0 6px 0 hsla(0,0%,0%,var(--shadow-alpha));cursor:pointer;height:3.2rem;position:relative;transition:box-shadow var(--trans-time) var(--anim-type);width:3.2rem}.alert__close:hover{--shadow-alpha:.3}.alert__close>.icon{color:#fff;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}