:root {
--client-name: 'Mass Youth Lax';
--client-image: url("https://assets.ottosport.ai/21a29dv9bew5f/brand/6259911144956dc5bc1ceaaf.1699650239851.png?versionId=.eWu.0uL4wl.U7xPtDo7sSBm3u_vWnnN") no-repeat;
--client-avatar: url("https://assets.ottosport.ai/21a29dv9bew5f/brand/client.logo.6259911144956dc5bc1ceaaf.1660671110597.png") no-repeat;
--client-primary: #20356b;
--client-secondary: #d4273b;
--client-primary-darken: rgb(28, 47, 95);
--client-primary-lighten: rgb(40, 67, 134);
--client-sign-in-primary: #20356b;
--client-sign-in-secondary: #2c4892;
/* BEGIN - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
--client-created-at: '2022-04-14T16:33:34.167Z';
/* END - REMOVE AFTER NEW UI OPT-OUT UNSUPPORTED */
}
:root {
  --color-client-25: #f8f8fa;
  --color-client-50: #f3f5f8;
  --color-client-100: #e5e8ee;
  --color-client-200: #ccd4e7;
  --color-client-300: #aab7d4;
  --color-client-400: #7b8fba;
  --color-client-500: #20356b;
  --color-client-600: #14275c;
  --color-client-700: #0b1b48;
  --color-client-800: #050f34;
  --color-client-900: #030925;
  --color-client-950: #000214;
  --color-client-header: #20356b;
  --color-client-selected: #395189;
  --color-client-hover: #3c5184;
  --color-client-text: #9aacd2;
  --color-client-footer: #1b2b55;

  /* OKLCH values for modern browsers */
  --color-client-25-oklch: oklch(0.98 0.0023474211570234495 265.5519234697563);
  --color-client-50-oklch: oklch(0.97 0.004694842314046899 265.5519234697563);
  --color-client-100-oklch: oklch(0.93 0.009389684628093798 265.5519234697563);
  --color-client-200-oklch: oklch(0.87 0.02738658016527358 265.5519234697563);
  --color-client-300-oklch: oklch(0.78 0.044014146694189675 265.5519234697563);
  --color-client-400-oklch: oklch(0.65 0.06846645041318394 265.5519234697563);
  --color-client-500-oklch: oklch(0.3435424357660066 0.09780921487597706 265.5519234697563);
  --color-client-600-oklch: oklch(0.29201107040110563 0.09780921487597706 265.5519234697563);
  --color-client-700-oklch: oklch(0.2404797050362046 0.08802829338837935 265.5519234697563);
  --color-client-800-oklch: oklch(0.18894833967130367 0.0733569111569828 265.5519234697563);
  --color-client-900-oklch: oklch(0.15459409609470298 0.05868552892558623 265.5519234697563);
  --color-client-950-oklch: oklch(0.10306273072980199 0.04890460743798853 265.5519234697563);
  --color-client-header-oklch: oklch(0.3435424357660066 0.09780921487597706 265.5519234697563);
  --color-client-selected-oklch: oklch(0.4435424357660066 0.09780921487597706 265.5519234697563);
  --color-client-hover-oklch: oklch(0.4435424357660066 0.08802829338837935 265.5519234697563);
  --color-client-text-oklch: oklch(0.7435424357660066 0.05868552892558623 265.5519234697563);
  --color-client-footer-oklch: oklch(0.3 0.07824737190078165 265.5519234697563);
}

@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: #fcf7f7;
  --color-client-secondary-50: #fcf3f2;
  --color-client-secondary-100: #f5e3e2;
  --color-client-secondary-200: #f8c6c4;
  --color-client-secondary-300: #eda09d;
  --color-client-secondary-400: #d96767;
  --color-client-secondary-500: #d4273b;
  --color-client-secondary-600: #b50022;
  --color-client-secondary-700: #910011;
  --color-client-secondary-800: #6a0005;
  --color-client-secondary-900: #4f0004;
  --color-client-secondary-950: #2f0000;
  --color-client-secondary-header: #d4273b;
  --color-client-secondary-selected: #f84f58;
  --color-client-secondary-hover: #f05a5f;
  --color-client-secondary-text: #ffe1de;
  --color-client-secondary-footer: #a1202d;

  /* OKLCH values for modern browsers */
  --color-client-secondary-25-oklch: oklch(0.98 0.004932379490461964 21.69006484922942);
  --color-client-secondary-50-oklch: oklch(0.97 0.009864758980923928 21.69006484922942);
  --color-client-secondary-100-oklch: oklch(0.93 0.019729517961847857 21.69006484922942);
  --color-client-secondary-200-oklch: oklch(0.87 0.05754442738872292 21.69006484922942);
  --color-client-secondary-300-oklch: oklch(0.78 0.09248211544616182 21.69006484922942);
  --color-client-secondary-400-oklch: oklch(0.65 0.14386106847180727 21.69006484922942);
  --color-client-secondary-500-oklch: oklch(0.5656426549894554 0.20551581210258182 21.69006484922942);
  --color-client-secondary-600-oklch: oklch(0.4807962567410371 0.20551581210258182 21.69006484922942);
  --color-client-secondary-700-oklch: oklch(0.39594985849261877 0.18496423089232364 21.69006484922942);
  --color-client-secondary-800-oklch: oklch(0.3111034602442005 0.15413685907693636 21.69006484922942);
  --color-client-secondary-900-oklch: oklch(0.25453919474525494 0.12330948726154908 21.69006484922942);
  --color-client-secondary-950-oklch: oklch(0.16969279649683663 0.10275790605129091 21.69006484922942);
  --color-client-secondary-header-oklch: oklch(0.5656426549894554 0.20551581210258182 21.69006484922942);
  --color-client-secondary-selected-oklch: oklch(0.6656426549894554 0.20551581210258182 21.69006484922942);
  --color-client-secondary-hover-oklch: oklch(0.6656426549894554 0.18496423089232364 21.69006484922942);
  --color-client-secondary-text-oklch: oklch(0.9656426549894555 0.07398569235692945 21.69006484922942);
  --color-client-secondary-footer-oklch: oklch(0.46564265498945545 0.16441264968206548 21.69006484922942);
}

@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);
  }
}