.eco-shell{--shell-sidebar-expanded:264px;--shell-sidebar-collapsed:80px;--shell-sidebar-size:var(--shell-sidebar-expanded);--shell-padding:.5rem;--shell-gap:.75rem;padding:var(--shell-padding)}.eco-shell[data-collapsed=true]{--shell-sidebar-size:var(--shell-sidebar-collapsed)}.eco-shell-content{animation:eco-shell-enter .2s var(--ease-enter);min-block-size:calc(100dvh - 5.5rem - (var(--shell-padding) * 2) - var(--shell-gap))}.eco-shell-topbar{inset-block-start:var(--shell-padding)}.eco-shell-content>[data-slot=alert]{margin-block-end:var(--space-5)}.eco-sidebar-body :focus-visible{outline-color:var(--sidebar-ring)}@keyframes eco-shell-enter{0%{opacity:.5}to{opacity:1}}@media (min-width:640px){.eco-shell{--shell-padding:.75rem;--shell-gap:1rem}}@media (min-width:1024px){.eco-shell{--shell-padding:1rem}.eco-shell-sidebar{inset-block:var(--shell-padding);inline-size:var(--shell-sidebar-size);z-index:var(--z-sticky);transition:inline-size .2s var(--ease-standard);position:fixed;inset-inline-start:var(--shell-padding)}.eco-shell-workspace{transition:margin-inline-start .2s var(--ease-standard);margin-inline-start:calc(var(--shell-sidebar-size) + var(--shell-gap))}}@media (prefers-reduced-motion:reduce){.eco-shell-sidebar,.eco-shell-workspace{transition:none}.eco-shell-content{animation:none}}