:root {
    --scroll-offset: 70px;
}
html {
    scroll-padding-top: var(--scroll-offset);
}
@media (max-width: 768px) {
    :root {
        --scroll-offset: 56px;
    }
}

body {
    padding-bottom: 100px;
}

.tab-pane-bordered {
    border: solid 1px var(--bs-border-color);
    border-top: 0;
}

/* google ads */
ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}

.dotted_underline {
    border-bottom: 1px dotted;
    border-color: var(--bs-secondary-color);
}

/* bootstrap suggest */
.suggest {
    position: relative;
    top: 7px;
    z-index: 1050;
}

.suggest > .dropdown-menu {
    margin-top: 15px;
    position: absolute;
}

.suggest > .dropdown-menu > a.dropdown-item {
    border-top: 1px solid var(--bs-border-color);
    padding: 5px 10px;
}

.suggest > .dropdown-menu > a.dropdown-item:first-child {
    border-top: 0;
}

.input-loading {
    background-color: var(--bs-body-bg);
    background-image: url("https://assets.getkoppa.com/wejustlovethegame/loading.gif");
    background-size: 25px 25px;
    background-position: 99.2% center;
    background-repeat: no-repeat;
}

.text-smaller {
    font-size: .875rem;
}

.quick-links li > a:hover {
    text-decoration: underline;
}

.notifications-dropdown  {
    width: 400px;
}
@media screen and (max-width: 768px) {
    .notifications-dropdown  {
        width: 300px;
    }
}

.table-news tr {
    cursor: pointer;
}

[id^="thumbs"] > div > img {
    cursor: pointer;
}

.giphy-masonry {
  column-count: 2;
  column-gap: .75rem;
}

@media (min-width: 768px) {
  .giphy-masonry { column-count: 3; }
}
@media (min-width: 992px) {
  .giphy-masonry { column-count: 4; }
}

.giphy-masonry .card {
  display: inline-block;
  width: 100%;
  margin: 0 0 .75rem;
  break-inside: avoid;
}

.giphy-masonry img {
  width: 100%;
  height: auto;
  display: block;
}

#editMessageModal > .modal-body {
    min-height: 320px;
}

#editCommentModal > .modal-body {
    min-height: 320px;
}

.cover-image {
    width: 100%;
}

.promo-container {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 0;
    height: 340px;
    overflow: hidden;
}
.promo-video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
    overflow: hidden;
}
.promo-overlay {
    position: relative;
    top: 0px;
    width: 100%;
}
.promo-bg-text {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border-radius: 0.25rem;
}

@media screen and (max-width: 768px) {
    .promo-container {
        height: 300px;
    }
}
/* carousel */
#carouselCompany {
    border: 1px solid var(--bs-border-color);
}
.carousel-control-prev,
.carousel-control-next {
    text-decoration: none !important;
    color: inherit !important;
    width: 12%;
}

/* navbar */
.navbar-brand {
    white-space: inherit !important;
}
.navbar-brand-client {
    margin-top: 1px !important;
}
.client-navbar-brand-logo {
    margin-right: 6px;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 0px;
    height: 50px;
    width: auto;
    float: left;
}
.navbar-brand-logo-transition:hover {
    transform: scale(1.06);
}
.navbar-brand-logo-transition {
    transition: all 150ms;
    transform-origin: 50% 50%;
}
.footer-social-link:hover {
    transform: scale(1.06);
    color: var(--bs-body-color);
}
.footer-social-link {
    transition: all 150ms;
    transform-origin: 50% 50%;
}
.brand-title {
    display: inline-block;
    /* margin-left: 6px; */
    /* margin-top: 2px; */
}
.brand-title-light {
    color: var(--bs-secondary-color) !important;
}
.navbar-title {
    display: block;
    margin-top: 0px;
    font-size: 20px;
    line-height: normal;
}
.navbar-subtitle {
    display: block;
    margin-top: -1px;
    font-style: italic;
    font-size: 14px;
}
.navbar-btn {
    padding-left: 10px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
}
.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.8);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-nav > .active > a {
    text-decoration: underline;
}
.navbar-nav .nav-link.active {
    text-decoration: underline;
}
.active-underline {
    text-decoration: underline;
}
.sponsor-logo-image {
    height: auto;
    width: auto;
}

.sponsor-logo-image-small {
    max-height: 40px;
}

.sponsor-logo-image-medium {
    max-height: 60px;
}

.sponsor-logo-image-large {
    max-height: 80px;
}

@media (max-width: 768px) {
    .sponsor-logo-image-small {
        max-height: 30px;
    }

    .sponsor-logo-image-medium {
        max-height: 45px;
    }

    .sponsor-logo-image-large {
        max-height: 60px;
    }
}
/* footer */
@media screen and (max-width: 768px) {
    .sponsor {
        height: auto;
        max-width: 280px;
    }
}

.share-icons {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    padding: 4px 0;
}

.share-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: currentColor;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    text-decoration: none;
    transition: transform 150ms ease;
    transform-origin: 50% 50%;
    flex: 0 0 auto;
}

.share-circle:hover {
    transform: scale(1.06);
    filter: brightness(1.08);
}

@media (max-width: 576px) {
  .share-icons {
    gap: 10px;
    margin-bottom: 1rem;
  }
}

