@layer component.layout {
  .drawer {
    height: 100dvh;
    width: 100%;
    max-width: 400px;
    @media (max-width: 600px) {
      max-width: 100dvw;
    }
    padding: 0;
  }

  .drawer__head {
    padding: 0.5rem;
    text-align: right;
  }
}