.league-choose-layout {
      gap: 12px;
    }

    .league-choose-nav-link {
      color: var(--text-tetriary);
      transition: color 0.15s ease;
    }

    .league-choose-continent-icon {
      width: 28px !important;
      min-width: 28px !important;
      max-width: 28px !important;
      height: 21px !important;
      min-height: 21px !important;
      max-height: 21px !important;
      line-height: 21px;
      border-radius: 4px !important;
      background-color: var(--accent-primary-green);
      cursor: default;
      box-shadow: none;
    }

    .league-choose-continent-icon:hover {
      z-index: 20;
      transform: none !important;
      border-radius: 4px;
      box-shadow: none;
    }

    .league-choose-nav-link:hover {
      color: var(--text-dark-grey);
    }

    .league-choose-nav-link.is-active {
      color: var(--accent-lightgreen);
    }

    .league-choose-nav-link.is-active:hover {
      color: var(--accent-lightgreen);
    }

    .league-choose-item {
      background-color: var(--grayscale-gray-xlight);
      border-radius: 4px;
      transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background-color 0.18s ease;
    }

    .league-choose-item:hover {
      background-color: var(--grayscale-gray-light);
      transform: none;
      box-shadow: none;
    }

    .league-choose-item:hover .league-choose-title {
      color: var(--text-dark-grey);
    }

    .league-choose-item:active {
      transform: none;
      box-shadow: none;
    }

    .league-choose-item:focus-visible {
      outline: 2px solid var(--accent-primary-green);
      outline-offset: 1px;
    }

    .league-choose-country-target {
      scroll-margin-top: 132px;
    }

    @media (prefers-reduced-motion: reduce) {
      .league-choose-item {
        transition: none;
      }
    }

    .league-choose-flag {
      width: 28px;
      height: 21px;
      line-height: 21px;
      border-radius: 4px;
      overflow: hidden;
    }

    .league-choose-flag.flag-icon-un {
      background-image: url('/flags/4x3/un-green.svg') !important;
    }

    .league-choose-free-text p {
      font-size: 14px !important;
      line-height: 20px;
    }

    @media (min-width: 1024px) {
      .league-choose-layout {
        gap: 24px;
      }
    }

    @media (max-width: 1279px) {
      .standart-layout.league-choose-layout {
        flex-direction: column;
        gap: 12px;
      }

      .standart-layout.league-choose-layout > .standart-sidebar,
      .standart-layout.league-choose-layout > .standart-content {
        flex: none;
        width: 100%;
        min-width: 0;
      }

      .league-choose-layout > .standart-sidebar {
        position: sticky;
        top: calc(var(--league-choose-header-height, 68px) + 8px);
        z-index: 30;
        flex-direction: row;
        gap: 6px;
        overflow-x: auto;
      }

      .league-choose-layout .league-choose-nav-link {
        flex: 1 0 auto;
        justify-content: center;
        gap: 6px;
        min-height: 44px;
        padding: 6px 8px;
        border: 1px solid var(--grayscale-gray-light);
        border-radius: 6px;
        font-size: 14px;
        white-space: nowrap;
      }

      .league-choose-layout .league-choose-nav-link:hover {
        background-color: var(--grayscale-gray-xlight);
      }

      .league-choose-layout .league-choose-nav-link.is-active {
        color: var(--accent-darkgreen);
        background-color: rgba(32, 163, 101, 0.1);
        border-color: rgba(32, 163, 101, 0.15);
      }

      .league-choose-layout .league-choose-nav-link.is-active > span {
        color: var(--accent-darkgreen);
        background-color: rgba(32, 163, 101, 0.12);
      }

      .league-choose-layout .league-choose-nav-link:focus-visible {
        outline: 2px solid var(--accent-primary-green);
        outline-offset: 2px;
      }
    }