@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}[data-scope=toast][data-part=root]{overflow-wrap:anywhere;translate:var(--x)var(--y);scale:var(--scale);z-index:var(--z-index);height:var(--height);opacity:var(--opacity);will-change:translate,opacity,scale;transition:translate .4s cubic-bezier(.21,1.02,.73,1),scale .4s cubic-bezier(.21,1.02,.73,1),opacity .4s cubic-bezier(.21,1.02,.73,1),height .4s cubic-bezier(.21,1.02,.73,1),box-shadow .2s cubic-bezier(.21,1.02,.73,1)}[data-scope=toast][data-part=root]>svg{flex-shrink:0}[data-scope=toast][data-part=root][data-overlap]{overflow-y:hidden}[data-scope=toast][data-part=root][data-state=closed]{transition:translate .4s cubic-bezier(.06,.71,.55,1),scale .4s cubic-bezier(.06,.71,.55,1),opacity .2s cubic-bezier(.06,.71,.55,1)}[data-scope=toast] .spinner{animation:1s linear infinite spin}[data-scope=toast][data-part=progressbar]{bottom:0;background:#747474;width:100%;height:4px;animation-name:shrink;animation-fill-mode:forwards;position:absolute;inset-inline:0}[data-scope=toast][data-part=progressbar][data-type=loading]{animation-name:none}@media (width<=640px){[data-scope=toast][data-part=group]{inset-inline-start:calc(env(safe-area-inset-left,0px) + 1rem)}[data-scope=toast][data-part=root]{width:100%}}