.slide-menu-container {
 @apply absolute right-0 dark:text-black top-3;
}

.dashboards .slide-menu-container, .templates .slide-menu-container {
  @apply top-0;
  
  .slide-menu__toggle {
    @apply border-gray-300 text-gray-800 dark:border-gray-700 dark:text-white;
  }
}

.slide-menu.active .turbo_slide_frame {
  display: grid;
}

body ul .slide-menu__toggle {
  top: 0;
  margin-right: 0;
}

body .slide-width {
  width: 16rem;
}

.slide-menu__toggle {
  @apply cursor-pointer relative sm:mr-6 mr-3 w-9 h-9 z-[9] rounded-full border border-gray-50 hover:bg-gray-100 dark:border-gray-700 dark:hover:bg-gray-700 bg-gray-50 dark:bg-transparent text-gray-500 dark:text-white flex items-center justify-center;
}

.slide-menu.active .slide-menu__toggle {
  @apply bg-transparent text-white border-primary-500;
}

.slide_menu_content {
  @apply bg-gradient-to-br from-primary-600 to-primary-600 invisible right-0 w-[0px] absolute rounded-bl-xl rounded-tr-xl -top-[0.77rem] transform overflow-hidden ease-in-out transition-all duration-300 z-[9999];
}


.slide-menu__item {
  text-overflow: ellipsis;
  display: block;
  position: relative;
  font-size: .9rem;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  padding: 0.5rem 1.5rem 0.5rem 3em;
  @apply cursor-pointer hover:bg-primary-500/20 w-full text-left;
}

.slide-menu__item::before {
  background-repeat: no-repeat;
  background-size: 1.4em;
  inset-block-end: 0px;
  content: "";
  inset-inline-start: 0px;
  position: absolute;
  inset-inline-end: 0px;
  inset-block-start: 0px; 
  background-position: 0.8rem 50%;
  filter: invert(1);
}

.slide-menu__item--plus::before {
  background-image: url("svg/outline/plus.svg");
}

.slide-menu__item--chart-bar::before {
  background-image: url("/assets/svg/outline/chart-bar-c743ff8b.svg");
}

.slide-menu__item--pencil::before {
  background-image: url("/assets/svg/pencil-03dbed6d.svg");
}

.slide-menu__item--corner-up-right-arrow::before {
  background-image: url("/assets/svg/corner-up-right-arrow-419650aa.svg");
}

.slide-menu__item--plane::before {
  background-image: url("/assets/svg/outline/plane-f663999e.svg");
}

.slide-menu__item--whatsapp::before {
  background-image: url("/assets/svg/whatsapp-f56b59b5.svg");
}

.slide-menu__item--duplicate::before {
  background-image: url("/assets/svg/duplicate-6fca098f.svg");
}

.slide-menu__item--trash::before {
  background-image: url("/assets/svg/trash-9b702769.svg");
}

.slide-menu__item--eye::before {
  background-image: url("/assets/svg/outline/eye-1a1cea97.svg");
}

.slide-menu__item--gear::before {
  background-image: url("/assets/svg/gear-ee968c65.svg");
}

.slide-menu__item--user::before {
  background-image: url("/assets/svg/user-752d8a38.svg");
}

.slide-menu__item--key::before {
  background-image: url("/assets/svg/key-b49ae6fc.svg");
}

.slide-menu__item--user-minus::before {
  background-image: url("/assets/svg/user-minus-39871afa.svg");
}

.slide-menu__item--rocket-launch::before {
  background-image: url("/assets/svg/rocket-launch-a7adf8de.svg");
}

.slide-menu__item--mailbox::before {
  background-image: url("/assets/svg/outline/mailbox-ecb74b4e.svg");
}

.slide-menu__item--sms::before {
  background-image: url("/assets/svg/outline/sms-ebfa96a2.svg");
}