.alert{--pad-x: 1.5rem;--pad-y: 1rem;display:flex;flex-flow:row nowrap;align-items:center;align-content:center;justify-content:space-between;gap:1rem;padding-left:1.5rem;padding-right:1.5rem;padding-left:var(--pad-x);padding-right:var(--pad-x);padding-top:1rem;padding-bottom:1rem;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: .5rem}}@media only screen and (max-width: 768px){.alert{--pad-x: 1rem}}@media only screen and (max-width: 320px){.alert{--pad-x: .5rem}}.alert--Info{--aler-color: hsl(200, 54%, 53%);--aler-bg-color: hsl(200, 54%, 85%)}.alert--Success{--aler-color: hsl(134, 61%, 41%);--aler-bg-color: hsl(134, 61%, 85%)}.alert--Warning{--aler-color: hsl(45, 100%, 42%);--aler-bg-color: hsl(45, 100%, 85%)}.alert--Danger{--aler-color: hsl(354, 70%, 54%);--aler-bg-color: hsl(354, 70%, 85%)}.alert__close{padding:0;background-color:var(--color-transparent);border-width:0}.alert__close>.icon{--icon-size: 1.5rem;--icon_color: var(--alert-color)}.alert>p{font-weight:600;color:var(--alert-color)}