@layer components{.toast{transform:translateY(-150%);opacity:0;transition:transform .6s var(--spring),opacity .3s}.toast.is-shown{transform:none;opacity:1}.toast.is-hidden{transform:translateY(-150%);opacity:0;transition:transform .45s var(--ease),opacity .3s}:root[data-motion=off] .toast{transform:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .toast{transform:none}}.ach-sheet{transform:translateY(105%);visibility:hidden;transition:transform .55s var(--spring),visibility 0s .55s;box-shadow:var(--hl),0 -24px 70px rgb(var(--shade-rgb)/calc(.6 * var(--shade-k)))}.ach-sheet.is-open{transform:none;visibility:visible;transition:transform .55s var(--spring)}}