/* merk­kleuren */
.facebook  { color: #1877f2; }
.x         { color: var(--bs-body-color); }
.linkedin  { color: #0a66c2; }
.whatsapp  { color: #25d366; }
.email     { color: #9e9e9e; }

.text-footer {
    color: var(--bs-secondary-color) !important;
}
.text-footer-link {
    color: var(--bs-secondary-color) !important;
    cursor: pointer;
}
.legal-footer {
    color: var(--bs-secondary-color) !important;
    cursor: pointer;
}
footer {
    margin: 30px 0px 30px 0;
    color: var(--bs-secondary-color);
    line-height: 1.6rem;
}
footer ul {
    list-style-type: none;
    padding-left: 0;
}
footer ul > li > a {
    color: var(--bs-secondary-color);
    line-height: 18px;
}
footer ul > li > a:hover {
    color: var(--bs-body-color);
}
footer ul > li.active > a {
    color: var(--bs-body-color);
    text-decoration: underline;
}

footer a {
  text-decoration: none;
}

footer a:hover,
footer a:focus-visible {
  text-decoration: underline;
}

.footer-logo:hover {
    transform: scale(1.06);
    color: var(--bs-body-color) !important;
}
.footer-logo {
    height: 46px;
    width: auto;
    transition: all 150ms;
    transform-origin: 50% 50%;
}

/* calculating */
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.calculating span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.calculating span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.calculating span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}

.js-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  min-width: 42px;
  padding: 0;
  line-height: 1;
}

.js-theme-toggle i {
  transition: transform .2s ease;
}

[data-bs-theme="dark"] .js-theme-toggle i {
  transform: rotate(180deg);
}

/* InscrybMDE dark-mode overrides */
[data-bs-theme="dark"] .CodeMirror {
  color: #c9d1d9;
  background: #1e1e1e;
  border-color: #444;
}
[data-bs-theme="dark"] .CodeMirror-gutters {
  background-color: #1e1e1e;
  border-right-color: #444;
}
[data-bs-theme="dark"] .CodeMirror-cursor {
  border-left-color: #c9d1d9;
}
[data-bs-theme="dark"] .CodeMirror-selected,
[data-bs-theme="dark"] .CodeMirror-focused .CodeMirror-selected {
  background: #264f78;
}
[data-bs-theme="dark"] .CodeMirror-activeline-background {
  background: #2a2a2a;
}
[data-bs-theme="dark"] .CodeMirror-fullscreen {
  background: #1e1e1e;
}
[data-bs-theme="dark"] .CodeMirror-gutter-filler,
[data-bs-theme="dark"] .CodeMirror-scrollbar-filler {
  background-color: #1e1e1e;
}
[data-bs-theme="dark"] .editor-toolbar {
  border-color: #444;
}
[data-bs-theme="dark"] .editor-toolbar a,
[data-bs-theme="dark"] .editor-toolbar button {
  color: #adb5bd !important;
}
[data-bs-theme="dark"] .editor-toolbar a.active,
[data-bs-theme="dark"] .editor-toolbar a:hover,
[data-bs-theme="dark"] .editor-toolbar button.active,
[data-bs-theme="dark"] .editor-toolbar button:hover {
  background: #2a2a2a;
  border-color: #555;
}
[data-bs-theme="dark"] .editor-toolbar i.separator {
  border-left-color: #444;
  border-right-color: #2a2a2a;
}
[data-bs-theme="dark"] .editor-toolbar.fullscreen {
  background: #1e1e1e;
}
[data-bs-theme="dark"] .editor-preview,
[data-bs-theme="dark"] .editor-preview-side {
  background: #1e1e1e;
  color: #c9d1d9;
}
[data-bs-theme="dark"] .editor-preview-side {
  border-color: #444;
}
[data-bs-theme="dark"] .editor-preview pre,
[data-bs-theme="dark"] .editor-preview-side pre {
  background: #2a2a2a;
}
[data-bs-theme="dark"] .editor-preview table td,
[data-bs-theme="dark"] .editor-preview table th,
[data-bs-theme="dark"] .editor-preview-side table td,
[data-bs-theme="dark"] .editor-preview-side table th {
  border-color: #444;
}
[data-bs-theme="dark"] .editor-statusbar {
  color: #6c757d;
}

/* Dark mode: soften Bootstrap table contextual row colors */
[data-bs-theme="dark"] .table-success {
  --bs-table-bg: rgba(25, 135, 84, 0.18);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(25, 135, 84, 0.3);
}
[data-bs-theme="dark"] .table-warning {
  --bs-table-bg: rgba(255, 193, 7, 0.15);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(255, 193, 7, 0.25);
}
[data-bs-theme="dark"] .table-danger {
  --bs-table-bg: rgba(220, 53, 69, 0.18);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(220, 53, 69, 0.3);
}
[data-bs-theme="dark"] .table-info {
  --bs-table-bg: rgba(13, 202, 240, 0.15);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: rgba(13, 202, 240, 0.25);
}

/* ========================================
   Bootstrap-style Callouts (main.css)
   ======================================== */

.callout {
  padding: 1.25rem;
  margin: 1.5rem 0;
  border-left: 0.25rem solid;
  border-radius: 0.375rem;
  background-color: var(--bs-tertiary-bg);
}

/* Headings inside callouts */
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5 {
  margin-bottom: 0.25rem;
}

/* Remove bottom margin from last element */
.callout > :last-child {
  margin-bottom: 0;
}


/* INFO (default / tip) */
.callout-info {
  color: var(--bs-info-text-emphasis);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info-border-subtle);
}


/* SUCCESS */
.callout-success {
  color: var(--bs-success-text-emphasis);
  background-color: var(--bs-success-bg-subtle);
  border-color: var(--bs-success-border-subtle);
}


/* WARNING */
.callout-warning {
  color: var(--bs-warning-text-emphasis);
  background-color: var(--bs-warning-bg-subtle);
  border-color: var(--bs-warning-border-subtle);
}


/* DANGER */
.callout-danger {
  color: var(--bs-danger-text-emphasis);
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger-border-subtle);
}


/* OPTIONAL: Brand / Primary callout */
.callout-primary {
  color: var(--bs-primary-text-emphasis);
  background-color: var(--bs-primary-bg-subtle);
  border-color: var(--bs-primary-border-subtle);
}

.fantasy-status-callout {
  margin-top: 0;
  margin-bottom: 1rem;
}

.fantasy-status-line {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  line-height: 1.5;
}

.fantasy-status-line i {
  margin-top: .15rem;
  min-width: 1rem;
}

.phase-schedule-intro {
  margin-bottom: .75rem;
}

.phase-windows-table th i {
  margin-right: .35rem;
  opacity: .8;
}

/* video js */
.vjs-subs-caps-button {
    display: none;
}

/* logos */
.browser-logo {
    width: 80px;
    height: 80px;
}

@media screen and (max-width: 768px) {
    .browser-logo {
        width: 50px;
        height: 50px;
    }
}

/* stats */
.graph {
    width: auto;
    height: 500px;
}
@media screen and (max-width: 1200px) {
    .graph {
        height: 400px;
    }
}
@media screen and (max-width: 992px) {
    .graph {
        height: 300px;
    }
}
@media screen and (max-width: 768px) {
    .graph {
        height: auto;
    }
}

/* Dark mode: Google Charts SVG text (includes "No data" placeholder) */
[data-bs-theme="dark"] .graph text {
    fill: #e2e8f0 !important;
}

/* images */

.userteam-image {
    position: relative;
    height: 88px;
    width: 88px;
}

.userteam-image-small {
    height: 32px;
    width: 32px;
}

.userteam-image-24px {
    height: 24px;
    width: 24px;
}

.pool-image {
    height: 88px;
    width: 88px;
}

.pool-image-small {
    height: 32px;
    width: 32px;
}

.package-icon {
    height: 28px;
    width: 28px;
}

#changePictureOverlaySelect {
    position: absolute;

    top: auto;
    right: auto;
    height: auto;
    width: auto;

    justify-content: flex-start;
}

.package-icon-medium {
    height: 48px;
    width: 48px;
}

.package-icon-large {
    height: 92px;
    width: 92px;
}

@media screen and (max-width: 992px) {
    .userteam-image {
        height: 72px;
        width: 72px;
    }
    .pool-image {
        height: 72px;
        width: 72px;
    }
}

@media screen and (max-width: 768px) {
    .img-mobile {
        width: 200px;
    }
}

/* country double */
.country-is-double {
    text-decoration: line-through;
}

.form-select {
    padding-right: 1.7rem !important;
    background-position: right 0.7rem center !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 480px) {
  .recent-form i:nth-last-child(-n+2) {
    display: none;
  }
}

