/* [project]/app/components/Accordion.module.scss.module.css [app-client] (css) */
.Accordion-module-scss-module__LzjL-q__accordionContainer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.Accordion-module-scss-module__LzjL-q__item {
  border-radius: var(--radius-card);
  border: 1px solid var(--border-color);
  background-color: var(--bg-card);
  transition: border-color .15s ease-in-out;
  overflow: hidden;
}

.Accordion-module-scss-module__LzjL-q__item:hover, .Accordion-module-scss-module__LzjL-q__itemActive {
  border-color: var(--border-hover);
}

.Accordion-module-scss-module__LzjL-q__header {
  cursor: pointer;
  color: var(--text-primary);
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  background-color: #0000;
  border: none;
  outline: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  display: flex;
}

.Accordion-module-scss-module__LzjL-q__chevron {
  color: var(--text-muted);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform .2s ease-in-out;
  display: flex;
}

.Accordion-module-scss-module__LzjL-q__chevronOpen {
  color: var(--accent);
  transform: rotate(180deg);
}

.Accordion-module-scss-module__LzjL-q__contentWrapper {
  max-height: 0;
  transition: max-height .25s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
}

.Accordion-module-scss-module__LzjL-q__contentWrapperOpen {
  max-height: 1000px;
}

.Accordion-module-scss-module__LzjL-q__content {
  color: var(--text-secondary);
  padding: 0 16px 16px;
  font-size: 14px;
  line-height: 20px;
}

