@layer components{.board-toast{width:fit-content;inset-inline:0;bottom:var(--sp-5);align-items:center;gap:var(--sp-3);max-width:82vw;padding:var(--sp-2) var(--sp-3);background:var(--ink-strong);color:var(--paper-raised);border-radius:var(--radius-btn);box-shadow:var(--menu-shadow);margin-inline:auto;display:flex;position:fixed}body:has([data-selection-bar]) .board-toast{bottom:calc(var(--sp-5) + 56px)}.board-toast.is-warn{box-shadow:var(--menu-shadow), inset 3px 0 0 var(--warn)}.board-toast.is-dep{max-width:min(880px,92vw);animation:board-toast-pop var(--dur-slow) ease-out}.board-toast>span:not(.board-toast-ic){line-height:var(--lh-row);white-space:pre-line}.board-toast-ic{font-size:var(--type-body-size);line-height:var(--lh-row);color:color-mix(in oklab, var(--danger) 55%, var(--paper-raised));flex:none}.board-toast button{height:calc(var(--sp-1) * 6);padding:0 var(--sp-2);font:inherit;font-size:var(--type-grid-size);cursor:pointer;border:1px solid color-mix(in oklab, var(--paper-raised) 35%, transparent);border-radius:var(--radius-sm);color:var(--paper-raised);background:0 0;flex:none}.board-toast button:hover:not([aria-disabled=true]){background:color-mix(in oklab, var(--paper-raised) 14%, transparent)}.board-toast button[aria-disabled=true]{cursor:progress}.board-toast button:focus-visible{box-shadow:var(--focus-ring);outline:none}}
