/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
.drawer {
  width: 100%;
  height: calc(100svh - var(--element-header-height));
  display: flex;
  flex-direction: column;
  padding: 0 var(--gap-safe-responsive) var(--gap-safe-responsive);
  position: absolute;
  top: var(--element-header-height);
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-white);
  transition: var(--transition-fast);
}
.drawer[active] {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 640px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------SM:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 768px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------MD:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1024px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------LG:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1280px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*------------------------------------XL:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}
@media (min-width: 1536px) {
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*-----------------------------------2XL:DEFAULT----------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------------*/
}

/*# sourceMappingURL=drawer.css.map */