sidix-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);display:block;visibility:hidden;pointer-events:none}sidix-drawer[open]{visibility:visible;pointer-events:auto}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-dark);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}sidix-drawer[open] .drawer__overlay{opacity:.55}.drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:min(440px,100vw);background-color:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-lg);transition:transform var(--duration-slow) var(--ease-out)}.drawer__panel--right{right:0;transform:translate(100%)}.drawer__panel--left{left:0;transform:translate(-100%)}.drawer__panel--top{left:0;right:0;bottom:auto;width:100%;max-height:90vh;transform:translateY(-100%)}sidix-drawer[open] .drawer__panel{transform:none}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md) var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer__title{font-family:var(--font-heading);font-size:var(--fs-h5);letter-spacing:var(--heading-letter-spacing);text-transform:uppercase;margin:0}.drawer__close{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-right:calc(var(--space-2xs) * -1);transition:color var(--duration-fast) var(--ease-out)}.drawer__close:hover{color:var(--color-gold)}.drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-md);-webkit-overflow-scrolling:touch}.drawer__footer{flex-shrink:0;padding:var(--space-md);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.drawer__nav-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.drawer__nav-item{border-bottom:1px solid var(--color-border)}.drawer__nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-sm);padding:var(--space-sm) 0;font-family:var(--font-heading);font-size:var(--fs-h5);letter-spacing:.1em;text-transform:uppercase;text-align:left;transition:color var(--duration-fast) var(--ease-out)}.drawer__nav-link:hover,.drawer__nav-link.is-active{color:var(--color-gold)}.drawer__nav-link[aria-expanded=true] .icon{transform:rotate(180deg)}.drawer__nav-link .icon{transition:transform var(--duration-fast) var(--ease-out)}.drawer__submenu{max-height:0;overflow:hidden;margin:0;padding:0;list-style:none;transition:max-height var(--duration-base) var(--ease-out)}.drawer__submenu[hidden]{display:block}.drawer__submenu-link{display:block;padding:var(--space-2xs) 0 var(--space-2xs) var(--space-sm);font-size:var(--fs-small);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.drawer__submenu-link:hover{color:var(--color-gold)}.drawer__submenu>li:last-child .drawer__submenu-link{padding-bottom:var(--space-sm)}.drawer__utilities{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.drawer__utility-link{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase}.drawer__search-form{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.drawer__search-input{flex:1;padding:var(--space-2xs) 0;background:none;border:0;font-family:var(--font-heading);font-size:var(--fs-h4);letter-spacing:.04em;color:var(--color-text)}.drawer__search-input:focus{outline:none}.drawer__search-input::placeholder{color:var(--color-text-muted);opacity:1}@media screen and (min-width:750px){.drawer__panel--top .drawer__body{padding-inline:var(--gutter)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-drawer.css.map */