.starwind-toast-viewport [data-slot=toast]{--scale: max(.9, 1 - (var(--toast-index, 0) * .05));z-index:calc(1000 - var(--toast-index, 0));transform:translate(var(--toast-swipe-movement-x, 0px)) translateY(calc(var(--toast-swipe-movement-y, 0px) - (var(--toast-index, 0) * var(--peek)))) scale(var(--scale))}.starwind-toast-viewport [data-slot=toast][data-swiping]{transition:none}.starwind-toast-viewport [data-slot=toast][data-expanded]{--scale: 1;transform:translate(var(--toast-swipe-movement-x, 0px)) translateY(calc(var(--toast-swipe-movement-y, 0px) - var(--toast-offset-y, 0px)))}.starwind-toast-viewport [data-slot=toast][data-state=closed][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y, 0px) + 150%));opacity:0}.starwind-toast-viewport [data-slot=toast][data-state=closed][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y, 0px) - 150%));opacity:0}.starwind-toast-viewport [data-slot=toast][data-state=closed][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x, 0px) + 150%)) translateY(calc(var(--toast-offset-y, 0px) * -1));opacity:0}.starwind-toast-viewport [data-slot=toast][data-state=closed][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x, 0px) - 150%)) translateY(calc(var(--toast-offset-y, 0px) * -1));opacity:0}.starwind-toast-viewport[data-position^=top] [data-slot=toast]{top:0;bottom:auto;transform-origin:top center;transform:translate(var(--toast-swipe-movement-x, 0px)) translateY(calc(var(--toast-swipe-movement-y, 0px) + (var(--toast-index, 0) * var(--peek)))) scale(var(--scale))}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-expanded]{transform:translate(var(--toast-swipe-movement-x, 0px)) translateY(calc(var(--toast-swipe-movement-y, 0px) + var(--toast-offset-y, 0px)))}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-state=closed][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y, 0px) - 150%))}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-state=closed][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y, 0px) + 150%))}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-state=closed][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x, 0px) - 150%)) translateY(var(--toast-offset-y, 0px));opacity:0}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-state=closed][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x, 0px) + 150%)) translateY(var(--toast-offset-y, 0px));opacity:0}.starwind-toast-viewport [data-slot=toast][data-starting-style]{transform:translateY(150%);opacity:0}.starwind-toast-viewport [data-slot=toast][data-state=closed]:not([data-swipe-direction]){transform:translateY(150%);opacity:0}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-starting-style]{transform:translateY(-150%);opacity:0}.starwind-toast-viewport[data-position^=top] [data-slot=toast][data-state=closed]:not([data-swipe-direction]){transform:translateY(-150%);opacity:0}#pattern-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23808080' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}