@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{overscroll-behavior:contain;background-color:#fff;align-self:end;width:100%;max-width:100%;height:min-content;max-height:100dvh;animation:.3s ease-in-out forwards openDrawer;position:relative;overflow-y:auto;transform:translate(0)}@media (min-width:768px){.drawer{width:50vw;max-width:34rem;height:100dvh;margin-left:auto}}.drawer[inert]{animation:.3s ease-in-out forwards closeDrawer}.drawer .header{z-index:10;background-color:#fff;justify-content:space-between;align-items:end;padding-inline:1rem;display:flex;position:sticky;top:0}.drawer .header .closeButton{z-index:100;cursor:pointer;color:var(--color-primary);border-radius:99999px;align-self:start;margin-left:auto;padding:.8rem;font-size:1rem}@media (hover:hover){.drawer .header .closeButton:hover{color:var(--color-main)}}.drawer .header .closeButton:active{color:var(--color-primary)}