html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}dialog.drawer{all:unset;---spacing-y: var(--spacing-3x-large);---spacing-x: var(--spacing-3x-large);box-sizing:border-box;height:100%;width:382px;max-width:inherit;visibility:hidden;background-color:var(--color-background);z-index:100;position:fixed;top:0;bottom:0;left:0;transform:translateX(-100%);transition:transform 0.25s ease-out;border-bottom:1px solid #eee;display:flex;flex-direction:column}dialog.drawer.right{left:unset;right:0;transform:translateX(100%)}dialog.drawer,dialog.drawer::backdrop{overscroll-behavior:contain}dialog.drawer:modal{box-shadow:0px 0px 25px 0px rgba(0,0,0,0.2)}dialog.drawer[open]{visibility:visible}dialog.drawer::backdrop{background-color:var(--color-secondary-700);opacity:0;transition:opacity linear 0.25s}dialog.drawer[open],dialog.drawer[open]::backdrop{transform:none}dialog.drawer[open]::backdrop{opacity:.6}dialog.drawer header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(---spacing-y) var(---spacing-x)}dialog.drawer header img{width:200px}dialog.drawer .body{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;scrollbar-gutter:stable}dialog.drawer .content,dialog.drawer footer{padding:var(--spacing-medium) var(---spacing-x)}dialog.drawer footer{padding-bottom:var(--spacing-2x-large);border-top:1px solid var(--color-border-default)}dialog.drawer .scrollable{overflow-x:auto}dialog.drawer .content{min-height:0;flex:1 1 auto;font-size:var(--font-size-x-large);display:flex;flex-direction:column;gap:var(--spacing-3x-large)}dialog.drawer .content .page-header-v2{margin:0 0 var(--spacing-2x-large);padding:0}dialog.drawer .content .page-header-v2 h1{font-size:var(--font-size-x-large)}dialog.drawer .content.lighter{background-color:var(--color-secondary-100)}dialog.drawer .content.darker{background-color:var(--color-secondary-300)}@media (max-width: 382px){dialog.drawer{width:100%}}#drawer-login button{width:100%}#drawer-login .shared-links{text-align:center}#mini-cart-content{---spacing-y: var(--spacing-x-large);---spacing-x: var(--spacing-x-large);padding-bottom:var(--spacing-2x-large)}#mini-cart-content header h2{margin:0;font-size:var(--font-size-2x-large);font-weight:var(--font-weight-semibold)}#drawer-menu{---link-spacing: var(--spacing-medium)}#drawer-menu header{background-color:var(--color-background)}#drawer-menu .content{padding-inline:calc(var(---spacing-x) - var(---link-spacing))}#drawer-menu .content.t2{background-color:var(--color-secondary-100)}