/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =======================================
=            In Your Country             =
======================================== */
@layer sdc {
  .in-your-country {
    --in-your-country-bg: var(--color-grey-three);
    --in-your-country-color: var(--color-black-main);
    --color-arrow: var(--color-primary);
    padding-block: var(--component-inner-space);
  }
  .in-your-country--dark {
    --in-your-country-bg: var(--color-dark);
    --in-your-country-color: var(--color-grey-three);
  }
  .in-your-country__content {
    display: flex;
    justify-content: center;
    padding: 2rem;
    color: var(--in-your-country-color);
    border-block-end: solid 0.25rem var(--color-secondary);
    background-color: var(--in-your-country-bg);
  }
  @media (min-width: 42.5em) {
    .in-your-country__content {
      padding-inline: 2.3rem;
    }
  }
  @media (min-width: 64em) {
    .in-your-country__content {
      padding-block: 3rem;
    }
  }
  @media (min-width: 75em) {
    .in-your-country__content {
      padding: 3.75rem 6.25rem;
    }
  }
  .in-your-country__content__inner {
    width: 100%;
  }
  @media (width >= 56.3125em) {
    .in-your-country__content__inner {
      max-width: 60.625rem;
    }
  }
  @media (min-width: 64em) {
    .in-your-country__content__inner {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      column-gap: 3rem;
    }
  }
  .in-your-country .select-custom {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;

    /* stylelint-disable */

    /* stylelint-enable */
  }
  .in-your-country .select-custom ::picker(select),
  .in-your-country .select-custom select {
    appearance: base-select;
  }
  .in-your-country .select-custom select {
    padding-inline-end: 0.625rem;
    color: var(--in-your-country-color);
    border: none;
    border-radius: 0.25rem;
    font-family: var(--font-secondary);
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .in-your-country .select-custom select::picker-icon {
    display: none;
  }
  .in-your-country .select-custom select::picker(select) {
    width: min-content;
    border: 1px solid var(--color-grey-three);
  }
  .in-your-country .select-custom select:hover {
    cursor: pointer;
  }
  .in-your-country .select-custom select:focus,
  .in-your-country .select-custom select:hover {
    opacity: 0.9;
    color: inherit;
    background-color: inherit;
  }
  .in-your-country .select-custom select option {
    display: flex;
    justify-content: flex-start;
    padding: 0.625rem;
    transition: color 0.3s ease-out;
    color: var(--color-black-main);
    border: 1px solid var(--color-grey-three);
    background: var(--color-white);
    font-size: 1.125rem;
    gap: 1.25rem;
  }
  .in-your-country .select-custom select option:hover {
    cursor: pointer;
    color: var(--color-primary);
    background-color: var(--color-grey-three);
  }
  .in-your-country .select-custom select option::checkmark {
    color: var(--color-arrow);
  }
  @supports not (appearance: base-select) {
    .in-your-country .select-custom select {
      flex-grow: 1;
      width: 100%;
      margin: 0;
      padding: 0 2rem 0 0;
      white-space: normal;
      outline: none;
      background-color: inherit;
      appearance: none;
    }
  }
  .in-your-country .select-custom svg {
    flex-shrink: 0;
    justify-self: flex-end;
  }
  @media (min-width: 42.5em) {
    .in-your-country .select-custom {
      max-width: 37.5rem;
    }
  }
  @media (min-width: 64em) {
    .in-your-country .select-custom {
      max-width: 23.125rem;
    }
  }
  .in-your-country__data {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    margin-top: 1.5rem;
  }
  .in-your-country__data__title {
    margin: 0;
    font-size: 1.1875rem;
  }
  @media (min-width: 64em) {
    .in-your-country__data__title {
      margin-bottom: 0.625rem;
      font-size: 1.3125rem;
    }
  }
  .in-your-country__data__text {
    font-size: 1.875rem;
  }
  @media (min-width: 64em) {
    .in-your-country__data__text {
      font-size: 2.25rem;
    }
  }
  .in-your-country__data__surface-area__mesure {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    column-gap: 1rem;
  }
  .in-your-country__data__surface-area span {
    font-size: 1rem;
    font-weight: 300;
  }
  @media (min-width: 42.5em) {
    .in-your-country__data {
      flex-flow: row wrap;
      justify-content: flex-start;
      column-gap: 4rem;
    }
  }
  @media (min-width: 64em) {
    .in-your-country__data {
      flex-grow: 1;
      justify-content: flex-end;
      margin-top: 0;
    }
  }
}