/* form */
.was-validated .form-select:valid,
.form-select.is-valid,
.was-validated .form-select:invalid,
.form-select.is-invalid {
  background-image: var(--bs-form-select-bg-img) !important; /* keep arrow */
  box-shadow: none;

  /* 🔑 RESET the excessive padding */
  padding-right: 1.7rem !important;
  background-position: right 0.7rem center !important;
}

.was-validated .form-select.is-double:valid,
.was-validated .form-select.is-double:invalid,
.form-select.is-double.is-valid,
.form-select.is-double.is-invalid {
  background-color: var(--bs-danger-bg-subtle);
  border-color: var(--bs-danger) !important;

  /* keep arrow */
  background-image: var(--bs-form-select-bg-img) !important;

  /* IMPORTANT: remove extra validation padding */
  padding-right: 1.7rem !important;
  background-position: right 0.7rem center !important;

  box-shadow: none;
}

.fixtures-wrap {
    overflow-x: hidden;
}

.prediction-bracket-board {
    display: grid;
    gap: 2rem;
}

.prediction-bracket-round {
    display: grid;
    gap: 0.9rem;
}

.prediction-bracket-round-stack {
    width: 100%;
}

.prediction-bracket-round-shell {
    padding: 1.6rem;
    border: 1px solid rgba(31, 41, 84, 0.12);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(41, 99, 216, 0.03), rgba(41, 99, 216, 0)),
        var(--bs-body-bg);
}

.prediction-bracket-round-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(31, 41, 84, 0.1);
}

.prediction-bracket-round-copy {
    color: var(--bs-secondary-color);
    max-width: 42rem;
}

.prediction-bracket-round-deadline {
    min-width: 12rem;
    text-align: right;
}

.prediction-bracket-round-label {
    display: inline-block;
    margin-bottom: 0.2rem;
    color: #0dcaf0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.prediction-bracket-matches {
    display: grid;
    gap: 1.25rem;
}

.prediction-bracket-grid-xl {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.prediction-bracket-grid-lg {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.prediction-bracket-grid-md {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 920px;
    margin: 0 auto;
}

.prediction-bracket-grid-sm {
    grid-template-columns: minmax(280px, 420px);
    justify-content: center;
}

.prediction-bracket-match {
    background:
        var(--bs-body-bg);
    border: 2px solid rgba(31, 41, 84, 0.12);
    border-radius: 18px;
    min-height: 210px;
}

.prediction-bracket-badge {
    background-color: #262b63;
    color: #f5cd68;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.prediction-bracket-select-wrap .form-select {
    min-height: 52px;
    border: 2px solid rgba(31, 41, 84, 0.12);
    border-radius: 12px;
    font-weight: 600;
}

.prediction-bracket-team-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.35rem;
    border-radius: 16px;
    transition: background-color 140ms ease, box-shadow 140ms ease;
    cursor: pointer;
}

.prediction-bracket-team-row.is-winner .form-select {
    border-color: rgba(25, 135, 84, 0.9);
    box-shadow: 0 0 0 0.28rem rgba(25, 135, 84, 0.12);
}

.prediction-bracket-winner-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 52px;
    padding: 0.8rem 0.85rem;
    border: 2px solid rgba(31, 41, 84, 0.14);
    border-radius: 12px;
    background: var(--bs-body-bg);
    color: var(--bs-secondary-color);
    font-weight: 700;
    line-height: 1;
    transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease;
}

.prediction-bracket-team-row:hover {
    background: rgba(41, 99, 216, 0.04);
}

.prediction-bracket-team-row.is-winner {
    background: rgba(25, 135, 84, 0.08);
}

.prediction-bracket-winner-dot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid currentColor;
    border-radius: 999px;
    font-size: 0.7rem;
}

.prediction-bracket-winner-dot i {
    opacity: 0;
}

.prediction-bracket-winner-text {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.prediction-bracket-winner-toggle.is-active {
    background: #198754;
    border-color: #198754;
    color: #fff;
}

.prediction-bracket-winner-toggle.is-active .prediction-bracket-winner-dot i {
    opacity: 1;
}

.prediction-bracket-feed {
    display: inline-block;
    margin-top: 0.4rem;
    padding: 0.45rem 0.65rem;
    border-radius: 12px;
    background: #262b63;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
}

.prediction-bracket-intro {
    background:
        radial-gradient(circle at top left, rgba(41, 99, 216, 0.12), transparent 40%),
        radial-gradient(circle at bottom right, rgba(255, 193, 7, 0.14), transparent 45%),
        var(--bs-body-bg);
}

html[data-bs-theme="dark"] .prediction-bracket-round-header {
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

html[data-bs-theme="dark"] .prediction-bracket-round-shell {
    border-color: rgba(255, 255, 255, 0.1);
    background:
        linear-gradient(180deg, rgba(13, 202, 240, 0.05), rgba(13, 202, 240, 0)),
        rgba(255, 255, 255, 0.02);
}

html[data-bs-theme="dark"] .prediction-bracket-match {
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-bs-theme="dark"] .prediction-bracket-team-row.is-winner .form-select {
    border-color: rgba(32, 201, 151, 0.9);
    box-shadow: 0 0 0 0.28rem rgba(32, 201, 151, 0.14);
}

html[data-bs-theme="dark"] .prediction-bracket-team-row:hover {
    background: rgba(13, 202, 240, 0.06);
}

html[data-bs-theme="dark"] .prediction-bracket-team-row.is-winner {
    background: rgba(32, 201, 151, 0.1);
}

html[data-bs-theme="dark"] .prediction-bracket-winner-toggle {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.03);
}

@media (max-width: 1399.98px) {
    .prediction-bracket-grid-xl,
    .prediction-bracket-grid-lg {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .prediction-bracket-round-header {
        flex-direction: column;
    }

    .prediction-bracket-round-deadline {
        min-width: 0;
        text-align: left;
    }

    .prediction-bracket-grid-xl,
    .prediction-bracket-grid-lg,
    .prediction-bracket-grid-md {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .prediction-bracket-board {
        gap: 1.25rem;
    }

    .prediction-bracket-round-shell {
        padding: 1rem;
        border-radius: 16px;
    }

    .prediction-bracket-grid-xl,
    .prediction-bracket-grid-lg,
    .prediction-bracket-grid-md,
    .prediction-bracket-grid-sm {
        grid-template-columns: minmax(0, 1fr);
    }

    .prediction-bracket-team-row {
        grid-template-columns: minmax(0, 1fr) 48px;
        gap: 0.5rem;
    }

    .prediction-bracket-winner-toggle {
        min-height: 48px;
        width: 48px;
        padding: 0;
        justify-content: center;
    }

    .prediction-bracket-winner-text {
        display: none;
    }
}

.col-md-8 {
  min-width: 0;
}

.predict-button {
    width: 300px;
}

.sticky {
    position: sticky;
    top: 16px;
    z-index: 10;
}

.sticky-button {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3rem;
    z-index: 10;
    width: 300px; /* if you want fixed */
}

@media screen and (max-width: 768px) {
    .sticky-button {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        bottom: 5rem;
        z-index: 10;
    }
}

.admin-sticky-submit-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    z-index: 1040;
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 2rem));
    transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1), transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.admin-sticky-submit-bar.is-visible {
    opacity: 1;
    pointer-events: none;
    transform: translateY(0);
}

