:root{--magic-toast-view-transition:all var(--magic-toast-animation-duration) var(--ease-in-out)}.magic-toast-view{cursor:var(--magic-toast-view-cursor,grab);list-style:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.magic-toast-view[data-position=bottom-left],.magic-toast-view[data-position=bottom-right],.magic-toast-view[data-position=bottom]{padding-top:var(--magic-toast-gap)}.magic-toast-view[data-position=top-left],.magic-toast-view[data-position=top-right],.magic-toast-view[data-position=top]{padding-bottom:var(--magic-toast-gap)}.magic-toast-view[data-expanded=false]{--mt-scale:max(calc(1 - var(--magic-toast-scale-factor)*var(--mt-index)),0);--mt-translate-y:calc((var(--magic-toast-overlap-y)*var(--mt-index)*var(--mt-scale))*var(--mt-multiplier-y))}.magic-toast-view[data-expanded=true]{--mt-scale:1;--mt-translate-y:calc(var(--mt-offset)*var(--mt-multiplier-y))}.magic-toast-view__inner{height:100%;position:relative;transform:translateY(var(--mt-translate-y)) scale(var(--mt-scale));transition:var(--magic-toast-view-transition);width:100%}.magic-toast-view__drag{display:block}.magic-toast-view[data-dragging=true]{cursor:var(--magic-toast-view-cursor-dragging,grabbing)}.magic-toast-view[data-position=left],.magic-toast-view[data-position=right]{position:absolute}.magic-toast-view[data-debug=true]{outline:1px solid green}.magic-toast-view[data-debug=true]>*{outline:1px solid red}@keyframes squash-y{to{height:0}}@keyframes slide-ltr-in{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes slide-ltr-out{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes slide-rtl-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes slide-rtl-out{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes mt-slide-ttb-out{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% - var(--magic-toast-padding-y)),0)}}@keyframes mt-slide-ttb-in{0%{transform:translate3d(0,calc(-100% - var(--magic-toast-padding-y)),0)}to{transform:translateZ(0)}}@keyframes mt-slide-btt-out{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(100% + var(--magic-toast-padding-y)),0)}}@keyframes mt-slide-btt-in{0%{transform:translate3d(0,calc(100% + var(--magic-toast-padding-y)),0)}to{transform:translateZ(0)}}:root{--magic-toast-padding-y:1rem;--magic-toast-padding-x:1rem;--magic-toast-gap:.75rem;--magic-toast-animation-duration:175ms;--magic-toast-scale-factor:.05;--magic-toast-overlap-y:1rem;--mt-multiplier-y:0px;--mt-align-items:center;--mt-justify-content:flex-end;--mt-flex-direction:column;--mt-enter-animation:unset;--mt-leave-animation:unset}.magic-toast-provider{align-items:center;display:flex;flex-direction:column;height:var(--magic-toast-height,100%);inset:var(--magic-toast-inset,0);justify-content:center;pointer-events:none;position:var(--magic-toast-position,fixed);width:var(--magic-toast-width,100%);z-index:var(--magic-toast-z-index,999)}.magic-toast-provider__list{align-items:var(--mt-align-items);display:flex;flex-direction:var(--mt-flex-direction);height:100%;justify-content:var(--mt-justify-content);max-height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--magic-toast-padding-y) var(--magic-toast-padding-x);position:relative;scrollbar-width:none;width:100%;-ms-overflow-style:none}.magic-toast-provider__list::-webkit-scrollbar{display:none}.magic-toast-provider__list *{pointer-events:all}.magic-toast-provider[data-position=top-left],.magic-toast-provider[data-position=top-right],.magic-toast-provider[data-position=top]{--mt-enter-animation:mt-slide-ttb-in var(--magic-toast-animation-duration) var(--ease-in-out);--mt-leave-animation:mt-slide-ttb-out var(--magic-toast-animation-duration) var(--ease-in-out);--mt-multiplier-y:1;--mt-justify-content:flex-end;--mt-flex-direction:column-reverse}.magic-toast-provider[data-position=bottom-left],.magic-toast-provider[data-position=bottom-right],.magic-toast-provider[data-position=bottom]{--mt-enter-animation:mt-slide-btt-in var(--magic-toast-animation-duration) var(--ease-in-out);--mt-leave-animation:mt-slide-btt-out var(--magic-toast-animation-duration) var(--ease-in-out);--mt-multiplier-y:-1;--mt-justify-content:flex-end}.magic-toast-provider[data-position=bottom-left],.magic-toast-provider[data-position=top-left]{--mt-align-items:flex-start}.magic-toast-provider[data-position=bottom-right],.magic-toast-provider[data-position=top-right]{--mt-align-items:flex-end}.magic-toast-provider[data-position=left]{--mt-justify-content:center;--mt-align-items:flex-start;--mt-enter-animation:slide-ltr-in var(--magic-toast-animation-duration) var(--ease-in-out);--mt-leave-animation:slide-ltr-out var(--magic-toast-animation-duration) var(--ease-in-out)}.magic-toast-provider[data-position=right]{--mt-justify-content:center;--mt-align-items:flex-end;--mt-enter-animation:slide-rtl-in var(--magic-toast-animation-duration) var(--ease-in-out);--mt-leave-animation:slide-rtl-out var(--magic-toast-animation-duration) var(--ease-in-out)}.magic-toast-enter-active{animation:var(--mt-enter-animation,unset);position:absolute}.magic-toast-enter-active[data-position=bottom-left],.magic-toast-enter-active[data-position=bottom-right],.magic-toast-enter-active[data-position=bottom]{bottom:calc(var(--mt-height)*var(--mt-index)*1px)}.magic-toast-enter-active[data-position=top-left],.magic-toast-enter-active[data-position=top-right],.magic-toast-enter-active[data-position=top]{top:calc(var(--mt-height)*var(--mt-index)*1px)}.magic-toast-leave-active{animation:fade-out var(--magic-toast-animation-duration) var(--ease-in-out);position:absolute}.magic-toast-leave-active:last-child{animation:var(--mt-leave-animation,unset);position:absolute}.magic-toast-move{transition:all var(--magic-toast-animation-duration) var(--ease-in-out)}