/** Shopify CDN: Minification failed

Line 110:0 Unexpected "`"

**/
.main_drawer {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.8) !important;
  z-index: 9999;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.main_drawer.active {
  opacity: 1;
  pointer-events: all;
}

.main_drawer_inner {
  max-width: 55rem;
  width: 100%;
  height: calc(100% - 5.5rem);
  background: var(--color-background);
  color: var(--color-foreground);
  margin: auto;
  margin-right: 0;
  overflow: hidden;
  overflow-y: auto;
  padding: 1.6rem;
  border-radius: 2rem 0 0 2rem;
  opacity: 0;
  transform: translateX(5rem);
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0.3s;
}

.main_drawer.active .main_drawer_inner {
  opacity: 1;
  transform: translateX(0);
}

.drawer_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.drawer_header h5 {
  margin: 0;
  color: var(--color-foreground-heading);
}

button.main_drawer_close {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

button.main_drawer_close svg {
  width: 1.6rem;
  height: 1.6rem;
}

button.main_drawer_close:hover svg {
  animation: cross 0.5s ease-in-out forwards;
}

button.main_drawer_close svg path,
button.main_drawer_close svg line {
  stroke: var(--color-foreground);
}

@keyframes cross {
  0%,
  100% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
  }
  42% {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
  }
  43% {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
  }
}
.menu-drawer {
  visibility: visible !important;
}
.menu-opening .menu-drawer {
  transform: none !important;
}
``` [4, 10]