/** Shopify CDN: Minification failed

Line 166:0 Unexpected "}"

**/
.menu-drawer {
    background-color: #fff;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 25;
    top: 0;
    padding: 56px 0 64px;
    overflow-y: auto;
    background-color: rgb(var(--layout-background-color));
}

.menu-drawer[hidden="true"] {
    opacity: 0;
}

.menu-drawer:not([hidden="true"]) {
    opacity: 1;
    animation: openMenuDrawer var(--animation-duration) var(--transition-timing-function);
}

@keyframes openMenuDrawer {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.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 .menu-drawer__content--basic > div,
.menu-drawer .menu-drawer__content--sophisticated > div {
    opacity: 0;
    position: relative;
}
.menu-drawer .menu-drawer__content--basic > div {
    top: 10px;
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function) calc(0.03s * var(--item-index)), top var(--animation-duration) var(--transition-timing-function) calc(0.03s * var(--item-index)); 
}

.menu-drawer .menu-drawer__content--sophisticated > div {
    top: 20px;
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function) calc(0.05s * var(--item-index)), top var(--animation-duration) var(--transition-timing-function) calc(0.05s * var(--item-index)); 
}

.menu-drawer.open .menu-drawer__content > div {
    opacity: 1;
    top: 0;
}

.menu-drawer__content > div {
    border: 1px dashed transparent;
}

.menu-drawer__content--spacious {
    padding: 128px var(--left-and-right-paddings);
    gap: 128px 120px;
    --grid-gap: 120px;
}

.menu-drawer__content--compact {
    padding: 48px var(--left-and-right-paddings);
    gap: 48px 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: 24px;
    right: 24px;
    cursor: pointer;
}

.menu-drawer__close svg {
    display: block;
    width: auto;
}

.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);
}

.menu-drawer .button-close {
  border: 2px solid #FFFFFF;
}

.menu-drawer .no-default-color .button-close:not(.close-popup) {
  background-color: transparent;
}

.menu-drawer .no-default-color .button-close:not(.close-popup) svg {
  fill: #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .menu-drawer
        padding: 0 0 56px 0;
    }

    .menu-drawer__content--spacious {
        padding: 96px var(--left-and-right-paddings);
        gap: 64px 83px;
        --grid-gap: 83px;
    }
    
    .menu-drawer__content--compact {
        padding: 32px var(--left-and-right-paddings) 0;
        gap: 32px 83px;
        --grid-gap: 83px;
    }
}

@media screen and (max-width: 920px) {
    .menu-drawer__content--spacious {
        padding: 96px 24px;
        gap: 128px 120px;
        --grid-gap: 120px;
    }
    
    .menu-drawer__content--compact {
        padding: 48px 24px;
        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 0 48px 0;
    }

    .menu-drawer__content--spacious {
        padding: 32px 24px 0;
        gap: 20px;
        --grid-gap: 20px;
    }
    
    .menu-drawer__content--compact {
        padding: 32px 24px 0;
        gap: 20px;
        --grid-gap: 20px;
    }
    .menu-drawer__content .line-container--1.line-container--short .line,
    .menu-drawer__content .line-container--1.line-container--medium .line {
        width: 100%;
    }
    .menu-drawer__close {
        position: absolute;
        top: 30px;
        right: 24px;
        cursor: pointer;
    }
}