tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* Allow changing font family via CMS */
  html {
    font-family: var(--font-family);
    scroll-behavior: smooth;
  }

  body {
    overflow-x: hidden;
    max-width: 100vw;
  }

  /** Remove default styles from input[type=number] */
  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Disable scroll once drawer/modal is openned */
  body:has(.drawer-toggle:checked),
  body:has(.modal-toggle:checked) {
    overflow: hidden;
    height: 100vh;
  }

  .container {
    width: 100% !important;
    max-width: 1440px !important;
  }

  h1,
  h2,
  h3 {
    font-weight: bold;
  }

  h1,
  h2,
  h3,
  h3,
  h5,
  h6,
  p,
  a,
  span {
    line-height: normal;
  }

  .btn-primary {
    background-color: #090b0a;
  }

  .trustvox-widget-rating,
  .trustvox-widget-rating .ts-shelf-container,
  .trustvox-widget-rating .trustvox-shelf-container,
  .trustvox-widget-rating .ts-rate {
    display: flex;
    align-items: center;
  }

  .trustvox-widget-rating span.rating-click-here {
    display: flex;
    color: #daa81d;
  }

  .trustvox-widget-rating:hover span.rating-click-here {
    text-decoration: underline;
  }

  .ts-shelf-container .ts-shelf-rate {
    top: 0 !important;
  }

  .trustvox-shelf-container,
  .ts-shelf-container,
  .ts-rate {
    display: flex !important;
    align-items: center;
  }

  .ts-shelf-container .ts-shelf-rate {
    top: 0 !important;
  }
}

.group:disabled .group-disabled\:animate-progress {
  animation: progress-frame ease normal;
}

@keyframes progress-frame {
  0% {
    --dot-progress: 0%;
  }

  to {
    --dot-progress: 100%;
  }
}

@layer utilities {
  /** Remove scrollbar from overflow-auto */
  .scrollbar-none {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

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