.drawer-root{z-index:1300;pointer-events:none;visibility:hidden;transition:visibility 0s .2s;position:fixed;inset:0}.drawer-root.drawer-open{pointer-events:auto;visibility:visible;transition:visibility}.drawer-backdrop{opacity:0;background-color:#00000080;transition:opacity .2s;position:absolute;inset:0}.drawer-open .drawer-backdrop{opacity:1}.drawer-panel{background-color:var(--background-color);transition:transform .2s cubic-bezier(.4,0,.6,1);position:absolute;top:0;bottom:0;overflow-y:auto;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.drawer-panel-left{left:0;transform:translate(-100%)}.drawer-open .drawer-panel-left{transform:translate(0)}.drawer-panel-right{right:0;transform:translate(100%)}.drawer-open .drawer-panel-right{transform:translate(0)}