/* src/styles/tailwind.css */
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.left-0 {
  left: 0px;
}
.left-4 {
  left: 1rem;
}
.left-\[36px\] {
  left: 36px;
}
.top-0 {
  top: 0px;
}
.top-\[-8px\] {
  top: -8px;
}
.top-\[30\%\] {
  top: 30%;
}
.z-10 {
  z-index: 10;
}
.mx-0\.5 {
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mx-md {
  margin-left: 16px;
  margin-right: 16px;
}
.mx-xl {
  margin-left: 32px;
  margin-right: 32px;
}
.-mb-2 {
  margin-bottom: -0.5rem;
}
.-mr-2 {
  margin-right: -0.5rem;
}
.-mr-\[12px\] {
  margin-right: -12px;
}
.-mt-2 {
  margin-top: -0.5rem;
}
.-mt-3 {
  margin-top: -0.75rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.-mt-5 {
  margin-top: -1.25rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.ml-3 {
  margin-left: 0.75rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-11 {
  margin-top: 2.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-md {
  margin-top: 16px;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.size-\[24px\] {
  width: 24px;
  height: 24px;
}
.h-3 {
  height: 0.75rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[36px\] {
  height: 36px;
}
.h-full {
  height: 100%;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-3 {
  width: 0.75rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-\[124px\] {
  width: 124px;
}
.w-\[159px\] {
  width: 159px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[167px\] {
  width: 167px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[190px\] {
  width: 190px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[248px\] {
  width: 248px;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[269px\] {
  width: 269px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-fit {
  min-width: fit-content;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[230px\] {
  max-width: 230px;
}
.max-w-\[237px\] {
  max-width: 237px;
}
.max-w-\[250px\] {
  max-width: 250px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[388px\] {
  max-width: 388px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-lg {
  max-width: 32rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-text {
  -webkit-user-select: text;
  user-select: text;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.resize {
  resize: both;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.overflow-y-auto {
  overflow-y: auto;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[36px\] {
  border-radius: 36px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[60px\] {
  border-radius: 60px;
}
.rounded-\[8\.889px\] {
  border-radius: 8.889px;
}
.rounded-full {
  border-radius: 60px;
}
.rounded-lg {
  border-radius: 20px;
}
.rounded-md {
  border-radius: 15px;
}
.rounded-r-\[4px\] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-r-full {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
.border {
  border-width: 0.875px;
}
.border-0 {
  border-width: 0px;
}
.border-\[1px\] {
  border-width: 1px;
}
.border-b {
  border-bottom-width: 0.875px;
}
.border-r {
  border-right-width: 0.875px;
}
.border-solid {
  border-style: solid;
}
.border-none {
  border-style: none;
}
.\!border-\[\#fbcf50\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(251 207 80 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#26A2F1\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 162 241 / var(--tw-border-opacity, 1));
}
.border-\[\#E7F5FE\] {
  --tw-border-opacity: 1;
  border-color: rgb(231 245 254 / var(--tw-border-opacity, 1));
}
.border-\[\#FBCF50\] {
  --tw-border-opacity: 1;
  border-color: rgb(251 207 80 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.\!bg-\[\#FBCF50\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 207 80 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#052E48\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 46 72 / var(--tw-bg-opacity, 1));
}
.bg-\[\#EEE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F7F7F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FBCF50\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 80 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e7f5fe\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 245 254 / var(--tw-bg-opacity, 1));
}
.bg-\[\#eeeeee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f7f7f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 247 247 / var(--tw-bg-opacity, 1));
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[3\.6px\] {
  padding-left: 3.6px;
  padding-right: 3.6px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[1\.8px\] {
  padding-top: 1.8px;
  padding-bottom: 1.8px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-\[15px\] {
  padding-bottom: 15px;
}
.pb-sm {
  padding-bottom: 8px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-7 {
  padding-right: 1.75rem;
}
.pt-\[9px\] {
  padding-top: 9px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.font-\[\"Geometria\"\] {
  font-family: "Geometria";
}
.font-\[\'Geometria\'\] {
  font-family: "Geometria";
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.text-\[11\.875px\] {
  font-size: 11.875px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-lg {
  font-size: 13px;
  line-height: 16px;
}
.text-sm {
  font-size: 11px;
  line-height: 16px;
}
.text-xs {
  font-size: 10px;
  line-height: 14px;
}
.\!font-medium {
  font-weight: 500 !important;
}
.font-\[700\] {
  font-weight: 700;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-\[14\.4px\] {
  line-height: 14.4px;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.tracking-normal {
  letter-spacing: 0em;
}
.\!text-\[\#fbcf50\] {
  --tw-text-opacity: 1 !important;
  color: rgb(251 207 80 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#064C79\] {
  --tw-text-opacity: 1;
  color: rgb(6 76 121 / var(--tw-text-opacity, 1));
}
.text-\[\#064c79\] {
  --tw-text-opacity: 1;
  color: rgb(6 76 121 / var(--tw-text-opacity, 1));
}
.text-\[\#0C6AA8\] {
  --tw-text-opacity: 1;
  color: rgb(12 106 168 / var(--tw-text-opacity, 1));
}
.text-\[\#0c6aa8\] {
  --tw-text-opacity: 1;
  color: rgb(12 106 168 / var(--tw-text-opacity, 1));
}
.text-\[\#0e98f0\] {
  --tw-text-opacity: 1;
  color: rgb(14 152 240 / var(--tw-text-opacity, 1));
}
.text-\[\#26A2F1\] {
  --tw-text-opacity: 1;
  color: rgb(38 162 241 / var(--tw-text-opacity, 1));
}
.text-\[\#2874c4\] {
  --tw-text-opacity: 1;
  color: rgb(40 116 196 / var(--tw-text-opacity, 1));
}
.text-\[\#323232\] {
  --tw-text-opacity: 1;
  color: rgb(50 50 50 / var(--tw-text-opacity, 1));
}
.text-\[\#4285f4\] {
  --tw-text-opacity: 1;
  color: rgb(66 133 244 / var(--tw-text-opacity, 1));
}
.text-\[\#505050\] {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity, 1));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#8A8A8A\] {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.text-\[\#F8BB04\] {
  --tw-text-opacity: 1;
  color: rgb(248 187 4 / var(--tw-text-opacity, 1));
}
.text-\[\#FBCF50\] {
  --tw-text-opacity: 1;
  color: rgb(251 207 80 / var(--tw-text-opacity, 1));
}
.text-black-70 {
  --tw-text-opacity: 1;
  color: rgb(80 80 80 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-red-200 {
  --tw-text-opacity: 1;
  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0px 0px 10.5px 0px rgba(0, 0, 0, 0.2);
  --tw-shadow-colored: 0px 0px 10.5px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.placeholder\:text-\[\#8A8A8A\]::placeholder {
  --tw-text-opacity: 1;
  color: rgb(138 138 138 / var(--tw-text-opacity, 1));
}
.placeholder\:opacity-50::placeholder {
  opacity: 0.5;
}
.hover\:bg-\[\#26A2F1\]\/10:hover {
  background-color: rgb(38 162 241 / 0.1);
}
.hover\:bg-\[\#FBCF50\]\/10:hover {
  background-color: rgb(251 207 80 / 0.1);
}
.hover\:bg-\[\#f0f8ff\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fac635\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 198 53 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#333333\]:hover {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.hover\:shadow-md:hover {
  --tw-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0px 4px 10px 0px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:shadow-none:hover {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.active\:bg-\[\#26A2F1\]\/20:active {
  background-color: rgb(38 162 241 / 0.2);
}
.active\:bg-\[\#FBCF50\]\/20:active {
  background-color: rgb(251 207 80 / 0.2);
}
.active\:bg-\[\#f9c11c\]:active {
  --tw-bg-opacity: 1;
  background-color: rgb(249 193 28 / var(--tw-bg-opacity, 1));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:border-\[\#E0E0E0\]:disabled {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}
.disabled\:bg-\[\#FDEAB4\]:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 234 180 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-transparent:disabled {
  background-color: transparent;
}
.disabled\:text-\[\#E0E0E0\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(224 224 224 / var(--tw-text-opacity, 1));
}
.disabled\:text-\[\#c0c0c0\]:disabled {
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity, 1));
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-60:disabled {
  opacity: 0.6;
}
.disabled\:hover\:bg-\[\#FDEAB4\]:hover:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(253 234 180 / var(--tw-bg-opacity, 1));
}
.disabled\:hover\:bg-transparent:hover:disabled {
  background-color: transparent;
}
.disabled\:hover\:shadow-none:hover:disabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
@media not all and (min-width: 640px) {
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:gap-3 {
    gap: 0.75rem;
  }
  .max-sm\:p-4 {
    padding: 1rem;
  }
  .max-sm\:text-xs {
    font-size: 10px;
    line-height: 14px;
  }
}

/* src/styles/global.scss */
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-ExtraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-ExtraBoldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Geometria";
  src: url(/assets/fonts/geometria/Geometria-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
html {
  font-family: "Geometria", sans-serif;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.general-font {
  font-family: "Geometria", sans-serif;
}
body {
  margin: 0;
  padding: 0;
  background-color: #f0f5f8;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
button,
input,
textarea,
select {
  font-family: inherit;
}
:root {
  --horus-primary-color-50: #e7f5fe;
  --horus-primary-color-100: #b7e0fb;
  --horus-primary-color-200: #87ccf8;
  --horus-primary-color-300: #6CC0F6;
  --horus-primary-color-400: #26A2F1;
  --horus-primary-color-500: #0f98f0;
  --horus-primary-color-600: #0d89d8;
  --horus-primary-color-700: #0a6aa8;
  --horus-primary-color-800: #074c78;
  --horus-primary-color-900: #042e48;
  --horus-primary-contrast-color-50: #ffffff;
  --horus-primary-contrast-color-100: #ffffff;
  --horus-primary-contrast-color-200: #ffffff;
  --horus-primary-contrast-color-300: #ffffff;
  --horus-primary-contrast-color-400: #ffffff;
  --horus-primary-contrast-color-500: #ffffff;
  --horus-primary-contrast-color-600: #ffffff;
  --horus-primary-contrast-color-700: #ffffff;
  --horus-primary-contrast-color-800: #ffffff;
  --horus-primary-contrast-color-900: #ffffff;
  --horus-primary-contrast-color-A100: #ffffff;
  --horus-primary-contrast-color-A200: #ffffff;
  --horus-primary-contrast-color-A400: #ffffff;
  --horus-primary-contrast-color-A700: #ffffff;
  --horus-secondary-color-50: #FEF8E6;
  --horus-secondary-color-100: #FDEAB4;
  --horus-secondary-color-200: #FCDD82;
  --horus-secondary-color-300: #FBCF50;
  --horus-secondary-color-400: #FAC11E;
  --horus-secondary-color-500: #F8BB04;
  --horus-secondary-color-600: #E1A805;
  --horus-secondary-color-700: #AF8202;
  --horus-secondary-color-800: #7D5D03;
  --horus-secondary-color-900: #4B3802;
  --horus-secondary-contrast-color-50: #000000;
  --horus-secondary-contrast-color-100: #000000;
  --horus-secondary-contrast-color-200: #000000;
  --horus-secondary-contrast-color-300: #000000;
  --horus-secondary-contrast-color-400: #000000;
  --horus-secondary-contrast-color-500: #000000;
  --horus-secondary-contrast-color-600: #000000;
  --horus-secondary-contrast-color-700: #000000;
  --horus-secondary-contrast-color-800: #000000;
  --horus-secondary-contrast-color-900: #000000;
  --horus-secondary-contrast-color-A100: #000000;
  --horus-secondary-contrast-color-A200: #000000;
  --horus-secondary-contrast-color-A400: #000000;
  --horus-secondary-contrast-color-A700: #000000;
  --horus-background-color-1: #FFFFFF;
  --horus-background-color-2: #F6FCFF;
  --horus-background-color-overlay: rgba(50, 50, 50, 0.3019607843);
  --horus-black-color-50: #f7f7f7;
  --horus-black-color-100: #eeeeee;
  --horus-black-color-200: #e2e2e2;
  --horus-black-color-300: #d0d0d0;
  --horus-black-color-400: #ababab;
  --horus-black-color-500: #8a8a8a;
  --horus-black-color-600: #636363;
  --horus-black-color-700: #505050;
  --horus-black-color-800: #323232;
  --horus-system-color-warning: #EC5656;
  --horus-system-color-success: #43A047;
  --horus-system-color-alert: #F8C953;
  --mat-option-selected-state-layer-color: var(--horus-primary-color-50);
}
html {
  --mdc-checkbox-state-layer-size: 28px;
  --mdc-chip-container-height: 24px;
  --mdc-text-button-container-height: 28px;
  --mdc-protected-button-container-height: 28px;
  --mdc-filled-button-container-height: 28px;
  --mdc-outlined-button-container-height: 28px;
  --mdc-icon-button-state-layer-size: 24px;
  --mdc-list-list-item-one-line-container-height: 32px;
  --mdc-list-list-item-two-line-container-height: 48px;
  --mdc-list-list-item-three-line-container-height: 72px;
  --mdc-radio-state-layer-size: 28px;
  --mdc-secondary-navigation-tab-container-height: 32px;
  --mat-checkbox-touch-target-display: none;
  --mat-expansion-header-collapsed-state-height: 36px;
  --mat-expansion-header-expanded-state-height: 48px;
  --mat-fab-touch-target-display: none;
  --mat-form-field-container-height: 40px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-filled-with-label-container-padding-top: 8px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-icon-button-touch-target-display: none;
  --mat-list-list-item-leading-icon-start-space: 4px;
  --mat-list-list-item-leading-icon-end-space: 4px;
  --mat-text-button-touch-target-display: none;
  --mat-protected-button-touch-target-display: none;
  --mat-filled-button-touch-target-display: none;
  --mat-outlined-button-touch-target-display: none;
  --mat-paginator-container-size: 40px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-select-arrow-transform: none;
  --mat-standard-button-toggle-height: 24px;
  --mat-stepper-header-height: 42px;
  --mat-table-header-container-height: 40px;
  --mat-table-footer-container-height: 36px;
  --mat-table-row-item-container-height: 36px;
  --mat-toolbar-standard-height: 52px;
  --mat-toolbar-mobile-height: 44px;
  --mat-tree-node-min-height: 28px;
}
html {
  --mat-sys-background: #faf9fb;
  --mat-sys-error: #bf0519;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f1f0f3;
  --mat-sys-inverse-primary: #a8caeb;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1c1e;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000f;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #274a65;
  --mat-sys-on-primary-fixed: #001d31;
  --mat-sys-on-primary-fixed-variant: #274a65;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #58440d;
  --mat-sys-on-secondary-fixed: #251a00;
  --mat-sys-on-secondary-fixed-variant: #58440d;
  --mat-sys-on-surface: #1a1c1e;
  --mat-sys-on-surface-variant: #42474d;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #573d61;
  --mat-sys-on-tertiary-fixed: #291233;
  --mat-sys-on-tertiary-fixed-variant: #573d61;
  --mat-sys-outline: #73777e;
  --mat-sys-outline-variant: #c2c7ce;
  --mat-sys-primary: #40627e;
  --mat-sys-primary-container: #cce5ff;
  --mat-sys-primary-fixed: #cce5ff;
  --mat-sys-primary-fixed-dim: #a8caeb;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #725b24;
  --mat-sys-secondary-container: #ffdf9a;
  --mat-sys-secondary-fixed: #ffdf9a;
  --mat-sys-secondary-fixed-dim: #e1c381;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fb;
  --mat-sys-surface-bright: #faf9fb;
  --mat-sys-surface-container: #eeedf0;
  --mat-sys-surface-container-high: #e8e8ea;
  --mat-sys-surface-container-highest: #e3e2e5;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dadadc;
  --mat-sys-surface-tint: #40627e;
  --mat-sys-surface-variant: #dee3ea;
  --mat-sys-tertiary: #70547a;
  --mat-sys-tertiary-container: #f7d8ff;
  --mat-sys-tertiary-fixed: #f7d8ff;
  --mat-sys-tertiary-fixed-dim: #ddbbe6;
  --mat-sys-neutral-variant20: #2c3136;
  --mat-sys-neutral10: #1a1c1e;
}
html {
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mat-sys-body-large: 300 1rem / 1.5rem Geometria;
  --mat-sys-body-large-font: Geometria;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 300;
  --mat-sys-body-medium: 300 0.875rem / 1.25rem Geometria;
  --mat-sys-body-medium-font: Geometria;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 300;
  --mat-sys-body-small: 300 0.75rem / 1rem Geometria;
  --mat-sys-body-small-font: Geometria;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 300;
  --mat-sys-display-large: 300 3.562rem / 4rem Open Sans;
  --mat-sys-display-large-font: Open Sans;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 300;
  --mat-sys-display-medium: 300 2.812rem / 3.25rem Open Sans;
  --mat-sys-display-medium-font: Open Sans;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 300;
  --mat-sys-display-small: 300 2.25rem / 2.75rem Open Sans;
  --mat-sys-display-small-font: Open Sans;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 300;
  --mat-sys-headline-large: 300 2rem / 2.5rem Open Sans;
  --mat-sys-headline-large-font: Open Sans;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 300;
  --mat-sys-headline-medium: 300 1.75rem / 2.25rem Open Sans;
  --mat-sys-headline-medium-font: Open Sans;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 300;
  --mat-sys-headline-small: 300 1.5rem / 2rem Open Sans;
  --mat-sys-headline-small-font: Open Sans;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 300;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Geometria;
  --mat-sys-label-large-font: Geometria;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 900;
  --mat-sys-label-medium: 500 0.75rem / 1rem Geometria;
  --mat-sys-label-medium-font: Geometria;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 900;
  --mat-sys-label-small: 500 0.688rem / 1rem Geometria;
  --mat-sys-label-small-font: Geometria;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 300 1.375rem / 1.75rem Open Sans;
  --mat-sys-title-large-font: Open Sans;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 300;
  --mat-sys-title-medium: 500 1rem / 1.5rem Geometria;
  --mat-sys-title-medium-font: Geometria;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Geometria;
  --mat-sys-title-small-font: Geometria;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
}
html {
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
}
html {
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-text-field-container-shape: 15px;
}
html {
  --mdc-outlined-text-field-outline-color: var(--horus-black-color-400);
}
html {
  --mdc-outlined-text-field-focus-outline-color: #26A2F1;
}
html {
  --mdc-outlined-text-field-hover-outline-color: #26A2F1;
}
html {
  --mdc-outlined-text-field-error-outline-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-error-focus-outline-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-error-hover-outline-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-label-text-font: Geometria;
}
html {
  --mdc-outlined-text-field-label-text-size: 14px;
}
html {
  --mdc-outlined-text-field-label-text-color: var(--horus-black-color-400);
}
html {
  --mdc-outlined-text-field-focus-label-text-color: #26A2F1;
}
html {
  --mdc-outlined-text-field-hover-label-text-color: #26A2F1;
}
html {
  --mdc-outlined-text-field-error-label-text-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-error-focus-label-text-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-error-hover-label-text-color: var(--horus-system-color-warning);
}
html {
  --mdc-outlined-text-field-input-text-color: var(--horus-black-color-800);
}
html {
  --mdc-outlined-text-field-input-text-placeholder-color: var(--horus-black-color-800);
}
html {
  --mat-form-field-leading-icon-color: var(--horus-black-color-400);
}
html {
  --mat-form-field-trailing-icon-color: var(--horus-black-color-400);
}
html {
  --mat-select-enabled-arrow-color: #0E98F0;
}
html {
  --mat-select-focused-arrow-color: #0E98F0;
}
html {
  --mat-select-panel-background-color: #ffffff;
}
html {
  --mat-select-placeholder-text-color: #b7e0fb;
}
html {
  --mat-select-enabled-trigger-text-color: var(--horus-black-color-500);
}
html {
  --mat-select-trigger-text-font: Geometria;
}
html {
  --mat-select-trigger-text-size: 10px;
}
html {
  --mat-select-trigger-text-weight: 500;
}
html {
  --mdc-filled-button-label-text-color: var(--horus-background-color-1);
}
html {
  --mdc-filled-button-disabled-label-text-color: var(--horus-background-color-1);
}
html {
  --mdc-filled-button-container-color: #FBCF50;
}
html {
  --mdc-filled-button-disabled-container-color: var(--horus-secondary-color-100);
}
html {
  --mdc-filled-button-container-height: 30px;
}
html {
  --mdc-filled-button-label-text-font: Geometria;
}
html {
  --mdc-filled-button-label-text-weight: 500;
}
html {
  --mdc-filled-button-label-text-size: 11px;
}
html {
  --mdc-text-button-container-height: 35px;
}
html {
  --mdc-outlined-button-container-shape: 30px;
}
html {
  --mdc-outlined-button-outline-color: var(--horus-secondary-color-300);
}
html {
  --mdc-outlined-button-disabled-outline-color: var(--horus-secondary-color-100);
}
html {
  --mdc-outlined-button-label-text-color: var(--horus-secondary-color-300);
}
html {
  --mdc-outlined-button-disabled-label-text-color: var(--horus-secondary-color-100);
}
html {
  --mdc-outlined-button-label-text-font: Geometria;
}
html {
  --mdc-outlined-button-label-text-size: 11px;
}
html {
  --mdc-outlined-button-label-text-weight: 500;
}
html {
  --mdc-icon-button-icon-size: 18px;
}
html {
  --mdc-fab-small-container-shape: 20px;
}
html {
  --mdc-fab-small-container-elevation-shadow: 0;
}
html {
  --mdc-fab-small-focus-container-elevation-shadow: 0;
}
html {
  --mdc-fab-small-hover-container-elevation-shadow: 0;
}
html {
  --mdc-fab-small-pressed-container-elevation-shadow: 0;
}
html {
  --mdc-fab-small-container-color: #E7F5FE;
}
html {
  --mat-expansion-header-collapsed-state-height: 90px;
}
html {
  --mat-expansion-container-background-color: #FFF;
}
html {
  --mat-expansion-header-hover-state-layer-color: #FFF;
}
html {
  --mat-expansion-header-focus-state-layer-color: #FFF;
}
html {
  --mat-expansion-header-indicator-color: #0E98F0;
}
html {
  --mat-legacy-button-toggle-focus-state-layer-opacity: red;
}
html {
  --mat-legacy-button-toggle-selected-state-background-color: red;
}
html {
  --mdc-switch-track-height: 12px;
}
html {
  --mat-switch-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-icon-color: transparent;
}
html {
  --mdc-switch-unselected-icon-color: transparent;
}
html {
  --mdc-switch-disabled-selected-icon-color: transparent;
}
html {
  --mdc-switch-disabled-unselected-icon-color: transparent;
}
html {
  --mdc-dialog-container-shape: 0px;
}
html {
  --mat-tab-header-label-text-font: Geometria;
}
html {
  --mat-tab-header-label-text-size: 13px;
}
html {
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-tab-header-inactive-label-text-color: var(--horus-primary-color-700);
}
html {
  --mat-tab-header-inactive-hover-label-text-color: var(--horus-primary-color-700);
}
html {
  --mat-tab-header-inactive-focus-label-text-color: var(--horus-primary-color-700);
}
html {
  --mat-tab-header-active-label-text-color: var(--horus-primary-color-700);
}
html {
  --mat-tab-header-active-hover-label-text-color: var(--horus-primary-color-700);
}
html {
  --mat-tab-header-active-focus-label-text-color: var(--horus-primary-color-700);
}
html {
  --mdc-tab-indicator-active-indicator-height: 0px;
}
html {
  --mat-tab-header-active-ripple-color: var(--horus-primary-color-700);
}
html {
  --mat-table-header-headline-color: var(--horus-black-color-900);
}
html {
  --mat-table-header-headline-font: Geometria;
}
html {
  --mat-table-header-headline-size: 13px;
}
html {
  --mat-table-header-headline-weight: 400;
}
html {
  --mat-table-header-headline-line-height: 16px;
}
html {
  --mat-table-row-item-outline-width: 0px;
}
html {
  --mat-table-row-item-label-text-color: var(--horus-black-color-700);
}
html {
  --mat-table-row-item-label-text-font: Geometria;
}
html {
  --mat-table-row-item-label-text-size: 11px;
}
html {
  --mat-table-row-item-label-text-weight: 400;
}
html {
  --mat-table-row-item-label-text-line-height: 16px;
}
html {
  --mat-table-row-item-container-height: 32px;
}
html {
  --mdc-chip-label-text-font: Geometria;
}
html {
  --mdc-chip-label-text-size: 9px;
}
html {
  --mdc-chip-label-text-weight: 500;
}
.mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
html,
body {
  height: 100%;
}
.order .mat-expansion-panel-body {
  padding: 0 11px 5px;
}
.order .mat-expansion-indicator svg {
  margin-bottom: 25px !important;
}
.mat-mdc-tab-label-container {
  border-bottom: none !important;
}
.orders-panel .mdc-text-field--outlined .mdc-floating-label {
  font-size: 12px !important;
}
.orders-panel .mat-mdc-form-field-infix {
  min-height: 32px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.orders-panel .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 14px;
}
.orders-panel .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-21.75px) scale(0.75) !important;
}
.orders-panel .mat-mdc-select-value-text {
  font-size: 12px !important;
  line-height: normal;
}
.orders-panel .mat-mdc-text-field-wrapper {
  background: #fff;
  border-radius: 25px;
}
.orders-panel .mdc-switch__handle::after {
  background-color: #ababab !important;
}
.orders-panel .mat-mdc-slide-toggle-checked .mdc-switch__handle::after {
  background-color: #26a2f1 !important;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mat-mdc-tab-label-container {
  border: none !important;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mat-mdc-tab-labels {
  display: flex !important;
  flex-direction: row !important;
  border-bottom: none;
  width: fit-content;
  gap: 12px;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mdc-tab {
  display: flex;
  justify-content: center;
  width: fit-content;
  height: 21px;
  border-radius: 4px;
  background-color: var(--horus-black-color-100);
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mdc-tab .mdc-tab__text-label {
  color: var(--horus-black-color-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mdc-tab--active {
  background-color: var(--horus-primary-color-600);
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mdc-tab--active .mdc-tab__text-label {
  color: var(--horus-black-color-50) !important;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mdc-tab-indicator--active .mdc-tab__text-label {
  font-weight: 700 !important;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mat-ink-bar {
  display: none;
}
.od-general-data__deliveries__tabs:not(.order-detail-panel__detail__tabs) .mat-mdc-tab-body-wrapper {
  display: flex;
  width: 100%;
}
.order-detail-panel__detail__tabs .mat-mdc-tab-labels {
  display: flex !important;
  flex-direction: column !important;
  border-bottom: 0.5px solid var(--horus-black-color-100);
}
.order-detail-panel__detail__tabs .mdc-tab {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  width: 177px;
  height: 35px;
  padding: 0 8px;
  border-top: 0.5px solid var(--horus-black-color-100);
  border-radius: 4px;
}
.order-detail-panel__detail__tabs .mdc-tab--active {
  background-color: var(--horus-primary-color-50, #e7f5fe);
}
.order-detail-panel__detail__tabs .mdc-tab-indicator--active .mdc-tab__text-label {
  font-weight: 700 !important;
}
.order-detail-panel__detail__tabs .mat-ink-bar {
  display: none;
}
.order-detail-panel__detail__tabs .mat-mdc-tab-body-wrapper {
  display: flex;
  width: 100%;
}
.order-product .mat-expansion-panel-header {
  height: auto !important;
}
.order-product .mat-expansion-panel-header.mat-expanded {
  height: auto !important;
}
.order-product .mat-expansion-panel-body {
  padding: 10px !important;
  padding-top: 0 !important;
}
.order-product .mat-expansion-indicator svg {
  margin: 0 !important;
}
.order-product .mat-content {
  height: 100%;
}
.order-dispatch .mat-expansion-panel-header {
  height: auto !important;
}
.order-dispatch .mat-expansion-panel-header.mat-expanded {
  height: auto !important;
}
.order-dispatch .mat-expansion-panel-body {
  padding: 10px !important;
  padding-top: 0 !important;
}
.order-dispatch .mat-expansion-indicator svg {
  margin: 0 !important;
}
.order-dispatch .mat-content {
  height: 100%;
}
.order-reschedule .mat-button-toggle-group,
.service-reschedule .mat-button-toggle-group {
  overflow: initial !important;
}
.order-reschedule .mat-button-toggle,
.service-reschedule .mat-button-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 10px;
  border: 1px solid #f7f7f7;
  padding: 0;
  height: 32px;
  gap: 5px;
  cursor: pointer;
}
.order-reschedule .mat-button-toggle .mat-button-toggle-button,
.service-reschedule .mat-button-toggle .mat-button-toggle-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #505050;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  height: 100%;
  width: 100%;
}
.order-reschedule .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content,
.service-reschedule .mat-button-toggle .mat-button-toggle-button .mat-button-toggle-label-content {
  padding: 0;
}
.order-reschedule .mat-button-toggle-checked,
.service-reschedule .mat-button-toggle-checked {
  background: #b7e0fb;
  border: 1px solid #0e98f0 !important;
}
.order-reschedule .mat-button-toggle-checked .mat-button-toggle-button,
.service-reschedule .mat-button-toggle-checked .mat-button-toggle-button {
  color: #0e89d8;
  font-weight: 500;
}
.od-payment-tabs .mat-mdc-tab-label-container {
  border: none;
}
.od-payment-tabs .mat-mdc-tab-labels {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  border-radius: 40px;
  border: none !important;
  background: #e7f5fe;
  height: 40px;
  padding: 0 4px;
  width: 325px;
}
.od-payment-tabs .mat-mdc-tab-labels .mdc-tab {
  border: none !important;
  border-radius: 36px;
  display: flex;
  justify-content: center;
  height: 35px;
  width: fit-content;
}
.od-payment-tabs .mat-mdc-tab-labels .mdc-tab .mdc-tab__text-label {
  color: #26a2f1;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.od-payment-tabs .mat-mdc-tab-labels .mdc-tab--active {
  background: #26a2f1;
}
.od-payment-tabs .mat-mdc-tab-labels .mdc-tab--active .mdc-tab__text-label {
  color: white;
  font-weight: 400 !important;
}
.od-payment-tabs .mat-mdc-tab.mdc-tab--active:focus .mdc-tab__text-label {
  color: white !important;
}
.od-services-tabs .mat-mdc-tab-label-container,
.od-services-tab .mat-mdc-tab-label-container {
  border: none !important;
}
.od-services-tabs .mat-mdc-tab-labels,
.od-services-tab .mat-mdc-tab-labels {
  display: flex !important;
  flex-direction: row !important;
  border-bottom: none;
  width: fit-content;
  gap: 12px;
}
.od-services-tabs .mdc-tab,
.od-services-tab .mdc-tab {
  display: flex;
  justify-content: center;
  width: fit-content;
  height: 21px;
  border-radius: 4px;
  background-color: var(--horus-black-color-100);
}
.od-services-tabs .mdc-tab .mdc-tab__text-label,
.od-services-tab .mdc-tab .mdc-tab__text-label {
  color: var(--horus-black-color-500);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}
.od-services-tabs .mdc-tab--active,
.od-services-tab .mdc-tab--active {
  background-color: var(--horus-primary-color-600);
}
.od-services-tabs .mdc-tab--active .mdc-tab__text-label,
.od-services-tab .mdc-tab--active .mdc-tab__text-label {
  color: var(--horus-black-color-50) !important;
}
.od-services-tabs .mdc-tab-indicator--active .mdc-tab__text-label,
.od-services-tab .mdc-tab-indicator--active .mdc-tab__text-label {
  font-weight: 700 !important;
}
.od-services-tabs .mat-ink-bar,
.od-services-tab .mat-ink-bar {
  display: none;
}
.od-services-tabs .mat-mdc-tab-body-wrapper,
.od-services-tab .mat-mdc-tab-body-wrapper {
  display: flex;
  width: 100%;
}
.horus-carousel-panel mat-dialog-container .mat-mdc-dialog-surface {
  background: transparent;
}
.horus-confirmation-panel mat-dialog-container .mat-mdc-dialog-surface {
  border-radius: 20px;
}
.horus-confirmation-panel .title-ok {
  color: #43a047 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.horus-confirmation-panel .title-warning {
  color: #f6d44d !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.horus-confirmation-panel .title-error {
  color: #ec5656 !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.order-dispatch .mat-mdc-form-field-infix {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  min-height: 30px !important;
}
.order-dispatch .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 18px !important;
}
.services-panel .mat-expansion-panel {
  box-shadow: none !important;
}
.services-panel .mat-expansion-panel-header {
  height: 46px !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  border-radius: 0px;
}
.services-panel .mat-expansion-panel-body {
  padding: 21px 13px 16px 13px;
}
.services-panel .mat-mdc-form-field-infix {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  min-height: 30px !important;
}
.services-panel .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 18px !important;
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mdc-notched-outline__leading,
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mdc-notched-outline__notch,
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mdc-notched-outline__trailing {
  border-color: var(--horus-primary-color-400);
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mdc-floating-label {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-suffix {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-prefix .mdc-icon-button,
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) .mdc-floating-label {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.selected-value:not(.mat-form-field-invalid) mat-select .mat-mdc-select-arrow-wrapper::after {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  color: var(--horus-black-color-400);
  margin-right: 8px;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mdc-icon-button mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix:hover .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  color: var(--horus-primary-color-400);
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix:not(.mat-form-field-invalid) .mat-mdc-form-field-icon-suffix {
  color: var(--horus-black-color-400);
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix:not(.mat-form-field-invalid):hover .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix:not(.mat-form-field-invalid):hover .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix:not(.mat-form-field-invalid):hover .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix:not(.mat-form-field-invalid):hover .mat-mdc-form-field-icon-suffix {
  color: var(--horus-primary-color-400);
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid .mat-mdc-form-field-icon-suffix {
  color: var(--horus-system-color-warning);
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid .mat-mdc-form-field-icon-prefix .mdc-icon-button,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid .mat-mdc-form-field-icon-suffix .mdc-icon-button,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid .mat-mdc-form-field-icon-prefix .mdc-icon-button,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  color: var(--horus-system-color-warning) !important;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid:hover .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix.mat-form-field-invalid:hover .mat-mdc-form-field-icon-suffix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid:hover .mat-mdc-form-field-icon-prefix,
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-suffix.mat-form-field-invalid:hover .mat-mdc-form-field-icon-suffix {
  color: var(--horus-system-color-warning);
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix .mat-mdc-form-field-icon-prefix mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
}
mat-form-field.mat-form-field-appearance-outline.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
  --mat-mdc-form-field-label-offset-x: -28px !important;
}
mat-form-field.mat-form-field-appearance-outline .mat-mdc-form-field-input-control {
  color: var(--horus-black-color-800);
  font-family: "Geometria";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
mat-form-field.mat-form-field-appearance-outline .mdc-text-field--outlined .mdc-notched-outline__leading {
  width: 25px !important;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
mat-form-field.mat-form-field-appearance-outline .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
mat-form-field.mat-form-field-appearance-outline:hover .mat-mdc-select-arrow-wrapper::after {
  color: var(--horus-primary-color-400) !important;
}
mat-form-field.mat-form-field-appearance-outline.mat-focused.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mdc-icon-button {
  color: var(--horus-primary-color-400);
}
mat-form-field.mat-form-field-appearance-outline.mat-focused.mat-mdc-form-field-has-icon-prefix .mat-mdc-form-field-icon-prefix {
  color: var(--horus-primary-color-400);
}
mat-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: none;
}
mat-select:not(.horus-date-range) .mat-mdc-select-arrow-wrapper::after {
  content: "expand_more";
  display: inline-block;
  font-family: "Material Icons Outlined";
  font-size: 16px;
  margin-right: -3px;
  padding-left: 5px;
  color: var(--horus-black-color-400);
}
mat-select.horus-date-range .mat-mdc-select-arrow-wrapper::after {
  content: "calendar_month";
  display: inline-block;
  font-family: "Material Icons Outlined";
  font-size: 16px;
  margin-right: -3px;
  padding-left: 5px;
  color: var(--horus-black-color-400);
}
mat-select .mat-mdc-select-arrow-wrapper::after {
  border-color: var(--horus-black-color-400);
}
.mdc-text-field--outlined.mdc-text-field--invalid mat-select .mat-mdc-select-arrow-wrapper::after {
  color: var(--mdc-outlined-text-field-error-outline-color) !important;
}
mat-option {
  min-height: 42px;
}
mat-option .mat-icon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
mat-option .mat-pseudo-checkbox-checked {
  display: none;
}
mat-option .mdc-list-item__primary-text {
  color: var(--horus-primary-color-400);
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}
mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled),
mat-option.mat-mdc-option-active {
  background-color: var(--horus-primary-color-50) !important;
}
mat-option.mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
mat-option.mat-mdc-option-active .mdc-list-item__primary-text {
  color: var(--horus-primary-color-700) !important;
}
.mat-mdc-select-panel {
  padding: 0px !important;
  border-radius: 10px !important;
  border: 0.875px solid var(--horus-primary-color-500);
  background: var(--horus-background-color-1);
  box-shadow: 0px 0px 10.5px 0px rgba(0, 0, 0, 0.2) !important;
}
.snackbar-container .mat-mdc-snackbar-surface {
  min-width: 0px !important;
  padding-right: 0px !important;
}
.snackbar-container .mat-mdc-snackbar-surface .mdc-snackbar__label {
  padding: 0px !important;
}
.mat-mdc-header-cell {
  background: var(--horus-primary-color-400) !important;
}
.mat-mdc-cell {
  white-space: nowrap;
}
.mat-mdc-cell.table-horus-first-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  border-top-left-radius: 4px;
}
.mat-mdc-row:nth-child(even) {
  background-color: var(--horus-background-color-1);
}
.mat-mdc-row:nth-child(odd) {
  background-color: var(--horus-primary-color-50);
}
.mat-mdc-header-row .mat-mdc-header-cell:first-child {
  border-top-left-radius: 4px;
}
.mat-mdc-header-row .mat-mdc-header-cell:last-child {
  border-top-right-radius: 4px;
}
mat-chip .mdc-evolution-chip__action--primary::before {
  border: none !important;
}
.mat-chip-ticket-status.aria-pendiente {
  background-color: #FDEBEA !important;
}
.mat-chip-ticket-status.aria-enrevision {
  background-color: #FFEDCA !important;
}
.mat-chip-ticket-status.aria-finalizada {
  background-color: #E9FFEA !important;
}
.mat-chip-ticket-status.aria-finalizado {
  background-color: #E9FFEA !important;
}
.mat-chip-ticket-status.aria-anulado {
  background-color: #F7F7F7 !important;
}
.mat-chip-ticket-status.rex-pendientefotos {
  background-color: #CBECFA !important;
}
.mat-chip-ticket-status.rex-pendiente {
  background-color: #FACECB !important;
}
.mat-chip-ticket-status.rex-enrevision {
  background-color: #E9D2F8 !important;
}
.mat-chip-ticket-status.rex-finalizada {
  background-color: #CBFACD !important;
}
.mat-chip-ticket-status.rex-anulada {
  background-color: #EAEAEA !important;
}
.mat-chip-ticket-status.rex-pendienterecepcion {
  background-color: #FACECB !important;
}
.mat-chip-ticket-status.rex-enrevisionproveedor {
  background-color: #E9D2F8 !important;
}
.mat-chip-ticket-status.aria-pendiente .mdc-evolution-chip__text-label {
  color: #AA273C !important;
}
.mat-chip-ticket-status.aria-enrevision .mdc-evolution-chip__text-label {
  color: #C78B1A !important;
}
.mat-chip-ticket-status.aria-finalizada .mdc-evolution-chip__text-label {
  color: #43A047 !important;
}
.mat-chip-ticket-status.aria-finalizado .mdc-evolution-chip__text-label {
  color: #43A047 !important;
}
.mat-chip-ticket-status.aria-anulado .mdc-evolution-chip__text-label {
  color: #5E5D5D !important;
}
.mat-chip-ticket-status.rex-pendientefotos .mdc-evolution-chip__text-label {
  color: #459FE0 !important;
}
.mat-chip-ticket-status.rex-pendiente .mdc-evolution-chip__text-label {
  color: #EC5656 !important;
}
.mat-chip-ticket-status.rex-enrevision .mdc-evolution-chip__text-label {
  color: #B767E8 !important;
}
.mat-chip-ticket-status.rex-finalizada .mdc-evolution-chip__text-label {
  color: #43A047 !important;
}
.mat-chip-ticket-status.rex-anulada .mdc-evolution-chip__text-label {
  color: #636363 !important;
}
.mat-chip-ticket-status.rex-pendienterecepcion .mdc-evolution-chip__text-label {
  color: #EC5656 !important;
}
.mat-chip-ticket-status.rex-enrevisionproveedor .mdc-evolution-chip__text-label {
  color: #B767E8 !important;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #eeeeee;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #eeeeee;
}
.mat-mdc-tooltip-surface {
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  background-color: #323232 !important;
}
.icon-timer {
  font-size: 16px !important;
  height: 16px !important;
  width: 16px !important;
}
.icon-timer__green {
  color: #51d36e !important;
}
.icon-timer__yellow {
  color: #f8c953 !important;
}
.icon-timer__red {
  color: #ec5656 !important;
}
.confirm-dialog-panel .mat-mdc-dialog-surface {
  border-radius: 20px;
}
.driver-popover {
  border-radius: 12px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  background: var(--horus-background-color-1, #ffffff);
  max-width: 400px;
  z-index: 10000 !important;
}
.driver-popover-arrow {
  border-color: var(--horus-background-color-1, #ffffff);
}
.driver-popover-title {
  color: var(--horus-black-color-800, #1a1a1a);
  font-family: "Geometria", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.driver-popover-description {
  color: var(--horus-black-color-600, #505050);
  font-family: "Geometria", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.driver-popover-close-btn {
  color: var(--horus-black-color-400, #ababab);
  transition: color 0.2s ease;
}
.driver-popover-close-btn:hover {
  color: var(--horus-black-color-800, #1a1a1a);
}
.driver-popover-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--horus-black-color-100, #f7f7f7);
}
.driver-popover-progress-text {
  color: var(--horus-black-color-500, #6b6b6b);
  font-family: "Geometria", sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.driver-popover-prev-btn,
.driver-popover-next-btn {
  background-color: var(--horus-primary-color-400, #26a2f1);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: "Geometria", sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.driver-popover-prev-btn:hover,
.driver-popover-next-btn:hover {
  background-color: var(--horus-primary-color-600, #0e89d8);
}
.driver-popover-prev-btn:disabled,
.driver-popover-next-btn:disabled {
  background-color: var(--horus-black-color-200, #e0e0e0);
  color: var(--horus-black-color-400, #ababab);
  cursor: not-allowed;
}
.driver-popover-prev-btn {
  background-color: transparent;
  color: var(--horus-primary-color-400, #26a2f1);
  border: 1px solid var(--horus-primary-color-400, #26a2f1);
}
.driver-popover-prev-btn:hover {
  background-color: var(--horus-primary-color-50, #e7f5fe);
}
.driver-popover-prev-btn:disabled {
  background-color: transparent;
  border-color: var(--horus-black-color-200, #e0e0e0);
  color: var(--horus-black-color-400, #ababab);
}
.horus-driver-popover .driver-popover-title {
  font-size: 18px;
  font-weight: 600;
}
@keyframes pulse-tour {
  0% {
    box-shadow: 0 0 0 0 rgba(38, 162, 241, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(38, 162, 241, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(38, 162, 241, 0);
  }
}
[data-tour]:not([data-tour=""]) {
  position: relative;
}
.driver-active-element {
  animation: pulse-tour 2s infinite;
}
.driver-overlay {
  z-index: 9998 !important;
}
.driver-highlighted-element {
  z-index: 9999 !important;
}
.driver-popover.tour-welcome {
  text-align: center;
  max-width: 450px;
}
.driver-popover.tour-welcome .driver-popover-description {
  font-size: 15px;
  line-height: 22px;
}

/* node_modules/driver.js/dist/driver.css */
.driver-active .driver-overlay,
.driver-active * {
  pointer-events: none;
}
.driver-active .driver-active-element,
.driver-active .driver-active-element *,
.driver-popover,
.driver-popover * {
  pointer-events: auto;
}
@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.driver-fade .driver-overlay {
  animation: animate-fade-in .2s ease-in-out;
}
.driver-fade .driver-popover {
  animation: animate-fade-in .2s;
}
.driver-popover {
  all: unset;
  box-sizing: border-box;
  color: #2d2d2d;
  margin: 0;
  padding: 15px;
  border-radius: 5px;
  min-width: 250px;
  max-width: 300px;
  box-shadow: 0 1px 10px #0006;
  z-index: 1000000000;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #fff;
}
.driver-popover * {
  font-family:
    Helvetica Neue,
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
}
.driver-popover-title {
  font: 19px/normal sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
  line-height: 1.5;
  zoom: 1;
  margin: 0;
}
.driver-popover-close-btn {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 28px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: #d2d2d2;
  z-index: 1;
  text-align: center;
  transition: color;
  transition-duration: .2s;
}
.driver-popover-close-btn:hover,
.driver-popover-close-btn:focus {
  color: #2d2d2d;
}
.driver-popover-title[style*=block] + .driver-popover-description {
  margin-top: 5px;
}
.driver-popover-description {
  margin-bottom: 0;
  font: 14px/normal sans-serif;
  line-height: 1.5;
  font-weight: 400;
  zoom: 1;
}
.driver-popover-footer {
  margin-top: 15px;
  text-align: right;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.driver-popover-progress-text {
  font-size: 13px;
  font-weight: 400;
  color: #727272;
  zoom: 1;
}
.driver-popover-footer button {
  all: unset;
  display: inline-block;
  box-sizing: border-box;
  padding: 3px 7px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  background-color: #fff;
  color: #2d2d2d;
  font: 12px/normal sans-serif;
  cursor: pointer;
  outline: 0;
  zoom: 1;
  line-height: 1.3;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.driver-popover-footer .driver-popover-btn-disabled {
  opacity: .5;
  pointer-events: none;
}
:not(body):has(> .driver-active-element) {
  overflow: hidden !important;
}
.driver-no-interaction,
.driver-no-interaction * {
  pointer-events: none !important;
}
.driver-popover-footer button:hover,
.driver-popover-footer button:focus {
  background-color: #f7f7f7;
}
.driver-popover-navigation-btns {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.driver-popover-navigation-btns button + button {
  margin-left: 4px;
}
.driver-popover-arrow {
  content: "";
  position: absolute;
  border: 5px solid #fff;
}
.driver-popover-arrow-side-over {
  display: none;
}
.driver-popover-arrow-side-left {
  left: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.driver-popover-arrow-side-right {
  right: 100%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}
.driver-popover-arrow-side-top {
  top: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.driver-popover-arrow-side-bottom {
  bottom: 100%;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}
.driver-popover-arrow-side-center {
  display: none;
}
.driver-popover-arrow-side-left.driver-popover-arrow-align-start,
.driver-popover-arrow-side-right.driver-popover-arrow-align-start {
  top: 15px;
}
.driver-popover-arrow-side-top.driver-popover-arrow-align-start,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start {
  left: 15px;
}
.driver-popover-arrow-align-end.driver-popover-arrow-side-left,
.driver-popover-arrow-align-end.driver-popover-arrow-side-right {
  bottom: 15px;
}
.driver-popover-arrow-side-top.driver-popover-arrow-align-end,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
  right: 15px;
}
.driver-popover-arrow-side-left.driver-popover-arrow-align-center,
.driver-popover-arrow-side-right.driver-popover-arrow-align-center {
  top: 50%;
  margin-top: -5px;
}
.driver-popover-arrow-side-top.driver-popover-arrow-align-center,
.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
  left: 50%;
  margin-left: -5px;
}
.driver-popover-arrow-none {
  display: none;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-G3MR6P2V.css.map */