.alert{--pad-x: var(--gap-xl);--pad-y: var(--gap-l);display:flex;flex-flow:row nowrap;align-items:center;align-content:center;justify-content:space-between;gap:var(--gap-l);padding-left:var(--pad-x);padding-right:var(--pad-x);padding-top:var(--pad-y);padding-bottom:var(--pad-y);position:fixed;top:var(--nav-height);right:0;bottom:auto;left:0;background-color:var(--aler-bg-color);color:var(--aler-color);z-index:9999}@media only screen and (max-width: 1366px){.alert{--pad-y: var(--gap-m)}}@media only screen and (max-width: 768px){.alert{--pad-x: var(--gap-l)}}@media only screen and (max-width: 320px){.alert{--pad-x: var(--gap-m)}}.alert--Info{--aler-color: var(--color-info);--aler-bg-color: var(--color-info-bg)}.alert--Success{--aler-color: var(--color-success);--aler-bg-color: var(--color-success-bg)}.alert--Warning{--aler-color: var(--color-warning);--aler-bg-color: var(--color-warning-bg)}.alert--Danger{--aler-color: var(--color-danger);--aler-bg-color: var(--color-danger-bg)}.alert__close{padding:0;background-color:var(--color-transparent);border-width:0}.alert__close>.icon{--icon-size: var(--gap-xl);--icon_color: var(--alert-color)}.alert>p{font-weight:600;color:var(--alert-color)}