.table .col {
  /* display: contents; */
  display: flex;
  flex-direction: column;
}
.table .col > :first-child {
  font-size: var(--wp--preset--font-size--medium);
}
.table .col > :not(:first-child) {
  font-size: var(--wp--preset--font-size--small);
}
.table .mobile-col {
  display:none;
}
.col p {
  margin-left:4px;
  margin-right:4px;
}
.table {
    --border-radius: 16px;
}
.scroll:focus {
  outline: none;
}
.scroll:focus-visible {
  outline:none;
}
.unique .table .col:nth-child(2n) p {
    background-color: inherit;
}
@media (max-width: 768px) {
    .unique .container p:first-child{
      margin-top:0px;
    }

    .unique .container p {
    text-align: start;
}
}
.col > * {
  border-right: 1px solid var(--wp--preset--color--base-3);
  border-bottom: 1px solid var(--wp--preset--color--base-3);
  flex-grow:1;
  justify-content: stretch ;
  align-items: stretch;
}

 .fixed .col:first-child > *:not(:first-child) {
  border-left: 1px solid var(--wp--preset--color--base-3);
}

.col > *:first-child {
  border-top: 1px solid var(--wp--preset--color--base-3);
}

.fixed .col > *, .scroll .col:nth-child(odd) > * {
  background-color: var(--wp--preset--color--base);
}

.fixed > .col:nth-child(2) > *:not(:first-child):not(:last-child) , .mobile-col > *:not(:first-child):not(:last-child) {
    background-color: var(--wp--preset--color--accent-1);
    color: var(--wp--preset--color--base);
    font-weight: 900;
}
.fixed .col:first-child > :first-child {
  background-color: unset;
  border-top: unset;
}
   .scroll-track {
    display: flex;
    width: max-content;
    min-width: 100%;
    transition:transform .5s ease;
   }
   .scroll-container:focus {
    outline: none;
   }
.fixed {
    min-width:30%;
   }

@media (min-width: 1248px) {
  .col-6 > :first-child {
    border-top-right-radius: var(--border-radius) !important;
  }
  .col-6 > :last-child {
    border-bottom-right-radius: var(--border-radius) !important;
  }
}

@media (max-width: 1248px) {
   .scroll {
    overflow: hidden;
    cursor: grab;
    /* touch-action: pan-y; */
    min-width:240px;
   }
   .scroll-container {
    min-width: min(50%, 240px);
   }
   .prev, .next {
    display:block !important;
  }
.fixed {
    min-width:60%;
   }
   
    .scroll .col {
      width:min(100%, 240px);
    min-width:min(100%, 240px);
    flex: 0 0 auto;
   }
}
@media (min-width: 768px) {
  .fixed .col-2:first-child > *  {
    border-top-left-radius: var(--border-radius) !important;
  }
  .scroll {
    border-top-left-radius: unset !important;
  }
}
@media (max-width: 768px) {
  .fixed {
    min-width:45%;
  }

    .fixed .col:nth-child(2) {
        display:none;
    }
    .scroll {
      min-width:45%;
      
    }
    .scroll .mobile-col {
        display:flex;
    }
    .scroll {
      border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid var(--wp--preset--color--base-3);
    /* border-top-left-radius: unset !important; */
  }
  /* .active > :first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border: 1px solid var(--wp--preset--color--base-3);
  } */
    
}
.prev, .next {
  display:none;
  text-align: center;
  font-size:32px;
  margin:0px;
  border-radius:4px;
  padding:12px;
}
@media (hover: hover) and (pointer: fine) {
  .prev:hover, .next:hover {
    background-color: hsl( from var(--wp--preset--color--base-2) h s  calc( l - 10));
  }
}
/*
.col:nth-child(2) > :last-child {
    background-color: var(--wp--preset--color--base);
    border-right-width: 0px !important;
}



.fixed .col:first-child > :nth-child(2) {
    border-top: 1px solid var(--wp--preset--color--base-3);
  border-top-left-radius: var(--border-radius);
}
.col:first-child > :last-child{
    border-bottom-left-radius: var(--border-radius );
    border-right-width: 0px !important;
} */