* {
  margin: 0;
  font-family: "Londrina Solid";
  font-family: "Poppins", sans-serif;
}

body {
  margin: 0;
  background-color: #efefef;
  position: relative;
}

h2 {
  font-size: 36px !important;
  font-weight: 900 !important;
}

h3 {
  font-size: 28px !important;
  font-weight: 700 !important;
}

h4 {
  font-size: 24px !important;
  font-weight: 700 !important;
}

.main {
  flex: 1;
  min-height: 100vh;
  min-width: 600px;
  overflow-x: auto;
}

.main-container {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
}

.arrow {
  width: 8px;
  height: 8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}

.pointer {
  cursor: pointer;
}

.notify {
  width: 30px;
  height: 40px;
  border-radius: 50%;
  font-size: 10px;
  color: #fff;
  text-align: center;
}

.top-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-panel * {
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
}
.top-panel .updates-info {
  cursor: pointer;
}
.top-panel .updates-info:hover .updates-info-data {
  display: block;
}
.top-panel .updates-info-data {
  display: none;
  position: absolute;
  z-index: 100;
  background: white;
  padding: 20px;
  border: 1px solid #b4b4b4;
  border-radius: 4px;
}
.top-panel .updates-info-data-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.top-panel .updates-info-data-item p {
  font-size: 16px;
  padding: 5px 10px;
}

.search {
  flex-basis: 40%;
  padding: 5px 10px;
  margin: 4px 0;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  color: #73787e;
  background-color: #dce6f0;
}

.lang {
  flex-basis: 200px;
  position: relative;
}

.data {
  flex-basis: auto;
  margin-left: 50px;
  text-align: right;
  white-space: nowrap;
}
.data .status {
  display: inline-block;
  position: relative;
  left: -10px;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #fce730;
}

.red {
  color: #e44f38;
}

.green {
  color: #5a9d57;
}

