.toast-yield{transition:opacity .22s ease, transform .42s var(--ease-spring), filter .22s ease}html[data-toast] .toast-yield{opacity:0;filter:blur(3px);pointer-events:none;transform:translateY(-6px)scale(.97)}.hit{position:relative}.hit:after{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toast-card{--dy:-28px;transform:rotate(-1deg)}.toast-card[data-placement=bottom]{--dy:28px}.toast-in{animation:toast-in .46s var(--ease-stamp) both}.toast-out{animation:.18s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--dy)) rotate(-3deg) scale(.92)}45%{opacity:1}}@keyframes toast-out{to{opacity:0;transform:translateY(calc(var(--dy) * .65)) rotate(-1deg) scale(.96)}}.offline-in{animation:offline-in .42s var(--ease-out-quint) both}@keyframes offline-in{0%{opacity:0;transform:translateY(12px)}}@media (hover:hover) and (pointer:fine){:where(.app-rail,.app-main,.sheet-popup,.sheet-popup-menu,.feed-context) :is(button:not(:disabled),[role=button],[role=tab],[role=radio],summary){cursor:pointer}}@media (min-width:1024px){:root{--rail-w:232px;--feed-w:clamp(380px, calc(100dvh * .5625), 520px)}}@media (min-width:1280px){:root{--ctx-w:340px;--ctx-gap:48px;--group-w:calc(var(--feed-w) + var(--ctx-gap) + var(--ctx-w));--ctx-left:calc(var(--rail-w) + (100vw - var(--rail-w) - var(--group-w)) / 2 + var(--feed-w) + var(--ctx-gap))}}@media (min-width:1600px){:root{--ctx-w:380px}}@media (min-width:1024px){.app-main{background:var(--navy-3)}:root:has(.app-rail) .shell-overlay{padding-left:244px}}@keyframes toast-fade{0%{opacity:0}}.app-indent{filter:none!important;transition-property:transform!important}@media (prefers-reduced-motion:reduce){.toast-in,.toast-out{animation-name:toast-fade!important}.toast-yield{filter:none!important;transform:none!important}}
