@keyframes openDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes closeDrawer{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (min-width:768px){@keyframes openDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes closeDrawer{0%{transform:translate(0)}to{transform:translate(100%)}}}.drawer{background-color:var(--color-surface);width:100%;max-width:100%;max-height:100dvh;scroll-padding-block:var(--header-height);overscroll-behavior:contain;height:min-content;animation:openDrawer var(--transition-time) ease-in-out forwards;align-self:end;position:relative;overflow-y:auto;transform:translate(0)}@media (min-width:768px){.drawer{min-width:33.3333vw;max-width:34rem;height:100dvh;margin-left:auto}}.drawer[inert]{animation:closeDrawer var(--transition-time) ease-in-out forwards}.drawer .header{z-index:10;background-color:var(--color-surface);justify-content:space-between;align-items:end;padding-left:1rem;display:flex;position:sticky;top:0}