.menu-drawer{overflow-y:auto;background:#181818b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:fixed;width:100%;max-width:min(460px,100vw);height:100vh;z-index:60;top:0;inset-inline-start:0;display:block!important;color:rgb(var(--layout-text-color));opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-100%,0,0);transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s ease,visibility 0s linear .48s;will-change:transform}.menu-drawer .scroll-area{min-height:100%;padding:0 36px 64px}.menu-drawer[hidden]{opacity:0;pointer-events:none;visibility:hidden}.menu-drawer:not([hidden]){visibility:visible;pointer-events:all;transition:transform .48s cubic-bezier(.22,1,.36,1),opacity .32s ease,visibility 0s linear 0s}.menu-drawer.open{opacity:1;visibility:visible;transform:translateZ(0);pointer-events:all}.menu-drawer__content{display:grid;max-width:1440px;margin:0 auto;grid-template-columns:repeat(var(--grid-columns),calc((100% - var(--grid-gap) * (var(--grid-columns) - 1)) / var(--grid-columns)));position:relative;z-index:10}.menu-drawer__masthead{display:none;position:sticky;top:0;z-index:12;align-items:center;min-height:76px;padding:20px 0 18px;background:#181818b3;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.menu-drawer__logo{display:inline-flex;align-items:center;width:fit-content;color:rgb(var(--layout-text-color));text-decoration:none}.menu-drawer__logo-image{display:block;width:auto;height:36px}.menu-drawer__logo-text{font:var(--base-heading-xs-font);text-transform:uppercase}.menu-drawer .menu-drawer__content--basic>div,.menu-drawer .menu-drawer__content--sophisticated>div{opacity:0;position:relative;transform:translate3d(0,14px,0)}.menu-drawer .menu-drawer__content--basic>div{transition:opacity .36s ease calc(35ms * var(--item-index)),transform .48s cubic-bezier(.22,1,.36,1) calc(35ms * var(--item-index))}.menu-drawer .menu-drawer__content--sophisticated>div{transition:opacity .42s ease calc(.05s * var(--item-index)),transform .56s cubic-bezier(.22,1,.36,1) calc(.05s * var(--item-index))}.menu-drawer.open .menu-drawer__content>div{opacity:1;transform:translateZ(0)}.menu-drawer__content>div{border:1px dashed transparent}.menu-drawer__content--spacious{padding:72px 0 0;gap:128px 120px;--grid-gap: 120px}.menu-drawer__content--compact{padding:72px 0 0;gap:32px 120px;--grid-gap: 120px}.menu-drawer__content--spacious.menu-drawer__content--lines .search-field__container{padding:64px 0}.menu-drawer__content--compact.menu-drawer__content--lines .search-field__container{padding:24px 0}.menu-drawer__close{position:absolute;top:16px;inset-inline-end:26px;z-index:20;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:rgb(var(--layout-text-color));cursor:pointer;touch-action:manipulation}.menu-drawer__close:before,.menu-drawer__close:after{content:"";position:absolute;top:50%;left:50%;z-index:1;width:22px;height:1.5px;border-radius:0;background:currentColor;box-shadow:none;pointer-events:none}.menu-drawer__close:before{transform:translate(-50%,-50%) rotate(45deg)}.menu-drawer__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.menu-drawer__close:focus-visible{outline:1px solid currentColor;outline-offset:4px}.line-container--menu-drawer{display:flex;justify-content:var(--line-alignment)}.line{width:100%;height:var(--line-width);background-color:rgba(var(--layout-text-color),var(--line-opacity));display:block}.menu-drawer__content .line-container--2.line-container--medium,.menu-drawer__content .line-container--2.line-container--wide,.menu-drawer__content .line-container--3.line-container--medium,.empty-space--2.empty-space--medium,.empty-space--2.empty-space--wide,.empty-space--3.empty-space--medium{grid-column:span 2}.menu-drawer__content .line-container--3.line-container--wide,.empty-space--3.empty-space--wide{grid-column:span 3}.menu-drawer__content .line-container--1.line-container--short .line,.line-container--1.line-container--short .line{width:calc(100% / 3)}.menu-drawer__content .line-container--1.line-container--medium .line,.line-container--1.line-container--medium .line{width:calc(100% / 3 * 2)}.no-default-color .button-close:not(.close-popup) svg{fill:#fff}.no-default-color .button-close.menu-drawer__close:not(.close-popup),.no-default-color .menu-drawer__close,.menu-drawer__close{background:transparent;background-color:transparent;border-radius:0;box-shadow:none}.no-default-color .button-close.menu-drawer__close:not(.close-popup):before,.no-default-color .button-close.menu-drawer__close:not(.close-popup):after{top:50%;left:50%;z-index:1;width:22px;height:1.5px;border-radius:0;background:currentColor;background-color:currentColor;box-shadow:none}.no-default-color .button-close:not(.close-popup):not(.menu-drawer__close):after,.no-default-color .button-close:not(.close-popup):not(.menu-drawer__close){background-color:transparent}@media screen and (min-width:769px){body.menu-drawer-open>.overlay.open{opacity:0;background:transparent}}@media screen and (max-width:1024px){.menu-drawer{padding:0}.menu-drawer__content--spacious{padding-top:32px;gap:64px 83px;--grid-gap: 83px}.menu-drawer__content--compact{padding-top:18px;gap:32px 83px;--grid-gap: 83px}}@media screen and (max-width:920px){.menu-drawer__content--spacious{padding-top:32px;gap:128px 120px;--grid-gap: 120px}.menu-drawer__content--compact{padding-top:18px;gap:48px 120px;--grid-gap: 120px}}@media screen and (max-width:768px){.menu-drawer__content{display:flex;flex-direction:column}.menu-drawer__content .empty-space{display:none}.menu-drawer{padding:0;height:100vh}.menu-drawer .scroll-area{padding:0 24px 48px}.menu-drawer__masthead{display:flex;position:relative;min-height:64px;padding:16px 0 14px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.menu-drawer__logo-image{height:30px}.menu-drawer__close{top:10px;inset-inline-end:14px}.menu-drawer__content--spacious{padding-top:24px;gap:48px;--grid-gap: 48px}.menu-drawer__content--compact{padding-top:16px;gap:32px;--grid-gap: 32px}.menu-drawer__content .line-container--1.line-container--short .line,.menu-drawer__content .line-container--1.line-container--medium .line{width:100%}}@media screen and (min-width:921px){.menu-drawer__content--spacious,.menu-drawer__content--compact{padding-top:112px}.menu-drawer__close{top:41px}.menu-drawer .menu-container--main_menu .menu__item-title--first-level{letter-spacing:.025em}}@media(prefers-reduced-motion:reduce){.menu-drawer,.menu-drawer .menu-drawer__content--basic>div,.menu-drawer .menu-drawer__content--sophisticated>div{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/menu-drawer.css.map */