@layer components{.pk-toast{padding:var(--pk-control-y) var(--pk-control-x);background:var(--pk-surface);border:1px solid var(--pk-line);border-radius:var(--pk-radius);font-size:var(--pk-text-md);color:var(--pk-ink);align-items:center;gap:.75rem;display:flex}.pk-toast__dot{background:var(--tone);border-radius:50%;flex:none;width:.5rem;height:.5rem}.pk-toast__message{flex:1}.pk-toast__action{color:var(--tone);border-radius:var(--pk-radius-sm);font-size:var(--pk-text-md);cursor:pointer;transition:background-color var(--pk-dur-fast), color var(--pk-dur-fast);background:0 0;border:1px solid #0000;flex:none;padding:0 .5rem;font-weight:500}.pk-toast__action:hover{background:color-mix(in srgb, var(--tone) 10%, transparent)}.pk-toast__dismiss{color:var(--pk-ink-muted);border-radius:var(--pk-radius-sm);font-size:var(--pk-text-md);cursor:pointer;transition:color var(--pk-dur-fast);background:0 0;border:1px solid #0000;flex:none;padding:0 .5rem}.pk-toast__dismiss:hover{color:var(--pk-ink)}.pk-toast--ok{--tone:var(--pk-ok)}.pk-toast--info{--tone:var(--pk-info)}.pk-toast--danger{--tone:var(--pk-danger)}}