.font-family-1 {
    font-family: Outfit, sans-serif;
  }
  .font-family-2 {
    font-family: "Open Sans", sans-serif;
  }
  .font-family-3 {
    font-family: Roboto, sans-serif;
  }
  .font-family-4 {
    font-family: Lato, sans-serif;
  }
  .font-family-5 {
    font-family: "Roboto Slab", serif;
  }
  .font-family-6 {
    font-family: Raleway, sans-serif;
  }
  .font-family-7 {
    font-family: Montserrat, sans-serif;
  }
  .font-family-8 {
    font-family: "Saira Extra Condensed", sans-serif;
  }
  .font-family-9 {
    font-family: "Work Sans", sans-serif;
  }
  .font-family-10 {
    font-family: "Nunito Sans", sans-serif;
  }
  .font-family-11 {
    font-family: "PT Sans", sans-serif;
  }
  .font-family-12 {
    font-family: "Source Sans Pro", sans-serif;
  }
  .font-family-13 {
    font-family: porsche_nextregular, sans-serif;
  }
  .hover\:opacity-0:hover {
    opacity: 0;
  }
  .hover\:opacity-100:hover {
    opacity: 1;
  }
  .btn-primary,
  .custbtn-primary {
    color: var(--tw-theme-btn-primary-text-color) !important;
    background-color: var(--tw-theme-btn-primary-color) !important;
    border-width: var(--tw-theme-btn-primary-border-width);
    border-radius: var(--tw-theme-btn-primary-border-radius);
  }
  .btn-primary:hover,
  .custbtn-primary:hover {
    color: var(--tw-theme-btn-primary-hover-text-color) !important;
    background-color: var(--tw-theme-btn-primary-hover-color) !important;
    border-width: var(--tw-theme-btn-primary-border-width);
    border-radius: var(--tw-theme-btn-primary-border-radius);
  }
  .btn-secondary,
  .custbtn-secondary {
    color: var(--tw-theme-btn-secondary-text-color) !important;
    background-color: var(--tw-theme-btn-secondary-color) !important;
    border-width: var(--tw-theme-btn-secondary-border-width);
    border-radius: var(--tw-theme-btn-secondary-border-radius);
  }
  .btn-secondary:hover,
  .custbtn-secondary:hover {
    color: var(--tw-theme-btn-secondary-hover-text-color) !important;
    background-color: var(--tw-theme-btn-secondary-hover-color) !important;
    border-width: var(--tw-theme-btn-secondary-border-width);
    border-radius: var(--tw-theme-btn-secondary-border-radius);
  }
  .btn-tertiary,
  .custbtn-tertiary {
    color: var(--tw-theme-btn-tertiary-text-color) !important;
    background-color: var(--tw-theme-btn-tertiary-color) !important;
    border-width: var(--tw-theme-btn-tertiary-border-width);
    border-radius: var(--tw-theme-btn-tertiary-border-radius);
  }
  .btn-tertiary:hover,
  .custbtn-tertiary:hover {
    color: var(--tw-theme-btn-tertiary-hover-text-color) !important;
    background-color: var(--tw-theme-btn-tertiary-hover-color) !important;
    border-width: var(--tw-theme-btn-tertiary-border-width);
    border-radius: var(--tw-theme-btn-tertiary-border-radius);
  }
  .btn-quaternary,
  .custbtn-quaternary {
    color: var(--tw-theme-btn-quaternary-text-color) !important;
    background-color: var(--tw-theme-btn-quaternary-color) !important;
    border-width: var(--tw-theme-btn-quaternary-border-width);
    border-radius: var(--tw-theme-btn-quaternary-border-radius);
  }
  .btn-quaternary:hover,
  .custbtn-quaternary:hover {
    color: var(--tw-theme-btn-quaternary-hover-text-color) !important;
    background-color: var(--tw-theme-btn-quaternary-hover-color) !important;
    border-width: var(--tw-theme-btn-quaternary-border-width);
    border-radius: var(--tw-theme-btn-quaternary-border-radius);
  }
  .btn-default,
  .custbtn-default {
    color: var(--tw-theme-btn-default-text-color) !important;
    background-color: var(--tw-theme-btn-default-color) !important;
    border-width: var(--tw-theme-btn-default-border-width);
    border-radius: var(--tw-theme-btn-default-border-radius);
  }
  .btn-default:hover,
  .custbtn-default:hover {
    color: var(--tw-theme-btn-default-hover-text-color) !important;
    background-color: var(--tw-theme-btn-default-hover-color) !important;
    border-width: var(--tw-theme-btn-default-border-width);
    border-radius: var(--tw-theme-btn-default-border-radius);
  }
  .btn-outline-primary,
  .custbtn-brdr-primary {
    color: var(--tw-theme-btn-primary-text-color-border);
    background:  var(--tw-theme-btn-primary-bg-color-border);
    border-width: var(--tw-theme-btn-primary-border-width-border);
    border-radius: var(--tw-theme-btn-primary-border-radius-border);
    border-color: var(--tw-theme-btn-primary-border-color-border);
  }
  .btn-outline-primary:hover,
  .custbtn-brdr-primary:hover {
    color: var(--tw-theme-btn-primary-hover-text-color-border);
    background:  var(--tw-theme-btn-primary-hover-bg-color-border);
    border-width: var(--tw-theme-btn-primary-border-width-border-hover);
    border-color: var(--tw-theme-btn-primary-border-color-border-hover);
  }
  .btn-outline-secondary,
  .custbtn-brdr-secondary {
    color: var(--tw-theme-btn-secondary-text-color-border);
    background:  var(--tw-theme-btn-secondary-bg-color-border);
    border-width: var(--tw-theme-btn-secondary-border-width-border);
    border-radius: var(--tw-theme-btn-secondary-border-radius-border);
    border-color: var(--tw-theme-btn-secondary-border-color-border);
  }
  .btn-outline-secondary:hover,
  .custbtn-brdr-secondary:hover {
    color: var(--tw-theme-btn-secondary-hover-text-color-border);
    background:  var(--tw-theme-btn-secondary-hover-bg-color-border);
    border-width: var(--tw-theme-btn-secondary-border-width-border-hover);
    border-color: var(--tw-theme-btn-secondary-border-color-border-hover);
  }
  .btn-outline-tertiary,
  .custbtn-brdr-tertiary {
    color: var(--tw-theme-btn-tertiary-text-color-border);
    background:  var(--tw-theme-btn-tertiary-bg-color-border);
    border-width: var(--tw-theme-btn-tertiary-border-width-border);
    border-radius: var(--tw-theme-btn-tertiary-border-radius-border);
    border-color: var(--tw-theme-btn-tertiary-border-color-border);
  }
  .btn-outline-tertiary:hover,
  .custbtn-brdr-tertiary:hover {
    color: var(--tw-theme-btn-tertiary-hover-text-color-border);
    background:  var(--tw-theme-btn-tertiary-hover-bg-color-border);
    border-width: var(--tw-theme-btn-tertiary-border-width-border-hover);
    border-color: var(--tw-theme-btn-tertiary-border-color-border-hover);
  }
  .btn-outline-quaternary,
  .custbtn-brdr-quaternary {
    color: var(--tw-theme-btn-quaternary-text-color-border);
    background:  var(--tw-theme-btn-quaternary-bg-color-border);
    border-width: var(--tw-theme-btn-quaternary-border-width-border);
    border-radius: var(--tw-theme-btn-quaternary-border-radius-border);
    border-color: var(--tw-theme-btn-quaternary-border-color-border);
  }
  .btn-outline-quaternary:hover,
  .custbtn-brdr-quaternary:hover {
    color: var(--tw-theme-btn-quaternary-hover-text-color-border);
    background:  var(--tw-theme-btn-quaternary-hover-bg-color-border);
    border-width: var(--tw-theme-btn-quaternary-border-width-border-hover);
    border-color: var(--tw-theme-btn-quaternary-border-color-border-hover);
  }
  .btn-outline-default,
  .custbtn-brdr-default {
    color: var(--tw-theme-btn-default-text-color-border);
    background:  var(--tw-theme-btn-default-bg-color-border);
    border-width: var(--tw-theme-btn-default-border-width-border);
    border-radius: var(--tw-theme-btn-default-border-radius-border);
    border-color: var(--tw-theme-btn-default-border-color-border);
  }
  .btn-outline-default:hover,
  .custbtn-brdr-default:hover {
    color: var(--tw-theme-btn-default-hover-text-color-border);
    background:  var(--tw-theme-btn-default-hover-bg-color-border);
    border-width: var(--tw-theme-btn-default-border-width-border-hover);
    border-color: var(--tw-theme-btn-default-border-color-border-hover);
  }
  body {
    background-color: var(--tw-theme-body-bg-color);
    font-family: var(--tw-theme-body-font);
    font-size: var(--tw-theme-body-font-size);
    font-weight: var(--tw-theme-body-font-weight);
    line-height: var(--tw-theme-body-font-line-height);
    letter-spacing: var(--tw-theme-body-font-letter-spacing);
    color: var(--tw-theme-font-color);
  }
  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  @media (min-width: 1600px) {
    .container {
      max-width: var(--tw-theme-spcing-max-container-width);
    }
  }
  .focus\:text-2xl-text:focus,
  .hover\:text-2xl-text:hover,
  .text-2xl-text {
    font-family: var(--tw-theme-extra-large-text-font-family);
    font-size: var(--tw-theme-extra-large-text-font-size);
    font-weight: var(--tw-theme-extra-large-text-font-weight);
    letter-spacing: var(--tw-theme-extra-large-text-letter-spacing);
    line-height: var(--tw-theme-extra-large-text-line-height);
    color: var(--tw-theme-extra-large-text-font-color);
  }
  .focus\:text-title-text:focus,
  .hover\:text-title-text:hover,
  .text-title-text {
    font-family: var(--tw-theme-title-text-font-family);
    font-size: var(--tw-theme-title-text-font-size);
    font-weight: var(--tw-theme-title-text-font-weight);
    letter-spacing: var(--tw-theme-title-text-letter-spacing);
    line-height: var(--tw-theme-title-text-line-height);
    color: var(--tw-theme-title-text-font-color);
  }
  .focus\:text-large-text:focus,
  .hover\:text-large-text:hover,
  .text-large-text {
    font-family: var(--tw-theme-large-text-font-family);
    font-size: var(--tw-theme-large-text-font-size);
    font-weight: var(--tw-theme-large-text-font-weight);
    letter-spacing: var(--tw-theme-large-text-letter-spacing);
    line-height: var(--tw-theme-large-text-line-height);
    color: var(--tw-theme-large-text-font-color);
  }
  .focus\:text-medium-text:focus,
  .hover\:text-medium-text:hover,
  .text-medium-text {
    font-family: var(--tw-theme-medium-text-font-family);
    font-size: var(--tw-theme-medium-text-font-size);
    font-weight: var(--tw-theme-medium-text-font-weight);
    letter-spacing: var(--tw-theme-medium-text-letter-spacing);
    line-height: var(--tw-theme-medium-text-line-height);
    color: var(--tw-theme-medium-text-font-color);
  }
  .focus\:text-normal-text:focus,
  .hover\:text-normal-text:hover,
  .text-normal-text {
    font-family: var(--tw-theme-normal-text-font-family);
    font-size: var(--tw-theme-normal-text-font-size);
    font-weight: var(--tw-theme-normal-text-font-weight);
    letter-spacing: var(--tw-theme-normal-text-letter-spacing);
    line-height: var(--tw-theme-normal-text-line-height);
    color: var(--tw-theme-normal-text-font-color);
  }
  .focus\:text-default-text:focus,
  .hover\:text-default-text:hover,
  .text-default-text {
    font-family: var(--tw-theme-default-text-font-family);
    font-size: var(--tw-theme-default-text-font-size);
    font-weight: var(--tw-theme-default-text-font-weight);
    letter-spacing: var(--tw-theme-default-text-letter-spacing);
    line-height: var(--tw-theme-default-text-line-height);
    color: var(--tw-theme-default-text-font-color);
  }
  .focus\:text-extra-small-text:focus,
  .hover\:text-extra-small-text:hover,
  .text-extra-small-text {
    font-family: var(--tw-theme-extra-small-text-font-family);
    font-size: var(--tw-theme-extra-small-text-font-size);
    font-weight: var(--tw-theme-extra-small-text-font-weight);
    letter-spacing: var(--tw-theme-extra-small-text-letter-spacing);
    line-height: var(--tw-theme-extra-small-text-line-height);
    color: var(--tw-theme-extra-small-text-font-color);
  }
  .focus\:text-sub-text:focus,
  .hover\:text-sub-text:hover,
  .text-sub-text {
    font-family: var(--tw-theme-sub-text-font-family);
    font-size: var(--tw-theme-sub-text-font-size);
    font-weight: var(--tw-theme-sub-text-font-weight);
    letter-spacing: var(--tw-theme-sub-text-letter-spacing);
    line-height: var(--tw-theme-sub-text-line-height);
    color: var(--tw-theme-sub-text-font-color);
  }
  .focus\:text-small-text:focus,
  .hover\:text-small-text:hover,
  .text-small-text {
    font-family: var(--tw-theme-small-text-font-family);
    font-size: var(--tw-theme-small-text-font-size);
    font-weight: var(--tw-theme-small-text-font-weight);
    letter-spacing: var(--tw-theme-small-text-letter-spacing);
    line-height: var(--tw-theme-small-text-line-height);
    color: var(--tw-theme-small-text-font-color);
  }
  @media (max-width: 1024px) {
    .text-2xl-text {
      font-size: var(--tw-theme-extra-large-text-font-size-tablet);
      line-height: var(--tw-theme-extra-large-text-line-height-tablet);
    }
    .text-title-text {
      font-size: var(--tw-theme-title-text-font-size-tablet);
      line-height: var(--tw-theme-title-text-line-height-tablet);
    }
    .text-large-text {
      font-size: var(--tw-theme-large-text-font-size-tablet);
      line-height: var(--tw-theme-large-text-line-height-tablet);
    }
    .text-medium-text {
      font-size: var(--tw-theme-medium-text-font-size-tablet);
      line-height: var(--tw-theme-medium-text-line-height-tablet);
    }
    .text-normal-text {
      font-size: var(--tw-theme-normal-text-font-size-tablet);
      line-height: var(--tw-theme-normal-text-line-height-tablet);
    }
    .text-default-text {
      font-size: var(--tw-theme-default-text-font-size-tablet);
      line-height: var(--tw-theme-default-text-line-height-tablet);
    }
    .text-extra-small-text {
      font-size: var(--tw-theme-extra-small-text-font-size-tablet);
      line-height: var(--tw-theme-extra-small-text-line-height-tablet);
    }
    .text-sub-text {
      font-size: var(--tw-theme-sub-text-font-size-tablet);
      line-height: var(--tw-theme-sub-text-line-height-tablet);
    }
    .text-small-text {
      font-size: var(--tw-theme-small-text-font-size-tablet);
      line-height: var(--tw-theme-small-text-line-height-tablet);
    }
  }
  @media (max-width: 640px) {
    .text-2xl-text {
      font-size: var(--tw-theme-extra-large-text-font-size-mobile);
      line-height: var(--tw-theme-extra-large-text-line-height-mobile);
    }
    .text-title-text {
      font-size: var(--tw-theme-title-text-font-size-mobile);
      line-height: var(--tw-theme-title-text-line-height-mobile);
    }
    .text-large-text {
      font-size: var(--tw-theme-large-text-font-size-mobile);
      line-height: var(--tw-theme-large-text-line-height-mobile);
    }
    .text-medium-text {
      font-size: var(--tw-theme-medium-text-font-size-mobile);
      line-height: var(--tw-theme-medium-text-line-height-mobile);
    }
    .text-normal-text {
      font-size: var(--tw-theme-normal-text-font-size-mobile);
      line-height: var(--tw-theme-normal-text-line-height-mobile);
    }
    .text-default-text {
      font-size: var(--tw-theme-default-text-font-size-mobile);
      line-height: var(--tw-theme-default-text-line-height-mobile);
    }
    .text-extra-small-text {
      font-size: var(--tw-theme-extra-small-text-font-size-mobile);
      line-height: var(--tw-theme-extra-small-text-line-height-mobile);
    }
    .text-sub-text {
      font-size: var(--tw-theme-sub-text-font-size-mobile);
      line-height: var(--tw-theme-sub-text-line-height-mobile);
    }
    .text-small-text {
      font-size: var(--tw-theme-small-text-font-size-mobile);
      line-height: var(--tw-theme-small-text-line-height-mobile);
    }
  }
  .text-anchor {
    color: var(--tw-theme-link-default-color);
    text-decoration: var(--tw-theme-link-default-text-decoration);
  }
  .\!text-anchor {
    color: var(--tw-theme-link-default-color) !important;
    text-decoration: var(--tw-theme-link-default-text-decoration) !important;
  }
  .border-anchor {
    border-color: var(--tw-theme-link-default-color);
  }
  .hover\:text-anchor-hover:hover,
  .hover\:text-anchor:hover {
    color: var(--tw-theme-link-default-hover-color);
  }
  .hover\:\!text-anchor-hover:hover,
  .hover\:\!text-anchor:hover {
    color: var(--tw-theme-link-default-hover-color) !important;
  }
  .hover\:border-anchor-hover:hover {
    border-color: var(--tw-theme-link-default-hover-color);
  }
  .primary-link {
    color: var(--tw-theme-link-primary-color);
    text-decoration: var(--tw-theme-link-primary-text-decoration);
  }
  .hover\:primary-link:hover {
    color: var(--tw-theme-link-primary-hover-color);
  }
  .secondary-link {
    color: var(--tw-theme-link-secondary-color);
    text-decoration: var(--tw-theme-link-secondary-text-decoration);
  }
  .hover\:secondary-link:hover {
    color: var(--tw-theme-link-secondary-hover-color);
  }
  .tertiary-link {
    color: var(--tw-theme-link-tertiary-color);
    text-decoration: var(--tw-theme-link-tertiary-text-decoration);
  }
  .hover\:tertiary-link:hover {
    color: var(--tw-theme-link-tertiary-hover-color);
  }
  .quaternary-link {
    color: var(--tw-theme-link-quaternary-color);
    text-decoration: var(--tw-theme-link-quaternary-text-decoration);
  }
  .hover\:quaternary-link:hover {
    color: var(--tw-theme-link-quaternary-hover-color);
  }
  .text-primary {
    color: var(--tw-theme-btn-primary-color);
  }
  .text-secondary {
    color: var(--tw-theme-btn-secondary-color);
  }
  .text-tertiary {
    color: var(--tw-theme-btn-tertiary-color);
  }
  .text-quaternary {
    color: var(--tw-theme-btn-quaternary-color);
  }
  .text-default {
    color: var(--tw-theme-btn-default-color);
  }
  .hover\:text-primary:hover {
    color: var(--tw-theme-btn-primary-hover-color);
  }
  .hover\:text-secondary:hover {
    color: var(--tw-theme-btn-secondary-hover-color);
  }
  .hover\:text-tertiary:hover {
    color: var(--tw-theme-btn-tertiary-hover-color);
  }
  .hover\:text-quaternary:hover {
    color: var(--tw-theme-btn-quaternary-hover-color);
  }
  .hover\:text-default:hover {
    color: var(--tw-theme-btn-default-hover-color);
  }
  .bg-primary {
    background-color: var(--tw-theme-btn-primary-color);
  }
  .bg-secondary {
    background-color: var(--tw-theme-btn-secondary-color);
  }
  .bg-tertiary {
    background-color: var(--tw-theme-btn-tertiary-color);
  }
  .bg-quaternary {
    background-color: var(--tw-theme-btn-quaternary-color);
  }
  .bg-default {
    background-color: var(--tw-theme-btn-default-color);
  }
  .bg-light-gray {
    background-color: var(--tw-theme-bg-gray-color);
  }
  .hover\:bg-primary-hover:hover,
  .hover\:bg-primary:hover,
  .hover\:custbg-primary:hover {
    background-color: var(--tw-theme-btn-primary-hover-color);
  }
  .hover\:bg-secondary-hover:hover,
  .hover\:bg-secondary:hover,
  .hover\:custbg-secondary:hover {
    background-color: var(--tw-theme-btn-secondary-hover-color);
  }
  .hover\:bg-tertiary-hover:hover,
  .hover\:bg-tertiary:hover,
  .hover\:custbg-tertiary:hover {
    background-color: var(--tw-theme-btn-tertiary-hover-color);
  }
  .hover\:bg-quaternary-hover:hover,
  .hover\:bg-quaternary:hover,
  .hover\:custbg-quaternary:hover {
    background-color: var(--tw-theme-btn-quaternary-hover-color);
  }
  .hover\:bg-default-hover:hover,
  .hover\:bg-default:hover,
  .hover\:custbg-default:hover {
    background-color: var(--tw-theme-btn-default-hover-color);
  }
  .hover\:\!bg-primary-hover:hover,
  .hover\:\!bg-primary:hover,
  .hover\:\!custbg-primary:hover {
    background-color: var(--tw-theme-btn-primary-hover-color) !important;
  }
  .hover\:\!bg-secondary-hover:hover,
  .hover\:\!bg-secondary:hover,
  .hover\:\!custbg-secondary:hover {
    background-color: var(--tw-theme-btn-secondary-hover-color) !important;
  }
  .hover\:\!bg-tertiary-hover:hover,
  .hover\:\!bg-tertiary:hover,
  .hover\:\!custbg-tertiary:hover {
    background-color: var(--tw-theme-btn-tertiary-hover-color) !important;
  }
  .hover\:\!bg-quaternary-hover:hover,
  .hover\:\!bg-quaternary:hover,
  .hover\:\!custbg-quaternary:hover {
    background-color: var(--tw-theme-btn-quaternary-hover-color) !important;
  }
  .hover\:\!bg-default-hover:hover,
  .hover\:\!bg-default:hover,
  .hover\:\!custbg-default:hover {
    background-color: var(--tw-theme-btn-default-hover-color) !important;
  }
  .border-anchor {
    border-color: var(--tw-theme-link-default-color);
  }
  .border-primary {
    border-color: var(--tw-theme-btn-primary-color);
  }
  .border-secondary {
    border-color: var(--tw-theme-btn-secondary-color);
  }
  .border-tertiary {
    border-color: var(--tw-theme-btn-tertiary-color);
  }
  .border-quaternary {
    border-color: var(--tw-theme-btn-quaternary-color);
  }
  .border-default {
    border-color: var(--tw-theme-btn-default-color);
  }
  .border-light-gray {
    border-color: var(--tw-theme-bg-gray-color);
  }
  .border-gray-border {
    border-color: var(--tw-theme-border-gray-color);
  }
  .hover\:border-anchor-hover:hover,
  .hover\:border-anchor:hover {
    border-color: var(--tw-theme-link-default-hover-color);
  }
  .hover\:border-primary-hover:hover,
  .hover\:border-primary:hover {
    border-color: var(--tw-theme-btn-primary-hover-color);
  }
  .hover\:border-secondary-hover:hover,
  .hover\:border-secondary:hover {
    border-color: var(--tw-theme-btn-secondary-hover-color);
  }
  .hover\:border-tertiary-hover:hover,
  .hover\:border-tertiary:hover {
    border-color: var(--tw-theme-btn-tertiary-hover-color);
  }
  .hover\:border-quaternary-hover:hover,
  .hover\:border-quaternary:hover {
    border-color: var(--tw-theme-btn-quaternary-hover-color);
  }
  .hover\:border-default-hover:hover,
  .hover\:border-default:hover {
    border-color: var(--tw-theme-btn-default-hover-color);
  }
  .hover\:border-light-gray-hover:hover,
  .hover\:border-light-gray:hover {
    border-color: var(--tw-theme-bg-gray-hover-color);
  }
  .hover\:border-gray-border-hover:hover,
  .hover\:border-gray-border:hover {
    border-color: var(--tw-theme-border-gray-hover-color);
  }
  .fill-primary {
    fill: var(--tw-theme-btn-primary-color);
  }
  .fill-secondary {
    fill: var(--tw-theme-btn-secondary-color);
  }
  .fill-tertiary {
    fill: var(--tw-theme-btn-tertiary-color);
  }
  .fill-quaternary {
    fill: var(--tw-theme-btn-quaternary-color);
  }
  .fill-default {
    fill: var(--tw-theme-btn-default-color);
  }
  .hover\:fill-primary-hover:hover,
  .hover\:fill-primary:hover {
    fill: var(--tw-theme-btn-primary-hover-color);
  }
  .hover\:fill-secondary-hover:hover,
  .hover\:fill-secondary:hover {
    fill: var(--tw-theme-btn-secondary-hover-color);
  }
  .hover\:fill-tertiary-hover:hover,
  .hover\:fill-tertiary:hover {
    fill: var(--tw-theme-btn-tertiary-hover-color);
  }
  .hover\:fill-quaternary-hover:hover,
  .hover\:fill-quaternary:hover {
    fill: var(--tw-theme-btn-quaternary-hover-color);
  }
  .hover\:fill-default-hover:hover,
  .hover\:fill-default:hover {
    fill: var(--tw-theme-btn-default-hover-color);
  }