.tedi-toast-viewport{z-index:100;flex-direction:column-reverse;max-height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0;right:0}@media (width>=640px){.tedi-toast-viewport{flex-direction:column;max-width:420px;inset:auto 0 0 auto}}.tedi-toast{pointer-events:auto;border-radius:calc(var(--t3di__border-radius-sm) / 3);border:1px solid var(--t3di__border-default);width:100%;box-shadow:var(--t3di__focus-box-shadow-start);transition:all var(--t3di__animation-step-2x) ease;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem 1.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.tedi-toast[data-variant=default]{background-color:var(--t3di__layer-1);color:var(--t3di__text-default)}.tedi-toast[data-variant=destructive]{background-color:var(--t3di__button-danger-background);color:var(--t3di__color-foreground);border-color:color-mix(in srgb, var(--t3di__color-quinary-1) 50%, transparent)}.tedi-toast__action{border-radius:calc(var(--t3di__border-radius-sm) / 3);border:1px solid var(--t3di__border-default);height:2rem;transition:background-color var(--t3di__animation-step) ease;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.tedi-toast__action:hover{background-color:var(--t3di__color-surface-4)}.tedi-toast__close{border-radius:calc(var(--t3di__border-radius-sm) / 4);color:var(--t3di__text-subtle);opacity:0;transition:opacity var(--t3di__animation-step) ease;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.tedi-toast:hover .tedi-toast__close{opacity:1}.tedi-toast__close:hover{color:var(--t3di__text-default)}.tedi-toast__title{font-size:.875rem;font-weight:600}.tedi-toast__description{opacity:.9;font-size:.875rem}