/* From https://codeburst.io/how-to-create-a-simple-css-loading-spinner-make-it-accessible-e5c83c2e464c
   Credit Stuart Nelson - https://codeburst.io/@stuartjnelson
*/

/* Converted Tailwind Config to scss */

.product_series__tabs {
  overflow: hidden;
}

.product_series__tab[data-active="true"] {
  position: relative;
  visibility: visible;
}

.product_series__button {
  font-size: 23.9px;
  color: #009bdf;
}

.product_series__button[data-active="true"] {
  color: #FEFFFF;
  background: #009bdf;
}

.product_series .product__primary {
  flex-direction: column-reverse;
}

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

@media (min-width: 1024px) {
  .product_series .product__primary .product__images {
    padding-right: 4rem;
  }
}