:where([data-toast]){opacity:0;transform:var(--y);transition:transform .4s,opacity .4s,height .4s,box-shadow .2s}:where([data-toast][data-y-position=top]){--y:translateY(-100%);top:0}:where([data-toast][data-y-position=bottom]){--y:translateY(100%);bottom:0}:where([data-toast][data-swiping=true]):before{content:"";z-index:-1;height:100%;position:absolute;left:-50%;right:-50%}:where([data-toast][data-y-position=top][data-swiping=true]):before{bottom:50%;transform:scaleY(3)translateY(50%)}:where([data-toast][data-y-position=bottom][data-swiping=true]):before{top:50%;transform:scaleY(3)translateY(-50%)}:where([data-toast][data-swiping=false][data-removed=true]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-toast][data-mounted=true]){--y:translateY(0);opacity:1}:where([data-toast][data-expanded=false][data-front=false]){--scale:var(--toasts-before)*.05 + 1;--y:translateY(calc(var(--lift-amount)*var(--toasts-before)))scale(calc(-1*var(--scale)));height:var(--front-toast-height)}:where([data-toast][data-mounted=true][data-expanded=true]){--y:translateY(calc(var(--lift)*var(--offset)));height:var(--initial-height)}:where([data-toast][data-removed=true][data-front=true][data-swipe-out=false]){--y:translateY(calc(var(--lift)*-100%));opacity:0}:where([data-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]){--y:translateY(calc(var(--lift)*var(--offset) + var(--lift)*-100%));opacity:0}:where([data-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]){--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-toast][data-removed=true][data-front=false]):before{height:calc(var(--initial-height) + 20%)}[data-toast][data-swiping=true]{transform:var(--y)translateY(var(--swipe-amount-y,0px))translateX(var(--swipe-amount-x,0px));transition:none}[data-toast][data-swipe-out=true][data-y-position=bottom],[data-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-toast][data-swipe-out=true][data-swipe-out-direction=left]{animation-name:swipe-out-left}[data-toast][data-swipe-out=true][data-swipe-out-direction=right]{animation-name:swipe-out-right}[data-toast][data-swipe-out=true][data-swipe-out-direction=up]{animation-name:swipe-out-up}[data-toast][data-swipe-out=true][data-swipe-out-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y)translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y)translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y)translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y)translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y)translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y)translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y)translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y)translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}