.admin-sticky-submit-bar-container {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.admin-sticky-submit-button {
    min-width: min(320px, calc(100vw - 2rem));
    max-width: min(420px, calc(100vw - 2rem));
    pointer-events: auto;
}

.admin-sticky-submit-bar.has-secondary .admin-sticky-submit-button {
    min-width: min(200px, calc(50vw - 1.5rem));
    max-width: min(270px, calc(50vw - 1.5rem));
}

body {
    transition: padding-bottom 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

body.admin-sticky-submit-visible {
    padding-bottom: 7rem;
}

@media screen and (max-width: 768px) {
    .admin-sticky-submit-bar {
        bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    }

    .admin-sticky-submit-button {
        min-width: calc(100vw - 2rem);
        max-width: calc(100vw - 2rem);
    }

    .admin-sticky-submit-bar.has-secondary .admin-sticky-submit-button {
        min-width: calc(50vw - 1.5rem);
        max-width: calc(50vw - 1.5rem);
    }

    body.admin-sticky-submit-visible {
        padding-bottom: 9rem;
    }
}

/* striped table */
.table-striped > tbody > tr:nth-child(2n + 1) > td,
.table-striped > tbody > tr:nth-child(2n + 1) > th {
    background-color: var(--bs-tertiary-bg);
}

/* signup */
.signup {
    color: var(--bs-secondary-color);
    text-decoration: underline;
    cursor: pointer;
    font-size: 100%;
}
a:not([href]):not([tabindex]).signup {
    text-decoration: underline;
}
.modal .modal-body {
    max-height: 480px;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
    .modal .modal-body {
        max-height: 320px;
        overflow-y: auto;
    }
}

.floating-controls-position {
  margin-left: 1.5em;
  margin-bottom: 2em;
}

.floating-controls-btn {
  border-radius: 0.4rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.predict-button-ios-offset {
  bottom: 4.0em !important;
}

/* Cookieconsent "classic" is floating → it gets a default margin (incl. bottom) */
.cc-window.cc-floating {
  margin: 0 8px 0px !important;  /* top, left/right, bottom */
}

/* If your build applies bottom positioning via cc-bottom */
.cc-window.cc-bottom {
  bottom: 8px !important;
}

/* Optional: iOS safe-area so it never hugs the home indicator */
@supports (padding: env(safe-area-inset-bottom)) {
  .cc-window.cc-bottom {
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
  }
}

/* jerseys */
.jersey-icon {
    display: inline-block;
    width: 1.1em;
}

/* country flags */
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}
.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 0.9em;
}
.flag-icon:before {
    content: "\00a0";
}
.flag-icon.flag-icon-squared {
    width: 0.9em;
}
.flag-icon-AND {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AND.svg");
}
.flag-icon-AND.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AND.svg");
}
.flag-icon-UAE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/UAE.svg");
}
.flag-icon-UAE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/UAE.svg");
}
.flag-icon-AFG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AFG.svg");
}
.flag-icon-AFG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AFG.svg");
}
.flag-icon-ATG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ATG.svg");
}
.flag-icon-ATG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ATG.svg");
}
.flag-icon-AIA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AIA.svg");
}
.flag-icon-AIA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AIA.svg");
}
.flag-icon-ALB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ALB.svg");
}
.flag-icon-ALB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ALB.svg");
}
.flag-icon-ARM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ARM.svg");
}
.flag-icon-ARM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ARM.svg");
}
.flag-icon-ANG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ANG.svg");
}
.flag-icon-ANG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ANG.svg");
}
.flag-icon-ARG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ARG.svg");
}
.flag-icon-ARG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ARG.svg");
}
.flag-icon-ASA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ASA.svg");
}
.flag-icon-ASA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ASA.svg");
}
.flag-icon-AUT {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AUT.svg");
}
.flag-icon-AUT.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AUT.svg");
}
.flag-icon-AUS {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AUS.svg");
}
.flag-icon-AUS.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AUS.svg");
}
.flag-icon-ARU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ARU.svg");
}
.flag-icon-ARU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ARU.svg");
}
.flag-icon-AZE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/AZE.svg");
}
.flag-icon-AZE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/AZE.svg");
}
.flag-icon-BIH {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BIH.svg");
}
.flag-icon-BIH.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BIH.svg");
}
.flag-icon-BRB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BRB.svg");
}
.flag-icon-BRB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BRB.svg");
}
.flag-icon-BAN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BAN.svg");
}
.flag-icon-BAN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BAN.svg");
}
.flag-icon-BEL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BEL.svg");
}
.flag-icon-BEL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BEL.svg");
}
.flag-icon-BFA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BFA.svg");
}
.flag-icon-BFA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BFA.svg");
}
.flag-icon-BUL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BUL.svg");
}
.flag-icon-BUL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BUL.svg");
}
.flag-icon-BHR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BHR.svg");
}
.flag-icon-BHR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BHR.svg");
}
.flag-icon-BDI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BDI.svg");
}
.flag-icon-BDI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BDI.svg");
}
.flag-icon-BEN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BEN.svg");
}
.flag-icon-BEN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BEN.svg");
}
.flag-icon-BER {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BER.svg");
}
.flag-icon-BER.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BER.svg");
}
.flag-icon-BRU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BRU.svg");
}
.flag-icon-BRU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BRU.svg");
}
.flag-icon-BOL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BOL.svg");
}
.flag-icon-BOL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BOL.svg");
}
.flag-icon-BRA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BRA.svg");
}
.flag-icon-BRA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BRA.svg");
}
.flag-icon-BAH {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BAH.svg");
}
.flag-icon-BAH.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BAH.svg");
}
.flag-icon-BHU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BHU.svg");
}
.flag-icon-BHU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BHU.svg");
}
.flag-icon-BOT {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BOT.svg");
}
.flag-icon-BOT.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BOT.svg");
}
.flag-icon-BLR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BLR.svg");
}
.flag-icon-BLR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BLR.svg");
}
.flag-icon-BLZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/BLZ.svg");
}
.flag-icon-BLZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/BLZ.svg");
}
.flag-icon-CAN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CAN.svg");
}
.flag-icon-CAN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CAN.svg");
}
.flag-icon-COD {
    background-image: url("https://assets.getkoppa.com/flags/4x3/COD.svg");
}
.flag-icon-COD.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/COD.svg");
}
.flag-icon-CTA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CTA.svg");
}
.flag-icon-CTA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CTA.svg");
}
.flag-icon-CGO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CGO.svg");
}
.flag-icon-CGO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CGO.svg");
}
.flag-icon-SUI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SUI.svg");
}
.flag-icon-SUI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SUI.svg");
}
.flag-icon-CIV {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CIV.svg");
}
.flag-icon-CIV.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CIV.svg");
}
.flag-icon-COK {
    background-image: url("https://assets.getkoppa.com/flags/4x3/COK.svg");
}
.flag-icon-COK.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/COK.svg");
}
.flag-icon-CHI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CHI.svg");
}
.flag-icon-CHI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CHI.svg");
}
.flag-icon-CMR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CMR.svg");
}
.flag-icon-CMR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CMR.svg");
}
.flag-icon-CHN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CHN.svg");
}
.flag-icon-CHN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CHN.svg");
}
.flag-icon-COL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/COL.svg");
}
.flag-icon-COL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/COL.svg");
}
.flag-icon-CRC {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CRC.svg");
}
.flag-icon-CRC.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CRC.svg");
}
.flag-icon-CUB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CUB.svg");
}
.flag-icon-CUB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CUB.svg");
}
.flag-icon-CPV {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CPV.svg");
}
.flag-icon-CPV.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CPV.svg");
}
.flag-icon-CUW {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CUW.svg");
}
.flag-icon-CUW.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CUW.svg");
}
.flag-icon-CYP {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CYP.svg");
}
.flag-icon-CYP.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CYP.svg");
}
.flag-icon-CZE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CZE.svg");
}
.flag-icon-CZE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CZE.svg");
}
.flag-icon-GER {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GER.svg");
}
.flag-icon-GER.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GER.svg");
}
.flag-icon-DJI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/DJI.svg");
}
.flag-icon-DJI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/DJI.svg");
}
.flag-icon-DEN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/DEN.svg");
}
.flag-icon-DEN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/DEN.svg");
}
.flag-icon-DMA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/DMA.svg");
}
.flag-icon-DMA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/DMA.svg");
}
.flag-icon-DOM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/DOM.svg");
}
.flag-icon-DOM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/DOM.svg");
}
.flag-icon-ALG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ALG.svg");
}
.flag-icon-ALG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ALG.svg");
}
.flag-icon-ECU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ECU.svg");
}
.flag-icon-ECU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ECU.svg");
}
.flag-icon-EST {
    background-image: url("https://assets.getkoppa.com/flags/4x3/EST.svg");
}
.flag-icon-EST.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/EST.svg");
}
.flag-icon-EGY {
    background-image: url("https://assets.getkoppa.com/flags/4x3/EGY.svg");
}
.flag-icon-EGY.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/EGY.svg");
}
.flag-icon-ERI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ERI.svg");
}
.flag-icon-ERI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ERI.svg");
}
.flag-icon-ESP {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ESP.svg");
}
.flag-icon-ESP.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ESP.svg");
}
.flag-icon-ETH {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ETH.svg");
}
.flag-icon-ETH.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ETH.svg");
}
.flag-icon-FIN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/FIN.svg");
}
.flag-icon-FIN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/FIN.svg");
}
.flag-icon-FIJ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/FIJ.svg");
}
.flag-icon-FIJ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/FIJ.svg");
}
.flag-icon-FRO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/FRO.svg");
}
.flag-icon-FRO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/FRO.svg");
}
.flag-icon-FRA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/FRA.svg");
}
.flag-icon-FRA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/FRA.svg");
}
.flag-icon-GAB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GAB.svg");
}
.flag-icon-GAB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GAB.svg");
}
.flag-icon-GRN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GRN.svg");
}
.flag-icon-GRN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GRN.svg");
}
.flag-icon-GEO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GEO.svg");
}
.flag-icon-GEO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GEO.svg");
}
.flag-icon-GHA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GHA.svg");
}
.flag-icon-GHA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GHA.svg");
}
.flag-icon-GIB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GIB.svg");
}
.flag-icon-GIB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GIB.svg");
}
.flag-icon-GAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GAM.svg");
}
.flag-icon-GAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GAM.svg");
}
.flag-icon-GUI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GUI.svg");
}
.flag-icon-GUI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GUI.svg");
}
.flag-icon-EQG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/EQG.svg");
}
.flag-icon-EQG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/EQG.svg");
}
.flag-icon-GRE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GRE.svg");
}
.flag-icon-GRE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GRE.svg");
}
.flag-icon-GUA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GUA.svg");
}
.flag-icon-GUA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GUA.svg");
}
.flag-icon-GUM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GUM.svg");
}
.flag-icon-GUM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GUM.svg");
}
.flag-icon-GNB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GNB.svg");
}
.flag-icon-GNB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GNB.svg");
}
.flag-icon-GUY {
    background-image: url("https://assets.getkoppa.com/flags/4x3/GUY.svg");
}
.flag-icon-GUY.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/GUY.svg");
}
.flag-icon-HKG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/HKG.svg");
}
.flag-icon-HKG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/HKG.svg");
}
.flag-icon-HON {
    background-image: url("https://assets.getkoppa.com/flags/4x3/HON.svg");
}
.flag-icon-HON.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/HON.svg");
}
.flag-icon-CRO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CRO.svg");
}
.flag-icon-CRO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CRO.svg");
}
.flag-icon-HAI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/HAI.svg");
}
.flag-icon-HAI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/HAI.svg");
}
.flag-icon-HUN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/HUN.svg");
}
.flag-icon-HUN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/HUN.svg");
}
.flag-icon-IDN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/IDN.svg");
}
.flag-icon-IDN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/IDN.svg");
}
.flag-icon-IRL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/IRL.svg");
}
.flag-icon-IRL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/IRL.svg");
}
.flag-icon-ISR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ISR.svg");
}
.flag-icon-ISR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ISR.svg");
}
.flag-icon-IND {
    background-image: url("https://assets.getkoppa.com/flags/4x3/IND.svg");
}
.flag-icon-IND.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/IND.svg");
}
.flag-icon-IRQ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/IRQ.svg");
}
.flag-icon-IRQ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/IRQ.svg");
}
.flag-icon-IRN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/IRN.svg");
}
.flag-icon-IRN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/IRN.svg");
}
.flag-icon-ISL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ISL.svg");
}
.flag-icon-ISL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ISL.svg");
}
.flag-icon-ITA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ITA.svg");
}
.flag-icon-ITA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ITA.svg");
}
.flag-icon-JAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/JAM.svg");
}
.flag-icon-JAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/JAM.svg");
}
.flag-icon-JOR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/JOR.svg");
}
.flag-icon-JOR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/JOR.svg");
}
.flag-icon-JPN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/JPN.svg");
}
.flag-icon-JPN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/JPN.svg");
}
.flag-icon-KEN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KEN.svg");
}
.flag-icon-KEN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KEN.svg");
}
.flag-icon-KGZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KGZ.svg");
}
.flag-icon-KGZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KGZ.svg");
}
.flag-icon-CAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CAM.svg");
}
.flag-icon-CAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CAM.svg");
}
.flag-icon-COM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/COM.svg");
}
.flag-icon-COM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/COM.svg");
}
.flag-icon-SKN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SKN.svg");
}
.flag-icon-SKN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SKN.svg");
}
.flag-icon-PRK {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PRK.svg");
}
.flag-icon-PRK.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PRK.svg");
}
.flag-icon-KOR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KOR.svg");
}
.flag-icon-KOR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KOR.svg");
}
.flag-icon-KUW {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KUW.svg");
}
.flag-icon-KUW.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KUW.svg");
}
.flag-icon-CAY {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CAY.svg");
}
.flag-icon-CAY.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CAY.svg");
}
.flag-icon-KAZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KAZ.svg");
}
.flag-icon-KAZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KAZ.svg");
}
.flag-icon-LAO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LAO.svg");
}
.flag-icon-LAO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LAO.svg");
}
.flag-icon-LIB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LIB.svg");
}
.flag-icon-LIB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LIB.svg");
}
.flag-icon-LCA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LCA.svg");
}
.flag-icon-LCA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LCA.svg");
}
.flag-icon-LIE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LIE.svg");
}
.flag-icon-LIE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LIE.svg");
}
.flag-icon-SRI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SRI.svg");
}
.flag-icon-SRI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SRI.svg");
}
.flag-icon-LBR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LBR.svg");
}
.flag-icon-LBR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LBR.svg");
}
.flag-icon-LES {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LES.svg");
}
.flag-icon-LES.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LES.svg");
}
.flag-icon-LTU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LTU.svg");
}
.flag-icon-LTU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LTU.svg");
}
.flag-icon-LUX {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LUX.svg");
}
.flag-icon-LUX.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LUX.svg");
}
.flag-icon-LVA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LVA.svg");
}
.flag-icon-LVA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LVA.svg");
}
.flag-icon-LBY {
    background-image: url("https://assets.getkoppa.com/flags/4x3/LBY.svg");
}
.flag-icon-LBY.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/LBY.svg");
}
.flag-icon-MAR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MAR.svg");
}
.flag-icon-MAR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MAR.svg");
}
.flag-icon-MDA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MDA.svg");
}
.flag-icon-MDA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MDA.svg");
}
.flag-icon-MNE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MNE.svg");
}
.flag-icon-MNE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MNE.svg");
}
.flag-icon-MAD {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MAD.svg");
}
.flag-icon-MAD.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MAD.svg");
}
.flag-icon-MKD {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MKD.svg");
}
.flag-icon-MKD.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MKD.svg");
}
.flag-icon-MLI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MLI.svg");
}
.flag-icon-MLI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MLI.svg");
}
.flag-icon-MYA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MYA.svg");
}
.flag-icon-MYA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MYA.svg");
}
.flag-icon-MNG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MNG.svg");
}
.flag-icon-MNG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MNG.svg");
}
.flag-icon-MAC {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MAC.svg");
}
.flag-icon-MAC.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MAC.svg");
}
.flag-icon-MTN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MTN.svg");
}
.flag-icon-MTN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MTN.svg");
}
.flag-icon-MSR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MSR.svg");
}
.flag-icon-MSR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MSR.svg");
}
.flag-icon-MLT {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MLT.svg");
}
.flag-icon-MLT.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MLT.svg");
}
.flag-icon-MRI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MRI.svg");
}
.flag-icon-MRI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MRI.svg");
}
.flag-icon-MDV {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MDV.svg");
}
.flag-icon-MDV.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MDV.svg");
}
.flag-icon-MWI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MWI.svg");
}
.flag-icon-MWI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MWI.svg");
}
.flag-icon-MEX {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MEX.svg");
}
.flag-icon-MEX.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MEX.svg");
}
.flag-icon-MAS {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MAS.svg");
}
.flag-icon-MAS.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MAS.svg");
}
.flag-icon-MOZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/MOZ.svg");
}
.flag-icon-MOZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/MOZ.svg");
}
.flag-icon-NAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NAM.svg");
}
.flag-icon-NAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NAM.svg");
}
.flag-icon-NCL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NCL.svg");
}
.flag-icon-NCL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NCL.svg");
}
.flag-icon-NIG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NIG.svg");
}
.flag-icon-NIG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NIG.svg");
}
.flag-icon-NGA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NGA.svg");
}
.flag-icon-NGA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NGA.svg");
}
.flag-icon-NCA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NCA.svg");
}
.flag-icon-NCA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NCA.svg");
}
.flag-icon-NED {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NED.svg");
}
.flag-icon-NED.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NED.svg");
}
.flag-icon-NOR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NOR.svg");
}
.flag-icon-NOR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NOR.svg");
}
.flag-icon-NEP {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NEP.svg");
}
.flag-icon-NEP.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NEP.svg");
}
.flag-icon-NZL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NZL.svg");
}
.flag-icon-NZL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NZL.svg");
}
.flag-icon-OMA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/OMA.svg");
}
.flag-icon-OMA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/OMA.svg");
}
.flag-icon-PAN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PAN.svg");
}
.flag-icon-PAN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PAN.svg");
}
.flag-icon-PER {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PER.svg");
}
.flag-icon-PER.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PER.svg");
}
.flag-icon-TAH {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TAH.svg");
}
.flag-icon-TAH.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TAH.svg");
}
.flag-icon-PNG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PNG.svg");
}
.flag-icon-PNG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PNG.svg");
}
.flag-icon-PHI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PHI.svg");
}
.flag-icon-PHI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PHI.svg");
}
.flag-icon-PAK {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PAK.svg");
}
.flag-icon-PAK.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PAK.svg");
}
.flag-icon-POL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/POL.svg");
}
.flag-icon-POL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/POL.svg");
}
.flag-icon-PUR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PUR.svg");
}
.flag-icon-PUR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PUR.svg");
}
.flag-icon-PLE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PLE.svg");
}
.flag-icon-PLE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PLE.svg");
}
.flag-icon-POR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/POR.svg");
}
.flag-icon-POR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/POR.svg");
}
.flag-icon-PAR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/PAR.svg");
}
.flag-icon-PAR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/PAR.svg");
}
.flag-icon-QAT {
    background-image: url("https://assets.getkoppa.com/flags/4x3/QAT.svg");
}
.flag-icon-QAT.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/QAT.svg");
}
.flag-icon-ROU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ROU.svg");
}
.flag-icon-ROU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ROU.svg");
}
.flag-icon-SRB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SRB.svg");
}
.flag-icon-SRB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SRB.svg");
}
.flag-icon-RUS {
    background-image: url("https://assets.getkoppa.com/flags/4x3/RUS.svg");
}
.flag-icon-RUS.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/RUS.svg");
}
.flag-icon-RWA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/RWA.svg");
}
.flag-icon-RWA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/RWA.svg");
}
.flag-icon-KSA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KSA.svg");
}
.flag-icon-KSA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KSA.svg");
}
.flag-icon-SOL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SOL.svg");
}
.flag-icon-SOL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SOL.svg");
}
.flag-icon-SEY {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SEY.svg");
}
.flag-icon-SEY.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SEY.svg");
}
.flag-icon-SDN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SDN.svg");
}
.flag-icon-SDN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SDN.svg");
}
.flag-icon-SWE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SWE.svg");
}
.flag-icon-SWE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SWE.svg");
}
.flag-icon-SIN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SIN.svg");
}
.flag-icon-SIN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SIN.svg");
}
.flag-icon-SVN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SVN.svg");
}
.flag-icon-SVN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SVN.svg");
}
.flag-icon-SVK {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SVK.svg");
}
.flag-icon-SVK.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SVK.svg");
}
.flag-icon-SLE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SLE.svg");
}
.flag-icon-SLE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SLE.svg");
}
.flag-icon-SMR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SMR.svg");
}
.flag-icon-SMR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SMR.svg");
}
.flag-icon-SEN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SEN.svg");
}
.flag-icon-SEN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SEN.svg");
}
.flag-icon-SOM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SOM.svg");
}
.flag-icon-SOM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SOM.svg");
}
.flag-icon-SUR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SUR.svg");
}
.flag-icon-SUR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SUR.svg");
}
.flag-icon-SSD {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SSD.svg");
}
.flag-icon-SSD.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SSD.svg");
}
.flag-icon-STP {
    background-image: url("https://assets.getkoppa.com/flags/4x3/STP.svg");
}
.flag-icon-STP.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/STP.svg");
}
.flag-icon-SLV {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SLV.svg");
}
.flag-icon-SLV.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SLV.svg");
}
.flag-icon-SYR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SYR.svg");
}
.flag-icon-SYR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SYR.svg");
}
.flag-icon-SWZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SWZ.svg");
}
.flag-icon-SWZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SWZ.svg");
}
.flag-icon-TCA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TCA.svg");
}
.flag-icon-TCA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TCA.svg");
}
.flag-icon-CHA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/CHA.svg");
}
.flag-icon-CHA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/CHA.svg");
}
.flag-icon-TOG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TOG.svg");
}
.flag-icon-TOG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TOG.svg");
}
.flag-icon-THA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/THA.svg");
}
.flag-icon-THA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/THA.svg");
}
.flag-icon-TJK {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TJK.svg");
}
.flag-icon-TJK.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TJK.svg");
}
.flag-icon-TLS {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TLS.svg");
}
.flag-icon-TLS.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TLS.svg");
}
.flag-icon-TKM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TKM.svg");
}
.flag-icon-TKM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TKM.svg");
}
.flag-icon-TUN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TUN.svg");
}
.flag-icon-TUN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TUN.svg");
}
.flag-icon-TGA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TGA.svg");
}
.flag-icon-TGA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TGA.svg");
}
.flag-icon-TUR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TUR.svg");
}
.flag-icon-TUR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TUR.svg");
}
.flag-icon-TRI {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TRI.svg");
}
.flag-icon-TRI.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TRI.svg");
}
.flag-icon-TAN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TAN.svg");
}
.flag-icon-TAN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TAN.svg");
}
.flag-icon-UKR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/UKR.svg");
}
.flag-icon-UKR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/UKR.svg");
}
.flag-icon-UGA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/UGA.svg");
}
.flag-icon-UGA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/UGA.svg");
}
.flag-icon-USA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/USA.svg");
}
.flag-icon-USA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/USA.svg");
}
.flag-icon-URU {
    background-image: url("https://assets.getkoppa.com/flags/4x3/URU.svg");
}
.flag-icon-URU.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/URU.svg");
}
.flag-icon-UZB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/UZB.svg");
}
.flag-icon-UZB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/UZB.svg");
}
.flag-icon-VIN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VIN.svg");
}
.flag-icon-VIN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VIN.svg");
}
.flag-icon-VEN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VEN.svg");
}
.flag-icon-VEN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VEN.svg");
}
.flag-icon-VGB {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VGB.svg");
}
.flag-icon-VGB.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VGB.svg");
}
.flag-icon-VIR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VIR.svg");
}
.flag-icon-VIR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VIR.svg");
}
.flag-icon-VIE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VIE.svg");
}
.flag-icon-VIE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VIE.svg");
}
.flag-icon-VAN {
    background-image: url("https://assets.getkoppa.com/flags/4x3/VAN.svg");
}
.flag-icon-VAN.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/VAN.svg");
}
.flag-icon-SAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SAM.svg");
}
.flag-icon-SAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SAM.svg");
}
.flag-icon-YEM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/YEM.svg");
}
.flag-icon-YEM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/YEM.svg");
}
.flag-icon-RSA {
    background-image: url("https://assets.getkoppa.com/flags/4x3/RSA.svg");
}
.flag-icon-RSA.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/RSA.svg");
}
.flag-icon-ZAM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ZAM.svg");
}
.flag-icon-ZAM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ZAM.svg");
}
.flag-icon-ZIM {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ZIM.svg");
}
.flag-icon-ZIM.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ZIM.svg");
}
.flag-icon-ENG {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ENG.svg");
}
.flag-icon-ENG.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ENG.svg");
}
.flag-icon-NIR {
    background-image: url("https://assets.getkoppa.com/flags/4x3/NIR.svg");
}
.flag-icon-NIR.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/NIR.svg");
}
.flag-icon-SCO {
    background-image: url("https://assets.getkoppa.com/flags/4x3/SCO.svg");
}
.flag-icon-SCO.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/SCO.svg");
}
.flag-icon-WAL {
    background-image: url("https://assets.getkoppa.com/flags/4x3/WAL.svg");
}
.flag-icon-WAL.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/WAL.svg");
}
.flag-icon-TPE {
    background-image: url("https://assets.getkoppa.com/flags/4x3/TPE.svg");
}
.flag-icon-TPE.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/TPE.svg");
}
.flag-icon-KVX {
    background-image: url("https://assets.getkoppa.com/flags/4x3/KVX.svg");
}
.flag-icon-KVX.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/KVX.svg");
}
.flag-icon-ZZZ {
    background-image: url("https://assets.getkoppa.com/flags/4x3/ZZZ.svg");
}
.flag-icon-ZZZ.flag-icon-squared {
    background-image: url("https://assets.getkoppa.com/flags/1x1/ZZZ.svg");
}
.install-instructions-card {
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
    border-radius: 12px;
}
.install-instructions-card.is-focused {
    background-color: rgba(13, 110, 253, 0.08);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.18);
}
.install-ios-card {
    background: linear-gradient(180deg, rgba(13, 110, 253, 0.03) 0%, rgba(13, 110, 253, 0.01) 100%);
    border: 1px solid rgba(13, 110, 253, 0.12);
    padding: 1.25rem;
}
.install-ios-hero {
    display: grid;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.25rem;
}
.install-ios-device {
    width: min(100%, 240px);
    margin: 0 auto;
    padding: 0.6rem;
    border-radius: 28px;
    background: linear-gradient(180deg, #1f2937 0%, #0f172a 100%);
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.22);
}
.install-ios-device-screen {
    overflow: hidden;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
}
.install-ios-browser-top {
    display: flex;
    gap: 0.3rem;
    padding: 0.55rem 0.75rem;
}
.install-ios-dot {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background-color: rgba(15, 23, 42, 0.18);
}
.install-ios-browser-body {
    padding: 0 0.85rem 0.85rem;
}
.install-ios-browser-url {
    height: 0.7rem;
    width: 68%;
    border-radius: 999px;
    background-color: rgba(15, 23, 42, 0.1);
    margin-bottom: 0.85rem;
}
.install-ios-browser-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem;
    border-radius: 18px;
    background-color: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 0 0 1px rgba(13, 110, 253, 0.08);
}
.install-ios-browser-app-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 14px;
    background: linear-gradient(180deg, #0d6efd 0%, #38bdf8 100%);
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
}
.install-ios-browser-lines {
    display: grid;
    gap: 0.35rem;
    flex: 1 1 auto;
}
.install-ios-browser-lines span {
    display: block;
    height: 0.5rem;
    border-radius: 999px;
    background-color: rgba(15, 23, 42, 0.1);
}
.install-ios-browser-lines span:nth-child(1) {
    width: 82%;
}
.install-ios-browser-lines span:nth-child(2) {
    width: 68%;
}
.install-ios-browser-lines span:nth-child(3) {
    width: 54%;
}
.install-ios-browser-toolbar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    gap: 0.35rem;
    padding: 0.85rem 0.75rem 1rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid rgba(15, 23, 42, 0.07);
}
.install-ios-toolbar-icon {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0 auto;
    border-radius: 999px;
    background-color: rgba(15, 23, 42, 0.14);
}
.install-ios-share-button {
    position: relative;
    width: 1.9rem;
    height: 1.9rem;
    margin: 0 auto;
    border-radius: 12px;
    background-color: rgba(13, 110, 253, 0.12);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.16);
}
.install-ios-share-arrow {
    position: absolute;
    left: 50%;
    top: 52%;
    width: 0.78rem;
    height: 0.78rem;
    border-left: 2px solid #0d6efd;
    border-top: 2px solid #0d6efd;
    transform: translate(-50%, -50%) rotate(45deg);
}
.install-ios-share-arrow::after {
    content: "";
    position: absolute;
    left: 0.2rem;
    top: 0.32rem;
    width: 0.7rem;
    height: 0.45rem;
    border: 2px solid #0d6efd;
    border-top: 0;
    border-radius: 0 0 0.35rem 0.35rem;
    transform: rotate(-45deg);
    transform-origin: top left;
}
.install-ios-hero-copy {
    text-align: center;
}
.install-firefox-card {
    background: linear-gradient(180deg, rgba(255, 102, 0, 0.04) 0%, rgba(255, 102, 0, 0.015) 100%);
    border-color: rgba(255, 102, 0, 0.14);
}
.install-firefox-device {
    background: linear-gradient(180deg, #29213a 0%, #120f1e 100%);
}
.install-firefox-browser-app-icon {
    background: linear-gradient(180deg, #ff7139 0%, #ffb347 100%);
}
.install-firefox-browser-toolbar {
    grid-template-columns: repeat(5, 1fr);
}
.install-firefox-menu-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2rem;
    width: 1.9rem;
    height: 1.9rem;
    margin: 0 auto;
    padding: 0.35rem;
    border-radius: 12px;
    background-color: rgba(255, 113, 57, 0.12);
    box-shadow: 0 0 0 2px rgba(255, 113, 57, 0.14);
}
.install-firefox-menu-button span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background-color: #ff7139;
}
.install-firefox-toolbar-hint {
    background-color: rgba(255, 113, 57, 0.08);
    color: #d9480f;
}
.install-firefox-toolbar-hint .install-ios-toolbar-divider {
    background-color: rgba(217, 72, 15, 0.24);
}
.install-firefox-step {
    border-color: rgba(255, 113, 57, 0.12);
}
.install-firefox-step.is-focused {
    border-color: rgba(255, 113, 57, 0.35);
    background-color: rgba(255, 113, 57, 0.05);
    box-shadow: 0 0 0 2px rgba(255, 113, 57, 0.12);
}
.install-firefox-step-number {
    background-color: #ff7139;
}
.install-firefox-step-label {
    color: #d9480f;
}
.install-support-card {
    padding: 1.25rem;
    border-radius: 16px;
    border: 1px solid rgba(108, 117, 125, 0.18);
    background: linear-gradient(180deg, rgba(248, 249, 250, 0.95) 0%, rgba(248, 249, 250, 0.7) 100%);
}
.install-support-browser-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.6rem;
}
.install-support-browser-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background-color: #ffffff;
    border: 1px solid rgba(108, 117, 125, 0.16);
    color: #495057;
    font-size: 0.9rem;
    font-weight: 600;
}
.install-support-browser-icon {
    width: 1rem;
    height: 1rem;
}
.install-ios-toolbar-hint {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background-color: rgba(13, 110, 253, 0.08);
    color: #0d6efd;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.install-ios-toolbar-divider {
    width: 1px;
    height: 0.9rem;
    background-color: rgba(13, 110, 253, 0.28);
}
.install-ios-steps {
    display: grid;
    gap: 0.9rem;
}
.install-ios-step {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1rem;
    border-radius: 14px;
    background-color: #ffffff;
    border: 1px solid rgba(13, 110, 253, 0.1);
    box-shadow: 0 10px 24px rgba(33, 37, 41, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}
.install-ios-step.is-focused {
    transform: translateY(-1px);
    border-color: rgba(13, 110, 253, 0.35);
    background-color: rgba(13, 110, 253, 0.05);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.12);
}
.install-ios-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    flex: 0 0 2rem;
    background-color: #0d6efd;
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
}
.install-ios-step-body {
    min-width: 0;
}
.install-ios-step-label {
    display: inline-block;
    margin-bottom: 0.35rem;
    color: #0d6efd;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.install-ios-step-figure {
    margin-top: 0.85rem;
    overflow: hidden;
    border-radius: 18px;
    border: 1px solid rgba(13, 110, 253, 0.12);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.96) 0%, rgba(238, 245, 255, 0.88) 100%);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}
.install-ios-step-image {
    display: block;
    width: 100%;
    height: auto;
}
.install-ios-message {
    padding: 1rem;
    border-radius: 14px;
    background-color: #ffffff;
    border: 1px solid rgba(13, 110, 253, 0.12);
    box-shadow: 0 10px 24px rgba(33, 37, 41, 0.04);
    text-align: center;
}
.install-ios-followup {
    display: grid;
    gap: 0.25rem;
}
.install-ios-success {
    color: #198754;
    font-weight: 600;
}
.install-ios-helper {
    color: #6c757d;
}
.install-ios-link {
    color: #0d6efd;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
}
.install-ios-link:hover,
.install-ios-link:focus {
    text-decoration: underline;
}
@media (min-width: 768px) {
    .install-ios-hero {
        grid-template-columns: 160px 1fr;
    }

    .install-ios-hero-copy {
        text-align: left;
    }
}
@media (max-width: 575.98px) {
    .install-ios-card {
        padding: 1rem;
    }

    .install-ios-step {
        padding: 0.9rem;
    }

    .install-ios-step-figure {
        margin-left: -0.1rem;
        margin-right: -0.1rem;
    }

    .install-ios-toolbar-hint {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}