input,
select {
  box-sizing: border-box;
  padding: 10px 7px;
  margin: 0 0 4px;
  border-radius: 5px;
  font-size: 12px;
  border: 1px solid #c0c2c5;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

.grey-select {
  width: 100%;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #c3c3c3;
  background-color: #dae6f0;
  cursor: pointer;
}

.icon-calendar-wrp {
  position: relative;
  min-width: 240px;
  width: calc(49% - 26px);
  padding: 10px 40px 10px 12px;
}
.icon-calendar-wrp .icon-calendar {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  width: 30px;
  transform: translate(0, -50%);
}

.paginate select {
  padding: 7px 5px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #c0c2c5;
}

.button {
  display: inline-block;
  padding: 8px 28px;
  border: 1px solid #efefef;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #efefef;
  background-color: #283342;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.button-light {
  padding: 5px;
  border: 1px solid #283342;
  border-radius: 5px;
  margin-right: 5px;
  cursor: pointer;
  margin-bottom: 5px;
}
.button.btn-blue {
  background-color: #1e71e3;
}
.button.btn-green {
  background-color: seagreen;
}

.link {
  color: #249deb;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.link:active, .link:focus, .link:visited {
  color: #249deb;
}
.link:hover {
  color: #1079be;
}

.cut-text {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.2em;
  white-space: nowrap;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex-space-between > div {
  flex-basis: 45%;
}
.flex-space-between > div.triple {
  flex-basis: 30%;
}

.highcharts-credits {
  display: none !important;
}

.breadcrumb-link {
  text-decoration: none;
  color: #8f8f8f;
}
.breadcrumb-link:focus, .breadcrumb-link:hover, .breadcrumb-link:active {
  color: #8f8f8f;
}

.flex-half {
  flex: 0.5;
}
.flex-col-3 {
  flex: 0.33;
}
.flex-col-4 {
  flex: 0.25;
}
.flex-wrap {
  flex-wrap: wrap;
}

.overflow-ellipsis {
  white-space: nowrap;
  width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overflow-ellipsis-show:hover {
  overflow: visible;
}

.switch-lang {
  width: 110px;
  cursor: pointer;
  z-index: 50;
  position: absolute;
  top: -12px;
}
.switch-lang:hover .lang-dropdown {
  display: block;
}

.switcher-link {
  color: #fff;
}

.switcher-link:hover {
  color: #fff;
}

.current-lang {
  background: #e7edf3;
  border: 1px solid #c0c2c5;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.current-lang img {
  height: 10px;
}

.lang-flag {
  width: 20px;
  display: inline-block;
}

.lang-text {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  margin-top: 2px;
}

.lang-dropdown {
  display: none;
  background: #e7edf3;
  border-radius: 5px;
  margin-top: 2px;
  border: 1px solid #c0c2c5;
}

.selecting-lang {
  padding: 3px 5px 3px 5px;
  cursor: pointer;
  margin: 3px;
  border-radius: 3px;
}

.selecting-lang:hover {
  background: #ffffff;
}

ul > :first-child {
  border-radius: 5px 5px 0px 0px;
}

ul > :last-child {
  border-radius: 0px 0px 5px 5px;
}

li {
  list-style-type: none;
}

.menu-arrow {
  display: inline-block;
  width: 10px;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 6px;
}
/* @import 'tailwindcss/base'; */
.container {
    width: 100%
}
@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.top-0 {
    top: 0px
}
.right-0 {
    right: 0px
}
.left-0 {
    left: 0px
}
.z-0 {
    z-index: 0
}
.z-50 {
    z-index: 50
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.ml-3 {
    margin-left: 0.75rem
}
.-ml-px {
    margin-left: -1px
}
.mt-4 {
    margin-top: 1rem
}
.ml-4 {
    margin-left: 1rem
}
.ml-8 {
    margin-left: 2rem
}
.mt-10 {
    margin-top: 2.5rem
}
.mt-3 {
    margin-top: 0.75rem
}
.mb-4 {
    margin-bottom: 1rem
}
.mt-6 {
    margin-top: 1.5rem
}
.mt-1 {
    margin-top: 0.25rem
}
.ml-2 {
    margin-left: 0.5rem
}
.ml-6 {
    margin-left: 1.5rem
}
.ml-1 {
    margin-left: 0.25rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mr-2 {
    margin-right: 0.5rem
}
.mt-8 {
    margin-top: 2rem
}
.ml-12 {
    margin-left: 3rem
}
.-mt-px {
    margin-top: -1px
}
.-mr-2 {
    margin-right: -0.5rem
}
.block {
    display: block
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.h-5 {
    height: 1.25rem
}
.h-20 {
    height: 5rem
}
.h-8 {
    height: 2rem
}
.h-16 {
    height: 4rem
}
.h-10 {
    height: 2.5rem
}
.h-4 {
    height: 1rem
}
.h-6 {
    height: 1.5rem
}
.min-h-screen {
    min-height: 100vh
}
.w-5 {
    width: 1.25rem
}
.w-full {
    width: 100%
}
.w-20 {
    width: 5rem
}
.w-8 {
    width: 2rem
}
.w-auto {
    width: auto
}
.w-48 {
    width: 12rem
}
.w-4 {
    width: 1rem
}
.w-6 {
    width: 1.5rem
}
.max-w-xl {
    max-width: 36rem
}
.max-w-6xl {
    max-width: 72rem
}
.max-w-7xl {
    max-width: 80rem
}
.flex-1 {
    flex: 1 1 0%
}
.shrink-0 {
    flex-shrink: 0
}
.flex-grow {
    flex-grow: 1
}
.border-collapse {
    border-collapse: collapse
}
.origin-top-left {
    transform-origin: top left
}
.origin-top {
    transform-origin: top
}
.origin-top-right {
    transform-origin: top right
}
.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    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))
}
.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    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-default {
    cursor: default
}
.list-inside {
    list-style-position: inside
}
.list-disc {
    list-style-type: disc
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.items-center {
    align-items: center
}
.justify-end {
    justify-content: flex-end
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))
}
.overflow-hidden {
    overflow: hidden
}
.overflow-ellipsis {
    text-overflow: ellipsis
}
.break-all {
    word-break: break-all
}
.rounded-md {
    border-radius: 0.375rem
}
.rounded-l-md {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem
}
.rounded-r-md {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem
}
.border {
    border-width: 1px
}
.border-t {
    border-top-width: 1px
}
.border-r {
    border-right-width: 1px
}
.border-b-2 {
    border-bottom-width: 2px
}
.border-l-4 {
    border-left-width: 4px
}
.border-b {
    border-bottom-width: 1px
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.border-transparent {
    border-color: transparent
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}
.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity))
}
.border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248 / var(--tw-border-opacity))
}
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity))
}
.fill-current {
    fill: currentColor
}
.p-6 {
    padding: 1.5rem
}
.p-2 {
    padding: 0.5rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
.pt-6 {
    padding-top: 1.5rem
}
.pt-8 {
    padding-top: 2rem
}
.pt-1 {
    padding-top: 0.25rem
}
.pl-3 {
    padding-left: 0.75rem
}
.pr-4 {
    padding-right: 1rem
}
.pt-2 {
    padding-top: 0.5rem
}
.pb-3 {
    padding-bottom: 0.75rem
}
.pt-4 {
    padding-top: 1rem
}
.pb-1 {
    padding-bottom: 0.25rem
}
.text-center {
    text-align: center
}
.font-sans {
    font-family: Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.font-medium {
    font-weight: 500
}
.font-semibold {
    font-weight: 600
}
.uppercase {
    text-transform: uppercase
}
.leading-5 {
    line-height: 1.25rem
}
.leading-7 {
    line-height: 1.75rem
}
.tracking-widest {
    letter-spacing: 0.1em
}
.tracking-wider {
    letter-spacing: 0.05em
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}
.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}
.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}
.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity))
}
.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.underline {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.opacity-0 {
    opacity: 0
}
.opacity-100 {
    opacity: 1
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 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 {
    --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: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))
}
.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
}
.ring-opacity-5 {
    --tw-ring-opacity: 0.05
}
.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.duration-150 {
    transition-duration: 150ms
}
.duration-200 {
    transition-duration: 200ms
}
.duration-75 {
    transition-duration: 75ms
}
.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}
.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}
.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.focus\:z-10:focus {
    z-index: 10
}
.focus\:border-blue-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity))
}
.focus\:border-indigo-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(165 180 252 / var(--tw-border-opacity))
}
.focus\:border-gray-900:focus {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39 / var(--tw-border-opacity))
}
.focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(67 56 202 / var(--tw-border-opacity))
}
.focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity))
}
.focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}
.focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity))
}
.focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}
.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity))
}
.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5
}
.active\:bg-gray-100:active {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}
.active\:bg-gray-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}
.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.active\:text-gray-500:active {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.disabled\:opacity-25:disabled {
    opacity: 0.25
}
@media (prefers-color-scheme: dark) {
    .dark\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39 / var(--tw-bg-opacity))
    }
    .dark\:text-gray-500 {
        --tw-text-opacity: 1;
        color: rgb(107 114 128 / var(--tw-text-opacity))
    }
}
@media (min-width: 640px) {
    .sm\:-my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }
    .sm\:ml-10 {
        margin-left: 2.5rem
    }
    .sm\:ml-6 {
        margin-left: 1.5rem
    }
    .sm\:flex {
        display: flex
    }
    .sm\:hidden {
        display: none
    }
    .sm\:max-w-md {
        max-width: 28rem
    }
    .sm\:flex-1 {
        flex: 1 1 0%
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:justify-start {
        justify-content: flex-start
    }
    .sm\:justify-center {
        justify-content: center
    }
    .sm\:justify-between {
        justify-content: space-between
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:pt-0 {
        padding-top: 0px
    }
}
@media (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}