/* [project]/app/components/Alert.module.scss.module.css [app-client] (css) */
.Alert-module-scss-module__oCWPOG__alert {
  border: 1px solid #0000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}

.Alert-module-scss-module__oCWPOG__icon {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  display: flex;
}

.Alert-module-scss-module__oCWPOG__body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.Alert-module-scss-module__oCWPOG__title {
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.Alert-module-scss-module__oCWPOG__content {
  color: inherit;
  opacity: .85;
}

.Alert-module-scss-module__oCWPOG__dismiss {
  cursor: pointer;
  color: inherit;
  opacity: .6;
  background: none;
  border: none;
  border-radius: 6px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 2px;
  transition: opacity .12s ease-in-out;
  display: flex;
}

.Alert-module-scss-module__oCWPOG__dismiss:hover {
  opacity: 1;
}

.Alert-module-scss-module__oCWPOG__positive {
  background-color: var(--positive-fade);
  border-color: var(--positive);
  color: var(--positive-active);
}

.Alert-module-scss-module__oCWPOG__warning {
  background-color: var(--warning-fade);
  border-color: var(--warning);
}

.Alert-module-scss-module__oCWPOG__negative {
  background-color: var(--negative-fade);
  border-color: var(--negative);
  color: var(--negative-active);
}

.Alert-module-scss-module__oCWPOG__accent {
  background-color: var(--accent-bg-fade);
  border-color: var(--accent);
  color: var(--accent-active);
}

/* [project]/app/components/Avatar.module.scss.module.css [app-client] (css) */
.Avatar-module-scss-module__B9tYpG__avatar {
  background-color: var(--bg-active);
  border-radius: 50%;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: box-shadow .15s ease-in-out;
  display: flex;
  overflow: hidden;
}

.Avatar-module-scss-module__B9tYpG__initials {
  color: var(--text-secondary);
  letter-spacing: .02em;
  -webkit-user-select: none;
  user-select: none;
  font-weight: 600;
  line-height: 1;
}

.Avatar-module-scss-module__B9tYpG__img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.Avatar-module-scss-module__B9tYpG__small {
  width: 28px;
  height: 28px;
}

.Avatar-module-scss-module__B9tYpG__small .Avatar-module-scss-module__B9tYpG__initials {
  font-size: 10px;
}

.Avatar-module-scss-module__B9tYpG__medium {
  width: 36px;
  height: 36px;
}

.Avatar-module-scss-module__B9tYpG__medium .Avatar-module-scss-module__B9tYpG__initials {
  font-size: 13px;
}

.Avatar-module-scss-module__B9tYpG__large {
  width: 56px;
  height: 56px;
}

.Avatar-module-scss-module__B9tYpG__large .Avatar-module-scss-module__B9tYpG__initials {
  font-size: 20px;
}

.Avatar-module-scss-module__B9tYpG__xlarge {
  width: 80px;
  height: 80px;
}

.Avatar-module-scss-module__B9tYpG__xlarge .Avatar-module-scss-module__B9tYpG__initials {
  font-size: 28px;
}

/* [project]/app/components/BadgeSelect.module.scss.module.css [app-client] (css) */
.BadgeSelect-module-scss-module__ys6cQW__wrapper {
  height: 100%;
  display: inline-flex;
  position: relative;
}

.BadgeSelect-module-scss-module__ys6cQW__badge {
  color: var(--text-secondary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 4px 6px;
  font-weight: 500;
  line-height: 14px;
  transition: all .1s ease-in-out;
  display: inline-flex;
}

.BadgeSelect-module-scss-module__ys6cQW__badge:hover:not(:disabled) {
  background-color: var(--bg-neutral);
  border-color: var(--border-hover);
  color: var(--text-primary);
}

.BadgeSelect-module-scss-module__ys6cQW__badge:disabled {
  cursor: default;
  opacity: .6;
}

.BadgeSelect-module-scss-module__ys6cQW__chevron {
  opacity: .5;
  flex-shrink: 0;
}

.BadgeSelect-module-scss-module__ys6cQW__dropdown {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  min-width: 120px;
  box-shadow: 0 8px 24px var(--overlay-light);
  z-index: 100;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  overflow: hidden;
}

.BadgeSelect-module-scss-module__ys6cQW__option {
  color: var(--text-secondary);
  cursor: pointer;
  padding: 8px 12px;
  font-size: 13px;
  transition: background-color .1s ease-in-out;
}

.BadgeSelect-module-scss-module__ys6cQW__option:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.BadgeSelect-module-scss-module__ys6cQW__optionSelected {
  color: var(--text-primary);
  background-color: var(--bg-active);
  font-weight: 500;
}

/* [project]/app/components/BadmintonCourt.module.scss.module.css [app-client] (css) */
.BadmintonCourt-module-scss-module__04_uzG__court {
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
  position: relative;
}

.BadmintonCourt-module-scss-module__04_uzG__courtInner {
  box-sizing: border-box;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.BadmintonCourt-module-scss-module__04_uzG__half {
  background-color: #0000;
  height: 50%;
  transition: background-color .2s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__farHalf {
  top: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__nearHalf {
  bottom: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__courtMatchNearWon .BadmintonCourt-module-scss-module__04_uzG__nearHalf {
  background: linear-gradient(to top, var(--positive), var(--bg-card));
}

.BadmintonCourt-module-scss-module__04_uzG__courtMatchFarWon .BadmintonCourt-module-scss-module__04_uzG__farHalf {
  background: linear-gradient(to bottom, var(--positive), var(--bg-card));
}

.BadmintonCourt-module-scss-module__04_uzG__line {
  background-color: var(--border-grey-disabled);
  pointer-events: none;
  position: absolute;
}

.BadmintonCourt-module-scss-module__04_uzG__tramLeft, .BadmintonCourt-module-scss-module__04_uzG__tramRight, .BadmintonCourt-module-scss-module__04_uzG__centerLine {
  width: .5px;
  top: 0;
  bottom: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__tramLeft {
  left: 7.54%;
  transform: translateX(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__tramRight {
  right: 7.54%;
  transform: translateX(50%);
}

.BadmintonCourt-module-scss-module__04_uzG__centerLine {
  top: 35.22%;
  bottom: 35.22%;
  left: 50%;
  transform: translateX(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__shortFar, .BadmintonCourt-module-scss-module__04_uzG__shortNear, .BadmintonCourt-module-scss-module__04_uzG__longFar, .BadmintonCourt-module-scss-module__04_uzG__longNear {
  height: .5px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__shortFar {
  top: 35.22%;
}

.BadmintonCourt-module-scss-module__04_uzG__shortNear {
  top: 64.78%;
}

.BadmintonCourt-module-scss-module__04_uzG__longFar {
  top: 5.67%;
}

.BadmintonCourt-module-scss-module__04_uzG__longNear {
  top: 94.33%;
}

.BadmintonCourt-module-scss-module__04_uzG__net {
  background-color: var(--border-color);
  pointer-events: none;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -1.64%;
  right: -1.64%;
  transform: translateY(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__sideZone {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50%;
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__farZone {
  border-radius: 8px 8px 0 0;
  top: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__nearZone {
  border-radius: 0 0 8px 8px;
  bottom: 0;
}

.BadmintonCourt-module-scss-module__04_uzG__sideName {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--court-text-dim);
  pointer-events: none;
  z-index: 1;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__sideNameFar {
  top: 8px;
}

.BadmintonCourt-module-scss-module__04_uzG__sideNameNear {
  bottom: 8px;
}

.BadmintonCourt-module-scss-module__04_uzG__sideSlot {
  pointer-events: auto;
  z-index: 2;
  width: 88%;
  max-width: 300px;
}

.BadmintonCourt-module-scss-module__04_uzG__sideTeam {
  color: var(--court-text-bright);
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__teamBubble {
  background-color: var(--overlay-heavy);
  pointer-events: none;
  max-width: 88%;
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  padding: 8px 12px;
  display: flex;
}

.BadmintonCourt-module-scss-module__04_uzG__teamBubbleNear {
  border: 1px solid var(--court-near-border);
}

.BadmintonCourt-module-scss-module__04_uzG__teamBubbleFar {
  border: 1px solid var(--court-far-border);
}

.BadmintonCourt-module-scss-module__04_uzG__teamBubbleName {
  color: var(--court-text-bright);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.BadmintonCourt-module-scss-module__04_uzG__teamBubbleTags {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
}

.BadmintonCourt-module-scss-module__04_uzG__wonTag {
  color: var(--positive);
  background-color: var(--positive-fade);
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__netScore {
  pointer-events: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BadmintonCourt-module-scss-module__04_uzG__netScoreGame {
  color: var(--text-on-overlay);
  background-color: var(--overlay-heavy);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__notAnalyzed {
  color: var(--court-text-dim);
  pointer-events: none;
  font-size: 13px;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateX(-50%);
}

.BadmintonCourt-module-scss-module__04_uzG__gameSummary {
  pointer-events: none;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 8px;
  width: 80%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.BadmintonCourt-module-scss-module__04_uzG__summaryRow {
  background-color: var(--overlay-heavy);
  border-left: 3px solid var(--border-color);
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2px;
  padding: 6px 12px;
  display: flex;
}

.BadmintonCourt-module-scss-module__04_uzG__summaryRowNear {
  border-left-color: var(--court-near-border);
}

.BadmintonCourt-module-scss-module__04_uzG__summaryRowFar {
  border-left-color: var(--court-far-border);
}

.BadmintonCourt-module-scss-module__04_uzG__summaryTop {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.BadmintonCourt-module-scss-module__04_uzG__summaryGame {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--court-text-dim);
  font-size: 11px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__summaryScore {
  color: var(--text-on-overlay);
  font-variant-numeric: tabular-nums;
  font-size: 12px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__summaryBottom {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.BadmintonCourt-module-scss-module__04_uzG__summarySideNear {
  color: var(--court-near-accent);
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__summarySideFar {
  color: var(--court-far-accent);
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
}

.BadmintonCourt-module-scss-module__04_uzG__summaryName {
  color: var(--court-text-bright);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

/* [project]/app/components/BarChart.module.scss.module.css [app-client] (css) */
.BarChart-module-scss-module__EcMOmW__wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.BarChart-module-scss-module__EcMOmW__chartContainer {
  width: 100%;
  position: relative;
}

.BarChart-module-scss-module__EcMOmW__svg {
  width: 100%;
  height: 100%;
  display: block;
}

.BarChart-module-scss-module__EcMOmW__gridLine {
  stroke: var(--border-color);
  stroke-width: .25px;
  stroke-dasharray: 2 3;
}

.BarChart-module-scss-module__EcMOmW__bar {
  cursor: pointer;
  transition: opacity .12s ease-in-out;
}

.BarChart-module-scss-module__EcMOmW__bar:hover {
  filter: brightness(1.05);
}

.BarChart-module-scss-module__EcMOmW__tooltip {
  background: var(--surface-tooltip);
  -webkit-backdrop-filter: blur(12px) saturate(190%);
  border: 1px solid rgba(var(--border-color), .4);
  border-radius: var(--radius-button);
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  pointer-events: none;
  z-index: 1100;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  animation: .15s cubic-bezier(.16, 1, .3, 1) BarChart-module-scss-module__EcMOmW__fadeInTooltip;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
}

.BarChart-module-scss-module__EcMOmW__tooltipLabel {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 500;
}

.BarChart-module-scss-module__EcMOmW__tooltipValue {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 700;
}

.BarChart-module-scss-module__EcMOmW__tooltipArrow {
  background: var(--surface-tooltip);
  border-right: 1px solid rgba(var(--border-color), .4);
  border-bottom: 1px solid rgba(var(--border-color), .4);
  pointer-events: none;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

.BarChart-module-scss-module__EcMOmW__labels {
  border-top: 1px solid var(--border-color);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 6px;
  display: flex;
}

.BarChart-module-scss-module__EcMOmW__labelCol {
  text-align: center;
}

.BarChart-module-scss-module__EcMOmW__label {
  color: var(--text-muted);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
}

@keyframes BarChart-module-scss-module__EcMOmW__fadeInTooltip {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

/* [project]/app/components/Breadcrumb.module.scss.module.css [app-client] (css) */
.Breadcrumb-module-scss-module__PeGkwq__breadcrumb {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.Breadcrumb-module-scss-module__PeGkwq__item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

.Breadcrumb-module-scss-module__PeGkwq__link {
  color: var(--text-muted);
  font-size: 13px;
  text-decoration: none;
  transition: color .12s ease-in-out;
}

.Breadcrumb-module-scss-module__PeGkwq__link:hover {
  color: var(--text-primary);
}

.Breadcrumb-module-scss-module__PeGkwq__current {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 500;
}

.Breadcrumb-module-scss-module__PeGkwq__separator {
  color: var(--text-disabled);
  flex-shrink: 0;
}

/* [project]/app/components/Button.module.scss.module.css [app-client] (css) */
.Button-module-scss-module__I9eyCq__button {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transition: all .15s ease-in-out;
  display: inline-flex;
}

.Button-module-scss-module__I9eyCq__button.Button-module-scss-module__I9eyCq__iconOnly {
  width: 36px;
  padding: 0;
}

.Button-module-scss-module__I9eyCq__button:disabled {
  cursor: not-allowed;
  opacity: .6;
  background-color: var(--bg-disabled);
  color: var(--text-disabled);
  border-color: var(--border-color);
}

.Button-module-scss-module__I9eyCq__xsmall {
  border-radius: 6px;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
}

.Button-module-scss-module__I9eyCq__xsmall.Button-module-scss-module__I9eyCq__iconOnly {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 24px;
  padding: 0;
  display: flex;
}

.Button-module-scss-module__I9eyCq__small {
  border-radius: 6px;
  height: 32px;
  padding: 0 12px;
}

.Button-module-scss-module__I9eyCq__small.Button-module-scss-module__I9eyCq__iconOnly {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  padding: 0;
  display: flex;
}

.Button-module-scss-module__I9eyCq__medium {
  border-radius: 8px;
  height: 36px;
  padding: 0 12px;
}

.Button-module-scss-module__I9eyCq__medium.Button-module-scss-module__I9eyCq__iconOnly {
  width: 36px;
  padding: 0;
}

.Button-module-scss-module__I9eyCq__iconLeft {
  margin-right: 6px;
}

.Button-module-scss-module__I9eyCq__iconRight {
  margin-left: 6px;
}

.Button-module-scss-module__I9eyCq__iconSmall svg {
  width: 12px;
  height: 12px;
}

.Button-module-scss-module__I9eyCq__iconMedium, .Button-module-scss-module__I9eyCq__iconSmall {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Button-module-scss-module__I9eyCq__iconMedium svg {
  width: 16px;
  height: 16px;
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__accent {
  background-color: var(--accent);
  color: var(--white);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__accent:hover:not(:disabled) {
  background-color: var(--accent-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__accent:active:not(:disabled) {
  background-color: var(--accent-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__accent {
  color: var(--accent);
  border: 1px solid var(--accent);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__accent:hover:not(:disabled) {
  background-color: var(--accent-bg-fade);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__accent:active:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__accent {
  background-color: var(--accent-bg-fade);
  color: var(--accent);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__accent:hover:not(:disabled) {
  background-color: var(--accent-fade-hover);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__accent:active:not(:disabled) {
  background-color: var(--border-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__neutral {
  background-color: var(--dark);
  color: var(--white);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__neutral:hover:not(:disabled) {
  background-color: var(--neutral-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__neutral:active:not(:disabled) {
  background-color: var(--neutral-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__neutral {
  color: var(--text-secondary);
  border: 1px solid var(--border-color);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__neutral:hover:not(:disabled) {
  color: var(--text-primary);
  border-color: var(--border-hover);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__neutral:active:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__grey {
  border: 1px solid var(--border-grey) solid var(--border-color);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__grey:disabled {
  color: var(--text-grey-disabled);
  border-color: var(--border-grey-disabled);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__neutral {
  background-color: var(--neutral-fade);
  color: var(--text-primary);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__neutral:hover:not(:disabled) {
  background-color: var(--bg-hover);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__neutral:active:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__dark {
  color: var(--dark);
  border: 1px solid var(--dark);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__dark:hover:not(:disabled) {
  background-color: var(--dark-fade);
  border-color: var(--grey);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__dark:active:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__dark {
  background-color: var(--dark-fade);
  color: var(--dark);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__dark:hover:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__dark:active:not(:disabled) {
  background-color: var(--border-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__grey {
  background-color: var(--bg-neutral);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__grey:hover:not(:disabled) {
  background-color: var(--bg-grey);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__grey:active:not(:disabled) {
  background-color: var(--grey-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__grey {
  color: var(--grey);
  border: 1px solid var(--border-color);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__grey:hover:not(:disabled) {
  background-color: var(--grey-fade);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__grey {
  background-color: var(--grey-fade);
  color: var(--text-secondary);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__grey:hover:not(:disabled) {
  background-color: var(--bg-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__blue {
  background-color: var(--blue);
  color: var(--dark);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__blue:hover:not(:disabled) {
  background-color: var(--blue-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__warning {
  background-color: var(--warning);
  color: var(--white);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__warning:hover:not(:disabled) {
  background-color: var(--warning-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__warning:active:not(:disabled) {
  background-color: var(--warning-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__warning {
  color: var(--warning);
  border: 1px solid var(--warning);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__warning:hover:not(:disabled) {
  background-color: var(--warning-fade);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__warning {
  background-color: var(--warning-fade);
  color: var(--warning);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__warning:hover:not(:disabled) {
  background-color: var(--bg-active);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__negative {
  background-color: var(--negative);
  color: var(--white);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__negative:hover:not(:disabled) {
  background-color: var(--negative-hover);
}

.Button-module-scss-module__I9eyCq__solid.Button-module-scss-module__I9eyCq__negative:active:not(:disabled) {
  background-color: var(--negative-active);
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__negative {
  color: var(--negative);
  border: 1px solid var(--negative);
  background-color: #0000;
}

.Button-module-scss-module__I9eyCq__border.Button-module-scss-module__I9eyCq__negative:hover:not(:disabled) {
  background-color: var(--negative-fade);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__negative {
  background-color: var(--negative-fade);
  color: var(--negative);
}

.Button-module-scss-module__I9eyCq__fade.Button-module-scss-module__I9eyCq__negative:hover:not(:disabled) {
  background-color: var(--bg-active);
}

/* [project]/app/components/Card.module.scss.module.css [app-client] (css) */
.Card-module-scss-module__e11caG__card {
  background-color: var(--bg-card);
  border-radius: var(--radius-card);
  border: 1px solid var(--border-color);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Card-module-scss-module__e11caG__card:hover {
  border-color: var(--border-hover);
}

.Card-module-scss-module__e11caG__flat {
  box-shadow: none;
}

.Card-module-scss-module__e11caG__borderless {
  border: none;
}

.Card-module-scss-module__e11caG__accent {
  border: 2px solid var(--accent);
}

.Card-module-scss-module__e11caG__accent:hover {
  border-color: var(--accent);
}

.Card-module-scss-module__e11caG__hoverLift:hover {
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  border-color: var(--border-hover);
  transform: translateY(-2px);
}

.Card-module-scss-module__e11caG__hasCover {
  cursor: default;
}

.Card-module-scss-module__e11caG__hasCover:hover {
  border-color: var(--accent);
}

.Card-module-scss-module__e11caG__badge {
  background-color: var(--accent);
  color: var(--white);
  letter-spacing: .02em;
  z-index: 1;
  border-radius: 0 0 8px 8px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  position: absolute;
  top: -1px;
  right: 16px;
}

.Card-module-scss-module__e11caG__coverLink {
  color: inherit;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.Card-module-scss-module__e11caG__coverLink:hover .Card-module-scss-module__e11caG__cover {
  opacity: .9;
}

.Card-module-scss-module__e11caG__cover {
  height: var(--cover-height, 80px);
  background: linear-gradient(135deg, var(--bg-neutral) 0%, var(--bg-grey) 100%);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  transition: opacity .15s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.Card-module-scss-module__e11caG__coverInitials {
  color: var(--text-muted);
  letter-spacing: .02em;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  font-size: 24px;
  font-weight: 700;
}

.Card-module-scss-module__e11caG__header {
  border-bottom: 1px solid var(--border-color);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 20px 24px;
  display: flex;
}

.Card-module-scss-module__e11caG__headerLeft {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.Card-module-scss-module__e11caG__headerRight {
  flex-shrink: 0;
}

.Card-module-scss-module__e11caG__title {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.Card-module-scss-module__e11caG__subtitle {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 14px;
}

.Card-module-scss-module__e11caG__body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 16px;
  display: flex;
}

.Card-module-scss-module__e11caG__footer {
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-hover);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 24px;
  display: flex;
}

.Card-module-scss-module__e11caG__actions {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  display: flex;
}

.Card-module-scss-module__e11caG__actionsReveal {
  opacity: 0;
  transition: opacity .15s ease-in-out;
}

.Card-module-scss-module__e11caG__card:hover .Card-module-scss-module__e11caG__actionsReveal {
  opacity: 1;
}

.Card-module-scss-module__e11caG__actionBtn {
  border-radius: var(--radius-button);
  border: 1px solid var(--border-color);
  background-color: var(--bg-card);
  height: 28px;
  color: var(--text-secondary);
  cursor: pointer;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  transition: all .1s ease-in-out;
}

.Card-module-scss-module__e11caG__actionBtn:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
  border-color: var(--border-hover);
}

.Card-module-scss-module__e11caG__actionBtnDanger:hover {
  background-color: var(--negative-fade);
  color: var(--negative);
  border-color: var(--negative);
}

.Card-module-scss-module__e11caG__bodyTop {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.Card-module-scss-module__e11caG__bodyTitle {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  overflow: hidden;
}

.Card-module-scss-module__e11caG__bodyDesc {
  color: var(--text-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.Card-module-scss-module__e11caG__bodyMeta {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.Card-module-scss-module__e11caG__bodyMetaItem {
  color: var(--text-muted);
  font-size: 11px;
}

.Card-module-scss-module__e11caG__bodyMetaDot {
  background-color: var(--border-hover);
  border-radius: 50%;
  flex-shrink: 0;
  width: 3px;
  height: 3px;
}

/* [project]/app/components/Checkbox.module.scss.module.css [app-client] (css) */
.Checkbox-module-scss-module__zj6G9a__wrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: fit-content;
  display: flex;
}

.Checkbox-module-scss-module__zj6G9a__disabled {
  opacity: .5;
  cursor: not-allowed;
}

.Checkbox-module-scss-module__zj6G9a__checkboxWrap {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.Checkbox-module-scss-module__zj6G9a__input {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
}

.Checkbox-module-scss-module__zj6G9a__box {
  border: 1.5px solid var(--border-hover);
  background-color: var(--bg-card);
  width: 16px;
  height: 16px;
  color: var(--white);
  border-radius: 4px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .12s ease-in-out;
  display: flex;
}

.Checkbox-module-scss-module__zj6G9a__input:checked ~ .Checkbox-module-scss-module__zj6G9a__box, .Checkbox-module-scss-module__zj6G9a__input:indeterminate ~ .Checkbox-module-scss-module__zj6G9a__box {
  background-color: var(--accent);
  border-color: var(--accent);
}

.Checkbox-module-scss-module__zj6G9a__input:focus-visible ~ .Checkbox-module-scss-module__zj6G9a__box {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.Checkbox-module-scss-module__zj6G9a__wrapper:hover:not(.Checkbox-module-scss-module__zj6G9a__disabled) .Checkbox-module-scss-module__zj6G9a__box {
  border-color: var(--accent);
}

.Checkbox-module-scss-module__zj6G9a__label {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 20px;
}

/* [project]/app/components/CreatorCard.module.scss.module.css [app-client] (css) */
.CreatorCard-module-scss-module__C_ke5a__coverInitials {
  color: var(--text-muted);
  letter-spacing: -.02em;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  font-size: 48px;
  font-weight: 800;
}

.CreatorCard-module-scss-module__C_ke5a__topRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
}

.CreatorCard-module-scss-module__C_ke5a__body {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__nameRow {
  border-bottom: 1px solid var(--border-color);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  padding-bottom: 8px;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__nameBlock {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__fullName {
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
}

.CreatorCard-module-scss-module__C_ke5a__handle {
  color: var(--text-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}

.CreatorCard-module-scss-module__C_ke5a__creatorInfo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  margin-top: auto;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__stats {
  background-color: var(--bg-app);
  border-radius: var(--radius-input);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  padding: 8px 12px;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__stat {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__statValue {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

.CreatorCard-module-scss-module__C_ke5a__statLabel {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 500;
}

.CreatorCard-module-scss-module__C_ke5a__statDivider {
  background-color: var(--border-color);
  flex-shrink: 0;
  width: 1px;
  height: 28px;
}

.CreatorCard-module-scss-module__C_ke5a__location {
  color: var(--text-muted);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__location svg {
  color: var(--accent);
  flex-shrink: 0;
}

.CreatorCard-module-scss-module__C_ke5a__bio {
  color: var(--text-secondary);
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.CreatorCard-module-scss-module__C_ke5a__footer {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 6px 0;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__startFrom {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
  display: flex;
}

.CreatorCard-module-scss-module__C_ke5a__startFromLabel {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 600;
}

.CreatorCard-module-scss-module__C_ke5a__startFromPrice {
  color: var(--text-primary);
  letter-spacing: -.01em;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

.CreatorCard-module-scss-module__C_ke5a__footerActions {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

/* [project]/app/components/Label.module.scss.module.css [app-client] (css) */
.Label-module-scss-module__SlYPeW__label {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  display: inline-flex;
}

.Label-module-scss-module__SlYPeW__small {
  padding: 4px 6px;
}

.Label-module-scss-module__SlYPeW__accent {
  background-color: var(--accent-bg-fade);
  color: var(--accent);
}

.Label-module-scss-module__SlYPeW__neutral {
  background-color: var(--neutral-fade);
  color: var(--text-secondary);
}

.Label-module-scss-module__SlYPeW__dark {
  background-color: var(--dark-fade);
  color: var(--dark);
}

.Label-module-scss-module__SlYPeW__grey {
  background-color: var(--grey-fade);
  color: var(--grey);
}

.Label-module-scss-module__SlYPeW__warning {
  background-color: var(--warning-fade);
  color: var(--warning);
}

.Label-module-scss-module__SlYPeW__negative {
  background-color: var(--negative-fade);
  color: var(--negative);
}

.Label-module-scss-module__SlYPeW__positive {
  background-color: var(--positive-fade);
  color: var(--positive);
}

/* [project]/app/components/PlatformBadge.module.scss.module.css [app-client] (css) */
.PlatformBadge-module-scss-module__2_eVjG__badge {
  letter-spacing: .02em;
  border: 1px solid #0000;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  transition: all .15s ease-in-out;
  display: inline-flex;
}

.PlatformBadge-module-scss-module__2_eVjG__badge.PlatformBadge-module-scss-module__2_eVjG__small {
  gap: 3px;
  padding: 2px 6px;
  font-size: 10px;
}

.PlatformBadge-module-scss-module__2_eVjG__icon {
  flex-shrink: 0;
  display: block;
}

.PlatformBadge-module-scss-module__2_eVjG__dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.PlatformBadge-module-scss-module__2_eVjG__label {
  line-height: 1;
}

.PlatformBadge-module-scss-module__2_eVjG__instagram {
  color: #c2185b;
  background-color: #fce4ee;
  border-color: #f8bbd9;
}

.PlatformBadge-module-scss-module__2_eVjG__tiktok {
  color: #010101;
  background-color: #f0f0f0;
  border-color: #d9d9d9;
}

.PlatformBadge-module-scss-module__2_eVjG__x {
  color: #14171a;
  background-color: #e8f0f7;
  border-color: #cfe2f3;
}

.PlatformBadge-module-scss-module__2_eVjG__youtube {
  color: #c62828;
  background-color: #fdecea;
  border-color: #ffcdd2;
}

/* [project]/app/components/Divider.module.scss.module.css [app-client] (css) */
.Divider-module-scss-module__aMqNWW__divider {
  border: none;
  border-top: 1px solid var(--border-color);
  width: 100%;
  margin: 0;
}

.Divider-module-scss-module__aMqNWW__vertical {
  background-color: var(--border-color);
  flex-shrink: 0;
  width: 1px;
  height: 100%;
  display: inline-block;
}

.Divider-module-scss-module__aMqNWW__labeled {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.Divider-module-scss-module__aMqNWW__line {
  background-color: var(--border-color);
  flex: 1;
  height: 1px;
}

.Divider-module-scss-module__aMqNWW__label {
  color: var(--text-muted);
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

/* [project]/app/components/DonutChart.module.scss.module.css [app-client] (css) */
.DonutChart-module-scss-module__E7Na2q__wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  display: flex;
}

.DonutChart-module-scss-module__E7Na2q__svg {
  flex-shrink: 0;
}

.DonutChart-module-scss-module__E7Na2q__legend {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.DonutChart-module-scss-module__E7Na2q__legendItem {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.DonutChart-module-scss-module__E7Na2q__legendDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.DonutChart-module-scss-module__E7Na2q__legendLabel {
  color: var(--text-secondary);
  flex: 1;
  font-size: 12px;
}

.DonutChart-module-scss-module__E7Na2q__legendValue {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
}

/* [project]/app/components/EmptyState.module.scss.module.css [app-client] (css) */
.EmptyState-module-scss-module__OBi17a__wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  padding: 32px;
  display: flex;
}

.EmptyState-module-scss-module__OBi17a__icon {
  color: var(--text-disabled);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.EmptyState-module-scss-module__OBi17a__title {
  color: var(--dark);
  font-size: 32px;
  font-weight: 5600;
}

.EmptyState-module-scss-module__OBi17a__description {
  color: var(--text-muted);
  max-width: 360px;
  line-height: 22px;
}

.EmptyState-module-scss-module__OBi17a__action {
  margin-top: 6px;
}

/* [project]/app/components/FilterBar.module.scss.module.css [app-client] (css) */
.FilterBar-module-scss-module__lRGSgG__filterBar {
  border-bottom: 1px solid var(--border-color);
  background: linear-gradient(#f1f1f1 20%, #f6f6f6 90%);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 16px 24px;
  display: flex;
}

.FilterBar-module-scss-module__lRGSgG__pageHeader {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.FilterBar-module-scss-module__lRGSgG__iconWrapper {
  border: 1px solid var(--border-grey);
  background-color: var(--white);
  color: var(--dark);
  border-radius: 6px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  display: flex;
}

.FilterBar-module-scss-module__lRGSgG__iconWrapper svg {
  width: 16px;
  height: 16px;
  display: block;
}

.FilterBar-module-scss-module__lRGSgG__titleWrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
}

.FilterBar-module-scss-module__lRGSgG__title {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
}

.FilterBar-module-scss-module__lRGSgG__subtitle {
  color: var(--text-muted);
  margin: 0;
  font-size: 13px;
}

.FilterBar-module-scss-module__lRGSgG__action {
  flex-shrink: 0;
}

/* [project]/app/components/FullScreenModal.module.scss.module.css [app-client] (css) */
.FullScreenModal-module-scss-module__5sWsxG__overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #000000b3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  animation: .12s ease-out FullScreenModal-module-scss-module__5sWsxG__fsFade;
  display: flex;
  position: fixed;
  inset: 0;
}

.FullScreenModal-module-scss-module__5sWsxG__panel {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  animation: .16s ease-out FullScreenModal-module-scss-module__5sWsxG__fsSlide;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__header {
  border-bottom: 1px solid var(--border-color);
  flex-shrink: 0;
  width: 100%;
}

.FullScreenModal-module-scss-module__5sWsxG__headerInner {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__headerActions {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__titleBlock {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__title {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  overflow: hidden;
}

.FullScreenModal-module-scss-module__5sWsxG__subtitle {
  color: var(--text-muted);
}

.FullScreenModal-module-scss-module__5sWsxG__closeBtn {
  border-radius: var(--radius-button);
  cursor: pointer;
  width: 36px;
  height: 36px;
  color: var(--dark);
  background: none;
  border: 0;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .12s ease-in-out;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__closeBtn:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.FullScreenModal-module-scss-module__5sWsxG__scroll {
  background-color: var(--bg-app);
  flex: 1;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
}

.FullScreenModal-module-scss-module__5sWsxG__content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 32px;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  padding: 64px 0;
  display: flex;
}

.FullScreenModal-module-scss-module__5sWsxG__footer {
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-card);
  flex-shrink: 0;
  width: 100%;
}

.FullScreenModal-module-scss-module__5sWsxG__footerInner {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
}

@keyframes FullScreenModal-module-scss-module__5sWsxG__fsFade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes FullScreenModal-module-scss-module__5sWsxG__fsSlide {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/app/components/Input.module.scss.module.css [app-client] (css) */
.Input-module-scss-module__2MXqfG__inputWrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  display: flex;
}

.Input-module-scss-module__2MXqfG__label {
  color: var(--text-secondary);
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
}

.Input-module-scss-module__2MXqfG__inputContainer {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.Input-module-scss-module__2MXqfG__input {
  border-radius: var(--radius-input);
  border: 1px solid var(--border-color);
  background-color: var(--white);
  width: 100%;
  color: var(--text-primary);
  outline: none;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  transition: all .15s ease-in-out;
}

.Input-module-scss-module__2MXqfG__input::placeholder {
  color: var(--text-muted);
}

.Input-module-scss-module__2MXqfG__input:hover:not(:disabled):not(.Input-module-scss-module__2MXqfG__inputError) {
  border-color: var(--border-hover);
}

.Input-module-scss-module__2MXqfG__input:focus:not(:disabled):not(.Input-module-scss-module__2MXqfG__inputError) {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 1px var(--border-focus);
}

.Input-module-scss-module__2MXqfG__input:disabled {
  background-color: var(--bg-disabled);
  color: var(--text-disabled);
  border-color: var(--border-color);
  cursor: not-allowed;
}

.Input-module-scss-module__2MXqfG__small {
  padding: 6px 10px;
  font-size: 12px;
  line-height: 14px;
}

.Input-module-scss-module__2MXqfG__medium {
  border-radius: 8px;
  height: 40px;
  padding: 12px 16px;
}

.Input-module-scss-module__2MXqfG__border {
  border-color: var(--border-color);
  background-color: #0000;
}

.Input-module-scss-module__2MXqfG__inputError {
  border-color: var(--negative) !important;
}

.Input-module-scss-module__2MXqfG__inputError:focus {
  box-shadow: 0 0 0 1px var(--negative) !important;
}

.Input-module-scss-module__2MXqfG__hasIconLeft {
  padding-left: 36px;
}

.Input-module-scss-module__2MXqfG__hasIconRight {
  padding-right: 36px;
}

.Input-module-scss-module__2MXqfG__iconLeft, .Input-module-scss-module__2MXqfG__iconRight {
  color: var(--text-muted);
  pointer-events: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.Input-module-scss-module__2MXqfG__iconLeft {
  left: 12px;
}

.Input-module-scss-module__2MXqfG__iconRight {
  right: 12px;
}

.Input-module-scss-module__2MXqfG__helperText {
  color: var(--text-muted);
  font-size: 12px;
}

.Input-module-scss-module__2MXqfG__errorText {
  color: var(--negative);
  font-size: 12px;
}

/* [project]/app/components/LineChart.module.scss.module.css [app-client] (css) */
.LineChart-module-scss-module__eotmMa__wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  display: flex;
}

.LineChart-module-scss-module__eotmMa__chartContainer {
  width: 100%;
  position: relative;
}

.LineChart-module-scss-module__eotmMa__svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.LineChart-module-scss-module__eotmMa__gridLine {
  stroke: var(--border-color);
  stroke-width: .25px;
  stroke-dasharray: 2 3;
}

.LineChart-module-scss-module__eotmMa__line {
  vector-effect: non-scaling-stroke;
}

.LineChart-module-scss-module__eotmMa__area {
  vector-effect: none;
}

.LineChart-module-scss-module__eotmMa__hoverLine {
  stroke: var(--text-muted);
  stroke-width: .25px;
  stroke-dasharray: 2 2;
  pointer-events: none;
}

.LineChart-module-scss-module__eotmMa__hoverPoint {
  pointer-events: none;
}

.LineChart-module-scss-module__eotmMa__hitRegion {
  cursor: pointer;
}

.LineChart-module-scss-module__eotmMa__tooltip {
  background: var(--surface-tooltip);
  -webkit-backdrop-filter: blur(12px) saturate(190%);
  border: 1px solid rgba(var(--border-color), .4);
  border-radius: var(--radius-button);
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  pointer-events: none;
  z-index: 1100;
  white-space: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  animation: .15s cubic-bezier(.16, 1, .3, 1) LineChart-module-scss-module__eotmMa__fadeInTooltip;
  display: flex;
  position: absolute;
  transform: translateX(-50%);
}

.LineChart-module-scss-module__eotmMa__tooltipLabel {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
  font-weight: 500;
}

.LineChart-module-scss-module__eotmMa__tooltipValue {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 700;
}

.LineChart-module-scss-module__eotmMa__tooltipArrow {
  background: var(--surface-tooltip);
  border-right: 1px solid rgba(var(--border-color), .4);
  border-bottom: 1px solid rgba(var(--border-color), .4);
  pointer-events: none;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

.LineChart-module-scss-module__eotmMa__labels {
  border-top: 1px solid var(--border-color);
  width: 100%;
  height: 16px;
  margin-top: 6px;
  position: relative;
}

.LineChart-module-scss-module__eotmMa__labelWrapper {
  text-align: center;
  position: absolute;
  top: 6px;
  transform: translateX(-50%);
}

.LineChart-module-scss-module__eotmMa__label {
  color: var(--text-muted);
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
}

@keyframes LineChart-module-scss-module__eotmMa__fadeInTooltip {
  from {
    opacity: 0;
    transform: translateX(-50%)translateY(4px);
  }

  to {
    opacity: 1;
    transform: translateX(-50%)translateY(0);
  }
}

/* [project]/app/components/LiveMonitor.module.scss.module.css [app-client] (css) */
.LiveMonitor-module-scss-module__oCnMaa__monitor {
  z-index: 1000;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: all .2s ease-in-out;
  display: flex;
  position: fixed;
  top: 16px;
  left: 50%;
  overflow: hidden;
  transform: translateX(-50%);
}

.LiveMonitor-module-scss-module__oCnMaa__monitorCollapsed {
  min-width: auto;
  max-width: none;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline {
  z-index: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-shadow: none;
  border: none;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  gap: 0;
  position: static;
  transform: none;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline .LiveMonitor-module-scss-module__oCnMaa__streamTitle {
  border-bottom: 1px solid var(--border-color);
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  padding: 8px 12px;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline .LiveMonitor-module-scss-module__oCnMaa__header {
  border-radius: 0;
  flex: 1;
  min-width: 0;
  padding: 0;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline .LiveMonitor-module-scss-module__oCnMaa__headerActions {
  flex-shrink: 0;
  gap: 6px;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline .LiveMonitor-module-scss-module__oCnMaa__streamController {
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  gap: 0;
  padding: 0;
}

.LiveMonitor-module-scss-module__oCnMaa__monitorInline .LiveMonitor-module-scss-module__oCnMaa__screenshotThumb {
  object-fit: cover;
  border-bottom: 1px solid var(--border-color);
  border-radius: 0;
  width: 100%;
  height: auto;
  max-height: 160px;
}

.LiveMonitor-module-scss-module__oCnMaa__header {
  border-radius: 8px;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__headerLeft {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__streamTitle {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: max-content;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__streamController {
  background-color: var(--bg-card);
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 12px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__liveDot {
  background-color: var(--negative);
  border-radius: 50%;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  animation: 1.5s ease-in-out infinite LiveMonitor-module-scss-module__oCnMaa__livePulse;
}

.LiveMonitor-module-scss-module__oCnMaa__liveDotPaused {
  background-color: var(--text-muted);
  animation: none;
}

@keyframes LiveMonitor-module-scss-module__oCnMaa__livePulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .25;
  }
}

.LiveMonitor-module-scss-module__oCnMaa__title {
  color: var(--dark);
  background-color: var(--bg-card);
  border-radius: 8px;
  padding: 12px 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__headerActions {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__iconBtn {
  border: 1px solid var(--border-color);
  background-color: var(--bg-table);
  width: 30px;
  height: 30px;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .1s ease-in-out;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__iconBtn:hover {
  color: var(--text-primary);
  background-color: var(--bg-hover);
}

.LiveMonitor-module-scss-module__oCnMaa__iconBtnStop {
  border-color: var(--negative-fade);
  color: var(--negative);
}

.LiveMonitor-module-scss-module__oCnMaa__iconBtnStop:hover {
  background-color: var(--negative-fade);
}

.LiveMonitor-module-scss-module__oCnMaa__savedTag {
  color: var(--positive);
  background-color: #22c55e1f;
  border-radius: 3px;
  flex-shrink: 0;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__emptyBody {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 12px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__waitingText {
  color: var(--text-secondary);
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__waitingTextActive {
  color: var(--text-muted);
  animation: 1.5s ease-in-out infinite LiveMonitor-module-scss-module__oCnMaa__livePulse;
}

.LiveMonitor-module-scss-module__oCnMaa__matchData {
  border-bottom: 1px solid var(--border-color);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__dataLabel {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 8px 12px 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__scoreboard {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 6px 12px;
  display: flex;
  position: relative;
}

.LiveMonitor-module-scss-module__oCnMaa__sbRow {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__sbHeaderRow {
  margin-bottom: 2px;
}

.LiveMonitor-module-scss-module__oCnMaa__sbTeamCol {
  flex: 1;
  min-width: 0;
  padding: 6px 0;
}

.LiveMonitor-module-scss-module__oCnMaa__sbTeamName {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: block;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__sbGameHead {
  text-align: center;
  letter-spacing: .06em;
  width: 38px;
  color: var(--text-disabled);
  text-transform: uppercase;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__sbGameHeadLive {
  color: var(--positive);
}

.LiveMonitor-module-scss-module__oCnMaa__sbScore {
  text-align: center;
  font-variant-numeric: tabular-nums;
  width: 38px;
  color: var(--text-disabled);
  flex-shrink: 0;
  padding: 2px 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.LiveMonitor-module-scss-module__oCnMaa__sbScoreLive {
  color: var(--text-primary);
  font-size: 17px;
  font-weight: 700;
}

.LiveMonitor-module-scss-module__oCnMaa__sbScoreWin {
  color: var(--text-primary);
  font-weight: 700;
}

.LiveMonitor-module-scss-module__oCnMaa__sbScoreLose {
  color: var(--text-disabled);
  font-weight: 400;
}

.LiveMonitor-module-scss-module__oCnMaa__sbGameBadge {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__sbGameBadgeDot {
  background-color: var(--positive);
  border-radius: 50%;
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  animation: 1.5s ease-in-out infinite LiveMonitor-module-scss-module__oCnMaa__livePulse;
}

.LiveMonitor-module-scss-module__oCnMaa__sides {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2px;
  padding: 8px 12px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__sideRow {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 3px 0;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__sideRowHead {
  padding-bottom: 6px;
}

.LiveMonitor-module-scss-module__oCnMaa__sideGameCol {
  width: 22px;
  color: var(--text-disabled);
  letter-spacing: .04em;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__sideNearHead {
  color: var(--court-near-accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
  flex: 1;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__sideFarHead {
  color: var(--court-far-accent);
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
  flex: 1;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__sideNear {
  min-width: 0;
  color: var(--text-disabled);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__sideNearLabeled {
  color: var(--court-near-accent);
  font-weight: 600;
}

.LiveMonitor-module-scss-module__oCnMaa__sideFar {
  min-width: 0;
  color: var(--text-disabled);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__sideFarLabeled {
  color: var(--text-secondary);
  font-weight: 500;
}

.LiveMonitor-module-scss-module__oCnMaa__sideConf {
  color: var(--court-near-accent);
  opacity: .7;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__errorBar {
  color: var(--negative);
  border-bottom: 1px solid var(--border-color);
  background-color: #ef44440f;
  padding: 6px 12px;
  font-size: 11px;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__footer {
  background-color: var(--bg-card);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__footerLeft {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__statusDot {
  background-color: var(--text-disabled);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.LiveMonitor-module-scss-module__oCnMaa__statusDotActive {
  background-color: var(--positive);
  animation: 1.5s ease-in-out infinite LiveMonitor-module-scss-module__oCnMaa__livePulse;
}

.LiveMonitor-module-scss-module__oCnMaa__statusDotPaused {
  background-color: var(--accent);
}

.LiveMonitor-module-scss-module__oCnMaa__statusText {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__countdown {
  color: var(--text-secondary);
  white-space: nowrap;
  flex-shrink: 0;
}

.LiveMonitor-module-scss-module__oCnMaa__screenshotThumb {
  background-color: var(--bg-card);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  width: auto;
  height: 48px;
  transition: border-color .1s ease-in-out;
}

.LiveMonitor-module-scss-module__oCnMaa__screenshotThumb:hover {
  border-color: var(--accent);
}

.LiveMonitor-module-scss-module__oCnMaa__courtStats {
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-card);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 8px 12px;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsLabel {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsNear {
  color: var(--court-near-accent);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsFar {
  color: var(--court-far-accent);
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsBar {
  background-color: var(--court-far-border);
  border-radius: 2px;
  width: 100%;
  height: 3px;
  overflow: hidden;
}

.LiveMonitor-module-scss-module__oCnMaa__courtStatsBarNear {
  background-color: var(--court-near-border);
  height: 100%;
  transition: width .3s ease-in-out;
}

/* [project]/app/components/MatchfinderMonitor.module.scss.module.css [app-client] (css) */
.MatchfinderMonitor-module-scss-module__YbOE3a__monitor {
  z-index: 1000;
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 15px -3px var(--overlay-light),0 4px 6px -2px var(--overlay-subtle);
  background-color: #000;
  border-radius: 8px;
  min-width: 360px;
  max-width: 420px;
  transition: all .2s ease-in-out;
  position: fixed;
  bottom: 16px;
  left: 16px;
  overflow: hidden;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__monitorCollapsed {
  min-width: auto;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__header {
  border-bottom: 1px solid var(--border-color);
  background-color: #000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__headerLeft {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__dot {
  background-color: var(--text-muted);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__dotActive {
  background-color: var(--positive);
  animation: 1.5s ease-in-out infinite MatchfinderMonitor-module-scss-module__YbOE3a__mfPulse;
}

@keyframes MatchfinderMonitor-module-scss-module__YbOE3a__mfPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.MatchfinderMonitor-module-scss-module__YbOE3a__title {
  color: var(--text-grey);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__headerActions {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__iconBtn {
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .1s ease-in-out;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__iconBtn:hover {
  color: var(--text-primary);
  background-color: var(--bg-hover);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__iconBtnClose {
  border-color: var(--border-color);
  color: var(--negative);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__iconBtnClose:hover {
  background-color: var(--negative-fade);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__stopBtn {
  border: 1px solid var(--negative-fade);
  background: var(--negative);
  height: 28px;
  color: var(--dark);
  cursor: pointer;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  font-weight: 600;
  transition: all .1s ease-in-out;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__stopBtn:hover {
  background-color: var(--negative-hover);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  max-height: 70vh;
  padding: 16px 24px;
  display: flex;
  overflow-y: auto;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__startError {
  color: var(--negative);
  font-size: 11px;
  line-height: 16px;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__row {
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 12px;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__rowHead {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__rowMeta {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__courtName {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__dateKind {
  color: var(--text-muted);
  font-size: 12px;
  line-height: 16px;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__coverage {
  color: var(--text-muted);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__statusChip {
  white-space: nowrap;
  border-radius: 3px;
  flex-shrink: 0;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__status_idle {
  color: var(--text-muted);
  background-color: var(--bg-neutral);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__status_running {
  color: var(--bg-app);
  background-color: var(--dark);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__status_done {
  color: var(--positive);
  background-color: var(--positive-fade);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__status_error {
  color: var(--negative);
  background-color: var(--negative-fade);
}

.MatchfinderMonitor-module-scss-module__YbOE3a__url {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.MatchfinderMonitor-module-scss-module__YbOE3a__errorText {
  color: var(--negative);
  font-size: 11px;
  line-height: 16px;
}

/* [project]/app/components/Menu.module.scss.module.css [app-client] (css) */
.Menu-module-scss-module__ZAH3DW__menuList {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  list-style: none;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__label, .Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__chevron {
  display: none;
}

.Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__item, .Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__subMenuHeader {
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__subMenuContent {
  display: none !important;
}

.Menu-module-scss-module__ZAH3DW__collapsed .Menu-module-scss-module__ZAH3DW__subMenuTitleWrapper {
  flex: none;
  justify-content: center;
  gap: 0;
  width: 100%;
}

.Menu-module-scss-module__ZAH3DW__itemWrapper {
  width: 100%;
}

.Menu-module-scss-module__ZAH3DW__item {
  border-radius: var(--radius-button);
  color: var(--text-secondary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: none;
  transition: all .15s ease-in-out;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__item:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.Menu-module-scss-module__ZAH3DW__item.Menu-module-scss-module__ZAH3DW__active {
  background-color: var(--bg-app);
  color: var(--text-primary);
  font-weight: 600;
}

.Menu-module-scss-module__ZAH3DW__item.Menu-module-scss-module__ZAH3DW__active .Menu-module-scss-module__ZAH3DW__icon img {
  filter: brightness(0) saturate() invert(48%) sepia(57%) saturate(1257%) hue-rotate(337deg) brightness(94%) contrast(92%);
  opacity: 1;
}

.Menu-module-scss-module__ZAH3DW__icon {
  color: var(--accent);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__label {
  flex: 1;
}

.Menu-module-scss-module__ZAH3DW__subMenuTitleWrapper {
  flex: 1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__subMenuHeader {
  border-radius: var(--radius-button);
  color: var(--text-secondary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  outline: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: all .15s ease-in-out;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__subMenuHeader:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.Menu-module-scss-module__ZAH3DW__subMenuHeader.Menu-module-scss-module__ZAH3DW__active {
  color: var(--text-primary);
}

.Menu-module-scss-module__ZAH3DW__subMenuHeader.Menu-module-scss-module__ZAH3DW__active .Menu-module-scss-module__ZAH3DW__icon img {
  filter: brightness(0) saturate() invert(48%) sepia(57%) saturate(1257%) hue-rotate(337deg) brightness(94%) contrast(92%);
  opacity: 1;
}

.Menu-module-scss-module__ZAH3DW__chevron {
  color: var(--text-muted);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform .2s ease-in-out;
  display: flex;
}

.Menu-module-scss-module__ZAH3DW__chevronOpen {
  transform: rotate(90deg);
}

.Menu-module-scss-module__ZAH3DW__subMenuContent {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 2px;
  max-height: 0;
  margin: 2px 0 0;
  padding: 0 0 0 16px;
  list-style: none;
  transition: max-height .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  overflow: hidden;
}

.Menu-module-scss-module__ZAH3DW__subMenuContentOpen {
  max-height: 500px;
}

.Menu-module-scss-module__ZAH3DW__menuGroupWrapper {
  width: 100%;
  margin: 8px 0 2px;
  padding: 0;
  list-style: none;
}

.Menu-module-scss-module__ZAH3DW__menuGroupLabel {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 2px;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 700;
}

.Menu-module-scss-module__ZAH3DW__menuGroupDivider {
  background-color: var(--border-color);
  width: 60%;
  height: 1px;
  margin: 8px auto;
}

.Menu-module-scss-module__ZAH3DW__menuGroupList {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

/* [project]/app/components/Modal.module.scss.module.css [app-client] (css) */
.Modal-module-scss-module__UQA_zG__overlayWrap {
  z-index: 1000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.Modal-module-scss-module__UQA_zG__overlayBackdrop {
  background-color: var(--overlay-medium);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  cursor: default;
  border: none;
  animation: .12s ease-out Modal-module-scss-module__UQA_zG__fadeIn;
  position: absolute;
  inset: 0;
}

.Modal-module-scss-module__UQA_zG__modal {
  z-index: 1;
  background-color: var(--bg-app);
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 15px -3px var(--overlay-light),0 4px 6px -2px var(--overlay-subtle);
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 90vh;
  animation: .15s ease-out Modal-module-scss-module__UQA_zG__slideUp;
  display: flex;
  position: relative;
}

.Modal-module-scss-module__UQA_zG__small {
  width: 380px;
}

.Modal-module-scss-module__UQA_zG__medium {
  width: 520px;
}

.Modal-module-scss-module__UQA_zG__large {
  width: 720px;
}

.Modal-module-scss-module__UQA_zG__header {
  border-bottom: 1px solid var(--border-color);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.Modal-module-scss-module__UQA_zG__title {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 600;
}

.Modal-module-scss-module__UQA_zG__closeBtn {
  cursor: pointer;
  color: var(--text-muted);
  background: none;
  border: none;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .12s ease-in-out;
  display: flex;
}

.Modal-module-scss-module__UQA_zG__closeBtn:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.Modal-module-scss-module__UQA_zG__body {
  flex: 1;
  padding: 24px;
}

.Modal-module-scss-module__UQA_zG__footer {
  border-top: 1px solid var(--border-color);
  background-color: var(--bg-neutral);
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  display: flex;
}

@keyframes Modal-module-scss-module__UQA_zG__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Modal-module-scss-module__UQA_zG__slideUp {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* [project]/app/components/PieChart.module.scss.module.css [app-client] (css) */
.PieChart-module-scss-module__-4fWbW__wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
  display: flex;
}

.PieChart-module-scss-module__-4fWbW__wrapperBottom {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  display: flex;
}

.PieChart-module-scss-module__-4fWbW__chartContainer {
  flex-shrink: 0;
  position: relative;
}

.PieChart-module-scss-module__-4fWbW__svg {
  flex-shrink: 0;
  display: block;
}

.PieChart-module-scss-module__-4fWbW__slice {
  cursor: pointer;
  transition: all .15s ease-in-out;
}

.PieChart-module-scss-module__-4fWbW__sliceActive {
  filter: brightness(1.05);
}

.PieChart-module-scss-module__-4fWbW__donutCenter {
  pointer-events: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.PieChart-module-scss-module__-4fWbW__centerLabel {
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70px;
  font-size: 10px;
  font-weight: 500;
  overflow: hidden;
}

.PieChart-module-scss-module__-4fWbW__centerValue {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 700;
}

.PieChart-module-scss-module__-4fWbW__legend {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.PieChart-module-scss-module__-4fWbW__legendBottom {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.PieChart-module-scss-module__-4fWbW__legendItem {
  cursor: pointer;
  border-radius: var(--radius-button);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  transition: background .15s ease-in-out;
  display: flex;
}

.PieChart-module-scss-module__-4fWbW__legendItem:hover, .PieChart-module-scss-module__-4fWbW__legendItem.PieChart-module-scss-module__-4fWbW__legendItemActive {
  background: var(--bg-hover);
}

.PieChart-module-scss-module__-4fWbW__legendDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.PieChart-module-scss-module__-4fWbW__legendLabel {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.PieChart-module-scss-module__-4fWbW__legendValue {
  color: var(--text-primary);
  padding-left: 6px;
  font-size: 12px;
  font-weight: 600;
}

/* [project]/app/components/ProgressBar.module.scss.module.css [app-client] (css) */
.ProgressBar-module-scss-module__zS-5qq__wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  display: flex;
}

.ProgressBar-module-scss-module__zS-5qq__labelRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ProgressBar-module-scss-module__zS-5qq__label {
  color: var(--text-secondary);
  font-size: 13px;
}

.ProgressBar-module-scss-module__zS-5qq__value {
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 500;
}

.ProgressBar-module-scss-module__zS-5qq__track {
  background-color: var(--bg-active);
  border-radius: 999px;
  width: 100%;
  overflow: hidden;
}

.ProgressBar-module-scss-module__zS-5qq__small {
  height: 4px;
}

.ProgressBar-module-scss-module__zS-5qq__medium {
  height: 6px;
}

.ProgressBar-module-scss-module__zS-5qq__fill {
  border-radius: 999px;
  height: 100%;
  transition: width .4s ease-out;
}

.ProgressBar-module-scss-module__zS-5qq__accent {
  background-color: var(--accent);
}

.ProgressBar-module-scss-module__zS-5qq__positive {
  background-color: var(--positive);
}

.ProgressBar-module-scss-module__zS-5qq__warning {
  background-color: var(--warning);
}

.ProgressBar-module-scss-module__zS-5qq__negative {
  background-color: var(--negative);
}

.ProgressBar-module-scss-module__zS-5qq__neutral {
  background-color: var(--neutral);
}

/* [project]/app/components/RadioGroup.module.scss.module.css [app-client] (css) */
.RadioGroup-module-scss-module__BHit9a__group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.RadioGroup-module-scss-module__BHit9a__row {
  flex-flow: wrap;
  gap: 12px 24px;
}

.RadioGroup-module-scss-module__BHit9a__option {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: fit-content;
  display: flex;
}

.RadioGroup-module-scss-module__BHit9a__disabled {
  opacity: .5;
  cursor: not-allowed;
}

.RadioGroup-module-scss-module__BHit9a__radioWrap {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.RadioGroup-module-scss-module__BHit9a__input {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
}

.RadioGroup-module-scss-module__BHit9a__radio {
  border: 1.5px solid var(--border-hover);
  background-color: var(--bg-card);
  border-radius: 50%;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: all .12s ease-in-out;
  display: flex;
}

.RadioGroup-module-scss-module__BHit9a__input:checked ~ .RadioGroup-module-scss-module__BHit9a__radio {
  border-color: var(--accent);
}

.RadioGroup-module-scss-module__BHit9a__input:focus-visible ~ .RadioGroup-module-scss-module__BHit9a__radio {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.RadioGroup-module-scss-module__BHit9a__option:hover:not(.RadioGroup-module-scss-module__BHit9a__disabled) .RadioGroup-module-scss-module__BHit9a__radio {
  border-color: var(--accent);
}

.RadioGroup-module-scss-module__BHit9a__dot {
  background-color: var(--accent);
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.RadioGroup-module-scss-module__BHit9a__label {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 20px;
}

/* [project]/app/components/RowActions.module.scss.module.css [app-client] (css) */
.RowActions-module-scss-module__DGJtUG__wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  display: flex;
}

.RowActions-module-scss-module__DGJtUG__trigger {
  border-radius: var(--radius-button);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .15s ease-in-out;
  display: flex;
}

.RowActions-module-scss-module__DGJtUG__trigger:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.RowActions-module-scss-module__DGJtUG__trigger.RowActions-module-scss-module__DGJtUG__table {
  border-radius: 0;
  width: 100%;
  height: 36px;
}

.RowActions-module-scss-module__DGJtUG__trigger.RowActions-module-scss-module__DGJtUG__table:hover {
  background-color: var(--bg-neutral);
}

.RowActions-module-scss-module__DGJtUG__dropdown {
  z-index: 100;
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: var(--radius-card);
  min-width: 140px;
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 6px;
  display: flex;
  position: fixed;
}

.RowActions-module-scss-module__DGJtUG__item {
  text-align: left;
  border-radius: var(--radius-button);
  width: 100%;
  color: var(--text-primary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 8px 12px;
  font-size: 14px;
  transition: background-color .1s ease-in-out;
}

.RowActions-module-scss-module__DGJtUG__item:hover {
  background-color: var(--bg-hover);
}

.RowActions-module-scss-module__DGJtUG__danger {
  color: var(--negative);
}

.RowActions-module-scss-module__DGJtUG__danger:hover {
  background-color: var(--negative-fade);
  color: var(--negative);
}

/* [project]/app/components/Select.module.scss.module.css [app-client] (css) */
.Select-module-scss-module__BbolFa__selectWrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  display: flex;
}

.Select-module-scss-module__BbolFa__label {
  color: var(--text-secondary);
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
}

.Select-module-scss-module__BbolFa__selectContainer {
  width: 100%;
  position: relative;
}

.Select-module-scss-module__BbolFa__trigger {
  border-radius: var(--radius-input);
  border: 1px solid var(--border-color);
  background-color: var(--white);
  width: 100%;
  color: var(--text-primary);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  transition: all .15s ease-in-out;
  display: flex;
}

.Select-module-scss-module__BbolFa__trigger:hover:not(.Select-module-scss-module__BbolFa__disabled):not(.Select-module-scss-module__BbolFa__error) {
  border-color: var(--border-hover);
}

.Select-module-scss-module__BbolFa__trigger:focus:not(.Select-module-scss-module__BbolFa__disabled):not(.Select-module-scss-module__BbolFa__error) {
  border-color: var(--border-focus);
}

.Select-module-scss-module__BbolFa__triggerValue {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.Select-module-scss-module__BbolFa__placeholder {
  color: var(--text-muted);
}

.Select-module-scss-module__BbolFa__chevron {
  color: var(--text-muted);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  transition: transform .15s ease-in-out;
  display: flex;
}

.Select-module-scss-module__BbolFa__open .Select-module-scss-module__BbolFa__chevron {
  transform: rotate(180deg);
}

.Select-module-scss-module__BbolFa__disabled {
  background-color: var(--bg-disabled);
  cursor: not-allowed;
  color: var(--text-disabled) !important;
  border-color: var(--border-color) !important;
}

.Select-module-scss-module__BbolFa__error {
  border-color: var(--negative) !important;
}

.Select-module-scss-module__BbolFa__error:focus {
  box-shadow: 0 0 0 1px var(--negative) !important;
}

.Select-module-scss-module__BbolFa__small {
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 14px;
}

.Select-module-scss-module__BbolFa__solid {
  background-color: var(--white);
  border-color: #0000;
}

.Select-module-scss-module__BbolFa__solid:hover:not(.Select-module-scss-module__BbolFa__disabled):not(.Select-module-scss-module__BbolFa__error) {
  background-color: var(--bg-hover);
  border-color: #0000;
}

.Select-module-scss-module__BbolFa__grey {
  background-color: var(--bg-neutral);
  border-color: #0000;
}

.Select-module-scss-module__BbolFa__grey, .Select-module-scss-module__BbolFa__grey.Select-module-scss-module__BbolFa__small {
  font-size: 14px;
}

.Select-module-scss-module__BbolFa__grey:hover:not(.Select-module-scss-module__BbolFa__disabled):not(.Select-module-scss-module__BbolFa__error) {
  background-color: var(--bg-grey);
  border-color: #0000;
}

.Select-module-scss-module__BbolFa__grey:focus:not(.Select-module-scss-module__BbolFa__disabled):not(.Select-module-scss-module__BbolFa__error) {
  background-color: var(--white);
  border-color: var(--border-focus);
  box-shadow: 0 0 0 1px var(--border-focus);
}

.Select-module-scss-module__BbolFa__dropdown {
  background-color: var(--white);
  border-radius: var(--radius-input);
  border: 1px solid var(--border-color);
  width: 100%;
  min-width: 100%;
  box-shadow: 0 4px 6px -1px var(--overlay-subtle),0 2px 4px -1px var(--overlay-subtle);
  z-index: 50;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) #0000;
  max-height: 320px;
  margin-top: 4px;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar {
  width: 4px;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-button {
  display: none;
  width: 0 !important;
  height: 0 !important;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-button:single-button {
  display: none;
  width: 0 !important;
  height: 0 !important;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-button:single-button:vertical:decrement {
  display: none;
  width: 0 !important;
  height: 0 !important;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-button:single-button:vertical:increment {
  display: none;
  width: 0 !important;
  height: 0 !important;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-track {
  background: none;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-thumb {
  background-color: var(--border-color);
  border-radius: 4px;
}

.Select-module-scss-module__BbolFa__dropdown::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-hover);
}

.Select-module-scss-module__BbolFa__dropUp {
  margin-top: 0;
  margin-bottom: 4px;
  inset: auto 0 100% auto;
}

.Select-module-scss-module__BbolFa__dropdownOpen {
  display: block;
}

.Select-module-scss-module__BbolFa__searchBox {
  border-bottom: 1px solid var(--border-color);
  background-color: var(--white);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 8px;
  display: flex;
  position: sticky;
  top: 0;
}

.Select-module-scss-module__BbolFa__searchIcon {
  color: var(--text-muted);
  flex-shrink: 0;
  margin-left: 6px;
}

.Select-module-scss-module__BbolFa__searchInput {
  color: var(--text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  padding: 6px 8px;
  font-size: 13px;
}

.Select-module-scss-module__BbolFa__searchInput::placeholder {
  color: var(--text-muted);
}

.Select-module-scss-module__BbolFa__noResults {
  color: var(--text-muted);
  text-align: center;
  padding: 12px 16px;
  font-size: 13px;
  list-style: none;
}

.Select-module-scss-module__BbolFa__optionList {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 8px;
  list-style: none;
  display: flex;
}

.Select-module-scss-module__BbolFa__option {
  border-radius: calc(var(--radius-input) - 2px);
  cursor: pointer;
  color: var(--text-secondary);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 16px;
  transition: all .1s ease-in-out;
  display: flex;
}

.Select-module-scss-module__BbolFa__option:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.Select-module-scss-module__BbolFa__option.Select-module-scss-module__BbolFa__selected {
  background-color: var(--accent-bg-fade);
  color: var(--accent);
  font-weight: 500;
}

.Select-module-scss-module__BbolFa__option.Select-module-scss-module__BbolFa__smallOption {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 16px;
}

.Select-module-scss-module__BbolFa__helperText {
  color: var(--text-muted);
  font-size: 12px;
}

.Select-module-scss-module__BbolFa__errorText {
  color: var(--negative);
  font-size: 12px;
}

/* [project]/app/components/Sidebar.module.scss.module.css [app-client] (css) */
.Sidebar-module-scss-module__PT-dDa__sidebar {
  background-color: var(--bg-card);
  border-right: 1px solid var(--border-color);
  z-index: 100;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: stretch;
  width: 260px;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.Sidebar-module-scss-module__PT-dDa__top {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__logoSection {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 56px;
  padding: 12px 20px 0;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__logo {
  color: var(--accent);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__logoText {
  color: var(--text-primary);
}

.Sidebar-module-scss-module__PT-dDa__searchBox {
  border: 1px solid var(--border-color);
  border-radius: var(--radius-input);
  background-color: var(--bg-app);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 34px;
  margin: 8px 12px 0;
  padding: 0 8px 0 10px;
  transition: all .15s ease-in-out;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__searchBox:focus-within {
  background-color: var(--bg-card);
  border-color: var(--border-focus);
  box-shadow: 0 0 0 1px var(--border-focus);
}

.Sidebar-module-scss-module__PT-dDa__searchIcon {
  color: var(--text-muted);
  flex-shrink: 0;
}

.Sidebar-module-scss-module__PT-dDa__searchInput {
  height: 100%;
  color: var(--text-primary);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  min-width: 0;
  padding: 0;
  font-size: 13px;
}

.Sidebar-module-scss-module__PT-dDa__searchInput::placeholder {
  color: var(--text-muted);
}

.Sidebar-module-scss-module__PT-dDa__listSection {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  gap: 4px;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.Sidebar-module-scss-module__PT-dDa__listLabel {
  color: var(--negative);
  text-transform: uppercase;
  letter-spacing: .08em;
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 2px;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: 700;
}

.Sidebar-module-scss-module__PT-dDa__listEmpty {
  color: var(--text-muted);
  padding: 8px 12px;
  font-size: 13px;
}

.Sidebar-module-scss-module__PT-dDa__tournamentItem {
  border-radius: var(--radius-button);
  color: var(--text-secondary);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  outline: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 16px;
  transition: all .15s ease-in-out;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__tournamentItem:hover {
  background-color: var(--bg-hover);
  color: var(--text-primary);
}

.Sidebar-module-scss-module__PT-dDa__tournamentActive {
  background-color: var(--bg-app);
  color: var(--text-primary);
  font-weight: 600;
}

.Sidebar-module-scss-module__PT-dDa__tournamentName {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.Sidebar-module-scss-module__PT-dDa__liveDot {
  background-color: var(--negative);
  border-radius: 50%;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
}

.Sidebar-module-scss-module__PT-dDa__userSection {
  border-top: 1px solid var(--border-color);
  flex-shrink: 0;
}

.Sidebar-module-scss-module__PT-dDa__userInfo {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__avatar {
  background-color: var(--accent-bg-fade);
  width: 32px;
  height: 32px;
  color: var(--accent);
  border-radius: 50%;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.Sidebar-module-scss-module__PT-dDa__userMeta {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.Sidebar-module-scss-module__PT-dDa__userEmail {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 130px;
  font-size: 12px;
  overflow: hidden;
}

/* [project]/app/components/Skeleton.module.scss.module.css [app-client] (css) */
.Skeleton-module-scss-module__f3y1xG__stack {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.Skeleton-module-scss-module__f3y1xG__bone {
  background: linear-gradient(90deg, var(--bg-active) 25%, var(--bg-neutral) 50%, var(--bg-active) 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: 1.4s ease-in-out infinite Skeleton-module-scss-module__f3y1xG__shimmer;
  display: block;
}

.Skeleton-module-scss-module__f3y1xG__rounded {
  border-radius: 999px;
}

@keyframes Skeleton-module-scss-module__f3y1xG__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* [project]/app/components/Spinner.module.scss.module.css [app-client] (css) */
.Spinner-module-scss-module__BNZjGG__spinner {
  border-style: solid;
  border-color: #0000;
  border-radius: 50%;
  flex-shrink: 0;
  animation: .65s linear infinite Spinner-module-scss-module__BNZjGG__spin;
  display: inline-block;
}

.Spinner-module-scss-module__BNZjGG__small {
  border-width: 2px;
  width: 14px;
  height: 14px;
}

.Spinner-module-scss-module__BNZjGG__medium {
  border-width: 2.5px;
  width: 20px;
  height: 20px;
}

.Spinner-module-scss-module__BNZjGG__large {
  border-width: 3px;
  width: 32px;
  height: 32px;
}

.Spinner-module-scss-module__BNZjGG__accent {
  border-top-color: var(--accent);
  border-right-color: var(--accent-bg-fade);
}

.Spinner-module-scss-module__BNZjGG__neutral {
  border-top-color: var(--neutral);
  border-right-color: var(--bg-active);
}

.Spinner-module-scss-module__BNZjGG__white {
  border-top-color: var(--white);
  border-right-color: #ffffff40;
}

@keyframes Spinner-module-scss-module__BNZjGG__spin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/app/components/Table.module.scss.module.css [app-client] (css) */
.Table-module-scss-module__jtOhya__tableWrapper {
  border: 1px solid var(--border-color);
  background-color: var(--bg-table);
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: flex;
  overflow: hidden;
}

.Table-module-scss-module__jtOhya__tableWrapper.Table-module-scss-module__jtOhya__flush {
  background-color: #0000;
  border: none;
  border-radius: 0;
}

.Table-module-scss-module__jtOhya__toolbarSlot {
  padding: 0 4px 12px;
}

.Table-module-scss-module__jtOhya__tableScroll {
  background-color: var(--white);
  border-radius: 8px;
  flex: 1;
  min-height: max-content;
  position: relative;
  overflow-x: auto;
}

.Table-module-scss-module__jtOhya__table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}

.Table-module-scss-module__jtOhya__thead {
  background-color: var(--white);
}

.Table-module-scss-module__jtOhya__th {
  background-color: var(--bg-hover);
  height: 32px;
  color: var(--grey);
  border-bottom: 1px solid var(--border-color);
  text-align: left;
  padding: 0 12px;
  font-weight: 600;
}

.Table-module-scss-module__jtOhya__th:first-child {
  padding-left: 12px;
}

.Table-module-scss-module__jtOhya__th:last-child {
  padding-right: 12px;
}

.Table-module-scss-module__jtOhya__tbody tr {
  transition: background-color .15s ease-in-out;
}

.Table-module-scss-module__jtOhya__tbody tr[data-selected] {
  background-color: var(--accent-bg-fade);
}

.Table-module-scss-module__jtOhya__tbody tr:hover {
  background-color: var(--bg-hover);
}

.Table-module-scss-module__jtOhya__tbody tr[data-selected]:hover {
  background-color: var(--accent-fade-hover);
}

.Table-module-scss-module__jtOhya__td {
  height: 36px;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-color);
  vertical-align: middle;
  padding: 0 12px;
}

.Table-module-scss-module__jtOhya__td:first-child {
  padding-left: 12px;
}

.Table-module-scss-module__jtOhya__td:last-child {
  padding-right: 12px;
}

.Table-module-scss-module__jtOhya__checkboxCell {
  vertical-align: middle;
  border-bottom: 1px solid var(--border-color);
  width: 40px;
}

.Table-module-scss-module__jtOhya__checkboxCell:is(th) {
  background-color: var(--bg-hover);
  height: 32px;
}

.Table-module-scss-module__jtOhya__checkboxCell:is(td) {
  height: 36px;
}

.Table-module-scss-module__jtOhya__checkboxInner {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.Table-module-scss-module__jtOhya__actionsCell {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid var(--border-color);
  width: 48px;
}

.Table-module-scss-module__jtOhya__actionsCell:is(th) {
  background-color: var(--bg-hover);
  height: 32px;
}

.Table-module-scss-module__jtOhya__actionsCell:is(td) {
  height: 36px;
}

.Table-module-scss-module__jtOhya__actionOverlay {
  background-color: var(--bg-hover);
  border-bottom: 1px solid var(--border-color);
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.Table-module-scss-module__jtOhya__selectionCount {
  color: var(--text-secondary);
  margin-right: 6px;
  font-size: 14px;
}

.Table-module-scss-module__jtOhya__actionLink {
  color: var(--text-primary);
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: 14px;
  text-decoration: underline;
}

.Table-module-scss-module__jtOhya__actionLink:hover {
  color: var(--text-secondary);
}

.Table-module-scss-module__jtOhya__actionLinkDanger {
  color: var(--negative);
}

.Table-module-scss-module__jtOhya__actionLinkDanger:hover {
  color: var(--negative-hover);
}

.Table-module-scss-module__jtOhya__pagination {
  border-top: 1px solid var(--border-color);
  background-color: #0000;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px 4px;
  display: flex;
}

.Table-module-scss-module__jtOhya__pagination.Table-module-scss-module__jtOhya__flush {
  padding: 12px 0;
}

.Table-module-scss-module__jtOhya__paginationInfo {
  color: var(--text-secondary);
  font-size: 14px;
}

.Table-module-scss-module__jtOhya__paginationControls {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

/* [project]/app/components/TabPills.module.scss.module.css [app-client] (css) */
.TabPills-module-scss-module__8TB6Hq__tabs {
  border: 1px solid var(--border-hover);
  border-radius: 8px;
  flex-direction: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  padding: 6px;
  display: flex;
}

.TabPills-module-scss-module__8TB6Hq__tab {
  color: var(--text-secondary);
  cursor: pointer;
  text-transform: capitalize;
  background: none;
  border: none;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 500;
  transition: all .15s ease-in-out;
}

.TabPills-module-scss-module__8TB6Hq__tab:hover:not(.TabPills-module-scss-module__8TB6Hq__tabActive) {
  color: var(--text-primary);
  background-color: var(--bg-card);
  box-shadow: 0 1px 3px var(--overlay-subtle),0 1px 2px var(--overlay-subtle);
}

.TabPills-module-scss-module__8TB6Hq__tabActive {
  background-color: var(--dark);
  color: var(--white);
  font-weight: 600;
}

/* [project]/app/components/Tabs.module.scss.module.css [app-client] (css) */
.Tabs-module-scss-module__r9auKa__tabsContainer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  display: flex;
}

.Tabs-module-scss-module__r9auKa__tabList {
  border-bottom: 1px solid var(--border-color);
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  list-style: none;
  display: flex;
}

.Tabs-module-scss-module__r9auKa__tabTrigger {
  cursor: pointer;
  color: var(--text-secondary);
  border-bottom: 2px solid #0000;
  margin-bottom: -1px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  transition: all .15s ease-in-out;
  position: relative;
}

.Tabs-module-scss-module__r9auKa__tabTrigger:hover:not(.Tabs-module-scss-module__r9auKa__active) {
  color: var(--text-primary);
}

.Tabs-module-scss-module__r9auKa__tabTrigger.Tabs-module-scss-module__r9auKa__active {
  color: var(--accent);
  border-bottom-color: var(--accent);
}

.Tabs-module-scss-module__r9auKa__tabContent, .Tabs-module-scss-module__r9auKa__tabPane {
  width: 100%;
}

/* [project]/app/components/Tag.module.scss.module.css [app-client] (css) */
.Tag-module-scss-module__MwlpUG__tag {
  border: 1px solid #0000;
  border-radius: 999px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: fit-content;
  padding: 4px 8px;
  display: flex;
}

.Tag-module-scss-module__MwlpUG__small {
  padding: 2px 6px;
}

.Tag-module-scss-module__MwlpUG__text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.Tag-module-scss-module__MwlpUG__remove {
  cursor: pointer;
  color: inherit;
  opacity: .6;
  background: none;
  border: none;
  border-radius: 50%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1px;
  transition: opacity .12s ease-in-out;
  display: flex;
}

.Tag-module-scss-module__MwlpUG__remove:hover {
  opacity: 1;
}

.Tag-module-scss-module__MwlpUG__neutral {
  background-color: var(--neutral-fade);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

.Tag-module-scss-module__MwlpUG__grey {
  background-color: var(--bg-neutral);
  border-color: var(--bg-grey);
  color: var(--text-muted);
}

.Tag-module-scss-module__MwlpUG__accent {
  background-color: var(--accent-bg-fade);
  border-color: var(--accent-fade-hover);
  color: var(--accent-active);
}

.Tag-module-scss-module__MwlpUG__positive {
  background-color: var(--positive-fade);
  border-color: var(--positive-fade-hover);
  color: var(--positive-active);
}

.Tag-module-scss-module__MwlpUG__warning {
  background-color: var(--warning-fade);
  border-color: var(--warning-fade-hover);
  color: var(--warning-active);
}

.Tag-module-scss-module__MwlpUG__negative {
  background-color: var(--negative-fade);
  border-color: var(--negative-fade-hover);
  color: var(--negative-active);
}

/* [project]/app/components/Textarea.module.scss.module.css [app-client] (css) */
.Textarea-module-scss-module__7FizUa__textareaWrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  display: flex;
}

.Textarea-module-scss-module__7FizUa__label {
  color: var(--text-secondary);
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 500;
}

.Textarea-module-scss-module__7FizUa__textarea {
  border-radius: var(--radius-input);
  border: 1px solid var(--border-color);
  background-color: var(--white);
  width: 100%;
  color: var(--text-primary);
  resize: vertical;
  outline: none;
  min-height: 80px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 20px;
  transition: all .15s ease-in-out;
}

.Textarea-module-scss-module__7FizUa__textarea::placeholder {
  color: var(--text-muted);
}

.Textarea-module-scss-module__7FizUa__textarea:hover:not(:disabled):not(.Textarea-module-scss-module__7FizUa__textareaError) {
  border-color: var(--border-hover);
}

.Textarea-module-scss-module__7FizUa__textarea:focus:not(:disabled):not(.Textarea-module-scss-module__7FizUa__textareaError) {
  border-color: var(--border-focus);
  box-shadow: 0 0 0 1px var(--border-focus);
}

.Textarea-module-scss-module__7FizUa__textarea:disabled {
  background-color: var(--bg-disabled);
  color: var(--text-disabled);
  border-color: var(--border-color);
  cursor: not-allowed;
}

.Textarea-module-scss-module__7FizUa__small {
  min-height: 60px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 16px;
}

.Textarea-module-scss-module__7FizUa__textareaError {
  border-color: var(--negative) !important;
}

.Textarea-module-scss-module__7FizUa__textareaError:focus {
  box-shadow: 0 0 0 1px var(--negative) !important;
}

.Textarea-module-scss-module__7FizUa__helperText {
  color: var(--text-muted);
  font-size: 12px;
}

.Textarea-module-scss-module__7FizUa__errorText {
  color: var(--negative);
  font-size: 12px;
}

/* [project]/app/components/Toast.module.scss.module.css [app-client] (css) */
.Toast-module-scss-module__WlaVsG__toastContainer {
  z-index: 9999;
  pointer-events: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 8px;
  display: flex;
  position: fixed;
  top: 24px;
  right: 24px;
}

.Toast-module-scss-module__WlaVsG__toast {
  pointer-events: auto;
  -webkit-backdrop-filter: blur(12px);
  min-width: 320px;
  max-width: 380px;
  box-shadow: 0 10px 25px -5px var(--overlay-subtle),0 8px 16px -6px var(--overlay-subtle);
  opacity: 0;
  border: 1px solid #0000;
  border-radius: 12px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  transition: transform .3s cubic-bezier(.34, 1.56, .64, 1), opacity .3s;
  animation: .3s cubic-bezier(.34, 1.56, .64, 1) forwards Toast-module-scss-module__WlaVsG__slideIn;
  display: flex;
  transform: translateY(-20px)scale(.95);
}

.Toast-module-scss-module__WlaVsG__toast.Toast-module-scss-module__WlaVsG__dismissing {
  animation: .2s ease-in forwards Toast-module-scss-module__WlaVsG__slideOut;
}

.Toast-module-scss-module__WlaVsG__toastContent {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.Toast-module-scss-module__WlaVsG__iconWrapper {
  border-radius: 50%;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
}

.Toast-module-scss-module__WlaVsG__iconWrapper .Toast-module-scss-module__WlaVsG__icon {
  color: var(--white);
}

.Toast-module-scss-module__WlaVsG__toastMessage {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.Toast-module-scss-module__WlaVsG__closeButton {
  cursor: pointer;
  color: var(--text-muted);
  background: none;
  border: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding: 4px;
  transition: color .15s ease-in-out;
  display: flex;
}

.Toast-module-scss-module__WlaVsG__closeButton:hover {
  color: var(--text-primary);
}

.Toast-module-scss-module__WlaVsG__success {
  border-color: var(--positive);
  background-color: var(--bg-card);
}

.Toast-module-scss-module__WlaVsG__success .Toast-module-scss-module__WlaVsG__iconWrapper {
  background-color: var(--positive);
}

.Toast-module-scss-module__WlaVsG__warning {
  border-color: var(--warning);
  background-color: var(--bg-card);
}

.Toast-module-scss-module__WlaVsG__warning .Toast-module-scss-module__WlaVsG__iconWrapper {
  background-color: var(--warning);
}

.Toast-module-scss-module__WlaVsG__error {
  border-color: var(--negative);
  background-color: var(--bg-card);
}

.Toast-module-scss-module__WlaVsG__error .Toast-module-scss-module__WlaVsG__iconWrapper {
  background-color: var(--negative);
}

.Toast-module-scss-module__WlaVsG__info {
  border-color: var(--grey);
  background-color: var(--bg-card);
}

.Toast-module-scss-module__WlaVsG__info .Toast-module-scss-module__WlaVsG__iconWrapper {
  background-color: var(--grey);
}

@keyframes Toast-module-scss-module__WlaVsG__slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px)scale(.95);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes Toast-module-scss-module__WlaVsG__slideOut {
  from {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(-20px)scale(.95);
  }
}

/* [project]/app/components/Toggle.module.scss.module.css [app-client] (css) */
.Toggle-module-scss-module__XgrnbG__toggleWrapper {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.Toggle-module-scss-module__XgrnbG__toggleWrapper.Toggle-module-scss-module__XgrnbG__disabled {
  cursor: not-allowed;
  opacity: .6;
}

.Toggle-module-scss-module__XgrnbG__switch {
  background-color: var(--border-color);
  border-radius: 9999px;
  width: 36px;
  height: 20px;
  transition: background-color .2s ease-in-out;
  position: relative;
}

.Toggle-module-scss-module__XgrnbG__switch.Toggle-module-scss-module__XgrnbG__checked {
  background-color: var(--accent);
}

.Toggle-module-scss-module__XgrnbG__handle {
  background-color: var(--white);
  width: 16px;
  height: 16px;
  box-shadow: 0 1px 3px var(--overlay-subtle),0 1px 2px var(--overlay-subtle);
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  position: absolute;
  top: 2px;
  left: 2px;
}

.Toggle-module-scss-module__XgrnbG__handle.Toggle-module-scss-module__XgrnbG__checkedHandle {
  transform: translateX(16px);
}

.Toggle-module-scss-module__XgrnbG__label {
  color: var(--text-primary);
  font-size: 14px;
}

.Toggle-module-scss-module__XgrnbG__hiddenInput {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
}

/* [project]/app/components/ToolBar.module.scss.module.css [app-client] (css) */
.ToolBar-module-scss-module__5Hz8sq__toolBar {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}

/* [project]/app/components/Tooltip.module.scss.module.css [app-client] (css) */
.Tooltip-module-scss-module__w_U87G__wrapper {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.Tooltip-module-scss-module__w_U87G__tooltip {
  z-index: 1100;
  background-color: var(--dark);
  color: var(--white);
  white-space: nowrap;
  pointer-events: none;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  animation: .1s ease-out Tooltip-module-scss-module__w_U87G__fadeIn;
  position: absolute;
}

.Tooltip-module-scss-module__w_U87G__arrow {
  border: 4px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
}

.Tooltip-module-scss-module__w_U87G__top {
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module-scss-module__w_U87G__top .Tooltip-module-scss-module__w_U87G__arrow {
  border-top-color: var(--dark);
  border-bottom: none;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module-scss-module__w_U87G__bottom {
  top: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module-scss-module__w_U87G__bottom .Tooltip-module-scss-module__w_U87G__arrow {
  border-bottom-color: var(--dark);
  border-top: none;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.Tooltip-module-scss-module__w_U87G__left {
  top: 50%;
  right: calc(100% + 6px);
  transform: translateY(-50%);
}

.Tooltip-module-scss-module__w_U87G__left .Tooltip-module-scss-module__w_U87G__arrow {
  border-left-color: var(--dark);
  border-right: none;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.Tooltip-module-scss-module__w_U87G__right {
  top: 50%;
  left: calc(100% + 6px);
  transform: translateY(-50%);
}

.Tooltip-module-scss-module__w_U87G__right .Tooltip-module-scss-module__w_U87G__arrow {
  border-right-color: var(--dark);
  border-left: none;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

@keyframes Tooltip-module-scss-module__w_U87G__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/app/components/VodMonitor.module.scss.module.css [app-client] (css) */
.VodMonitor-module-scss-module__tkUKIq__monitor {
  z-index: 1000;
  background-color: var(--bg-app);
  border: 1px solid var(--border-color);
  box-shadow: 0 10px 15px -3px var(--overlay-light),0 4px 6px -2px var(--overlay-subtle);
  border-radius: 8px;
  min-width: 360px;
  max-width: 420px;
  transition: all .2s ease-in-out;
  position: fixed;
  top: 16px;
  right: 16px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__monitorCollapsed {
  min-width: auto;
}

.VodMonitor-module-scss-module__tkUKIq__header {
  background-color: var(--bg-card);
  border-bottom: 1px solid var(--border-color);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__headerLeft {
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__dot {
  background-color: var(--text-muted);
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.VodMonitor-module-scss-module__tkUKIq__dotActive {
  background-color: var(--positive);
  animation: 1.5s ease-in-out infinite VodMonitor-module-scss-module__tkUKIq__vodPulse;
}

@keyframes VodMonitor-module-scss-module__tkUKIq__vodPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.VodMonitor-module-scss-module__tkUKIq__title {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__headerActions {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__iconBtn {
  border: 1px solid var(--border-color);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all .1s ease-in-out;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__iconBtn:hover {
  color: var(--text-primary);
  background-color: var(--bg-hover);
}

.VodMonitor-module-scss-module__tkUKIq__iconBtnClose {
  border-color: var(--negative-fade);
  color: var(--negative);
}

.VodMonitor-module-scss-module__tkUKIq__iconBtnClose:hover {
  background-color: var(--negative-fade);
}

.VodMonitor-module-scss-module__tkUKIq__stopBtn {
  border: 1px solid var(--negative-fade);
  height: 28px;
  color: var(--negative);
  cursor: pointer;
  background: none;
  border-radius: 4px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  font-weight: 600;
  transition: all .1s ease-in-out;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__stopBtn:hover {
  background-color: var(--negative-fade);
}

.VodMonitor-module-scss-module__tkUKIq__body {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
  max-height: 70vh;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.VodMonitor-module-scss-module__tkUKIq__row {
  background-color: var(--bg-card);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 8px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__rowHead {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__rowMeta {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__courtName {
  color: var(--text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__url {
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__statusChip {
  white-space: nowrap;
  border-radius: 3px;
  flex-shrink: 0;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.VodMonitor-module-scss-module__tkUKIq__status_idle {
  color: var(--text-muted);
  background-color: var(--bg-neutral);
}

.VodMonitor-module-scss-module__tkUKIq__status_running {
  color: var(--accent-text);
  background-color: var(--accent-bg-fade);
}

.VodMonitor-module-scss-module__tkUKIq__status_done {
  color: var(--positive);
  background-color: var(--positive-fade);
}

.VodMonitor-module-scss-module__tkUKIq__status_error {
  color: var(--negative);
  background-color: var(--negative-fade);
}

.VodMonitor-module-scss-module__tkUKIq__progressWrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 3px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__progressTrack {
  background-color: var(--bg-neutral);
  border-radius: 2px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__progressFill {
  background-color: var(--accent);
  height: 100%;
  transition: width .3s ease-in-out;
}

.VodMonitor-module-scss-module__tkUKIq__progressText {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  line-height: 16px;
}

.VodMonitor-module-scss-module__tkUKIq__matchItem {
  background-color: var(--bg-app);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
  padding: 6px 8px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__matchHead {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__matchLabel {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
}

.VodMonitor-module-scss-module__tkUKIq__gameChips {
  flex-direction: row;
  flex-shrink: 0;
  justify-content: flex-end;
  align-items: center;
  gap: 3px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__gameChip {
  color: var(--text-disabled);
  background-color: var(--bg-neutral);
  border-radius: 3px;
  padding: 1px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
}

.VodMonitor-module-scss-module__tkUKIq__gameChipOn {
  color: var(--positive);
  background-color: var(--positive-fade);
}

.VodMonitor-module-scss-module__tkUKIq__errorText {
  color: var(--negative);
  font-size: 11px;
  line-height: 16px;
}

.VodMonitor-module-scss-module__tkUKIq__thumbs {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  padding-top: 2px;
  display: flex;
}

.VodMonitor-module-scss-module__tkUKIq__thumbLink {
  line-height: 0;
  display: block;
}

.VodMonitor-module-scss-module__tkUKIq__thumb {
  object-fit: cover;
  border: 1px solid var(--border-color);
  cursor: pointer;
  border-radius: 3px;
  width: 64px;
  height: 36px;
  transition: border-color .1s ease-in-out;
}

.VodMonitor-module-scss-module__tkUKIq__thumb:hover {
  border-color: var(--accent);
}

.VodMonitor-module-scss-module__tkUKIq__footNote {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 16px;
}

/* [project]/app/geistsans_2e43da98.module.css [app-client] (css) */
@font-face {
  font-family: geistSans;
  src: url("../media/Geist_VariableFont_wght-s.p.3h9avnd53pjge.ttf") format("truetype");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: geistSans Fallback;
  src: local(Arial);
  ascent-override: 94.47%;
  descent-override: 27.73%;
  line-gap-override: 0.0%;
  size-adjust: 106.39%;
}

.geistsans_2e43da98-module__kQFSMW__className {
  font-family: geistSans, geistSans Fallback;
}

.geistsans_2e43da98-module__kQFSMW__variable {
  --font-geist-sans: "geistSans", "geistSans Fallback";
}

/* [next]/internal/font/google/cormorant_garamond_3c60d654.module.css [app-client] (css) */
@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/d8cddd76dbfeaef0-s.1mblz1wog092a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/591574edbe85c69b-s.2cu8l7zf4s4ec.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/acf349172f10b359-s.0gv8q2vqi14yg.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/0926c12c4384550f-s.1-qpv3jvnkkyl.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../media/8bd76523131fa0fc-s.p.1pvupmngxrt5z.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d8cddd76dbfeaef0-s.1mblz1wog092a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/591574edbe85c69b-s.2cu8l7zf4s4ec.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/acf349172f10b359-s.0gv8q2vqi14yg.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0926c12c4384550f-s.1-qpv3jvnkkyl.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/8bd76523131fa0fc-s.p.1pvupmngxrt5z.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d8cddd76dbfeaef0-s.1mblz1wog092a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/591574edbe85c69b-s.2cu8l7zf4s4ec.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/acf349172f10b359-s.0gv8q2vqi14yg.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/0926c12c4384550f-s.1-qpv3jvnkkyl.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../media/8bd76523131fa0fc-s.p.1pvupmngxrt5z.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d8cddd76dbfeaef0-s.1mblz1wog092a.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/591574edbe85c69b-s.2cu8l7zf4s4ec.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/acf349172f10b359-s.0gv8q2vqi14yg.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/0926c12c4384550f-s.1-qpv3jvnkkyl.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../media/8bd76523131fa0fc-s.p.1pvupmngxrt5z.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/1f9e983605289f29-s.3aak_kra40y8r.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cormorant Garamond;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cormorant Garamond Fallback;
  src: local(Times New Roman);
  ascent-override: 95.27%;
  descent-override: 29.59%;
  line-gap-override: 0.0%;
  size-adjust: 96.98%;
}

.cormorant_garamond_3c60d654-module__BG183G__className {
  font-family: Cormorant Garamond, Cormorant Garamond Fallback;
}

.cormorant_garamond_3c60d654-module__BG183G__variable {
  --font-cormorant: "Cormorant Garamond", "Cormorant Garamond Fallback";
}

/* [project]/styles/globals.scss.css [app-client] (css) */
:root {
  --white: #fff;
  --bg-app: #f6f6f6;
  --bg-card: #fff;
  --bg-neutral: #e9e9e9;
  --bg-grey: #d5d5d5;
  --bg-hover: #f4f4f5;
  --bg-active: #e4e4e7;
  --bg-disabled: #fafafa;
  --bg-table: #eee;
  --dark: #28282a;
  --text-primary: #28282a;
  --text-secondary: #52525b;
  --text-muted: #71717a;
  --text-disabled: #d4d4d8;
  --text-grey-disabled: #7f7f7f;
  --text-grey: #bababa;
  --border-color: #e4e4e7;
  --border-grey: #dedede;
  --border-grey-disabled: #c6c6c6;
  --border-hover: #d4d4d8;
  --border-focus: #df5d3a;
  --accent: #df5d3a;
  --accent-hover: #c54d2c;
  --accent-active: #a83e20;
  --accent-bg-fade: #fdf2ee;
  --accent-fade-hover: #fae3da;
  --neutral: #52525b;
  --neutral-hover: #3f3f46;
  --neutral-active: #27272a;
  --neutral-fade: #f4f4f5;
  --dark-hover: #27272a;
  --dark-active: #28282a;
  --dark-fade: #f4f4f5;
  --grey: #71717a;
  --grey-hover: #52525b;
  --grey-active: #3f3f46;
  --grey-fade: #fafafa;
  --warning: #eca121;
  --warning-hover: #d6921c;
  --warning-active: #78350f;
  --warning-fade: #fef3c7;
  --warning-fade-hover: #fde68a;
  --negative: #dc2626;
  --negative-hover: #b91c1c;
  --negative-active: #991b1b;
  --negative-fade: #fee2e2;
  --negative-fade-hover: #fcd2d2;
  --positive: #16a34a;
  --positive-hover: #15803d;
  --positive-active: #166534;
  --positive-fade: #f0fdf4;
  --positive-fade-hover: #dcfce7;
  --overlay-heavy: #0009;
  --overlay-medium: #00000059;
  --overlay-light: #0000001a;
  --overlay-subtle: #0000000a;
  --text-on-overlay: #fff;
  --surface-tooltip: #ffffffd9;
  --court-bg: #555;
  --court-stroke: #fff;
  --court-text: #ffffffd9;
  --court-text-dim: #fff9;
  --court-text-bright: #ffffffe6;
  --court-near-accent: #93c5fd;
  --court-far-accent: #fca5a5;
  --court-near-border: #2563eb;
  --court-far-border: #dc2626;
  --court-near-hover: #2563eb33;
  --court-far-hover: #dc262633;
  --radius-button: 6px;
  --radius-input: 6px;
  --radius-card: 8px;
}

.dark-theme {
  --white: #303030;
  --bg-app: #141413;
  --bg-card: #30302e;
  --bg-neutral: #1c1a18;
  --bg-grey: #232222;
  --bg-hover: #1e1c1a;
  --bg-active: #2d2926;
  --bg-disabled: #080807;
  --bg-table: #2b2a29;
  --bg-secondary: #1f1e1d;
  --dark: #f0ede8;
  --text-primary: #f0ede8;
  --text-secondary: #c4c4c4;
  --text-muted: #87867f;
  --text-disabled: #4a4540;
  --text-grey-disabled: #5a5550;
  --border-color: #2d2c2a;
  --border-grey: #2a2724;
  --border-grey-disabled: #353230;
  --border-hover: #35322e;
  --border-focus: #df5d3a;
  --blue: #1350be;
  --blue-hover: #236bee;
  --accent: #c6613f;
  --accent-hover: #e36c4b;
  --accent-active: #c54d2c;
  --accent-text: #f08f6f;
  --accent-bg-fade: #df5d3a1f;
  --accent-fade-hover: #df5d3a2e;
  --neutral: #aba6a0;
  --neutral-hover: #c4c0bb;
  --neutral-active: #f0ede8;
  --neutral-fade: #1c1a18;
  --dark-hover: #fff;
  --dark-active: #f0ede8;
  --dark-fade: #1c1a18;
  --grey: #7d7770;
  --grey-hover: #aba6a0;
  --grey-active: #c4c0bb;
  --grey-fade: #151312;
  --warning: #eca121;
  --warning-hover: #d6921c;
  --warning-active: #78350f;
  --warning-fade: #eca1211f;
  --warning-fade-hover: #eca1212e;
  --negative: #dc2626;
  --negative-hover: #b91c1c;
  --negative-active: #991b1b;
  --negative-fade: #dc26261f;
  --negative-fade-hover: #dc26262e;
  --positive: #16a34a;
  --positive-hover: #15803d;
  --positive-active: #166534;
  --positive-fade: #16a34a1f;
  --positive-fade-hover: #16a34a2e;
  --overlay-heavy: #000000b3;
  --overlay-medium: #00000080;
  --overlay-light: #ffffff0f;
  --overlay-subtle: #ffffff08;
  --text-on-overlay: #f0ede8;
  --surface-tooltip: #1e1c1ae6;
  --court-bg: #131313;
  --court-stroke: #ffffff4d;
  --court-text: #ffffffd9;
  --court-text-dim: #ffffff80;
  --court-text-bright: #ffffffe6;
  --court-near-accent: #60a5fa;
  --court-far-accent: #f87171;
  --court-near-border: #3b82f6;
  --court-far-border: #ef4444;
  --court-near-hover: #3b82f640;
  --court-far-hover: #ef444440;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background-color: var(--bg-app);
  max-width: 100vw;
  height: 100vh;
  color: var(--text-primary);
  font-family: var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color: var(--text-primary);
  margin: 0;
  font-weight: 600;
}

.title-xl {
  letter-spacing: -.02em;
  font-size: 32px;
  line-height: 36px;
}

.title-lg {
  letter-spacing: -.01em;
  font-size: 24px;
  line-height: 28px;
}

.title-md {
  letter-spacing: -.005em;
  font-size: 20px;
  line-height: 24px;
}

.title-sm {
  font-size: 16px;
  line-height: 20px;
}

.text-body {
  font-size: 14px;
  line-height: 16px;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__1qhs-n2._.css.map*/