/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer components {
  .cd_section-title {
    width: 100%;
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-400, #999999);
    padding-bottom: calc(var(--spacing, 0.25rem) * 2);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-600, #666666);
    }
  }
  .cd_match-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing, 0.25rem) * 2);
    padding: calc(var(--spacing, 0.25rem) * 3);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-400, #999999);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-600, #666666);
    }
    background-color: var(--color-gray-50, #F2F2F2);
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-900, #1A1A1A);
    }
  }
  .cd_match-top {
    display: flex;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .cd_match-tournament {
    width: 100%;
    min-width: calc(var(--spacing, 0.25rem) * 0);
  }
  .cd_match-teams {
    display: grid;
    width: 100%;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }
  .cd_match-teams .c_select {
    min-width: calc(var(--spacing, 0.25rem) * 0);
  }
  .cd_rank-table {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-400, #999999);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-600, #666666);
    }
  }
  .cd_rank-row {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    grid-template-columns: 4.5rem 1fr 4rem 4rem 4.5rem;
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-200, #CCCCCC);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-800, #333333);
    }
  }
  .cd_rank-row:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .cd_rank-row--header {
    position: sticky;
    top: calc(var(--spacing, 0.25rem) * 15);
    z-index: 10;
    background-color: var(--color-gray-100, #E6E6E6);
    &:where(.dark, .dark *) {
      background-color: var(--color-gray-900, #1A1A1A);
    }
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-gray-400, #999999);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-600, #666666);
    }
  }
  .cd_rank-pos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline-end: calc(var(--spacing, 0.25rem) * 3);
    font-family: var(--font-mono, "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    color: var(--color-gray-600, #666666);
    &:where(.dark, .dark *) {
      color: var(--color-gray-400, #999999);
    }
  }
  .cd_rank-move {
    display: flex;
    align-items: center;
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }
  .cd_rank-move--up {
    color: var(--color-spring-600, #339966);
    &:where(.dark, .dark *) {
      color: var(--color-spring-400, #66CC99);
    }
  }
  .cd_rank-move--down {
    color: var(--color-red-600, #993333);
    &:where(.dark, .dark *) {
      color: var(--color-red-400, #CC6666);
    }
  }
  .cd_rank-country {
    display: flex;
    min-width: calc(var(--spacing, 0.25rem) * 0);
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
  }
  .cd_rank-country span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cd_rank-flag {
    height: calc(var(--spacing, 0.25rem) * 4);
    width: calc(var(--spacing, 0.25rem) * 6);
    flex-shrink: 0;
    -o-object-fit: cover;
       object-fit: cover;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-gray-300, #B3B3B3);
    &:where(.dark, .dark *) {
      border-color: var(--color-gray-700, #4D4D4D);
    }
  }
  .cd_rank-point,
  .cd_rank-new,
  .cd_rank-change {
    text-align: end;
    font-family: var(--font-mono, "Noto Sans Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  }
  .cd_rank-point {
    color: var(--color-gray-600, #666666);
    &:where(.dark, .dark *) {
      color: var(--color-gray-400, #999999);
    }
  }
  .cd_rank-new {
    --tw-font-weight: var(--font-weight-bold, 700);
    font-weight: var(--font-weight-bold, 700);
  }
  .cd_rank-change--up {
    color: var(--color-spring-600, #339966);
    &:where(.dark, .dark *) {
      color: var(--color-spring-400, #66CC99);
    }
  }
  .cd_rank-change--down {
    color: var(--color-red-600, #993333);
    &:where(.dark, .dark *) {
      color: var(--color-red-400, #CC6666);
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
    }
  }
}