/*!
 * Not Idea UI 2.2.5 (https://not-idea-ui.netlify.app/)
*/

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 989px) {
  .container {
    max-width: 989px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.footer .footer-top,
  .footer .footer-bottom {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.footer .footer-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 2rem;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .footer .footer-top {
    gap: 0px;
  }
}

.footer .footer-top .footer-item {
  width: 100%;
  flex-basis: 100%;
}

@media (min-width: 768px) {
  .footer .footer-top .footer-item {
    width: calc(50% - 20px);
    flex-basis: calc(50% - 20px);
  }
}

@media (min-width: 1024px) {
  .footer .footer-top .footer-item {
    width: calc(25% - 20px);
    flex-basis: calc(25% - 20px);
  }
}

.footer .footer-bottom {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.footer .copyright {
  margin-bottom: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer .footer-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.footer .footer-menu a {
  display: inline-block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .footer-menu a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.footer .social-media {
  display: flex;
}

.footer .social-media > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.footer .social-media a {
  display: inline-block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .social-media a:hover {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.footer .has-menu,
  .footer .has-media,
  .footer .has-media-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
}

.double-field {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 1rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

@media (min-width: 768px) {
  .double-field {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}

.double-field > .field {
  margin-bottom: 0px;
}

.double-field:not(:last-child) {
  margin-bottom: 1rem;
}

.is-primary {
  accent-color: #2f70c8;
}

.is-secondary {
  accent-color: #057f80;
}

.is-tertiary {
  accent-color: #703794;
}

.field:not(:last-child) {
  margin-bottom: 1rem;
}

.field.field-button {
  margin-top: 1.5rem;
}

.field .label {
  margin-bottom: 0.25rem;
  display: block;
  font-weight: 600;
}

.field .input,
  .field .textarea,
  .field .select-inner,
  .field .input-file {
  width: 100%;
  border-radius: 0.25rem;
  border-width: 1px;
  border-color: rgb(229 231 235 / 0.6);
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.field .input:focus,
  .field .textarea:focus,
  .field .select-inner:focus,
  .field .input-file:focus {
  --tw-border-opacity: 1;
  border-color: rgb(111 187 235 / var(--tw-border-opacity));
}

.field .input[disabled],
  .field .textarea[disabled],
  .field .select-inner[disabled],
  .field .input-file[disabled] {
  cursor: not-allowed;
}

.field .input.error,
  .field .textarea.error,
  .field .select-inner.error,
  .field .input-file.error {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: rgb(239 68 68 / 0.2);
  color: rgb(239 68 68 / 0.9);
}

.field .input.error::-moz-placeholder, .field .textarea.error::-moz-placeholder, .field .select-inner.error::-moz-placeholder, .field .input-file.error::-moz-placeholder {
  color: rgb(239 68 68 / 0.9);
}

.field .input.error::placeholder,
  .field .textarea.error::placeholder,
  .field .select-inner.error::placeholder,
  .field .input-file.error::placeholder {
  color: rgb(239 68 68 / 0.9);
}

.field .input.success,
  .field .textarea.success,
  .field .select-inner.success,
  .field .input-file.success {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: rgb(34 197 94 / 0.2);
  color: rgb(22 163 74 / 0.9);
}

.field .input.success::-moz-placeholder, .field .textarea.success::-moz-placeholder, .field .select-inner.success::-moz-placeholder, .field .input-file.success::-moz-placeholder {
  color: rgb(34 197 94 / 0.9);
}

.field .input.success::placeholder,
  .field .textarea.success::placeholder,
  .field .select-inner.success::placeholder,
  .field .input-file.success::placeholder {
  color: rgb(34 197 94 / 0.9);
}

.field .input.warning,
  .field .textarea.warning,
  .field .select-inner.warning,
  .field .input-file.warning {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  background-color: rgb(234 179 8 / 0.1);
  color: rgb(234 179 8 / 0.9);
}

.field .input.warning::-moz-placeholder, .field .textarea.warning::-moz-placeholder, .field .select-inner.warning::-moz-placeholder, .field .input-file.warning::-moz-placeholder {
  color: rgb(234 179 8 / 0.9);
}

.field .input.warning::placeholder,
  .field .textarea.warning::placeholder,
  .field .select-inner.warning::placeholder,
  .field .input-file.warning::placeholder {
  color: rgb(234 179 8 / 0.9);
}

.field .input.is-flat,
  .field .textarea.is-flat,
  .field .select-inner.is-flat,
  .field .input-file.is-flat {
  border-radius: 0px;
}

.field .input.is-full-rounded,
  .field .textarea.is-full-rounded,
  .field .select-inner.is-full-rounded,
  .field .input-file.is-full-rounded {
  border-radius: 9999px;
}

.field .input.is-small,
  .field .textarea.is-small,
  .field .select-inner.is-small,
  .field .input-file.is-small {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.field .input.is-large,
  .field .textarea.is-large,
  .field .select-inner.is-large,
  .field .input-file.is-large {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.field .textarea {
  max-height: 8rem;
  min-height: 6rem;
  resize: vertical;
}

.field .textarea.is-full-rounded {
  border-radius: 1.5rem;
}

.field .textarea.is-small {
  height: 5rem;
  max-height: 7rem;
  min-height: 4rem;
}

.field .textarea.is-large {
  height: 10rem;
  max-height: 13rem;
  min-height: 6rem;
}

.field .input-file {
  cursor: pointer;
  padding: 0.5rem;
}

.field .input-file:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 132 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.field .radio-group,
  .field .check-group {
  display: flex;
  flex-wrap: wrap;
}

.field .radio-group > *:not(:last-child),
  .field .check-group > *:not(:last-child) {
  margin-right: 0.75rem;
}

.field .checkbox,
  .field .radio {
  cursor: pointer;
}

.field .checkbox .label,
  .field .radio .label {
  margin-left: 0.5rem;
  display: inline-block;
  cursor: pointer;
  font-family: Noto Sans KR, Nunito, Lato, "Helvetica Neue", Helvetica , Arial, sans-serif;
  font-weight: 400;
}

.field .checkbox.is-toggle,
  .field .radio.is-toggle {
  position: relative;
  cursor: auto;
}

.field .checkbox.is-toggle input,
  .field .radio.is-toggle input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.field .checkbox.is-toggle .label,
  .field .radio.is-toggle .label {
  position: relative;
  margin: 0px;
  height: 2rem;
  width: 4.5rem;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  vertical-align: middle;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.field .checkbox.is-toggle .label::before,
  .field .radio.is-toggle .label::before {
  position: absolute;
  left: 0.5rem;
  z-index: 1;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: "";
  content: var(--tw-content);
}

.field .checkbox.is-toggle .label-text,
  .field .radio.is-toggle .label-text {
  cursor: pointer;
  vertical-align: middle;
}

.field .checkbox.is-toggle input:checked + .label,
  .field .radio.is-toggle input:checked + .label {
  background-color: rgb(157 212 243 / 0.4);
}

.field .checkbox.is-toggle input:checked + .label::before,
  .field .radio.is-toggle input:checked + .label::before {
  left: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(56 132 216 / var(--tw-bg-opacity));
}

.field .checkbox.is-toggle input:disabled + .label,
  .field .radio.is-toggle input:disabled + .label {
  cursor: not-allowed;
  background-color: rgb(243 244 246 / 0.7);
}

.field .checkbox.is-toggle input:disabled + .label::before,
  .field .radio.is-toggle input:disabled + .label::before {
  cursor: not-allowed;
  background-color: rgb(156 163 175 / 0.5);
}

.field .checkbox.is-toggle.is-secondary input:checked + .label,
  .field .radio.is-toggle.is-secondary input:checked + .label {
  background-color: rgb(81 247 236 / 0.4);
}

.field .checkbox.is-toggle.is-secondary input:checked + .label::before,
  .field .radio.is-toggle.is-secondary input:checked + .label::before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 168 / var(--tw-bg-opacity));
}

.field .checkbox.is-toggle.is-tertiary input:checked + .label,
  .field .radio.is-toggle.is-tertiary input:checked + .label {
  background-color: rgb(215 186 237 / 0.4);
}

.field .checkbox.is-toggle.is-tertiary input:checked + .label::before,
  .field .radio.is-toggle.is-tertiary input:checked + .label::before {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 179 / var(--tw-bg-opacity));
}

.field .error-message,
  .field .success-message,
  .field .warning-message,
  .field .desc {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.field .desc {
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.field .error-message {
  color: rgb(239 68 68 / 0.9);
}

.field .success-message {
  color: rgb(34 197 94 / 0.9);
}

.field .warning-message {
  color: rgb(234 179 8 / 0.9);
}

.has-icon .input-icon {
  position: relative;
}

.has-icon .input-icon .icon {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.has-icon .input-icon .input {
  padding-left: 2.5rem;
}

.has-icon.to-right .icon {
  left: auto;
  right: 0.5rem;
}

.has-icon.to-right .input {
  padding-left: 1.25rem;
  padding-right: 2.5rem;
}

.has-button .input-button {
  display: flex;
}

.has-button .input-button .input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.has-button .input-button .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.has-button .input-float-button {
  position: relative;
}

.has-button .input-float-button button, .has-button .input-float-button .button {
  position: absolute;
  right: 1rem;
  top: 50%;
  z-index: 1;
  --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));
}

.has-select .input-select {
  display: flex;
}

.has-select .input-select .select-inner {
  width: 25%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: rgb(255 255 255 / 0.9);
  padding-left: 0.5rem;
  padding-right: 0px;
}

.has-select .input-select .input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.has-select-button .input-select-button {
  display: flex;
}

.has-select-button .input-select-button .select-inner {
  width: auto;
  flex: 1 1 0%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: rgb(255 255 255 / 0.9);
  padding-left: 0.5rem;
  padding-right: 0px;
}

.has-select-button .input-select-button .input {
  border-radius: 0px;
}

.has-select-button .input-select-button .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.field-select {
  position: relative;
  display: inline-block;
  width: auto;
}

.field-select .select-items {
  position: absolute;
  left: 0px;
  z-index: -1;
  max-height: 200px;
  min-height: 90px;
  width: 100%;
  overflow-y: scroll;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(248 250 252 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.4);
  padding: 1rem;
  opacity: 0;
  --tw-backdrop-blur: blur(4px);
  -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-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.field-select .select-items li {
  cursor: pointer;
  padding: 0.5rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.field-select .select-items li:hover {
  background-color: rgb(241 245 249 / 0.7);
}

.field-select .select-items li:not(:last-child) {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity));
}

.field-select .select-search:focus ~ .select-items {
  z-index: 20;
  opacity: 1;
}

.navbar {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 3px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.navbar .logo {
  width: 75%;
}

.navbar .logo a {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .logo a:hover {
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.navbar > .menu {
  position: absolute;
  top: -100%;
  left: 0px;
  z-index: -1;
  width: 100%;
  list-style-type: none;
  flex-direction: column;
}

.navbar > .menu > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.navbar > .menu {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  opacity: 0;
  --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);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .navbar > .menu {
    background-color: transparent;
  }
}

.navbar > .menu .nav-link {
  display: block;
  cursor: pointer;
  padding: 0.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar > .menu .nav-link:hover, .navbar > .menu .nav-link.is-active {
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.navbar > .menu button:not(.is-button-icon), .navbar > .menu .button:not(.is-button-icon),
  .navbar > .menu .field {
  margin: 0.25rem;
  display: block;
  width: -moz-available;
  width: -webkit-fill-available;
}

.navbar > .menu .has-submenu .submenu > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.navbar > .menu .has-submenu .submenu {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar > .menu .has-submenu .submenu .nav-link {
  white-space: normal;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  .navbar > .menu .has-submenu .submenu .nav-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.navbar > .menu .has-submenu:hover .submenu {
  z-index: 1;
  opacity: 1;
}

.navbar > .menu.menu-icons {
  left: auto;
  right: 0px;
  width: auto;
}

.navbar > .menu.menu-icons > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.navbar > .menu.menu-icons {
  padding: 0.5rem;
}

.navbar > .menu.is-opened {
  top: 100%;
  z-index: 1;
  opacity: 1;
}

.navbar > .menu.enter-left {
  top: 100%;
  left: -100%;
  width: 50%;
}

.navbar > .menu.enter-left.is-opened {
  left: 0px;
  z-index: 1;
  opacity: 1;
}

.navbar > .menu.enter-right {
  top: 100%;
  right: -100%;
  left: initial;
  width: 50%;
}

.navbar > .menu.enter-right.is-opened {
  right: 0px;
  z-index: 1;
  opacity: 1;
}

.navbar > .menu .dropdown,
  .navbar > .menu .dropdown-wrap {
  width: auto;
}

.navbar > .menu ul {
  list-style-type: none;
}

.navbar .menu-icon {
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .menu-icon:hover {
  --tw-text-opacity: 1;
  color: rgb(77 159 228 / var(--tw-text-opacity));
}

.navbar .burger-menu {
  margin-left: auto;
  margin-right: 1rem;
  cursor: pointer;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 248 253 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --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);
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .burger-menu span {
  display: block;
  height: 0.25rem;
  width: 1.75rem;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar .burger-menu span:not(:last-child) {
  margin-bottom: 0.25rem;
}

.navbar .burger-menu span:first-child, .navbar .burger-menu span:last-child {
  --tw-rotate: 0deg;
  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));
}

.navbar .burger-menu:hover, .navbar .burger-menu.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.navbar .burger-menu:hover span, .navbar .burger-menu.is-active span {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.navbar .burger-menu.is-active span:nth-child(2) {
  opacity: 0;
}

.navbar .burger-menu.is-active span:first-child {
  --tw-translate-y: 0.5rem;
  --tw-rotate: 45deg;
  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));
}

.navbar .burger-menu.is-active span:last-child {
  --tw-translate-y: -0.5rem;
  --tw-rotate: -45deg;
  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));
}

.navbar.is-sticky {
  position: sticky;
  top: 0px;
  background-color: rgb(255 255 255 / 0.7);
  --tw-backdrop-blur: blur(8px);
  -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);
}

.topbar {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 1024px) {
  .topbar {
    flex-direction: row;
  }
}

.topbar .slogan-topbar {
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.topbar .topbar-menu {
  display: flex;
  flex-wrap: wrap;
}

.topbar .topbar-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.topbar .topbar-menu .topbar-link {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.topbar .topbar-menu .topbar-link:hover {
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .navbar .logo {
    width: 25%;
  }

  .navbar .menu {
    position: relative;
    top: 0px;
    z-index: auto;
    margin-top: 0px;
    display: flex;
    width: auto;
    flex-direction: row;
    align-items: center;
  }

  .navbar .menu > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .navbar .menu {
    border-radius: 0px;
    text-align: right;
    opacity: 1;
    --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);
  }

  .navbar .menu .has-submenu {
    position: relative;
  }

  .navbar .menu .has-submenu .submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -1;
    --tw-translate-x: -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));
  }

  .navbar .menu .has-submenu .submenu > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    --tw-divide-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-divide-opacity));
  }

  .navbar .menu .has-submenu .submenu {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    text-align: left;
    opacity: 0;
    --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);
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .navbar .menu .has-submenu .submenu .nav-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
  }

  .navbar .menu .has-submenu:hover .submenu {
    z-index: 1;
    opacity: 1;
  }

  .navbar .menu.enter-left, .navbar .menu.enter-right {
    position: relative;
    inset: 0px;
    width: auto;
  }

  .navbar .burger-menu {
    display: none;
  }

  .navbar.is-filled .menu .nav-link {
    border-radius: 0.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .navbar.is-filled .menu .nav-link:hover, .navbar.is-filled .menu .nav-link.is-active {
    --tw-bg-opacity: 1;
    background-color: rgb(77 159 228 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .navbar.is-filled .menu .has-submenu .submenu {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .navbar.is-filled .menu .has-submenu .submenu > :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));
  }

  .navbar.is-underline .menu .nav-link {
    position: relative;
  }

  .navbar.is-underline .menu .nav-link::after {
    content: " ";
    width: calc(100% - 10px);
    position: absolute;
    left: 50%;
    bottom: 0px;
    display: block;
    height: 0.25rem;
    --tw-translate-x: -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));
    border-radius: 0.25rem;
    background-color: transparent;
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .navbar.is-underline .menu .nav-link:hover, .navbar.is-underline .menu .nav-link.is-active {
    --tw-text-opacity: 1;
    color: rgb(44 90 161 / var(--tw-text-opacity));
  }

  .navbar.is-underline .menu .nav-link:hover::after, .navbar.is-underline .menu .nav-link.is-active::after {
    --tw-bg-opacity: 1;
    background-color: rgb(44 90 161 / var(--tw-bg-opacity));
  }

  .navbar.is-underline .menu .has-submenu .submenu li:last-child {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 989px) {
  .navbar .open-sidebar {
    display: none;
  }
}

.sidebar {
  display: flex;
  height: auto;
  flex-direction: column;
  overflow: hidden;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  --tw-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 3px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar .sidebar-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.sidebar .sidebar-head h4 {
  width: auto;
  font-weight: 600;
}

.sidebar .sidebar-head .close-sidebar {
  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;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar .sidebar-head .close-sidebar:hover {
  --tw-text-opacity: 1;
  color: rgb(40 77 128 / var(--tw-text-opacity));
}

.sidebar .sidebar-head .close-sidebar.close {
  --tw-rotate: 180deg;
  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));
}

.sidebar h5 {
  margin-bottom: 0.75rem;
}

.sidebar .sidebar-nav {
  list-style-type: none;
  padding: 0px;
}

.sidebar .sidebar-nav .sidebar-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.25rem;
  font-weight: 600;
  text-decoration-line: none;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar .sidebar-nav .sidebar-item .sidebar-icon {
  margin-right: 0.5rem;
}

.sidebar .sidebar-nav .sidebar-item .sidebar-icon .tooltip {
  display: none;
}

.sidebar .sidebar-nav .sidebar-item:hover, .sidebar .sidebar-nav .sidebar-item.is-active {
  --tw-text-opacity: 1;
  color: rgb(56 132 216 / var(--tw-text-opacity));
}

.sidebar .sidebar-nav .has-submenu .sidebar-submenu {
  position: relative;
  z-index: -1;
  margin-top: 0.25rem;
  height: 0px;
  --tw-scale-y: 0;
  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));
  list-style-type: none;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding: 0px;
  opacity: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.sidebar .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item:hover, .sidebar .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item.is-active {
  --tw-text-opacity: 1;
  color: rgb(0 168 168 / var(--tw-text-opacity));
}

.sidebar .sidebar-nav .has-submenu .sidebar-submenu li {
  margin-bottom: 0px;
}

.sidebar .sidebar-nav .has-submenu .sidebar-item:focus + .sidebar-submenu,
  .sidebar .sidebar-nav .has-submenu .sidebar-item.is-active + .sidebar-submenu {
  z-index: 1;
  height: auto;
  --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));
  opacity: 1;
}

.sidebar .sidebar-nav.semi-transparent .sidebar-item {
  border-radius: 0.25rem;
  background-color: rgb(241 248 253 / 0.2);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.sidebar .sidebar-nav.semi-transparent .sidebar-item .sidebar-icon {
  margin-right: 0.5rem;
}

.sidebar .sidebar-nav.semi-transparent .sidebar-item .sidebar-icon .tooltip {
  display: none;
}

.sidebar .sidebar-nav.semi-transparent .sidebar-item:hover, .sidebar .sidebar-nav.semi-transparent .sidebar-item.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(241 248 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(40 77 128 / var(--tw-text-opacity));
}

.sidebar .sidebar-nav.semi-transparent .sidebar-item.is-active {
  border-left-width: 6px;
  --tw-border-opacity: 1;
  border-color: rgb(77 159 228 / var(--tw-border-opacity));
}

.sidebar .sidebar-nav .sidebar-text {
  width: auto;
}

.sidebar .sidebar-nav li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.sidebar .sidebar-foot {
  margin-top: auto;
  border-top-width: 1px;
  border-color: rgb(226 232 240 / 0.5);
  padding-top: 1rem;
}

.sidebar .sidebar-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top-width: 1px;
  border-color: rgb(226 232 240 / 0.3);
}

.sidebar .menu-title {
  margin-bottom: 0.5rem;
  font-family: Avenir, Lato, Inter, -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";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.sidebar.rounded-links .sidebar-nav > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.sidebar.rounded-links .sidebar-nav .sidebar-item {
  border-radius: 0.5rem;
  padding: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.sidebar.rounded-links .sidebar-nav .sidebar-item .sidebar-icon {
  margin-right: 0.5rem;
}

.sidebar.rounded-links .sidebar-nav .sidebar-item .sidebar-icon .tooltip {
  display: none;
}

.sidebar.rounded-links .sidebar-nav .sidebar-item:hover, .sidebar.rounded-links .sidebar-nav .sidebar-item.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.sidebar.rounded-links .sidebar-nav .has-submenu .sidebar-submenu > :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));
}

.sidebar.rounded-links .sidebar-nav .has-submenu .sidebar-submenu {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 83 84 / var(--tw-bg-opacity));
  padding: 0.25rem;
}

.sidebar.rounded-links .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item {
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

.sidebar.rounded-links .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item.is-active, .sidebar.rounded-links .sidebar-nav .has-submenu .sidebar-submenu .sidebar-item:hover {
  --tw-text-opacity: 1;
  color: rgb(134 70 179 / var(--tw-text-opacity));
}

.sidebar.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.sidebar.is-primary .sidebar-head {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar.is-primary .sidebar-nav .sidebar-item {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.sidebar.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
}

.sidebar.is-secondary .sidebar-head {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar.is-secondary .sidebar-nav .sidebar-item {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.sidebar.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
}

.sidebar.is-tertiary .sidebar-head {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.sidebar.is-tertiary .sidebar-nav .sidebar-item {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

@media (min-width: 989px) {
  .sidebar.is-closed {
    width: 5%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sidebar.is-closed .sidebar-head {
    position: relative;
    justify-content: center;
    padding-top: 0.5rem;
  }

  .sidebar.is-closed h4, .sidebar.is-closed h5 {
    position: absolute;
    z-index: -1;
    width: 0px;
    opacity: 0;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sidebar.is-closed .sidebar-nav .sidebar-item {
    justify-content: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sidebar.is-closed .sidebar-nav .sidebar-item .sidebar-text {
    position: absolute;
    z-index: -1;
    width: 0px;
    opacity: 0;
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sidebar.is-closed .sidebar-nav .sidebar-item .sidebar-icon {
    margin-right: 0px;
  }

  .sidebar.is-closed .sidebar-nav .sidebar-item .sidebar-icon .tooltip {
    display: inline-block;
  }
}

@media (max-width: 988px) {
  .sidebar {
    position: absolute;
    top: 0px;
    left: -100%;
    z-index: 20;
    height: 100%;
    width: 16rem;
    transition-property: all;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sidebar.is-sidebar-open {
    left: 0px;
    width: 16rem;
  }

  .sidebar .close-sidebar {
    display: none;
  }
}

.table-container {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  overflow: auto;
  overflow-y: hidden;
  border-radius: 0.375rem;
}

.table-container.table-shadow {
  border-radius: 0.25rem;
  --tw-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 3px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.table-container::-webkit-scrollbar {
  height: 0.5rem;
}

.table-container::-webkit-scrollbar-track {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.table-container::-webkit-scrollbar-thumb {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}

.table-container::-webkit-scrollbar-thumb:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

/***** Table *****/

table,
  .table {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

table thead,
  .table thead {
  background-color: rgb(229 231 235 / 0.7);
  text-align: left;
}

table thead.has-background,
  .table thead.has-background {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

table thead.has-background th,
  .table thead.has-background th {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

table tbody.tbody tr,
  .table tbody.tbody tr {
  background-color: rgb(222 239 251 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}

table tbody.tbody tr:nth-child(even),
  .table tbody.tbody tr:nth-child(even) {
  background-color: rgb(197 228 248 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}

table tbody.tbody tr.tr-link,
  .table tbody.tbody tr.tr-link {
  cursor: pointer;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

table tbody.tbody tr.tr-link:hover,
  .table tbody.tbody tr.tr-link:hover {
  --tw-bg-opacity: 0.6;
}

table.is-bordered,
  .table.is-bordered {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

table.is-bordered thead,
  .table.is-bordered thead {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

table.is-bordered tr:not(:last-child),
  .table.is-bordered tr:not(:last-child) {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

table.is-bordered td:not(:last-child), table.is-bordered th:not(:last-child),
  .table.is-bordered td:not(:last-child),
  .table.is-bordered th:not(:last-child) {
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

table.is-bottom-bordered thead,
  table.is-bottom-bordered tr:not(:last-child),
  .table.is-bottom-bordered thead,
  .table.is-bottom-bordered tr:not(:last-child) {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

table.is-smooth,
  .table.is-smooth {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

table.is-smooth thead,
  .table.is-smooth thead {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

table.is-smooth thead,
  table.is-smooth tr:not(:last-child),
  .table.is-smooth thead,
  .table.is-smooth tr:not(:last-child) {
  border-bottom-width: 1px;
  border-color: rgb(226 232 240 / 0.5);
}

table tr,
  .table tr {
  border-width: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

table tr:nth-child(2n),
  .table tr:nth-child(2n) {
  background-color: transparent;
}

table td, table th,
  .table td,
  .table th {
  white-space: nowrap;
  border-width: 0px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.question {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.question summary {
  display: flex;
  cursor: pointer;
  list-style-type: none;
  align-items: center;
  justify-content: space-between;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  --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);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.question summary:hover {
  background-color: rgb(47 112 200 / 0.05);
}

.question summary i, .question summary svg {
  height: 1.5rem;
  width: 1.5rem;
  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));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-duration: 150ms;
  transition-duration: 400;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.question .summary {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: rgb(241 245 249 / 0.7);
  padding: 2rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.question[open] summary i, .question[open] summary svg {
  --tw-rotate: 180deg;
  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));
}

.accordions.simple-accordions > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.accordions.simple-accordions .accordion {
  border-radius: 0px;
  background-color: transparent;
}

.accordions.simple-accordions .accordion .accordion-head {
  border-width: 0px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.accordions.simple-accordions .accordion .accordion-head:focus, .accordions.simple-accordions .accordion .accordion-head:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordions.simple-accordions .accordion .accordion-content {
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.accordions.light-accordions > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.accordions.light-accordions .accordion {
  border-radius: 0px;
  background-color: transparent;
}

.accordions.light-accordions .accordion .accordion-head {
  justify-content: flex-start;
}

.accordions.light-accordions .accordion .accordion-head > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.accordions.light-accordions .accordion .accordion-head {
  border-width: 0px;
}

.accordions.light-accordions .accordion .accordion-head .open {
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0px;
}

.accordions.light-accordions .accordion .accordion-head:focus, .accordions.light-accordions .accordion .accordion-head:hover {
  background-color: transparent;
}

.accordions.light-accordions .accordion .accordion-head:focus .open, .accordions.light-accordions .accordion .accordion-head:hover .open {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordions.light-accordions .accordion .accordion-content {
  border-width: 0px;
  background-color: transparent;
}

.accordions.rounded-accordions > :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));
}

.accordions.rounded-accordions .accordion {
  background-color: transparent;
}

.accordions.rounded-accordions .accordion .accordion-head {
  border-radius: 9999px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordions.rounded-accordions .accordion .accordion-head:focus, .accordions.rounded-accordions .accordion .accordion-head:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.accordions.rounded-accordions .accordion .accordion-content {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.accordion {
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.accordion .accordion-head {
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  border-bottom-width: 1px;
  border-color: rgb(209 213 219 / 0.25);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.accordion .accordion-head .title {
  width: 83.333333%;
  flex-basis: 83.333333%;
  text-align: left;
  font-weight: 600;
}

.accordion .accordion-head .open, .accordion .accordion-head .close {
  width: 8.333333%;
  flex-basis: 8.333333%;
  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;
  border-radius: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.accordion .accordion-head .open.rotate, .accordion .accordion-head .close.rotate {
  --tw-rotate: 180deg;
  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));
}

.accordion .accordion-head .open {
  font-size: 1.5rem;
  line-height: 2rem;
}

.accordion.focused .accordion-head:focus {
  background-color: rgb(241 248 253 / 0.1);
}

.accordion.focused .accordion-head:focus + .accordion-content {
  z-index: 10;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  opacity: 1;
}

.accordion.focused .accordion-head:focus .open {
  --tw-rotate: 180deg;
  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));
}

.accordion .accordion-content {
  position: relative;
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: rgb(243 244 246 / 0.5);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  height: 0px;
}

.accordion .accordion-content.is-active {
  z-index: 10;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  opacity: 1;
}

.alert {
  position: relative;
  display: flex;
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding: 1.25rem;
  --tw-shadow: 0 6px 26px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 6px 26px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.alert .icon {
  width: 2rem;
  flex-basis: 2rem;
}

@media (min-width: 768px) {
  .alert .icon {
    width: 3rem;
    flex-basis: 3rem;
  }
}

.alert p {
  margin-bottom: 0px;
  margin-left: 0.5rem;
}

.alert.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(56 132 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 168 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 179 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.alert.is-success {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-info {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-flat {
  border-radius: 0px;
}

.alert.is-flat .close-alert {
  border-radius: 0px;
}

.alert.is-full-rounded {
  border-radius: 1rem;
}

.alert.is-full-rounded .close-alert {
  border-radius: 1rem;
}

.alert.is-semi-transparent {
  --tw-bg-opacity: 0.8;
}

.alert.has-left-border {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.alert.has-left-border.is-primary {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
}

.alert.has-left-border.is-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
}

.alert.has-left-border.is-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
}

.alert.has-left-border.is-danger {
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}

.alert.has-left-border.is-warning {
  --tw-border-opacity: 1;
  border-color: rgb(202 138 4 / var(--tw-border-opacity));
}

.alert.has-left-border.is-success {
  --tw-border-opacity: 1;
  border-color: rgb(21 128 61 / var(--tw-border-opacity));
}

.alert.has-left-border.is-info {
  --tw-border-opacity: 1;
  border-color: rgb(3 105 161 / var(--tw-border-opacity));
}

.alert .close-alert {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 10;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0.25rem;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.alert .close-alert svg {
  display: block;
}

.alert .close-alert:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert .close-button {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
  margin-left: auto;
  margin-right: -1.25rem;
  display: flex;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.alert .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

.alert .close-button svg,
  .alert .close-button i {
  height: 1.5rem;
  width: 1.5rem;
}

.alert.is-primary .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-primary .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 90 161 / var(--tw-bg-opacity));
}

.alert.is-secondary .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-secondary .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(10 99 101 / var(--tw-bg-opacity));
}

.alert.is-tertiary .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-tertiary .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(94 47 121 / var(--tw-bg-opacity));
}

.alert.is-danger .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-danger .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.alert.is-warning .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-warning .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.alert.is-success .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-success .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.alert.is-info .close-button {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.alert.is-info .close-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.\!state {
  display: inline-block;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 400;
}

.state {
  display: inline-block;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 400;
}

.\!state.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-primary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.state.is-primary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.\!state.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-secondary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.state.is-secondary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.\!state.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-tertiary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.state.is-tertiary.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.\!state.is-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-danger.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.state.is-danger.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.\!state.is-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-warning.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.state.is-warning.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.\!state.is-success {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-success {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-success.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.state.is-success.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.\!state.is-info {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-info {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-info.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.state.is-info.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.\!state.is-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.state.is-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.\!state.is-white.semi-transparent {
  --tw-bg-opacity: 0.2;
}

.state.is-white.semi-transparent {
  --tw-bg-opacity: 0.2;
}

.\!state.is-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.state.is-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.\!state.is-gray.semi-transparent {
  --tw-bg-opacity: 0.2;
}

.state.is-gray.semi-transparent {
  --tw-bg-opacity: 0.2;
}

.\!state.is-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-dark.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.state.is-dark.semi-transparent {
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.\!state.is-outlined {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.state.is-outlined {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.\!state.is-primary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.state.is-primary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.\!state.is-secondary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.state.is-secondary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.\!state.is-tertiary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.state.is-tertiary-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.\!state.is-danger-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.state.is-danger-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.\!state.is-warning-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.state.is-warning-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.\!state.is-success-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.state.is-success-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.\!state.is-info-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

.state.is-info-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
}

.\!state.is-white-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.state.is-white-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\!state.is-gray-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.state.is-gray-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.\!state.is-dark-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.state.is-dark-outline {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.\!state.has-icon {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.state.has-icon {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.\!state.has-icon span {
  display: flex;
  align-items: center;
}

.state.has-icon span {
  display: flex;
  align-items: center;
}

.\!state .icon {
  margin-left: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

.state .icon {
  margin-left: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

.\!state.is-flat {
  border-radius: 0px;
}

.state.is-flat {
  border-radius: 0px;
}

.\!state.is-circle {
  border-radius: 9999px;
}

.state.is-circle {
  border-radius: 9999px;
}

.\!state.is-small {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.state.is-small {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.\!state.is-large {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.state.is-large {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.breadcrumb {
  width: -moz-fit-content;
  width: fit-content;
}

.breadcrumb ul {
  margin: 0px;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
}

.breadcrumb ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.breadcrumb ul {
  padding: 0px;
}

.breadcrumb ul li:not(:first-child)::before {
  margin-right: 0.5rem;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  --tw-content: "/";
  content: var(--tw-content);
}

.breadcrumb ul li .breadcrumb-link {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.breadcrumb ul li .breadcrumb-link:hover {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.breadcrumb ul li .breadcrumb-link.is-active {
  pointer-events: none;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.breadcrumb.has-dots ul {
  list-style-type: disc;
}

.breadcrumb.has-dots ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.breadcrumb.has-dots ul li:not(:first-child) {
  padding-left: 0.25rem;
}

.breadcrumb.has-dots ul li::marker {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.breadcrumb.has-dots ul li:first-child {
  list-style-type: none;
}

.breadcrumb.has-dots ul li::before {
  display: none;
}

.breadcrumb.has-arrows li:not(:first-child)::before {
  --tw-content: ">";
  content: var(--tw-content);
}

.button {
  display: inline-block;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.button:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.button.button-primary {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(44 90 161 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 90 161 / var(--tw-bg-opacity));
}

.button.button-primary.semi-transparent {
  border-color: rgb(157 212 243 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-primary.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-outline {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-flat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.button.button-primary-flat.semi-transparent {
  border-color: rgb(157 212 243 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-primary-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(44 90 161 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 90 161 / var(--tw-bg-opacity));
}

.button.button-primary-rounded.semi-transparent {
  border-color: rgb(157 212 243 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-primary-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-primary-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.button.button-primary-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(10 99 101 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(10 99 101 / var(--tw-bg-opacity));
}

.button.button-secondary.semi-transparent {
  border-color: rgb(81 247 236 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(4 200 195 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-secondary.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-outline {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(10 99 101 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(10 99 101 / var(--tw-bg-opacity));
}

.button.button-secondary-flat.semi-transparent {
  border-color: rgb(81 247 236 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(4 200 195 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-secondary-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(10 99 101 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(10 99 101 / var(--tw-bg-opacity));
}

.button.button-secondary-rounded.semi-transparent {
  border-color: rgb(81 247 236 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(4 200 195 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-secondary-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-secondary-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.button.button-secondary-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(5 127 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 47 121 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(94 47 121 / var(--tw-bg-opacity));
}

.button.button-tertiary.semi-transparent {
  border-color: rgb(215 186 237 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(162 101 208 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-tertiary.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-outline {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 47 121 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(94 47 121 / var(--tw-bg-opacity));
}

.button.button-tertiary-flat.semi-transparent {
  border-color: rgb(215 186 237 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(162 101 208 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-tertiary-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(94 47 121 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(94 47 121 / var(--tw-bg-opacity));
}

.button.button-tertiary-rounded.semi-transparent {
  border-color: rgb(215 186 237 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(162 101 208 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-tertiary-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.button.button-tertiary-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(112 55 148 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.button.button-danger.semi-transparent {
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.button.button-danger.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-danger.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-outline {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.button.button-danger-flat.semi-transparent {
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.button.button-danger-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-danger-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.button.button-danger-rounded.semi-transparent {
  border-color: rgb(252 165 165 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.button.button-danger-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-danger-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-danger-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.button.button-danger-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.button.button-warning.semi-transparent {
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.button.button-warning.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-warning.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.button.button-warning.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-outline {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.button.button-warning-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.button.button-warning-flat.semi-transparent {
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.button.button-warning-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-warning-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.button.button-warning-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.button.button-warning-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.button.button-warning-rounded.semi-transparent {
  border-color: rgb(253 224 71 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
}

.button.button-warning-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-warning-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.button.button-warning-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-warning-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.button.button-warning-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(250 204 21 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success:hover {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.button.button-success.semi-transparent {
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.button.button-success.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-success.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-outline {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.button.button-success-flat.semi-transparent {
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.button.button-success-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-success-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.button.button-success-rounded.semi-transparent {
  border-color: rgb(134 239 172 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
}

.button.button-success-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-success-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-success-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.button.button-success-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.button.button-info.semi-transparent {
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.button.button-info.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-info.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-outline {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.button.button-info-flat.semi-transparent {
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.button.button-info-flat.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-info-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info-flat-outline:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.button.button-info-rounded.semi-transparent {
  border-color: rgb(147 197 253 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.button.button-info-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.5;
  --tw-bg-opacity: 0.5;
}

.button.button-info-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-info-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.button.button-info-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.button.button-gray.semi-transparent {
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-gray.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-outline {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.button.button-gray-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.button.button-gray-flat.semi-transparent {
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray-flat.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-gray-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.button.button-gray-flat-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.button.button-gray-rounded.semi-transparent {
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-gray-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.button.button-gray-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-gray-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.button.button-gray-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.button.button-dark.semi-transparent {
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-dark.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-outline {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

.button.button-dark-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-flat {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-flat:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.button.button-dark-flat.semi-transparent {
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark-flat.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-dark-flat.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark-flat.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-flat-outline {
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

.button.button-dark-flat-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-rounded {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-rounded:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}

.button.button-dark-rounded.semi-transparent {
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark-rounded.semi-transparent:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.button.button-dark-rounded.link {
  border-color: transparent;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.button.button-dark-rounded.link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.button-dark-rounded-outline {
  border-radius: 1.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

.button.button-dark-rounded-outline:hover {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.button.is-small {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.button.is-large {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.button.has-icon svg {
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
}

.button.is-button-icon {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding: 0.25rem;
  line-height: 1;
}

.button.is-button-icon.is-small {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.button.is-button-icon.is-large {
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}

.button.is-button-icon i, .button.is-button-icon span {
  line-height: 1;
}

.button[disabled] {
  pointer-events: auto;
  cursor: not-allowed;
  opacity: 0.7;
}

.button[disabled]:hover {
  --tw-border-opacity: 0.7;
  --tw-bg-opacity: 0.7;
}

.link {
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.link:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.link.is-primary {
  --tw-text-opacity: 1;
  color: rgb(111 187 235 / var(--tw-text-opacity));
}

.link.is-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(77 159 228 / var(--tw-text-opacity));
}

.link.is-secondary {
  --tw-text-opacity: 1;
  color: rgb(29 228 221 / var(--tw-text-opacity));
}

.link.is-secondary:hover {
  --tw-text-opacity: 1;
  color: rgb(4 200 195 / var(--tw-text-opacity));
}

.link.is-tertiary {
  --tw-text-opacity: 1;
  color: rgb(191 145 225 / var(--tw-text-opacity));
}

.link.is-tertiary:hover {
  --tw-text-opacity: 1;
  color: rgb(162 101 208 / var(--tw-text-opacity));
}

.link.is-info {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}

.link.is-info:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.link.is-danger {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.link.is-danger:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.link.is-warning {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}

.link.is-warning:hover {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.link.is-success {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.link.is-success:hover {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.link.is-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.link.is-white:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.link.is-gray {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.link.is-gray:hover {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.link.is-dark {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.link.is-dark:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.link.is-small {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.link.is-large {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.card {
  overflow: hidden;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --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);
}

.card .card-header {
  aspect-ratio: 16/9;
  overflow: hidden;
}

.card .card-header img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.card .card-header.has-category {
  position: relative;
}

.card .card-header.has-category .card-category {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card .card-content {
  padding: 1.5rem;
}

.card .card-content .top-header {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}

.card .card-content .top-header .multi-items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.card .card-content .top-header .multi-items > * {
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.card .card-content .top-header .multi-items > *:nth-child(n+2)::before {
  margin-right: 0.5rem;
  display: inline-block;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
  content: var(--tw-content);
  vertical-align: middle;
}

.card .card-content .top-header .info {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.card .card-content .top-header .price {
  font-weight: 700;
}

.card .card-content .card-title {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.card .card-content p {
  overflow-wrap: break-word;
}

.card .card-content p:not(:last-child) {
  margin-bottom: 1.25rem;
}

.card .card-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-color: rgb(229 231 235 / 0.5);
  padding: 1.5rem;
}

.card.card-image {
  position: relative;
  height: 12rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.card.card-image .card-content {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: rgb(0 0 0 / 0.5);
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card.card-image .card-content .card-title {
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card.card-image .card-content p {
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
}

.card.card-image .card-category {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card.card-user {
  padding: 1rem;
}

.card.card-user .card-head {
  display: flex;
  flex-wrap: wrap;
}

.card.card-user .card-head h5 {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(40 77 128 / var(--tw-text-opacity));
}

.card.card-user .card-head p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.card.card-user .card-head .user-profile {
  margin-right: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
  overflow: hidden;
  border-radius: 9999px;
  --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);
}

.card.card-user .card-content {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0px;
  padding-right: 0px;
}

.card.card-user .card-footer {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1rem;
  padding-bottom: 0px;
}

.card.card-profile {
  position: relative;
}

.card.card-profile .card-head {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 0.5rem;
}

.card.card-profile .card-head .card-name {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.card.card-profile .card-head .card-name small {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.card.card-profile .card-content {
  position: relative;
  z-index: 5;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 1.25rem;
}

.card.card-profile .card-content p {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.card.card-profile::after {
  position: absolute;
  top: -3.5rem;
  right: -3.5rem;
  z-index: 1;
  display: block;
  height: 14rem;
  width: 14rem;
  border-bottom-left-radius: 9999px;
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  --tw-gradient-from: #90fff3 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(144 255 243 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #057f80 var(--tw-gradient-to-position);
  --tw-content: "";
  content: var(--tw-content);
}

.card.card-team {
  position: relative;
}

.card.card-team .card-header {
  aspect-ratio: auto;
  height: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}

.card.card-team .card-header .card-image {
  position: relative;
  z-index: 1;
  text-align: center;
}

.card.card-team .card-header .card-image .card-inner-image {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  height: 10rem;
  width: 10rem;
  overflow: hidden;
  border-radius: 9999px;
}

.card.card-team .card-header .card-image figcaption {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.card.card-team .card-header::before {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  display: block;
  height: 7.25rem;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #4d9fe4 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(77 159 228 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #2c5aa1 var(--tw-gradient-to-position);
  --tw-content: "";
  content: var(--tw-content);
}

.card.card-team .card-content {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.card.card-team .card-content p {
  margin-bottom: 0.5rem;
}

.card.b-space {
  padding: 1.25rem;
}

.card.b-space .card-header {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

.card.b-space .card-content {
  padding: 0px;
}

.card.b-space:not(:has(.card-even)) .card-header {
  margin-bottom: 1rem;
}

.card.card-even {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.card.card-even:is(.b-space) .card-header {
  margin-bottom: 0px;
}

.card.card-even .card-header {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
}

@media (min-width: 640px) {
  .card.card-even .card-header {
    width: 41.666667%;
  }
}

@media (min-width: 768px) {
  .card.card-even .card-header {
    width: 33.333333%;
  }
}

.card.card-even .card-header img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px) {
  .card.card-even .card-content {
    flex: 1 1 0%;
  }
}

.card.card-hover {
  position: relative;
}

.card.card-hover .card-image {
  height: 15rem;
  overflow: hidden;
}

.card.card-hover .card-image img {
  position: absolute;
  inset: 0px;
  height: 66.666667%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-hover .card-content {
  position: relative;
  z-index: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-hover:hover img {
  height: 100%;
}

.card.card-hover:hover .card-content {
  background-color: rgb(255 255 255 / 0.5);
  --tw-backdrop-blur: blur(4px);
  -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);
}

.card.card-image-hover {
  position: relative;
  height: 35rem;
}

.card.card-image-hover .card-image {
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-image-hover .card-content {
  position: absolute;
  left: 0px;
  bottom: -8rem;
  background-color: rgb(0 0 0 / 0.2);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-backdrop-blur: blur(8px);
  -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-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-image-hover .card-content .card-title {
  margin-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card.card-image-hover .card-content p, .card.card-image-hover .card-content a {
  opacity: 0;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-image-hover:hover .card-image {
  --tw-rotate: 12deg;
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  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));
}

.card.card-image-hover:hover .card-content {
  bottom: 0px;
}

.card.card-image-hover:hover .card-content p, .card.card-image-hover:hover .card-content a {
  opacity: 1;
}

.card.card-animated-hover {
  height: 22rem;
  overflow: visible;
  padding: 1rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .card.card-animated-hover {
    height: 20rem;
  }
}

.card.card-animated-hover * {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-animated-hover .card-image {
  position: relative;
  z-index: 1;
  height: 12rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
}

.card.card-animated-hover .card-content {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.card.card-animated-hover .card-content *:not(.card-title) {
  opacity: 0;
}

.card.card-animated-hover:hover .card-image {
  margin-top: -5rem;
}

.card.card-animated-hover:hover *:not(.card-title) {
  opacity: 1;
}

.card.card-product {
  position: relative;
}

.card.card-product .card-image {
  position: relative;
  height: 18rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .card.card-product .card-image {
    height: 24rem;
  }
}

.card.card-product .card-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.card.card-product .card-image .price {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  border-top-left-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card.card-product .card-image .like {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 1;
  display: grid;
  height: 3rem;
  width: 3rem;
  cursor: pointer;
  place-content: center;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.3);
  padding: 0.25rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-backdrop-blur: blur(8px);
  -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-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-product .card-image .like:hover {
  background-color: rgb(0 0 0 / 0.5);
}

.card.card-product .price {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(56 132 216 / var(--tw-text-opacity));
}

.card.card-product .hover-buttons {
  position: absolute;
  right: -100%;
  top: 0px;
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.card.card-product .hover-buttons > :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));
}

.card.card-product .hover-buttons {
  border-bottom-left-radius: 0.25rem;
  background-color: rgb(0 0 0 / 0.2);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-backdrop-blur: blur(4px);
  -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-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-product .hover-buttons a {
  border-radius: 0.25rem;
  padding: 0.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card.card-product .hover-buttons .add-to-bag:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
}

.card.card-product .hover-buttons .see-details:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(4 200 195 / var(--tw-bg-opacity));
}

.card.card-product .hover-buttons .like:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.card.card-product .hover-buttons svg,
  .card.card-product .hover-buttons i {
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: 1;
}

.card.card-product.clean-card {
  background-color: transparent;
  --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);
}

.card.card-product.clean-card .card-header {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
}

.card.card-product.clean-card .card-content {
  padding: 0px;
}

.card.card-product.clean-card .card-content .card-title {
  font-size: 1.875rem;
  line-height: 2.25rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.card.card-product.clean-card .card-content .card-title:has(a) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.card.card-product.clean-card .card-content .card-title:has(a):hover {
  --tw-text-opacity: 1;
  color: rgb(56 132 216 / var(--tw-text-opacity));
}

.card.card-product.clean-card .card-content p {
  margin-bottom: 2rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.card.card-product.clean-card .card-footer {
  border-width: 0px;
  padding: 0px;
}

.card.card-product:has(.hover-buttons):hover .hover-buttons {
  right: 0px;
}

.slider,
  .carousel {
  position: relative;
}

.content-slider {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  aspect-ratio: 16/9;
  display: flex;
  width: 100%;
  overflow-x: scroll;
}

.content-slider .slide {
  scroll-snap-align: center;
  aspect-ratio: 16/9;
  display: grid;
  height: 100%;
  place-content: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.content-slider::-webkit-scrollbar {
  display: none;
}

.dots {
  position: absolute;
  bottom: 1.25rem;
  margin-top: 1.25rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.dots .dot {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  --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));
  cursor: pointer;
  border-radius: 9999px;
  background-color: rgb(107 114 128 / 0.8);
  --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);
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dots .dot:hover, .dots .dot.active {
  transform: scale(1.25);
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
}

.btn-slide {
  position: absolute;
  top: 50%;
  height: 2.5rem;
  width: 2.5rem;
  --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));
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-slide:hover {
  --tw-bg-opacity: 0.5;
}

.btn-slide.prev {
  left: 1.25rem;
}

.btn-slide.next {
  right: 1.25rem;
}

.content-carousel {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  display: flex;
  width: 100%;
  overflow-x: auto;
}

.content-carousel .carousel-item {
  scroll-snap-align: start;
  display: grid;
  height: 8rem;
  place-content: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  width: calc(25% - 10px);
  flex: 0 0 calc(25% - 10px);
}

.content-carousel::-webkit-scrollbar {
  display: none;
}

.btn-carousel {
  position: absolute;
  top: 50%;
  height: 2.5rem;
  width: 2.5rem;
  --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));
  cursor: pointer;
  border-radius: 0.375rem;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-carousel:hover {
  --tw-bg-opacity: 0.5;
}

.btn-carousel.prev {
  left: 1.25rem;
}

.btn-carousel.next {
  right: 1.25rem;
}

.comment {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --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);
}

.comment .comment-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.5rem;
}

.comment .comment-head .image {
  margin-right: 0.5rem;
  height: 4rem;
  width: 4rem;
}

.comment .comment-head .name {
  font-weight: 600;
}

.comment .comment-head .profession {
  margin-bottom: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.comment .comment-head .date {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.comment .comment-content {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: rgb(229 231 235 / 0.5);
  padding: 1.5rem;
}

.comment .comment-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.comment .comment-footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.comment .comment-footer {
  padding: 1.5rem;
}

.comment .comment-respond {
  margin-left: 2.5rem;
  border-left-width: 1px;
  border-color: rgb(209 213 219 / 0.5);
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.dropdown {
  position: relative;
  cursor: pointer;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --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);
}

.dropdown .dropdown-wrap {
  display: inline-block;
  width: 100%;
  padding: 0.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.dropdown .dropdown-wrap:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.dropdown .dropdown-wrap .dropdown-text {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.dropdown .dropdown-wrap:hover .dropdown-text, .dropdown .dropdown-wrap:focus .dropdown-text, .dropdown .dropdown-wrap:focus-within .dropdown-text {
  --tw-text-opacity: 1;
  color: rgb(56 132 216 / var(--tw-text-opacity));
}

.dropdown .dropdown-wrap .dropdown-wrap-icon {
  display: inline-block;
  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));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown .dropdown-content {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: auto;
  z-index: -1;
  margin-top: 0.25rem;
  width: 10rem;
  list-style-type: none;
  overflow: hidden;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
  --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);
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .dropdown .dropdown-content {
    left: initial;
  }
}

.dropdown .dropdown-content .dropdown-item {
  display: block;
  width: 100%;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  text-decoration-line: none;
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown .dropdown-content .dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(77 159 228 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown .dropdown-content .dropdown-divider {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.dropdown .dropdown-content .dropdown-title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgb(75 85 99 / 0.5);
}

.dropdown .dropdown-content.is-fade-up {
  top: 200%;
}

.dropdown .user-dropdown,
  .dropdown .wrap-text {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.dropdown .user-dropdown:hover, .dropdown .user-dropdown:focus, .dropdown .user-dropdown:focus-within,
  .dropdown .wrap-text:hover,
  .dropdown .wrap-text:focus,
  .dropdown .wrap-text:focus-within {
  --tw-text-opacity: 1;
  color: rgb(56 132 216 / var(--tw-text-opacity));
}

.dropdown svg {
  margin-left: 0.5rem;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.dropdown.is-focused:focus .dropdown-content, .dropdown.is-hovered:hover .dropdown-content {
  z-index: 10;
  opacity: 1;
}

.dropdown.is-focused:focus .dropdown-content.is-fade-up, .dropdown.is-hovered:hover .dropdown-content.is-fade-up {
  top: 100%;
}

.dropdown.is-focused:focus svg,
  .dropdown.is-focused:focus .user-dropdown svg, .dropdown.is-hovered:hover svg,
  .dropdown.is-hovered:hover .user-dropdown svg {
  --tw-rotate: 180deg;
  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));
}

.dropdown.is-focused:focus {
  outline-style: solid;
  outline-width: 1px;
  outline-color: #3b82f6;
}

.dropdown.has-large-text .dropdown-content {
  width: auto;
}

.dropdown.has-large-text .dropdown-content .dropdown-item, .dropdown.has-large-text .dropdown-content button {
  white-space: nowrap;
}

.dropdown.dropdown-primary .dropdown-wrap:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 248 253 / var(--tw-bg-opacity));
}

.dropdown.dropdown-primary .dropdown-content .dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(56 132 216 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown.dropdown-secondary .dropdown-wrap:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 254 252 / var(--tw-bg-opacity));
}

.dropdown.dropdown-secondary .dropdown-wrap:hover .dropdown-text, .dropdown.dropdown-secondary .dropdown-wrap:focus .dropdown-text, .dropdown.dropdown-secondary .dropdown-wrap:focus-within .dropdown-text {
  --tw-text-opacity: 1;
  color: rgb(0 168 168 / var(--tw-text-opacity));
}

.dropdown.dropdown-secondary .dropdown-content .dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 168 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dropdown.dropdown-tertiary .dropdown-wrap:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 246 253 / var(--tw-bg-opacity));
}

.dropdown.dropdown-tertiary .dropdown-wrap:hover .dropdown-text, .dropdown.dropdown-tertiary .dropdown-wrap:focus .dropdown-text, .dropdown.dropdown-tertiary .dropdown-wrap:focus-within .dropdown-text {
  --tw-text-opacity: 1;
  color: rgb(134 70 179 / var(--tw-text-opacity));
}

.dropdown.dropdown-tertiary .dropdown-content .dropdown-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 179 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 640px) {
  .gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.gallery.is-squared > .image-gallery {
  aspect-ratio: 1 / 1;
}

.gallery.is-squared > .image-gallery img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.masonry-gallery {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.masonry-gallery > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.gallery .image-gallery,
  .masonry-gallery .image-gallery {
  height: -moz-fit-content;
  height: fit-content;
}

.gallery .image-gallery.is-rounded,
  .masonry-gallery .image-gallery.is-rounded {
  overflow: hidden;
  border-radius: 0.25rem;
  --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);
}

.gallery .image-gallery.is-large-rounded,
  .masonry-gallery .image-gallery.is-large-rounded {
  overflow: hidden;
  border-radius: 1rem;
  --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);
}

.image {
  overflow: hidden;
}

.image.is-rounded {
  border-radius: 0.25rem;
}

.image.is-circle {
  border-radius: 9999px;
}

.image.is-shadow {
  --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);
}

.image figcaption {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.image.float-caption {
  position: relative;
}

.image.float-caption figcaption {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  background-color: rgb(0 0 0 / 0.6);
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.list {
  padding-left: 1rem;
}

.list.disordered {
  list-style-type: disc;
}

.list.disordered ul {
  list-style-type: circle;
  padding-left: 1.5rem;
}

.list.ordered {
  list-style-type: decimal;
}

.list.ordered ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
}

.list.list-separation > :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));
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-divide-opacity));
}

.list.list-separation li {
  padding-top: 0.5rem;
}

.list.list-bg {
  list-style-type: none;
}

.list.list-bg > :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));
}

.list.list-bg li {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.list.todo-list {
  list-style-type: none;
}

.list.todo-list > :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));
}

.list.todo-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.list.todo-list li .field {
  margin-bottom: 0px;
}

.list.todo-list li.completed > * {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
  text-decoration-line: line-through;
}

.backdrop {
  position: absolute;
  inset: 0px;
  z-index: -1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow-y: auto;
  background-color: rgb(0 0 0 / 0.2);
  opacity: 0;
  --tw-backdrop-blur: blur(2px);
  -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-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-wrap {
  position: fixed;
  inset: 0px;
  z-index: -1;
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-wrap.is-opened {
  z-index: 201;
}

.modal-wrap.is-opened .backdrop, .modal-wrap.is-opened .modal {
  z-index: 10;
  opacity: 1;
}

.modal-wrap:is(.modal-right) {
  justify-content: flex-end;
}

.modal-wrap:is(.modal-right) .modal {
  position: relative;
  right: -100%;
  margin: 0px;
  display: flex;
  width: 83.333333%;
  flex-direction: column;
  transition-duration: 400ms;
}

@media (min-width: 640px) {
  .modal-wrap:is(.modal-right) .modal {
    width: 66.666667%;
  }
}

@media (min-width: 768px) {
  .modal-wrap:is(.modal-right) .modal {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .modal-wrap:is(.modal-right) .modal {
    width: 41.666667%;
  }
}

.modal-wrap:is(.modal-right) .modal .modal-footer {
  margin-top: auto;
}

.modal-wrap:is(.modal-right).is-opened .modal {
  right: 0px;
  z-index: 10;
  opacity: 1;
}

.modal-wrap:is(.modal-left) {
  justify-content: flex-start;
}

.modal-wrap:is(.modal-left) .modal {
  position: relative;
  left: -100%;
  margin: 0px;
  display: flex;
  height: 100%;
  width: 83.333333%;
  flex-direction: column;
  transition-duration: 400ms;
}

@media (min-width: 640px) {
  .modal-wrap:is(.modal-left) .modal {
    width: 66.666667%;
  }
}

@media (min-width: 768px) {
  .modal-wrap:is(.modal-left) .modal {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .modal-wrap:is(.modal-left) .modal {
    width: 41.666667%;
  }
}

.modal-wrap:is(.modal-left) .modal .modal-footer {
  margin-top: auto;
}

.modal-wrap:is(.modal-left).is-opened .modal {
  left: 0px;
  z-index: 10;
  opacity: 1;
}

.modal-wrap:is(.modal-cta) .modal {
  margin: 1rem;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: 91.666667%;
  flex-wrap: wrap;
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 0px;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 640px) {
  .modal-wrap:is(.modal-cta) .modal {
    width: 83.333333%;
  }
}

@media (min-width: 768px) {
  .modal-wrap:is(.modal-cta) .modal {
    height: 30rem;
    width: 66.666667%;
  }
}

.modal-wrap:is(.modal-cta) .modal .modal-image {
  display: none;
  width: 33.333333%;
  flex-basis: 33.333333%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 640px) {
  .modal-wrap:is(.modal-cta) .modal .modal-image {
    display: inline-block;
  }
}

.modal-wrap:is(.modal-cta) .modal .modal-image img {
  height: 100%;
}

.modal-wrap:is(.modal-cta) .modal .modal-content {
  position: relative;
  flex: 1 1 0%;
  padding: 2rem;
}

.modal-wrap:is(.modal-cta) .modal .modal-close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 10;
  display: inline-block;
  border-radius: 9999px;
  padding: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-wrap:is(.modal-cta) .modal .modal-close:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.modal {
  position: relative;
  z-index: 20;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  max-height: 95%;
  width: 83.333333%;
  overflow-y: auto;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 640px) {
  .modal {
    width: 66.666667%;
  }
}

@media (min-width: 768px) {
  .modal {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .modal {
    width: 33.333333%;
  }
}

.modal .modal-head {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-bottom: 1rem;
}

.modal .modal-head .modal-title {
  font-weight: 600;
}

.modal .modal-head .modal-close:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.modal-footer {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.modal-footer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.modal-footer {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-top: 1rem;
}

.dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 2rem;
  --tw-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 3px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.pagination,
  .pages-list,
  .page-prev,
  .page-next {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.pagination.is-rounded .page-prev,
  .pagination.is-rounded .page-next,
  .pagination.is-rounded .page-link {
  border-radius: 0.25rem;
}

.pagination.is-circle .page-prev,
  .pagination.is-circle .page-next,
  .pagination.is-circle .page-link {
  border-radius: 9999px;
}

.pagination.is-group .pages-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0px * var(--tw-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.pagination.is-group .page-prev,
  .pagination.is-group .page-next {
  margin-left: 0px;
  margin-right: 0px;
}

.pagination.is-group .page-prev {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.pagination.is-group .page-next {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.page-prev,
  .page-next,
  .page-link {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --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);
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.page-prev:hover, .page-prev.is-active,
  .page-next:hover,
  .page-next.is-active,
  .page-link:hover,
  .page-link.is-active {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.page-prev.is-disabled,
  .page-next.is-disabled,
  .page-link.is-disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.page-prev.is-active.is-disabled,
  .page-next.is-active.is-disabled,
  .page-link.is-active.is-disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pages-list {
  list-style-type: none;
}

.pages-list > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.pages-list {
  padding: 0px;
}

.page-link {
  display: inline-block;
}

.page-prev {
  margin-right: 1rem;
}

.page-next {
  margin-left: 1rem;
}

.progress {
  position: relative;
  display: block;
  height: 1rem;
  width: 100%;
  overflow: hidden;
  border-radius: 9999px;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.progress .inner-progress {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
  padding-right: 0.5rem;
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.25rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.progress::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

.progress::-webkit-progress-value {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.progress.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(222 239 251 / var(--tw-bg-opacity));
}

.progress.is-primary .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.progress.is-primary::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(222 239 251 / var(--tw-bg-opacity));
}

.progress.is-primary::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.progress.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(199 255 249 / var(--tw-bg-opacity));
}

.progress.is-secondary .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
}

.progress.is-secondary::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(199 255 249 / var(--tw-bg-opacity));
}

.progress.is-secondary::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(5 127 128 / var(--tw-bg-opacity));
}

.progress.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(244 236 251 / var(--tw-bg-opacity));
}

.progress.is-tertiary .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(112 55 148 / var(--tw-bg-opacity));
}

.progress.is-tertiary::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(244 236 251 / var(--tw-bg-opacity));
}

.progress.is-tertiary::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(134 70 179 / var(--tw-bg-opacity));
}

.progress.is-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.progress.is-danger .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.progress.is-danger::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.progress.is-danger::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.progress.is-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.progress.is-warning .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.progress.is-warning::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
}

.progress.is-warning::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.progress.is-success {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.progress.is-success .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.progress.is-success::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.progress.is-success::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.progress.is-info {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.progress.is-info .inner-progress {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.progress.is-info::-webkit-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}

.progress.is-info::-webkit-progress-value {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.progress.is-small {
  height: 0.5rem;
}

.progress.is-large {
  height: 1.5rem;
}

.tabs-wrapper .tabs-lists {
  display: flex;
  list-style-type: none;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0px;
}

@media (min-width: 768px) {
  .tabs-wrapper .tabs-lists {
    flex-direction: row;
  }
}

.tabs-wrapper .tab-link {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tabs-wrapper .tab-link.is-active, .tabs-wrapper .tab-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.tabs-wrapper.is-underline .tab-link {
  border-bottom-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  background-color: transparent;
}

.tabs-wrapper.is-underline .tab-link.is-active, .tabs-wrapper.is-underline .tab-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.tabs-wrapper.is-left-border .tab-link {
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  background-color: transparent;
}

.tabs-wrapper.is-left-border .tab-link.is-active, .tabs-wrapper.is-left-border .tab-link:hover {
  --tw-border-opacity: 1;
  border-color: rgb(47 112 200 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.tabs-wrapper.is-semi-transparent .tab-link {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.tabs-wrapper.is-semi-transparent .tab-link.is-active, .tabs-wrapper.is-semi-transparent .tab-link:hover {
  background-color: rgb(157 212 243 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(44 90 161 / var(--tw-text-opacity));
}

.tabs-wrapper.is-rounded .tabs-lists {
  margin-bottom: 0.25rem;
}

.tabs-wrapper.is-rounded .tabs-lists > :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));
}

@media (min-width: 768px) {
  .tabs-wrapper.is-rounded .tabs-lists > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
}

.tabs-wrapper.is-rounded .tab-link {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.tabs-wrapper.is-rounded .tab-link.is-active, .tabs-wrapper.is-rounded .tab-link:hover {
  background-color: rgb(157 212 243 / 0.4);
  --tw-text-opacity: 1;
  color: rgb(44 90 161 / var(--tw-text-opacity));
}

.tabs-wrapper.clean-underline .tabs-lists {
  margin-bottom: 0px;
}

@media (min-width: 768px) {
  .tabs-wrapper.clean-underline .tabs-lists {
    border-bottom-width: 4px;
  }
}

.tabs-wrapper.clean-underline .tabs-lists .tab-link {
  position: relative;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tabs-wrapper.clean-underline .tabs-lists .tab-link::after {
  position: absolute;
  bottom: -0.25rem;
  left: 0px;
  right: 0px;
  height: 0.25rem;
  width: 100%;
  border-radius: 0.375rem;
  background-color: transparent;
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: "";
  content: var(--tw-content);
}

.tabs-wrapper.clean-underline .tabs-lists .tab-link.is-active, .tabs-wrapper.clean-underline .tabs-lists .tab-link:hover {
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.tabs-wrapper.clean-underline .tabs-lists .tab-link.is-active::after, .tabs-wrapper.clean-underline .tabs-lists .tab-link:hover::after {
  --tw-bg-opacity: 1;
  background-color: rgb(47 112 200 / var(--tw-bg-opacity));
}

.tabs-wrapper.clean-underline .tabs-content .tab-content {
  border-radius: 0px;
  background-color: transparent;
  padding: 1.25rem;
}

.tabs-wrapper .tabs-content .tab-content {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

@media only screen and (max-width: 575px) {
  .tabs-wrapper .tabs-lists {
    overflow: auto;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
  cursor: help;
  border-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.tooltip::after {
  position: absolute;
  z-index: -1;
  width: -moz-max-content;
  width: max-content;
  max-width: 100vw;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: center;
  opacity: 0;
  --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);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-content: attr(data-tooltip);
  content: var(--tw-content);
}

.tooltip.to-top::after {
  left: 0px;
  bottom: 110%;
}

@media (min-width: 768px) {
  .tooltip.to-top::after {
    left: 50%;
    --tw-translate-x: -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));
  }
}

.tooltip.to-right::after {
  top: 50%;
  left: 110%;
  --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));
}

.tooltip.to-bottom::after {
  top: 110%;
  left: 50%;
  --tw-translate-x: -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));
}

.tooltip.to-left::after {
  top: 50%;
  right: 110%;
  --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));
}

.tooltip:hover::after, .tooltip:focus::after {
  z-index: 10;
  opacity: 1;
}

.tooltip.is-filled {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tooltip.is-filled.is-rounded {
  border-radius: 9999px;
}

.tooltip.is-filled.is-flat {
  border-radius: 0px;
}

.tooltip.is-filled.is-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(222 239 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(199 255 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(244 236 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-info {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-warning {
  --tw-bg-opacity: 1;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-success {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-white {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.tooltip.is-filled.is-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.tooltip.is-primary {
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
}

.tooltip.is-primary::after {
  --tw-bg-opacity: 1;
  background-color: rgb(241 248 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(47 112 200 / var(--tw-text-opacity));
  --tw-shadow-color: #deeffb;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-secondary {
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
}

.tooltip.is-secondary::after {
  --tw-bg-opacity: 1;
  background-color: rgb(239 254 252 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(5 127 128 / var(--tw-text-opacity));
  --tw-shadow-color: #c7fff9;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-tertiary {
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
}

.tooltip.is-tertiary::after {
  --tw-bg-opacity: 1;
  background-color: rgb(250 246 253 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(112 55 148 / var(--tw-text-opacity));
  --tw-shadow-color: #f4ecfb;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-info {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.tooltip.is-info::after {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
  --tw-shadow-color: #dbeafe;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-danger {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.tooltip.is-danger::after {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
  --tw-shadow-color: #fee2e2;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-warning {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.tooltip.is-warning::after {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity));
  --tw-shadow-color: #fef9c3;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-success {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.tooltip.is-success::after {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity));
  --tw-shadow-color: #dcfce7;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tooltip.is-white::after {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow-color: #f3f4f6;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-gray {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.tooltip.is-gray::after {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow-color: #f3f4f6;
  --tw-shadow: var(--tw-shadow-colored);
}

.tooltip.is-dark {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.tooltip.is-dark::after {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
  --tw-shadow-color: #f3f4f6;
  --tw-shadow: var(--tw-shadow-colored);
}