:root {
--client-name: 'Minnesota Women\'s Soccer League';
--client-image: url("https://assets.ottosport.ai/1dx47i8op7hs9/brand/613a7bae44956dc5bc07ee6d.1707417437367.png?versionId=ZuzYClqzy4rRTPgRV8iYmfvUKwbWDDGK") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/1dx47i8op7hs9/brand/client.logo.613a7bae44956dc5bc07ee6d.1707417686807.png?versionId=VWMYzkIXc_DftsQ4RWIacZTJ3FDC0aLv") no-repeat;
--client-primary: #0b3b60;
--client-secondary: #c7c7c7;
--client-primary-darken: rgb(9, 51, 82);
--client-primary-lighten: rgb(15, 79, 128);
--client-sign-in-primary: #0e4977;
--client-sign-in-secondary: #092d49;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2021-09-09T13:38:14.278Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f7f8fa;
  --color-client-50: #f3f5f8;
  --color-client-100: #e4e8ed;
  --color-client-200: #c9d6e3;
  --color-client-300: #a5bace;
  --color-client-400: #7393b1;
  --color-client-500: #0b3b60;
  --color-client-600: #002d51;
  --color-client-700: #00203f;
  --color-client-800: #00142d;
  --color-client-900: #000d1f;
  --color-client-950: #000410;
  --color-client-header: #0b3b60;
  --color-client-selected: #2a577e;
  --color-client-hover: #2f5779;
  --color-client-text: #93afc9;
  --color-client-footer: #0d304c;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0019514865565503363 247.13451332088374);
  --color-client-50-oklch: oklch(0.97 0.0039029731131006726 247.13451332088374);
  --color-client-100-oklch: oklch(0.93 0.007805946226201345 247.13451332088374);
  --color-client-200-oklch: oklch(0.87 0.022767343159753928 247.13451332088374);
  --color-client-300-oklch: oklch(0.78 0.03659037293531881 247.13451332088374);
  --color-client-400-oklch: oklch(0.65 0.056918357899384805 247.13451332088374);
  --color-client-500-oklch: oklch(0.34233407681046973 0.08131193985626402 247.13451332088374);
  --color-client-600-oklch: oklch(0.29098396528889925 0.08131193985626402 247.13451332088374);
  --color-client-700-oklch: oklch(0.2396338537673288 0.07318074587063762 247.13451332088374);
  --color-client-800-oklch: oklch(0.18828374224575836 0.06098395489219802 247.13451332088374);
  --color-client-900-oklch: oklch(0.15405033456471137 0.04878716391375841 247.13451332088374);
  --color-client-950-oklch: oklch(0.10270022304314091 0.04065596992813201 247.13451332088374);
  --color-client-header-oklch: oklch(0.34233407681046973 0.08131193985626402 247.13451332088374);
  --color-client-selected-oklch: oklch(0.44233407681046977 0.08131193985626402 247.13451332088374);
  --color-client-hover-oklch: oklch(0.44233407681046977 0.07318074587063762 247.13451332088374);
  --color-client-text-oklch: oklch(0.7423340768104698 0.04878716391375841 247.13451332088374);
  --color-client-footer-oklch: oklch(0.3 0.06504955188501121 247.13451332088374);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-25: var(--color-client-25-oklch);
    --color-client-50: var(--color-client-50-oklch);
    --color-client-100: var(--color-client-100-oklch);
    --color-client-200: var(--color-client-200-oklch);
    --color-client-300: var(--color-client-300-oklch);
    --color-client-400: var(--color-client-400-oklch);
    --color-client-500: var(--color-client-500-oklch);
    --color-client-600: var(--color-client-600-oklch);
    --color-client-700: var(--color-client-700-oklch);
    --color-client-800: var(--color-client-800-oklch);
    --color-client-900: var(--color-client-900-oklch);
    --color-client-950: var(--color-client-950-oklch);
    --color-client-header: var(--color-client-header-oklch);
    --color-client-selected: var(--color-client-selected-oklch);
    --color-client-hover: var(--color-client-hover-oklch);
    --color-client-text: var(--color-client-text-oklch);
    --color-client-footer: var(--color-client-footer-oklch);
  }
}
:root {
  --color-client-secondary-25: #f8f8f8;
  --color-client-secondary-50: #f5f5f5;
  --color-client-secondary-100: #e8e8e8;
  --color-client-secondary-200: #d4d4d4;
  --color-client-secondary-300: #b7b7b7;
  --color-client-secondary-400: #8f8f8f;
  --color-client-secondary-500: #c7c7c7;
  --color-client-secondary-600: #a0a0a0;
  --color-client-secondary-700: #7a7a7a;
  --color-client-secondary-800: #575757;
  --color-client-secondary-900: #404040;
  --color-client-secondary-950: #212121;
  --color-client-secondary-header: #c7c7c7;
  --color-client-secondary-selected: #e8e8e8;
  --color-client-secondary-hover: #e8e8e8;
  --color-client-secondary-text: #ffffff;
  --color-client-secondary-footer: #a7a7a7;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0 0);
  --color-client-secondary-50-oklch: oklch(0.97 0 0);
  --color-client-secondary-100-oklch: oklch(0.93 0 0);
  --color-client-secondary-200-oklch: oklch(0.87 0 0);
  --color-client-secondary-300-oklch: oklch(0.78 0 0);
  --color-client-secondary-400-oklch: oklch(0.65 0 0);
  --color-client-secondary-500-oklch: oklch(0.8296794763083973 0 0);
  --color-client-secondary-600-oklch: oklch(0.7052275548621377 0 0);
  --color-client-secondary-700-oklch: oklch(0.5807756334158781 0 0);
  --color-client-secondary-800-oklch: oklch(0.4563237119696186 0 0);
  --color-client-secondary-900-oklch: oklch(0.3733557643387788 0 0);
  --color-client-secondary-950-oklch: oklch(0.24890384289251918 0 0);
  --color-client-secondary-header-oklch: oklch(0.8296794763083973 0 0);
  --color-client-secondary-selected-oklch: oklch(0.9296794763083973 0 0);
  --color-client-secondary-hover-oklch: oklch(0.9296794763083973 0 0);
  --color-client-secondary-text-oklch: oklch(1 0 0);
  --color-client-secondary-footer-oklch: oklch(0.7296794763083974 0 0);
}

