@layer components{vx-drawer dialog{margin:0;padding:0;border:0;max-width:none;max-height:none;background:var(--color-bg);color:var(--color-text)}vx-drawer dialog::backdrop{background:var(--color-overlay)}@media(prefers-reduced-motion:no-preference){vx-drawer dialog{transition:transform var(--dur-slow) var(--ease-out),display var(--dur-slow) allow-discrete,overlay var(--dur-slow) allow-discrete}vx-drawer dialog::backdrop{transition:background-color var(--dur-slow) var(--ease-out)}}.vx-drawer--right dialog{position:fixed;inset:0 0 0 auto;height:100%;width:440px;max-width:100vw;transform:translate(100%)}.vx-drawer--right dialog[open]{transform:translate(0)}@media(max-width:480px){.vx-drawer--right dialog{width:100%}}.vx-drawer--left dialog{position:fixed;inset:0 auto 0 0;height:100%;width:100vw;max-width:420px;transform:translate(-100%)}.vx-drawer--left dialog[open]{transform:translate(0)}.vx-drawer--search dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;opacity:0}.vx-drawer--search dialog[open]{opacity:1}@media(min-width:990px){.vx-drawer--search dialog{inset:var(--vx-search-top, var(--header-h)) 0 auto 0;height:auto;max-height:calc(100vh - var(--vx-search-top, var(--header-h)));border-bottom:1px solid var(--color-border);transform:translateY(-8px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.vx-drawer--search dialog[open]{transform:translateY(0)}}.vx-drawer--sheet dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;opacity:0}.vx-drawer--sheet dialog[open]{opacity:1}.vx-drawer__panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5) var(--gutter) calc(var(--space-5) + env(safe-area-inset-bottom))}.vx-drawer__top-row{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.vx-drawer__close{display:inline-flex;padding:var(--space-2);color:var(--color-text)}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/c-drawer.css.map */