.ds-toast-viewport{bottom:0;flex-direction:column;left:50%;list-style:none;margin:0;max-width:100vw;outline:none;padding:24px;position:fixed;transform:translate(-50%);z-index:var(--ds-z-toast)}.ds-toast,.ds-toast-viewport{align-items:center;box-sizing:border-box;display:flex;gap:8px}.ds-toast{background:var(--ds-color-inverse);border-radius:var(--ds-radius-toast);box-shadow:var(--ds-shadow-menu);color:var(--ds-color-on-inverse);font:var(--ds-text-body);max-width:100%;min-height:48px;min-width:344px;padding:6px 8px 6px 16px;pointer-events:auto}.ds-toast--danger{background:var(--ds-color-danger-fill)}.ds-toast__text{flex:1;padding:8px 0}.ds-toast__action{background:transparent;border:0;border-radius:var(--ds-radius-control);color:var(--ds-color-on-inverse);cursor:pointer;flex:none;font:var(--ds-text-label);height:var(--ds-button-h);padding:0 10px;transition:background var(--ds-duration) var(--ds-ease);white-space:nowrap}.ds-toast__action:hover{background:color-mix(in srgb,var(--ds-color-on-inverse) 10%,transparent)}.ds-toast__action:focus-visible{outline:2px solid var(--ds-color-on-inverse);outline-offset:-2px}