.storefront-drawer{position:fixed;inset:0 0 0 auto;width:min(100%,440px);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:24px 0 0 24px;background:var(--surface-strong,#fffafc);color:var(--ink);box-shadow:-20px 0 80px #20142435;overscroll-behavior:contain}.storefront-drawer::backdrop{background:#20142480;backdrop-filter:blur(4px)}.storefront-drawer-surface{min-height:100%;display:flex;flex-direction:column}.storefront-drawer :is(button,a,input,select):focus-visible{outline:2px solid var(--plum);outline-offset:3px}@media (max-width:480px){.storefront-drawer{width:calc(100% - 12px);border-radius:20px 0 0 20px}}@media (prefers-reduced-motion:no-preference){.storefront-drawer[open]{animation:storefront-drawer-enter .18s ease-out}@keyframes storefront-drawer-enter{0%{transform:translateX(28px);opacity:.5}to{transform:translateX(0);opacity:1}}}