.drawer{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;z-index:999}.drawer[open]{visibility:visible}.drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-max-muted);opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.drawer[open] .drawer__overlay{opacity:1;pointer-events:auto}.drawer__content{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100vh;padding-block:var(--spacing-8);background:var(--color-secondary);overflow-y:auto;transform:translateY(-100%);transition:transform var(--transition-medium)}.drawer[open] .drawer__content{transform:translateY(0)}.drawer__header{height:5rem}.drawer__body{display:grid;flex:1;flex-direction:column;grid-template-columns:var(--content-grid);width:100vw}.drawer__body>*{grid-column:2}.drawer__grid{display:grid;grid-template-columns:1fr 1fr .5fr;gap:var(--spacing-8);height:100%;padding-inline:var(--spacing-8)}.drawer__column{display:flex;flex-direction:column;gap:var(--spacing-8)}.drawer__column--right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-2)}.drawer__nav{display:flex;flex-direction:column}.drawer__menu{display:flex;flex-direction:column;gap:var(--spacing-4);list-style:none;margin:0;padding:0}.drawer__menu--secondary{gap:.75rem}.drawer__link{display:inline-block;margin-bottom:var(--spacing-2);color:var(--color-foreground);text-decoration:none;font-size:var(--font-size-xl);font-weight:500;text-transform:uppercase}.drawer__link--secondary{font-size:var(--font-size-lg);font-weight:500;margin-block-end:var(--spacing-1)}.drawer__link--social{display:inline-flex;align-items:center;gap:var(--spacing-2);margin-block-end:0;color:inherit;font-family:var(--font-english);font-size:var(--font-size-sm);font-weight:400;text-transform:none}.drawer__spacer{min-block-size:var(--spacing-8)}.drawer__link:hover{text-decoration:underline}.drawer__link:focus{outline:.175rem solid var(--color-primary);outline-offset:.15rem;border-radius:0}.drawer__icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.drawer__icon svg{width:100%;height:100%}.header__menu-button path{transition:transform var(--transition-medium),opacity var(--transition-medium);transform-origin:center}.drawer[open]~header .header__menu-button .top{transform:translateY(6.25px) rotate(45deg)}.drawer[open]~header .header__menu-button .middle{opacity:0}.drawer[open]~header .header__menu-button .bottom{transform:translateY(-6.25px) rotate(-45deg)}.drawer.closing .drawer__overlay{opacity:0}.drawer.closing .drawer__content{transform:translateY(-100%)}.drawer.closing~header .header__menu-button .top{transform:translate(0) rotate(0)}.drawer.closing~header .header__menu-button .middle{opacity:1}.drawer.closing~header .header__menu-button .bottom{transform:translate(0) rotate(0)}.drawer[open]~header .header__icons{opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium)}.drawer[open]~header .header__menu-button{opacity:1!important;visibility:visible!important;z-index:1000}.drawer:not([open])~header .header__icons,.drawer.closing~header .header__icons{opacity:1;visibility:visible;transition:opacity var(--transition-medium),visibility var(--transition-medium)}@media screen and (max-width: 768px){.drawer__grid{grid-template-columns:1fr;gap:var(--spacing-12);padding-inline:var(--spacing-4)}.drawer__content{padding-block:var(--spacing-8)}.drawer__column{gap:var(--spacing-6)}}@media screen and (max-width: 480px){.drawer__grid{gap:var(--spacing-6)}.drawer__menu{gap:.75rem}.drawer__column{gap:var(--spacing-2)}.drawer__spacer{min-block-size:.5rem}.drawer__menu--secondary{gap:var(--spacing-2)}.drawer__link--secondary{font-size:var(--font-size-sm)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-menu-drawer.css.map */