@supports (color: oklch(0 0 0)) {
  :root {
    --color-client-secondary-25: var(--color-client-secondary-25-oklch);
    --color-client-secondary-50: var(--color-client-secondary-50-oklch);
    --color-client-secondary-100: var(--color-client-secondary-100-oklch);
    --color-client-secondary-200: var(--color-client-secondary-200-oklch);
    --color-client-secondary-300: var(--color-client-secondary-300-oklch);
    --color-client-secondary-400: var(--color-client-secondary-400-oklch);
    --color-client-secondary-500: var(--color-client-secondary-500-oklch);
    --color-client-secondary-600: var(--color-client-secondary-600-oklch);
    --color-client-secondary-700: var(--color-client-secondary-700-oklch);
    --color-client-secondary-800: var(--color-client-secondary-800-oklch);
    --color-client-secondary-900: var(--color-client-secondary-900-oklch);
    --color-client-secondary-950: var(--color-client-secondary-950-oklch);
    --color-client-secondary-header: var(--color-client-secondary-header-oklch);
    --color-client-secondary-selected: var(--color-client-secondary-selected-oklch);
    --color-client-secondary-hover: var(--color-client-secondary-hover-oklch);
    --color-client-secondary-text: var(--color-client-secondary-text-oklch);
    --color-client-secondary-footer: var(--color-client-secondary-footer-oklch);
  }
}