/* 
* Dynamia - Ticket System Styles
 */
@import url("./tailwind.output.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* App Styles */
:root {
  --dynamia-green-light: #00c24e;
  --dynamia-green: #008636;
  --dynamia-green-hover: #00963c;
  --dynamia-green-400: #00c24e;
}
/* Scrollbar Styles */
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-track {
  background: #f1f1f1;
}
*::-webkit-scrollbar-thumb {
  background: var(--dynamia-green);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--dynamia-green-hover);
}
/* Ocultar los botones de la barra de scroll */
*::-webkit-scrollbar-button {
  display: none !important;
}
html,
* {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: var(--dynamia-green-light) #171717eb;
}
/* Dark display none */
.theme-dark .dark\:hidden {
  display: none;
}
/* Light display none */
.theme-light .light\:hidden {
  display: none;
}
/* Size Styles */
.h-auto {
  height: auto;
}
.h-9 {
  height: 2.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-16 {
  height: 4rem;
}
.h-24 {
  height: 6rem;
}
.h-50vh {
  height: 50vh;
}
.h-75vh {
  height: 65vh;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-16 {
  width: 4rem;
}
.w-24 {
  width: 6rem;
}
.w-32 {
  width: 8rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-full-10 {
  width: calc(100% - 2.5rem);
}
.w-30p {
  width: 30%;
}
.w-58vw {
  width: calc(58vw - 0.9rem);
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-52 {
  max-width: 13rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-20p {
  max-width: 20%;
}
.max-w-30p {
  max-width: 30%;
}
.max-w-50p {
  max-width: 50%;
}
.max-w-28vw {
  max-width: 28vw;
}
.max-w-40vw {
  max-width: calc(40vw - 0.9rem);
}
.max-w-50vw {
  max-width: 50vw;
}
.max-w-58vw {
  max-width: calc(58vw - 0.9rem);
}
.max-w-66vw {
  max-width: 66vw;
}
.max-w-85vw {
  max-width: 85vw;
}
.min-w-fit {
  min-width: fit-content !important;
}
.min-w-30p {
  min-width: 30%;
}
.min-w-33p {
  min-width: 33%;
}
.min-w-35p {
  min-width: 35%;
}
.min-w-28vw {
  min-width: 28vw;
}
.min-w-40vw {
  min-width: calc(40vw - 0.9rem);
}
.min-w-50vw {
  min-width: 50vw;
}
.min-w-58vw {
  min-width: calc(58vw - 0.9rem);
}
.min-w-66vw {
  min-width: 66vw;
}
.min-w-85vw {
  min-width: 85vw;
}
.max-w-full {
  max-width: 100%;
}
.max-h-auto {
  max-height: auto;
}
.max-h-full {
  max-height: 150%;
}
.max-h-25vh {
  max-height: 25vh;
  max-height: 25dvh;
}
.max-h-30vh {
  max-height: 30vh;
  max-height: 30dvh;
}
.max-h-32vh {
  max-height: 32vh;
  max-height: 32dvh;
}
.max-h-47vh {
  max-height: 47vh;
  max-height: 47dvh;
}
.max-h-62vh {
  max-height: 62vh;
  max-height: 62dvh;
}
.max-h-80vh {
  max-height: 80vh;
  max-height: 80dvh;
}
.max-h-81vh {
  max-height: 81vh;
}
.max-h-82vh {
  max-height: 82vh;
}
.max-h-93vh {
  max-height: 93dvh;
  max-height: 93vh;
}
.min-h-full {
  min-height: 100%;
}
.min-h-32vh {
  min-height: 32vh;
}
.min-h-47vh {
  min-height: 47vh;
}
.min-h-62vh {
  min-height: 62vh;
  min-height: 62dvh;
}
.min-h-77vh {
  min-height: 77vh;
  min-height: 77dvh;
}
.min-h-80vh {
  min-height: 80vh;
  min-height: 80dvh;
}
.min-h-81vh {
  min-height: 81vh;
}
.min-h-82vh {
  min-height: 82vh;
}
.min-h-93vh {
  min-height: 93vh;
}
.min-h-full {
  min-height: 100%;
}
.min-w-32 {
  min-width: 8rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-52 {
  min-width: 13rem;
}
.min-w-60 {
  min-width: 15rem;
}
.min-w-40vw {
  min-width: calc(40vw - 0.9rem);
}
.min-w-58vw {
  min-width: calc(58vw - 0.9rem);
}
.min-w-full {
  min-width: 100%;
}
/* Displays */
/* Generar columnas en base al contenido hasta un maximo de tres */
.grid-cols-3 {
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-70\/30 {
  grid-template-columns: 70% 30%;
}
.none {
  display: none;
}
/* Distributions */
.justify-start {
  justify-content: flex-start;
}
.justify-stretch {
  justify-content: stretch;
}
.content-center {
  place-content: center;
}
.content-start {
  place-content: start;
}
.content-stretch {
  place-content: stretch;
}
.center-content {
  align-content: center;
}
.end-content {
  align-content: flex-end;
}
.items-stretch {
  align-items: stretch;
}
.clear-both {
  clear: both;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.overflow-auto {
  overflow: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-visible {
  overflow-y: visible;
}
/* Font Sizes */
.text-xsm {
  font-size: 0.6rem;
}
/* Visibilities */
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
/* Event Styles */
.cursor-pointer {
  cursor: pointer;
}
.no-resize {
  resize: none;
}
/* Color Styles */
.theme-dark svg.contrast-svg {
  fill: #e8eaed;
}
.focus-color {
  color: var(--dynamia-green-hover) !important;
}
.focus\:shadow-outline-dynamia:focus {
  box-shadow: 0 0 0 3px var(--dynamia-green-400);
}
.focus\:border-green-400:focus {
  border-color: var(--dynamia-green-400) !important;
}
.active\:border-green-400 {
  border-color: var(--dynamia-green-400) !important;
}
.contrast-svg {
  fill: #24262d;
}
.bg-gray-200 {
  background-color: #e6e6e6;
}
.bg-gray-400 {
  background-color: #d8d8d9;
}
.theme-dark .dark\:hover\:bg-gray-650:hover {
  --bg-opacity: 1;
  background-color: #2f3239;
  background-color: rgb(47 50 57 / var(--bg-opacity));
}
.bg-dynamia-green {
  background-color: var(--dynamia-green);
}
.bg-dynamia-green:hover {
  background-color: var(--dynamia-green-hover);
}
.bg-dynamia-green-400 {
  background-color: var(--dynamia-green-400);
}
.bg-alpha-black {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-back-filter-10 {
  backdrop-filter: blur(10px);
}
.hover\:text-dynamia-400:hover {
  color: var(--dynamia-green-400);
}
.active\:bg-green-400 {
  background-color: var(--dynamia-green-400);
}
.border-dynamia-green {
  border-color: var(--dynamia-green);
}
.border-gray-400 {
  border-color: #c5c5c5;
}
.border-gray-700 {
  border-color: #3d3d3d;
}
.theme-dark .dark\:border-gray-300 {
  --border-opacity: 1;
  border-color: #d5d6d7;
  border-color: rgba(213, 214, 215, var(--border-opacity));
}
.loader-spiner {
  animation: spin 1s linear infinite;
  fill: var(--dynamia-green-hover);
  height: 3rem;
  width: 3rem;
}
.focus\:shadow-outline-dynamia {
  box-shadow: 0 0 0 3px var(--dynamia-green);
}
.text-dynamia-400 {
  color: var(--dynamia-green-400) !important;
}
.text-dynamia-600 {
  color: var(--dynamia-green);
}
.theme-dark .dark\:border-white {
  border-color: #ffffff !important;
}
.action-list-control svg {
  fill: #696969;
  fill: rgba(105, 105, 105, var(--text-opacity));
  height: 1.3rem;
  width: 1.3rem;
}
.theme-dark .action-list-control svg {
  fill: #9e9e9e;
  fill: rgba(158, 158, 158, var(--text-opacity));
}
.action-list-control.edit svg {
  margin-bottom: -2px;
}
.action-list-control:hover svg,
.action-list-control:focus svg {
  fill: var(--dynamia-green-400);
}
/* Text aligns */
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.lh-1\.15 {
  line-height: 1.15;
}
/* Para el input de tipo date */
input[type="date"]::-webkit-calendar-picker-indicator {
  color: #000000; /* Cambia esto al color que desees */
  filter: invert(70%);
}
/* Para el input de tipo time */
input[type="time"]::-webkit-calendar-picker-indicator {
  color: #000000; /* Cambia esto al color que desees */
  filter: invert(70%);
}
.text-gray-400 > svg {
  fill: #9e9e9e;
  fill: rgba(158, 158, 158, var(--text-opacity));
}
.dark\:hover\:text-gray-200:hover > svg {
  --text-opacity: 1;
  fill: #e5e7eb;
  fill: rgba(229, 231, 235, var(--text-opacity));
}
.hover\:text-gray-700 > svg {
  --text-opacity: 1;
  color: #4b5563;
  color: rgba(75, 85, 99, var(--text-opacity));
}
/* Margin Styles */
.m-auto {
  margin: auto;
}
.m-0 {
  margin: 0;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-3 {
  margin-top: 0.75rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mt-05 {
  margin-top: 0.1rem;
}
.p-0 {
  padding: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
/* Padding Styles */
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-9 {
  padding-bottom: 2.25rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-14 {
  padding-right: 3.5rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-4 {
  padding-top: 1rem;
}
/* Text Styles */
.text-wrap-break {
  word-break: keep-all;
  white-space: wrap;
}
.text-right {
  text-align: right;
}
.truncated-text {
  white-space: nowrap; /* Impide que el texto se divida en varias líneas */
  text-overflow: ellipsis; /* Reemplaza el texto que se desborda con '...' */
  /* border: 1px solid #000; */ /* Añade un borde para ver mejor el área de truncamiento */
}
.hover\:text-gray-200:hover {
  --text-opacity: 1;
  color: #e5e7eb;
  color: rgba(229, 231, 235, var(--text-opacity));
}
/* Border Styles */
.border-1,
.dark\:border-1 {
  border-width: 1px;
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.28rem;
}
.rounded-r-sm {
  border-top-right-radius: 0.28rem;
  border-bottom-right-radius: 0.28rem;
}
.rounded-l-sm {
  border-top-left-radius: 0.28rem;
  border-bottom-left-radius: 0.28rem;
}
.rounded-xsm {
  border-radius: 0.2rem;
}
/* Position Styles */
.bottom-tooltip {
  margin-top: 10px;
  top: 100%;
}
.bottom-0 {
  bottom: 0;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.inset-y-50 {
  top: 50%;
  transform: translateY(-50%);
}
.inset-y-70 {
  top: 70%;
  transform: translateY(-50%);
}
.top-90 {
  top: 90%;
}
.top-100 {
  top: 100%;
}
.fixed-header {
  /* Estilos para los headers fijos en la barra de navegación */
  position: fixed;
  /* top: 0;
  left: 0; */
  right: 0;
  z-index: 9;
}
.action-list-control.trash svg {
  height: 1.1rem;
  width: 1.1rem;
}
/* Vue Transitions Styles */
/*Generic TRansition */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}
.v-enter-from,
.v-leave-to {
  opacity: 0;
}
/* TransitionGroup */
.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(-100%);
}
.modal-enter-active,
.modal-leave-active {
  transition: all 0.5s ease;
}
.modal-enter-from,
.modal-leave-to {
  opacity: 0;
  transform: translateY(-100%);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease, height 0.7s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.slideup-enter-active,
.slideup-leave-active {
  transition: all 0.5s ease;
}
.slideup-enter-from,
.slideup-leave-to {
  opacity: 0;
  transform: translateY(100%);
}
/* Custom Form Elements */
/* Crear el checkbox personalizado */
.custom-checkbox,
.custom-checkbox-medium {
  border-radius: 4px;
  position: relative;
  margin-right: 10px;
  transition: background-color 0.2s, border-color 0.2s;
}
.custom-checkbox-medium {
  margin-right: 5px;
}
/* Estilo del checkbox cuando está marcado */
.checkbox-container input[type="checkbox"]:checked ~ .custom-checkbox,
.checkbox-container input[type="checkbox"]:checked ~ .custom-checkbox-medium {
  background-color: var(--dynamia-green);
  border-color: var(--dynamia-green-400);
}
.hover\:border-green-400:hover {
  border-color: var(--dynamia-green-400);
  border-width: 2px;
}
/* Estilo del icono de verificación */
.custom-checkbox::after {
  content: "";
  position: absolute;
  display: none;
  left: 7px;
  top: 2px;
  width: 0.5rem;
  height: 0.8rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.custom-checkbox-medium::after {
  content: "";
  position: absolute;
  display: none;
  left: 5.5px;
  top: 1.5px;
  width: 0.4rem;
  height: 0.7rem;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/* Mostrar el icono de verificación cuando está marcado */
.checkbox-container input[type="checkbox"]:checked ~ .custom-checkbox::after,
.checkbox-container
  input[type="checkbox"]:checked
  ~ .custom-checkbox-medium::after {
  display: block;
}
/* Estilos adicionales para el modo oscuro */
/* .checkbox-container input[type="checkbox"].dark:checked ~ .custom-checkbox {
  background-color: #333;
  border-color: #333;
}

.checkbox-container input[type="checkbox"].dark:checked ~ .custom-checkbox::after {
  border-color: white;
} */
/* Quill custom styles */
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-radius: 0.25rem;
  border-top: 1px solid #ccc !important;
}
.ql-toolbar {
  border-radius: 0.25rem;
}
.theme-dark .ql-toolbar > .ql-formats button svg,
.ql-stroke {
  --text-opacity: 1 !important;
  stroke: #9e9e9e !important;
  stroke: rgba(158, 158, 158, var(--text-opacity)) !important;
}
.theme-dark .ql-toolbar > .ql-formats button:hover svg,
.theme-dark .ql-toolbar > .ql-formats button:focus svg,
.theme-dark .ql-toolbar > .ql-formats button:active svg,
.theme-dark .ql-toolbar > .ql-formats button:hover .ql-stroke,
.theme-dark .ql-toolbar > .ql-formats button:focus .ql-stroke,
.theme-dark .ql-toolbar > .ql-formats button:active .ql-stroke {
  --text-opacity: 1 !important;
  stroke: #00c24e !important;
  stroke: var(--dynamia-green) !important;
}
.theme-dark .ql-container.ql-snow *:not(a, table, tbody, tr, td, th) {
  --text-opacity: 1 !important;
  color: #9e9e9e !important;
  color: rgba(158, 158, 158, var(--text-opacity)) !important;
}
.theme-dark .ql-container.ql-snow table:where([style*="background"]) * {
  --text-opacity: 1;
  color: #24262d;
  color: rgba(36, 38, 45, var(--text-opacity));
}
.theme-dark .ql-editor td:not([style*="background"]) {
  --text-opacity: 1;
  border-color: #9e9e9e !important;
  border-color: rgba(158, 158, 158, var(--text-opacity)) !important;
}
/* Modificar los span con background */
.theme-dark .ql-container.ql-snow p > span:where([style*="background-color"]) {
  --text-opacity: 1;
  background-color: #000000 !important;
  color: #24262d;
  color: rgba(36, 38, 45, var(--text-opacity));
}
/* Animations */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Webkit Animations */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
/* Media Queries */
@media screen and (width <= 1400px) {
  .lg\:w-full {
    width: 100%;
  }
  .lg\:w-fit {
    width: fit-content;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:max-w-70vw {
    max-width: 70vw;
  }
  .lg\:min-w-70vw {
    min-width: 70vw;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:flex-col {
    flex-direction: column;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:justify-start {
    justify-content: flex-start;
  }
  .lg\:grid {
    display: grid;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:gap-0 {
    gap: 0;
    grid-gap: 0;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:pl-2px {
    padding-left: 2px;
  }
}
@media screen and (width < 1025px) {
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-65vw {
    max-width: 65vw;
  }
  .md\:max-w-95vw {
    max-width: 95vw !important;
  }
  .\!md\:max-w-100vw {
    max-width: 100vw !important;
  }
  .md\:min-w-full {
    min-width: 100%;
  }
  .md\:min-w-65vw {
    min-width: 65vw;
  }
  .md\:min-w-95vw {
    min-width: 95vw !important;
  }
  .\!md\:min-w-100vw {
    min-width: 100vw !important;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .md\:text-xs {
    font-size: 0.75rem;
  }
  .md\:flex {
    display: flex;
  }
  .md\:flex-col {
    flex-direction: column;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:grid {
    display: grid;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:gap-0 {
    gap: 0;
    grid-gap: 0;
  }
  .md\:gap-1 {
    gap: 0.25rem;
    grid-gap: 0.25rem;
  }
  .md\:gap-2 {
    gap: 0.5rem;
    grid-gap: 0.5rem;
  }
  .md\:content-center {
    place-content: center;
  }
  .md\:items-start {
    align-items: flex-start;
  }
  .md\:m-auto {
    margin: auto;
  }
}
@media screen and (width >= 768px) {
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem;
  }
}
@media screen and (width < 768px) {
  .sm\:w-fit {
    width: fit-content !important;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:max-w-full {
    max-width: 100%;
    /*  margin-left: 1%; */
  }
  .sm\:max-w-50p {
    max-width: 50%;
  }
  .sm\:min-full-vw {
    min-width: 100vw;
    /* margin-left: 1vw; */
  }
  .sm\:min-w-fit {
    min-width: fit-content !important;
  }
  .sm\:min-w-40p {
    min-width: 40%;
  }
  .sm\:h-fit {
    height: fit-content;
  }
  .sm\:max-h-full {
    max-height: 100%;
  }
  .sm\:max-h-23vh {
    max-height: 23vh;
    max-height: 23dvh;
  }
  .sm\:max-h-26vh {
    max-height: 26vh;
    max-height: 26dvh;
  }
  .sm\:max-h-29vh {
    max-height: 29vh;
    max-height: 29dvh;
  }
  .sm\:max-h-30vh {
    max-height: 30vh;
    max-height: 30dvh;
  }
  .sm\:max-h-34vh {
    max-height: 34vh;
    max-height: 34dvh;
  }
  .sm\:max-h-40vh {
    max-height: 40vh;
    max-height: 40dvh;
  }
  .sm\:max-h-49vh {
    max-height: 49vh;
    max-height: 49dvh;
  }
  .sm\:max-h-48vh {
    max-height: 48vh;
    max-height: 48dvh;
  }
  .sm\:max-h-50vh {
    max-height: 50vh;
    max-height: 50dvh;
  }
  .sm\:max-h-59vh {
    max-height: 59vh;
    max-height: 59dvh;
  }
  .sm\:max-h-79vh {
    max-height: 79vh;
    max-height: 79dvh;
  }
  .sm\:max-h-82vh {
    max-height: 82vh;
    max-height: 82dvh;
  }
  .sm\:max-h-90vh {
    max-height: 90vh;
    max-height: 90dvh;
  }
  .sm\:max-h-93vh {
    max-height: 93vh;
    max-height: 93dvh;
  }
  .sm\:max-h-95vh {
    max-height: 95vh;
    max-height: 95dvh;
  }
  .sm\:max-h-100vh {
    max-height: 100vh;
    max-height: 100dvh;
  }
  .sm\:min-h-auto {
    min-height: auto;
  }
  .sm\:min-h-full {
    min-height: 100%;
  }
  .sm\:min-h-23vh {
    min-height: 23vh;
    min-height: 23dvh;
  }
  .sm\:min-h-26vh {
    min-height: 26vh;
    min-height: 26dvh;
  }
  .sm\:min-h-29vh {
    min-height: 29vh;
    min-height: 29dvh;
  }
  .sm\:min-h-30vh {
    min-height: 30vh;
    min-height: 30dvh;
  }
  .sm\:min-h-34vh {
    min-height: 34vh;
    min-height: 34dvh;
  }
  .sm\:min-h-40vh {
    min-height: 40vh;
    min-height: 40dvh;
  }
  .sm\:min-h-48vh {
    min-height: 48vh;
    min-height: 48dvh;
  }
  .sm\:min-h-49vh {
    min-height: 49vh;
    min-height: 49dvh;
  }
  .sm\:min-h-50vh {
    min-height: 50vh;
    min-height: 50dvh;
  }
  .sm\:min-h-55vh {
    min-height: 55vh;
    min-height: 55dvh;
  }
  .sm\:min-h-59vh {
    min-height: 59vh;
    min-height: 59dvh;
  }
  .sm\:min-h-79vh {
    min-height: 79vh;
    min-height: 79dvh;
  }
  .sm\:min-h-82vh {
    min-height: 82vh;
    min-height: 82dvh;
  }
  .sm\:min-h-90vh {
    min-height: 90vh;
    min-height: 90dvh;
  }
  .sm\:min-h-93vh {
    min-height: 93vh;
    min-height: 93dvh;
  }
  .sm\:min-h-95vh {
    min-height: 95vh;
    min-height: 95dvh;
  }
  .sm\:min-h-100vh {
    min-height: 100vh;
    min-height: 100dvh;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:ml-3 {
    margin-left: 0.75rem;
  }
  .sm\:mr-0 {
    margin-right: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem;
  }
  .sm\:mt-3 {
    margin-top: 0.75rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:space-x-2 > :not(template) ~ :not(template) {
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * (1 - var(--space-x-reverse)));
  }
  .sm\:my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:pb-0 {
    padding-bottom: 0;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem;
  }
  .sm\:pb-2 {
    padding: 0.5rem;
  }
  .sm\:pb-4 {
    padding-bottom: 1rem;
  }
  .sm\:pb-6 {
    padding-bottom: 1.5rem;
  }
  .sm\:pb-8 {
    padding-bottom: 2rem;
  }
  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }
  .sm\:pr-0 {
    padding-right: 0;
  }
  .sm-pr-2 {
    padding-right: 0.5rem;
  }
  .sm\:pr-6 {
    padding-right: 1.5rem;
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:p-y-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:gap-1 {
    gap: 0.25rem;
    grid-gap: 0.25rem;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
    grid-gap: 0.5rem;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
    grid-gap: 0.75rem;
  }
  .sm\:order-1 {
    order: 1;
  }
  .sm\:order-2 {
    order: 2;
  }
  .sm\:flex-between {
    justify-content: space-between;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:content-start {
    align-content: flex-start;
  }
  .\!sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden;
  }
  .sm\:overflow-auto {
    overflow: auto;
  }
  .sm\:overflow-y-auto {
    overflow-y: auto;
  }
  .sm\:rounded-none {
    border-radius: 0 !important;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem;
  }
  .sm\:none {
    display: none !important;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:text-sm {
    font-size: 0.875rem;
  }
  .sm\:text-xsm {
    font-size: 0.75rem;
  }
  .ql-toolbar.ql-snow .ql-formats {
    margin-right: 0 !important;
  }
}
@media screen and (width < 587px) {
  .xsm\:p-2 {
    padding: 0.5rem;
  }
  .xsm\:text-xsm {
    font-size: 0.6rem;
  }
}