.base-toast{--base-toast-margin-top:var(--const-sizes-spacings-2);--base-toast-max-width:100%;--base-toast-animation-duration:2s;--base-toast-animation-fill-mode:both;--base-toast-wrapper-align-items:center;--base-toast-wrapper-display:flex;--base-toast-wrapper-justify-content:space-between;--base-toast-wrapper-padding:var(--const-sizes-spacings-3) var(--const-sizes-spacings-4);--base-toast-wrapper-border-radius:12px;--base-toast-wrapper-background-color-error:var(--const-functional-color-error);--base-toast-wrapper-background-color-success:var(--const-functional-color-success);--base-toast-wrapper-gap:var(--const-sizes-spacings-4);--base-toast-wrapper-drop-shadow:0 0 12px 0 rgba(0,0,0,.251);--base-toast-message-color:var(--const-background-color-default);--base-toast-message-font-size:var(--const-font-size-p-small);--base-toast-icon-background-color:var(--const-background-color-body)}@media screen and (min-width:1024px){.base-toast{--base-toast-max-width:368px;--base-toast-wrapper-padding:var(--const-sizes-spacings-2) var(--const-sizes-spacings-3);--base-toast-wrapper-gap:var(--const-sizes-spacings-3);--base-toast-info-icon-size:var(--const-sizes-spacings-4);--base-toast-close-icon-size:var(--const-sizes-spacings-3)}}.base-toast{--base-toast-wrapper-background-color-warning:var(--const-functional-color-info);--base-toast-status-icon-size:var(--const-sizes-spacings-6);--base-toast-close-icon-size:var(--const-sizes-spacings-4)}@media screen and (min-width:1024px){.base-toast{--base-toast-status-icon-size:var(--const-sizes-spacings-5);--base-toast-close-icon-size:var(--const-sizes-spacings-4)}}.base-toast{animation-duration:var(--base-toast-animation-duration);animation-fill-mode:var(--base-toast-animation-fill-mode);margin-top:var(--base-toast-margin-top);max-height:200px;transform:translate(200%);width:100%}@media screen and (min-width:1024px){.base-toast{width:var(--base-toast-max-width)}}.base-toast__wrapper{align-items:var(--base-toast-wrapper-align-items);border-radius:var(--base-toast-wrapper-border-radius);box-shadow:var(--base-toast-wrapper-drop-shadow);display:var(--base-toast-wrapper-display);gap:var(--base-toast-wrapper-gap);justify-content:var(--base-toast-wrapper-justify-content);padding:var(--base-toast-wrapper-padding)}.base-toast__wrapper--error{background-color:var(--base-toast-wrapper-background-color-error)}.base-toast__wrapper--warning{background-color:var(--base-toast-wrapper-background-color-warning)}.base-toast__wrapper--success{background-color:var(--base-toast-wrapper-background-color-success)}.base-toast__message{color:var(--base-toast-message-color);flex:2;font-size:var(--base-toast-message-font-size);font-weight:var(--const-font-weight-medium);text-align:left}.base-toast__close-icon,.base-toast__info-icon{aspect-ratio:1/1;background-color:var(--base-toast-icon-background-color);height:auto}.base-toast__info-icon{width:var(--base-toast-status-icon-size)}.base-toast__close-icon{width:var(--base-toast-close-icon-size)}.base-toast__close-icon:hover{cursor:pointer}@keyframes bounce-in-left{0%{opacity:0;transform:translate(200%)}25%{opacity:1;transform:translate(-30px)}50%{transform:translate(0)}to{transform:translate(0)}}.base-toast--bounce-in-left{animation-name:bounce-in-left}@keyframes bounce-out-right{0%{opacity:1;transform:translate(0)}25%{margin-top:var(--base-toast-margin-top);max-height:100px}80%{max-height:0}to{margin-top:0;transform:translate(200%)}}.base-toast--bounce-out-right{animation-name:bounce-out-right}