@charset "UTF-8";
:root {
  --tme-max-width: 99.7rem;
  --tme-xs3lg1: 3rem;
  --tme-xs3lg0: 3rem;
  --tme--global--padding-top: clamp( 5.5rem, 10vw, 10rem );
  --tme--global--padding-bottom: clamp( 5.5rem, 10vw, 10rem );
}
@media (min-width: 782px) {
  :root {
    --tme-xs3lg1: 1.5rem;
    --tme-xs3lg0: 0rem;
  }
}

/**
 * Clamps, aka truncates, multi-line text. Note that non-webkit browsers will
 * not see the ellipsis ¯\_(ツ)_/¯
 * @param {Value}          $font-size     - Font size of the text
 * @param {Unitless Value} $line-height   - Line height of the text;
 * @param {Number}         $lines-to-show - Number of lines to show
 * @example scss
 * p {
 *    @include line-clamp($font-size: 16px, $line-height: 1.5, $lines-to-show: 3);
 * }
 */
.top-picks {
  position: relative;
}
.top-picks:after {
  display: block;
  content: "";
  width: calc(100% + var(--wp--style--root--padding-left) + var(--wp--style--root--padding-right));
  height: 7.5rem;
  background-color: var(--top-picks-fill);
  position: absolute;
  left: calc(var(--wp--style--root--padding-left) * -1);
  top: 0;
  z-index: 0;
}
.top-picks .top-picks__content {
  position: relative;
  z-index: 5;
}
@media (min-width: 782px) {
  .top-picks .top-picks__content {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
  }
}
.top-picks .top-picks__content > article {
  margin-bottom: var(--wp--style--block-gap);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1;
  transition: all 250ms;
}
@media (min-width: 782px) {
  .top-picks .top-picks__content > article {
    flex: 0 0 calc(33.333% - 1.5rem);
    position: relative !important;
    opacity: 1 !important;
    width: auto !important;
  }
}
.top-picks .top-picks__content > article .term-dot {
  display: none !important;
}
.top-picks .top-picks__content > article > .wp-block-heading {
  line-height: 1.21429;
  letter-spacing: 0.01em;
  font-size: 1.25rem;
  display: block;
  display: -webkit-box;
  font-size: 1.25rem;
  max-height: 4.5535875rem;
  line-height: 1.21429;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (min-width: 782px) {
  .top-picks .top-picks__content > article > .wp-block-heading {
    font-size: 1.5rem;
    display: block;
    display: -webkit-box;
    font-size: 1.5rem;
    max-height: 5.464305rem;
    line-height: 1.21429;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 992px) {
  .top-picks .top-picks__content > article > .wp-block-heading {
    font-size: 1.75rem;
    display: block;
    display: -webkit-box;
    font-size: 1.75rem;
    max-height: 6.3750225rem;
    line-height: 1.21429;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
.top-picks .top-picks__content > article .top-picks__excerpt {
  font-size: 1.125rem;
  line-height: 1.44;
  display: block;
  display: -webkit-box;
  font-size: 1.125rem;
  max-height: 4.86rem;
  line-height: 1.44;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 2rem;
}
.top-picks .top-picks__content > article:nth-of-type(1) {
  position: relative;
}
.top-picks .top-picks__content > article.tm-article--visible {
  opacity: 1;
  z-index: 5;
}
@media (min-width: 782px) {
  .top-picks .top-picks__content > article:nth-of-type(2) > figure {
    aspect-ratio: 3/4;
  }
}
@media (min-width: 782px) {
  .top-picks .top-picks__content > article:nth-of-type(3) > figure {
    aspect-ratio: 16/9;
  }
}
.top-picks .top-picks__controls {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: var(--wp--style--block-gap);
}
@media (min-width: 782px) {
  .top-picks .top-picks__controls {
    display: none;
  }
}
.top-picks .top-picks__controls button {
  background: none;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 100%;
  width: 2.75rem;
  height: 2.75rem;
  position: relative;
  transform: rotate(90deg);
  cursor: pointer;
}
.top-picks .top-picks__controls button.disabled {
  opacity: 0.3;
  cursor: default;
}
.top-picks .top-picks__controls button + button {
  transform: rotate(-90deg);
}
.top-picks .top-picks__controls button .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
  width: 1rem;
}
.top-picks .top-picks__controls button .icon * {
  fill: var(--wp--preset--color--primary);
}

.has-primary-background-color > .wp-block-acf-top-picks .top-picks__controls button,
.has-contrast-background-color > .wp-block-acf-top-picks .top-picks__controls button {
  border: 1px solid var(--wp--preset--color--base);
}
.has-primary-background-color > .wp-block-acf-top-picks .top-picks__controls button .icon *,
.has-contrast-background-color > .wp-block-acf-top-picks .top-picks__controls button .icon * {
  fill: var(--wp--preset--color--base);
}/*# sourceMappingURL=style.css.map */