.store {
  font-family: "Lato", "sans-serif";
  .absolute { position: absolute; }
  .bg-gray-50 { background-color: #FAFAFA; }
  .bg-gray-500 { background-color: #71717A; }
  .bg-v-blue-dark { background-color: #264D5C; }
  .bg-white { background-color: white; }
  .border { border-width: 1px; }
  .border-gray-300 { border-color: #D4D4D8; }
  .break-words { overflow-wrap: break-word; }
  .cursor-pointer { cursor: pointer; }
  .cursor-not-allowed { cursor: not-allowed; }
  .divide-gray-200 { border-color: #E4E4E7; }
  .divide-gray-300 { border-color: #71717A; }
  .divide-y {
    border-top-width: 1px;
    border-bottom-width: 0px;
  }
  .duration-200 { transition-duration: 200ms; }
  .duration-300 { transition-duration: 300ms; }
  .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  .fixed { position: fixed; }
  .flex { display: flex; }
  .flex-col { flex-direction: column; }
  .font-medium { font-weight: 500; }
  .font-semibold { font-weight: 600; }
  .hidden { display: none; }
  .inline { display: inline; }
  .inline-flex { display: inline-flex; }
  .inset-0 { inset: 0; }
  .inset-x-2 {
    left: 0.5rem;
    right: 0.5rem;
  }
  .items-start { align-items: flex-start; }
  .items-center { align-items: center; }
  .items-end { align-items: flex-end; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .justify-start { justify-content: flex-start; }
  .leading-6 { line-height: 1.5rem; }
  .max-h-60 { max-height: 15rem; }
  .min-h-full { min-height: 100%; }
  .min-w-full { min-width: 100%; }
  .mr-1 { margin-right: 0.25rem; }
  .mr-2 { margin-right: 0.5rem; }
  .my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .opacity-0 { opacity: 0;}
  .opacity-60 { opacity: .6; }
  .opacity-75 { opacity: .75; }
  .opacity-100 {opacity: 1; }
  .outline-0 { outline-width: 0; }
  .overflow-auto { overflow: auto; }
  .overflow-hidden { overflow: hidden; }
  .overflow-x-hidden { overflow-x: hidden; }
  .overflow-y-auto { overflow-y: auto; }
  .p-4 { padding: 1rem; }
  .pb-4 { padding-bottom: 1rem; }
  .pl-4 { padding-left: 1rem; }
  .pr-3 { padding-right: 0.75rem; }
  .pr-4 { padding-top: 1rem; }
  .pt-4 {padding-right: 1rem; }
  .pt-5 { padding-top: 1.25rem; }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .relative { position: relative; }
  .right-0 { right: 0; }
  .rounded-md { border-radius: 0.375rem; }
  .rounded-lg { border-radius: .5rem; }
  .shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
  .shadow-xl {
    box-shadow:
      0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 8px 10px -6px rgba(0, 0, 0, 0.1);
  }
  .sticky { position: sticky; }
  .text-center { text-align: center; }
  .text-gray-400 { color: #A1A1AA; }
  .text-gray-600 { color: #52525B; }
  .text-gray-900 { color: #18181B; }
  .text-justify { text-align: justify; }
  .text-left { text-align: left; }
  .text-secondary { color: #333431; }
  .text-secondary-light { color: #424240; }
  .text-v-blue-dark { color: #264D5C; }
  .text-white { color: white; }
  .top-0 { top: 0; }
  .transform {
    --translate-x: 10px;
    --translate-y: 20px;
    --rotate: 30deg;
    --skew-x: 10deg;
    --skew-y: 10deg;
    --scale-x: 1.5;
    --scale-y: 1.5;
  }
  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
  }
  .transition-transform { transition: transform 0.2s ease;  }
  .underline { text-decoration: underline; }
  .w-12 { width: 3rem; }
  .z-10 { z-index: 10; }
  .z-20 { z-index: 20; }

  button {
    text-transform: none;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border-style: solid;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  table tbody tr {
    border-top: 1px solid #E4E4E7;
  }

  .cookie-banner {
    padding: 1.25rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .cookie-banner div:first-of-type {
    margin-bottom: 0.5rem;
  }

  .cookie-banner div:nth-of-type(2) {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 300;
    button {
      padding: 0;
      margin: 0;
      font: inherit;
    }
    a { color: white; }
  }

  .cookie-banner div:last-of-type { margin-top: 1.25rem; }

  button.setConsent {
    color: white;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  button.setConsent:hover { background-color: rgba(38, 77, 92, 0.8); }
  button.setConsent:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(38, 77, 92, 1);
  }
  button.setConsent:active {
    position: relative;
    box-shadow: 0 0 0 2px rgba(38, 77, 92, 1);
  }

  @media (min-width: 768px) {
    button.setConsent,
    button.acceptAll,
    button.rejectAll {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
  }

  button.manageCookies {
    margin-top: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: white;
    border: none;
  }

  @media (min-width: 640px) {
    button.manageCookies {
      margin-left: 0.75rem;
      margin-top: 0px;
      width: auto;
      font-size: 0.875rem;
      line-height: 1.25rem;
    }
    .records { position: relative; }
    th, td { padding-left: 1.5rem; }
  }

  #manage-cookies-modal > div:first-child {
    background-color: rgba(113, 113, 122, 0.75);
  }

  #manage-cookies-modal {
    div:nth-of-type(2) {
      .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem;
      }

      .sm\:w-full {  width: 100%; }
      .md\:w-3\/4 { width: 75%; }
      .sm\:p-6 { padding: 1.5rem; }
    }

    .close-btn {
      font-size: 1.875rem;
      line-height: 2.25rem;
      border: none;
    }
    .close-btn:hover { color: #71717A; }
    .close-btn:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(51, 103, 124, 1);
      margin: 2px;
    }

    h3 {
      font-size: 1.25rem;
      line-height: 1.75rem;
      margin-bottom: 1rem;
    }

    a:hover {
      opacity: .8;
      text-decoration: underline;
    }

    .acceptAll {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .rejectAll {
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      padding-left: 2rem;
      padding-right: 2rem;
    }

    .acceptAll:hover, .rejectAll:hover { background-color: #FAFAFA; }
    .acceptAll:focus, .rejectAll:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(38, 77, 92, 1);
    }
    .acceptAll:active, .rejectAll:active {
      position: relative;
      box-shadow: 0 0 0 2px rgba(38, 77, 92, 1);
    }

    .category { margin-bottom: 1rem; }
    .category > div:first-of-type > span:first-of-type {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
    .category div:nth-of-type(2) {
      margin-bottom: 0.375rem;
    }

    button.toggleDetails {
      display: flex;
      align-items: center;
      border: none;
      padding: 0;
    }

    .group {
      font-size: 0.75rem;
      line-height: 1rem;
      margin-top: 0.875rem;
      margin-bottom: 0.875rem;
    }

    .group div:first-of-type {
      margin-top: 0.375rem;
      margin-bottom: 0.375rem;

      span:nth-of-type(2) {
        font-size: 0.75rem;
        line-height: 1rem;
      }
    }

    .group button {
      margin-bottom: 0;
      border: none;
    }

    button.setConsent { border-color: inherit; }
  }
}