@layer components{.Toast{--gap:.5rem;--peek:.5rem;--scale:calc(max(0, 1 - (var(--toast-index) * .05)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));z-index:calc(1000 - var(--toast-index));width:100%;height:var(--height);-webkit-user-select:none;user-select:none;background-color:var(--white);border:1px solid var(--blue-100);transform-origin:bottom;transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));margin-inline-start:auto;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s;position:absolute;inset-block-end:0;inset-inline:auto 0}.Toast[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}.Toast[data-starting-style],.Toast[data-ending-style]{transform:translateY(150%)}.Toast[data-limited]{opacity:0}.Toast[data-ending-style]{opacity:0}.Toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}.Toast[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}.Toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}.Toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.ToastViewport{z-index:var(--z-index-50);width:calc(100dvw - 2 * var(--spacing-400));position:fixed;inset-block-end:var(--spacing-400);inset-inline-end:var(--spacing-400)}.ToastContent{padding:var(--spacing-200);flex-direction:column;padding-inline-end:var(--spacing-1000);display:flex}.ToastTitle{font-size:var(--text-heading-xs);font-weight:var(--font-weight-600);line-height:var(--text-heading-xs--line-height);color:var(--blue-100)}.ToastDescription{font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--blue-100)}.ToastClose{position:absolute;inset-block-start:var(--spacing-200);inset-inline-end:var(--spacing-200)}@media (min-width:48rem){.ToastViewport{width:22.5rem;inset-block-end:var(--spacing-400);inset-inline-start:auto;inset-inline-end:var(--spacing-400)}}}