/**
 * Foundation for Sites by ZURB
 * Version 6.2.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/* line 16, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-l-grid {
  --width-product-max: 20rem; }
  @media screen and (min-width: 48.75em) {
    /* line 16, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-l-grid {
      display: grid;
      grid-template-columns: 1fr 80px 2fr; } }
  @media screen and (min-width: 64.0625em) {
    /* line 16, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-l-grid {
      display: grid;
      grid-template-columns: 1fr 80px 3fr; } }

/* line 30, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-search {
  max-width: var(--width-product-max);
  margin-block: 1lh;
  margin-inline: auto; }
  @media screen and (min-width: 48.75em) {
    /* line 30, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-search {
      max-width: unset;
      margin-block-start: unset;
      margin-inline: unset; } }
  /* line 41, src/publicweb/scss/pages/projector-successor-finder.scss */
  .psf-search .select2 {
    margin: 0; }

/* line 45, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output p {
  line-height: 1.2; }

/* line 47, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output a {
  text-underline-offset: 0.1875em; }

/* line 50, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem; }
  @media screen and (min-width: 48.75em) {
    /* line 50, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__cell {
      flex-direction: column;
      align-items: unset; } }
  /* line 61, src/publicweb/scss/pages/projector-successor-finder.scss */
  .psf-output__cell--arrow {
    display: block;
    padding-block: 1.5rem; }

/* line 67, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__title {
  font-family: var(--ff-body);
  margin: 0; }

/* line 72, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__arrow {
  display: block;
  width: var(--psf-arrow-width, auto);
  height: var(--psf-arrow-height, 2rem);
  aspect-ratio: var(--psf-arrow-aspect-ratio, 128/32);
  background-color: #e3e3e5;
  clip-path: var(--psf-arrow-clip-path, polygon(0% 0%, 100% 0%, 50% 100%));
  margin-inline: auto; }
  @media screen and (min-width: 48.75em) {
    /* line 72, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__arrow {
      --psf-arrow-width: 2rem;
      --psf-arrow-height: auto;
      --psf-arrow-aspect-ratio: 32 / 128;
      --psf-arrow-clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
      margin-block-start: 3lh; } }

/* line 91, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__group {
  --padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  padding: var(--padding); }
  /* line 99, src/publicweb/scss/pages/projector-successor-finder.scss */
  .psf-output__group--successor {
    --gap: 2rem;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
    row-gap: calc(var(--gap) * 1.5); }
  @media screen and (max-width: 48.6875em) {
    /* line 109, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__group--selection, .psf-output__group--successor {
      max-width: var(--width-product-max);
      margin-inline: auto; } }
  @media screen and (min-width: 48.75em) {
    /* line 117, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__group--successor {
      flex-grow: 1;
      margin-inline-end: auto; }
    /* line 122, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__group--notice {
      justify-content: center;
      flex-grow: 1;
      margin-inline-end: auto; } }

/* line 130, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__product {
  text-align: center; }
  @media screen and (min-width: 48.75em) {
    /* line 133, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__group--successor .psf-output__product {
      max-width: clamp(189px, -71px + 33.3333vw, 270px); } }
  @media screen and (min-width: 64.0625em) {
    /* line 133, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__group--successor .psf-output__product {
      max-width: clamp(194px, -117.0345px + 30.3448vw, 238px); } }

/* line 144, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__product-img {
  display: block;
  margin-bottom: 0.75rem; }

/* line 149, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__product-lnk {
  font-size: 1.25rem;
  font-weight: var(--fw-bold, 700);
  text-decoration-line: none; }

/* line 155, src/publicweb/scss/pages/projector-successor-finder.scss */
.psf-output__notice {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  -moz-column-gap: clamp(1.25rem, 0.7451rem + 1.9608vw, 2rem);
       column-gap: clamp(1.25rem, 0.7451rem + 1.9608vw, 2rem);
  align-items: center;
  font-size: clamp(1.125rem, 1.0761rem + 0.2174vw, 1.25rem); }
  @media screen and (min-width: 25.75em) {
    /* line 155, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__notice {
      flex-direction: row; } }
  @media screen and (min-width: 64.0625em) {
    /* line 155, src/publicweb/scss/pages/projector-successor-finder.scss */
    .psf-output__notice {
      margin-inline: 1.125rem 2rem; } }

@media screen and (min-width: 25.75em) {
  /* line 172, src/publicweb/scss/pages/projector-successor-finder.scss */
  .psf-output__notice-img {
    flex-basis: clamp(3.5rem, 1.0541rem + 9.4987vw, 8rem);
    flex-grow: 0;
    flex-shrink: 0; } }