sate-lib/lib/components/drawer/drawer.styles_module.css

A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.

.overlay-DaEAC4{z-index:100;pointer-events:none;opacity:0;will-change:opacity;background:#0006;transition:opacity .35s cubic-bezier(.32,.72,0,1);position:fixed;inset:0}.overlay-DaEAC4[data-state=open]{pointer-events:auto;opacity:1}.nested-pRD_ow{z-index:102}.panel-RaauhH{overflow-y:auto}.root-sf4EHo{--drawer-top-margin:6rem;z-index:102;max-height:calc(100% - var(--drawer-top-margin));margin-top:var(--drawer-top-margin);pointer-events:auto;touch-action:none;background:var(--color-background-screen,#fdfdf9);border-top-left-radius:var(--radius-radii-24,1.5rem);border-top-right-radius:var(--radius-radii-24,1.5rem);box-shadow:var(--box-shadow-5);will-change:transform;flex-direction:column;transition:transform .35s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.root-sf4EHo[data-state=open]{transform:translateY(0)}@media (width>=1024px){.root-sf4EHo{border-radius:var(--radius-radii-24,1.5rem);opacity:0;width:24.375rem;max-height:80vh;margin-top:0;transition:transform .35s cubic-bezier(.22,.61,.36,1),opacity .22s cubic-bezier(.32,.72,0,1);inset:50% auto auto 50%;transform:translate(-50%,-50%)scale(.95)}.root-sf4EHo[data-state=open]{opacity:1;transform:translate(-50%,-50%)scale(1)}}.header-i2W6Rn{text-align:center;background:inherit;padding:.75rem;position:relative}.close-EWvEEO{z-index:102;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.title-U1rLfY{display:inline-block}@media (width>=1024px){.rootGallery-I7BGft{opacity:0;border-radius:0;width:100vw;height:100vh;max-height:none;margin-top:0;transition:opacity .35s cubic-bezier(.32,.72,0,1);inset:0;transform:none}.rootGallery-I7BGft[data-state=open]{opacity:1;transform:none}.rootGallery-I7BGft .header-i2W6Rn{background:0 0}.rootGallery-I7BGft .panel-RaauhH{max-width:1200px;margin:0 auto}}.rootMenu-x4puZm{border-radius:0;height:100%;max-height:100%;margin-top:0;overflow:hidden;transform:translate(100%)}.rootMenu-x4puZm[data-state=open]{transform:translate(0)}.menuClose-gTeWWP{z-index:102;position:absolute;top:.75rem;left:.75rem}