/*! Mixins --------- */
/* fill */ 	.alert-list__item:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
/* icon */ 	.alert__close:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }


/*! Modules --------- */
.alert-list { display: flex; position: fixed; left: var(--rpp); right: var(--rpp); top: var(--rpp); bottom: var(--rpp); z-index: 9999; list-style: none; margin: 0; pointer-events: none; flex-wrap: nowrap; flex-direction: column-reverse; justify-content: flex-end; gap: var(--rpp); align-items: center; --maw: 440px; --pd: 30px; --br: 8px; --bs: 0 12px 10px rgba(0,0,0,.07); --bd: var(--venus); --bg: var(--white); --align: center 0; }
    .alert-list__item {
        visibility: hidden; position: absolute; top: 0; z-index: 2; width: 100%; max-width: 440px; padding: var(--pd) var(--pd) max(0.1px, calc(var(--pd) - var(--mr_main))); pointer-events: auto; opacity: 0;
        transform-origin: var(--align); transform: scale(.9);
    }
        .alert-list__item:before { box-shadow: var(--bs); border-radius: var(--br); border: 1px solid var(--bd); background: var(--bg); }
        .alert-list__item.show-alert { visibility: visible; opacity: 1; transform: scale(1); }
        .alert-list__item--error { --bd: var(--cherry); }
    .alert__content { margin-bottom: var(--mr_main); }
    .alert__close { display: block; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 9; width: 74px; height: 88px; color: var(--coal); font-size: 12px; text-align: left; text-indent: -3000em; }
        .alert__close:before { content: "\e902"; }
.alert-list.position-bottom-left { justify-content: flex-start; align-items: flex-start; --align: 0 100%; }
.alert-list.position-bottom-center { justify-content: flex-start; --align: center 100%; }
.alert-list.position-bottom-right { justify-content: flex-start; align-items: flex-end; --align: 100% 100%; }
.alert-list.position-top-left { justify-content: flex-end; align-items: flex-start; --align: 0 0; }
.alert-list.position-top-right { justify-content: flex-end; align-items: flex-end; --align: 100% 0; }
    .alert-list[class*="position-bottom"] .alert-list__item { top: auto; bottom: 0; }


/*! Helpers --------- */
.alert-list__item:after { display: none; }


/*! Helpers --------- */
.alert-list__item { transition-property: transform, visibility, opacity; transition-duration: 0.23s; transition-timing-function: cubic-bezier(0.21, 1.02, 0.73, 1); transition-delay: 0s; }