.sud-recently-viewed {
  min-height: 470.4px;
}
.sud-recently-viewed input {
  display: none;
}
.sud-recently-viewed input + label {
  display: inline-block;
}
.sud-recently-viewed .tab {
  display: none;
}
.sud-recently-viewed #tab1:checked ~ .tab.content1,
.sud-recently-viewed #tab2:checked ~ .tab.content2,
.sud-recently-viewed #tab3:checked ~ .tab.content3 {
  display: block;
}
.sud-recently-viewed input + .label-container label {
  display: block;
  padding: 4px 17px;
  position: relative;
  top: 1px;
  font-weight: normal;
  cursor: pointer;
}
@media only screen and (max-width: 769.98px) {
  .sud-recently-viewed input + .label-container label {
    padding: 4px 15px;
  }
}
.sud-recently-viewed input + .label-container label .heading-lg {
  font-weight: unset;
  line-height: 30px;
}
@media only screen and (max-width: 769.98px) {
  .sud-recently-viewed input + .label-container label .heading-lg {
    line-height: 30px;
  }
}
.sud-recently-viewed #tab1:checked ~ .label-container .tab1 {
  transition: 0.3s all;
}
.sud-recently-viewed #tab1:checked ~ .label-container .tab1 .heading-lg {
  font-weight: 700;
  line-height: 30px;
}
.sud-recently-viewed #tab2:checked ~ .label-container .tab2 {
  transition: 0.3s all;
}
.sud-recently-viewed #tab2:checked ~ .label-container .tab2 .heading-lg {
  font-weight: 700;
  line-height: 30px;
}
.sud-recently-viewed input ~ .tab {
  padding: 40px 0 0;
}
.sud-recently-viewed .page-width {
  position: relative;
}
.sud-recently-viewed .page-width .label-container {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
}
.sud-recently-viewed .page-width .container {
  margin: 10px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sud-recently-viewed .page-width .recently-viewed-button {
  margin: 0 auto;
}
.sud-recently-viewed .page-width .recently-viewed-button {
  background-color: unset;
  text-decoration: underline;
  color: var(--text-primary-color);
  line-height: 25px;
}
@media only screen and (max-width: 769.98px) {
  .sud-recently-viewed .page-width .recently-viewed-button {
    font-size: 16px;
  }
}
@media only screen and (max-width: 769.98px) {
  .sud-recently-viewed .page-width .swiper {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.sud-recently-viewed .page-width .swiper-pagination {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 25px auto 0;
  position: relative;
  bottom: unset;
  top: unset;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 769.98px) {
  .sud-recently-viewed .page-width .swiper-pagination {
    display: none;
  }
}
.sud-recently-viewed .page-width .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 1px solid var(--text-primary-color);
  opacity: 1;
  background-color: transparent;
  transform: unset;
  box-sizing: border-box;
}
.sud-recently-viewed .page-width .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--text-primary-color);
}