html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--theme-text-font, "Open Sans", sans-serif);font-size:14px;color:var(--theme-text-color, #5b5b5b);background-color:#eaeaea !important;line-height:1.29;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--theme-text-header-color, var(--theme-text-color, #212529));margin:0 0 .5rem 0}p{margin:0 0 1rem 0}a{color:var(--theme-link-color, var(--sk-link-color, #1c4e86));text-decoration:none}a:hover,a:focus{color:var(--theme-link-hover-color, #153d6b)}:focus-visible{outline:2px solid var(--theme-focus-color, #60a5fa);outline-offset:2px}::selection{background:var(--theme-selection-bg, rgba(37, 99, 235, 0.25));color:var(--theme-selection-fg, currentColor)}button,input,select,textarea{font:inherit;color:inherit}button,[role=button]{cursor:pointer}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}ul,ol{padding-left:1.5rem;margin:0 0 1rem}hr{border:0;border-top:1px solid var(--theme-border-color, #e5e7eb);margin:1.5rem 0}small{font-size:.875em}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
*,*::before,*::after{box-sizing:border-box}html{background-color:#eaeaea;color:#5b5b5b;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--theme-text-font, "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif);font-size:14px;font-weight:400;line-height:1.29;color:#5b5b5b;text-align:left;background-color:#eaeaea}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.75rem;font-weight:600;line-height:1.29;color:var(--theme-text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1.25rem}a{color:var(--theme-text-link);text-decoration:underline;transition:color .2s ease-in-out}a:hover{color:var(--theme-text-link-hover)}ul,ol{margin-bottom:1.25rem;padding-left:1.5rem}li{margin-bottom:.25rem}table{border-collapse:collapse;width:100%;margin-bottom:1.25rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--theme-border-primary)}th{font-weight:600;background-color:var(--theme-bg-secondary)}img{max-width:100%;height:auto;display:block}code{font-family:"SFMono-Regular","Monaco","Inconsolata","Roboto Mono",monospace;font-size:.875rem;padding:.125rem .25rem;background-color:var(--theme-bg-tertiary);border-radius:2px}pre{background-color:var(--theme-bg-tertiary);border-radius:var(--theme-border-radius);padding:1rem;overflow-x:auto;margin-bottom:1.25rem}pre code{background:none;padding:0}:focus{outline:2px solid var(--theme-border-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1.25rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1.25rem;padding-left:0;list-style-type:none}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:700}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#1c4e86;text-decoration:none}a:not([class*=btn]):not([class*=Button]){background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1.25rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:1rem;padding-bottom:1rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.75rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.75rem;line-height:inherit;color:inherit}legend [hidden]{display:none !important}
html,body,#root{height:initial !important}.sk-widget{position:relative}
/* ================================================= */
/* 🏷️ WHITE-LABEL PARTNER THEMES                       */
/* Migrated from R17 SASS $themes map (Nov 2025)       */
/* ================================================= */
/* R17 PARITY: All 40+ partner themes from R17         */
/* Each theme applied via body.{theme-name}-theme      */
/* ================================================= */

/* ================================================= */
/* 📌 DOCSPORTS THEME                                  */
/* ================================================= */
body.docsports-theme,
.docsports-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #161616;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #A70D00;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #bb1b0d;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #A70D00;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #474749;
  --sk-table-border-color: #A70D00;
}

/* ================================================= */
/* 📌 EVANALYTICS THEME                                */
/* ================================================= */
body.evanalytics-theme,
.evanalytics-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d6d6d6;
  --sk-panel-head-background-color-highlight: #bfbfbf;
  --sk-panel-head-color: #333333;
  --sk-panel-content-background-color: #efefef;
  --sk-panel-content-background-color-highlight: #d6d6d6;
  --sk-border-color: #dddddd;
  --sk-border-color-hover: #a8a8a8;
  --sk-text-color: #333333;
  --sk-text-color-minor: #808080;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #1266AA;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #efefef;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #333333;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #ffffff;
  --sk-link-color: #1266AA;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #1266AA;
  --sk-secondary-color: #1266AA;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 50px;
  --sk-btn-disabled-background-color: #d6d6d6;
  --sk-btn-disabled-color: #333333;
  --sk-table-border-color: #1266AA;
}

/* ================================================= */
/* 📌 PICKDAWGZ THEME                                  */
/* ================================================= */
body.pickdawgz-theme,
.pickdawgz-theme {
  --sk-background-color: #efefef;
  --sk-panel-head-background-color: #dddddd;
  --sk-panel-head-background-color-highlight: #c9c9c9;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #ffffff;
  --sk-panel-content-background-color-highlight: #dddddd;
  --sk-border-color: #dddddd;
  --sk-border-color-hover: #a8a8a8;
  --sk-text-color: #222222;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #dddddd;
  --sk-table-header-text-color: #222222;
  --sk-table-row-odd-background-color: #efefef;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #222222;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #ffffff;
  --sk-link-color: #FF3D00;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #FF3D00;
  --sk-secondary-color: #FF3D00;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #dddddd;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #dddddd;
}

/* ================================================= */
/* 📌 VEGASWHISPERS THEME                              */
/* ================================================= */
body.vegaswhispers-theme,
.vegaswhispers-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #dddddd;
  --sk-panel-head-background-color-highlight: #c9c9c9;
  --sk-panel-head-color: #b88029;
  --sk-panel-content-background-color: #ebebeb;
  --sk-panel-content-background-color-highlight: #dddddd;
  --sk-border-color: #eeeeee;
  --sk-border-color-hover: #b8b8b8;
  --sk-text-color: #000000;
  --sk-text-color-minor: #808080;
  --sk-text-color-highlight: #222222;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #dddddd;
  --sk-table-header-text-color: #000000;
  --sk-table-row-odd-background-color: #efefef;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #000000;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #ffffff;
  --sk-link-color: #b88029;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #b88029;
  --sk-secondary-color: #b88029;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 2px;
  --sk-btn-disabled-background-color: #dddddd;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #dddddd;
}

/* ================================================= */
/* 📌 COVERS THEME                                     */
/* ================================================= */
body.covers-theme,
.covers-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #253341;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #fd4f00;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #fd4f00;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #fd4f00;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #cccccc;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #fd4f00;
}

/* ================================================= */
/* 📌 STADIUUM THEME                                   */
/* ================================================= */
body.stadiuum-theme,
.stadiuum-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #001b2e;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #ffffff;
  --sk-panel-content-background-color-highlight: #e6e6e6;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #001b2e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e6e6e6;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #001b2e;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #00823a;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #eeeeee;
}

/* ================================================= */
/* 📌 BOOKIES THEME                                    */
/* ================================================= */
body.bookies-theme,
.bookies-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #2c3e59;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #0176d0;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #0176d0;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #0176d0;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #0176d0;
}

/* ================================================= */
/* 📌 BARSTOOLSPORTS THEME                             */
/* ================================================= */
body.barstoolsports-theme,
.barstoolsports-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #000000;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #eb3e3e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #eb3e3e;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #eb3e3e;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #eb3e3e;
}

/* ================================================= */
/* 📌 BETTINGPROS THEME                                */
/* ================================================= */
body.bettingpros-theme,
.bettingpros-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #071c40;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #1861de;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #1861de;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #1861de;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #1861de;
}

/* ================================================= */
/* 📌 PICKSWISE THEME                                  */
/* ================================================= */
body.pickswise-theme,
.pickswise-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #041c2c;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #0176b8;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #0176b8;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #0176b8;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #0176b8;
}

/* ================================================= */
/* 📌 SPORTSBETTINGDIME THEME                          */
/* ================================================= */
body.sportsbettingdime-theme,
.sportsbettingdime-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #000000;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d72429;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #d72429;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #d72429;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #d72429;
}

/* ================================================= */
/* 📌 THELINES THEME                                   */
/* ================================================= */
body.thelines-theme,
.thelines-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #252726;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #248f3e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #248f3e;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #248f3e;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #248f3e;
}

/* ================================================= */
/* 📌 KYLECOVERS THEME                                 */
/* ================================================= */
body.kylecovers-theme,
.kylecovers-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d9d9d9;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #1c4e86;
  --sk-secondary-color: #45bf1c;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #d9d9d9;
}

/* ================================================= */
/* 📌 ON3 THEME                                        */
/* ================================================= */
body.on3-theme,
.on3-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #3b4147;
  --sk-panel-head-background-color-highlight: #ffffff;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #ffffff;
  --sk-panel-content-background-color-highlight: #ffffff;
  --sk-border-color: #E9ECF3;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #ffffff;
  --sk-table-header-text-color: #000000;
  --sk-table-row-odd-background-color: #ffffff;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #bb1b0d;
  --sk-error-color: #ff0000;
  --sk-primary-color: #29f085;
  --sk-secondary-color: #FE3B1F;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 10px;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #474749;
  --sk-table-border-color: #29f085;
}

/* ================================================= */
/* 📌 MAYHEM THEME (Dark)                              */
/* ================================================= */
body.mayhem-theme,
.mayhem-theme {
  --sk-background-color: #1f1f1f;
  --sk-panel-head-background-color: #131313;
  --sk-panel-head-background-color-highlight: #5d5d5d;
  --sk-panel-head-color: #dbc464;
  --sk-panel-content-background-color: #2d2d2d;
  --sk-panel-content-background-color-highlight: #424242;
  --sk-border-color: #363636;
  --sk-border-color-hover: #8e8e8e;
  --sk-text-color: #c2c2c2;
  --sk-text-color-minor: #b2b2b2;
  --sk-text-color-highlight: #ffffff;
  --sk-table-background-color: #1f1f1f;
  --sk-table-header-background-color: #424242;
  --sk-table-header-text-color: #f5f5f5;
  --sk-table-row-odd-background-color: #1f1f1f;
  --sk-form-control-background-color: #424242;
  --sk-form-control-text-color: #c2c2c2;
  --sk-tooltip-background-color: #f5f5f5;
  --sk-tooltip-text-color: #5b5b5b;
  --sk-link-color: #dbc464;
  --sk-error-color: #e40000;
  --sk-primary-color: #dbc464;
  --sk-secondary-color: #dbc464;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #5d5d5d;
  --sk-btn-disabled-color: #ffffff;
  --sk-table-border-color: #3e3e3e;
}

/* ================================================= */
/* 📌 PLAYERPROFILER THEME                             */
/* ================================================= */
body.playerprofiler-theme,
.playerprofiler-theme {
  --sk-background-color: #06172d;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #173159;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #000000;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #4DBDFF;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #1c4e86;
  --sk-secondary-color: #5099e4;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #1E4177;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #A5B3C9;
}

/* ================================================= */
/* 📌 CIRCASPORTS THEME                                */
/* ================================================= */
body.circasports-theme,
.circasports-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #0c1f8f;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #0c1f8f;
  --sk-secondary-color: #0c1f8f;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #0c1f8f;
}

/* ================================================= */
/* 📌 UNABATED THEME                                   */
/* ================================================= */
body.unabated-theme,
.unabated-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #00ac64;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #00ac64;
  --sk-secondary-color: #00ac64;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #00ac64;
}

/* ================================================= */
/* 📌 VSIN THEME                                       */
/* ================================================= */
body.vsin-theme,
.vsin-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #db0000;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #db0000;
  --sk-secondary-color: #db0000;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #db0000;
}

/* ================================================= */
/* 📌 PLAYUP THEME                                     */
/* ================================================= */
body.playup-theme,
.playup-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #01ca6e;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #01ca6e;
  --sk-secondary-color: #01ca6e;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #01ca6e;
}

/* ================================================= */
/* 📌 HANDICAPPER THEME                                */
/* ================================================= */
body.handicapper-theme,
.handicapper-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #157347;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #157347;
  --sk-secondary-color: #157347;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #157347;
}

/* ================================================= */
/* 📌 BASEBALLAMERICA THEME                            */
/* ================================================= */
body.baseballamerica-theme,
.baseballamerica-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #ebebeb;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d9d9d9;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #0071ae;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #006da7;
  --sk-secondary-color: #006da7;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #d9d9d9;
}

/* More themes can be added here as needed */
/* See R17 _theme.scss for complete list */

/* ================================================= */
/* 📌 SPORTS20 THEME                                   */
/* ================================================= */
body.sports20-theme,
.sports20-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #0e2949;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #0e2949;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #e54f5d;
  --sk-error-color: #ff0000;
  --sk-primary-color: #0e2949;
  --sk-secondary-color: #e54f5d;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #0e2949;
}

/* ================================================= */
/* 📌 TONYSPICKS THEME                                 */
/* ================================================= */
body.tonyspicks-theme,
.tonyspicks-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #222222;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #15b21e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #15b21e;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161616;
  --sk-secondary-color: #15b21e;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #15b21e;
}

/* ================================================= */
/* 📌 SPORTINGSOLUTIONS THEME                          */
/* ================================================= */
body.sportingsolutions-theme,
.sportingsolutions-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #212529;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #37be76;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #37be76;
  --sk-error-color: #ff0000;
  --sk-primary-color: #212529;
  --sk-secondary-color: #37be76;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #37be76;
}

/* ================================================= */
/* 📌 SCCGMANAGEMENT THEME                             */
/* ================================================= */
body.sccgmanagement-theme,
.sccgmanagement-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #232f3e;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #232f3e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #ec7211;
  --sk-error-color: #ff0000;
  --sk-primary-color: #232f3e;
  --sk-secondary-color: #ec7211;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #ec7211;
}

/* ================================================= */
/* 📌 THESPORTSGEEK THEME                              */
/* ================================================= */
body.thesportsgeek-theme,
.thesportsgeek-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #161d25;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #ef6f18;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #ef6f18;
  --sk-error-color: #ff0000;
  --sk-primary-color: #161d25;
  --sk-secondary-color: #ef6f18;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #ef6f18;
}

/* ================================================= */
/* 📌 SPORTSREFERENCE THEME                            */
/* ================================================= */
body.sportsreference-theme,
.sportsreference-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #334568;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #334568;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #dd4814;
  --sk-error-color: #ff0000;
  --sk-primary-color: #334568;
  --sk-secondary-color: #dd4814;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #dd4814;
}

/* ================================================= */
/* 📌 GAMBLING THEME                                   */
/* ================================================= */
body.gambling-theme,
.gambling-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #222222;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #222222;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #0066cc;
  --sk-error-color: #ff0000;
  --sk-primary-color: #222222;
  --sk-secondary-color: #4FC1E9;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #4FC1E9;
}

/* ================================================= */
/* 📌 THEATHLETIC THEME                                */
/* ================================================= */
body.theathletic-theme,
.theathletic-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #191f25;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #191f25;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #191f25;
  --sk-error-color: #ff0000;
  --sk-primary-color: #191f25;
  --sk-secondary-color: #d4a75a;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #191f25;
  --sk-btn-border-radius: 4px;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #d4a75a;
}

/* ================================================= */
/* 📌 SATURDAYDOWNSOUTH THEME                          */
/* ================================================= */
body.saturdaydownsouth-theme,
.saturdaydownsouth-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #18424e;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #18424e;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #eb3c38;
  --sk-error-color: #ff0000;
  --sk-primary-color: #18424e;
  --sk-secondary-color: #eb3c38;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #eb3c38;
}

/* ================================================= */
/* 📌 BETTINGEXPERT THEME                              */
/* ================================================= */
body.bettingexpert-theme,
.bettingexpert-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #28343f;
  --sk-panel-head-background-color-highlight: #494949;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #e5e5e5;
  --sk-panel-content-background-color-highlight: #cccccc;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #808080;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-text-color-highlight: #434242;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #28343f;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #e5e5e5;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #474749;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #3DA83D;
  --sk-error-color: #ff0000;
  --sk-primary-color: #28343f;
  --sk-secondary-color: #3DA83D;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 0;
  --sk-btn-disabled-background-color: #c9c9c9;
  --sk-btn-disabled-color: #434242;
  --sk-table-border-color: #3DA83D;
}

/* ================================================= */
/* 📌 ANALYTICSBET THEME                               */
/* ================================================= */
body.analyticsbet-theme,
.analyticsbet-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #2e6ad1;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #2e6ad1;
  --sk-secondary-color: #2e6ad1;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #2e6ad1;
}

/* ================================================= */
/* 📌 OUTTHEGATE THEME                                 */
/* ================================================= */
body.outthegate-theme,
.outthegate-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #2f3132;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #2f3132;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #2f3132;
  --sk-secondary-color: #2f3132;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #2f3132;
}

/* ================================================= */
/* 📌 PROPHETBETTINGEXCHANGE THEME                     */
/* ================================================= */
body.prophetbettingexchange-theme,
.prophetbettingexchange-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #4a91a4;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #4a91a4;
  --sk-secondary-color: #4a91a4;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #4a91a4;
}

/* ================================================= */
/* 📌 PICKINGDUCK THEME                                */
/* ================================================= */
body.pickingduck-theme,
.pickingduck-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #f89a36;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #f89a36;
  --sk-secondary-color: #f89a36;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #f89a36;
}

/* ================================================= */
/* 📌 PLAYBYPLAY THEME                                 */
/* ================================================= */
body.playbyplay-theme,
.playbyplay-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d9d9d9;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #1c4e86;
  --sk-secondary-color: #e67917;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #d9d9d9;
}

/* ================================================= */
/* 📌 FOURDEEP THEME                                   */
/* ================================================= */
body.fourdeep-theme,
.fourdeep-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #4f2f94;
  --sk-table-header-text-color: #ffffff;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #4f2f94;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #4f2f94;
  --sk-secondary-color: #4f2f94;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #4f2f94;
}

/* ================================================= */
/* 📌 BETTORCULTURE THEME                              */
/* ================================================= */
body.bettorculture-theme,
.bettorculture-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #fcb92c;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #01265e;
  --sk-secondary-color: #fcb92c;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #000000;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #fcb92c;
}

/* ================================================= */
/* 📌 SPORTSCONTENTPRO THEME                           */
/* ================================================= */
body.sportscontentpro-theme,
.sportscontentpro-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #3AB0FF;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #3AB0FF;
  --sk-secondary-color: #3AB0FF;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #3AB0FF;
}

/* ================================================= */
/* 📌 SOFTBALLAMERICA THEME                            */
/* ================================================= */
body.softballAmerica-theme,
.softballAmerica-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d9d9d9;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #f7c300;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #002d72;
  --sk-secondary-color: #f7c300;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #000000;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #d9d9d9;
}

/* ================================================= */
/* 📌 BLEACHERBROTHERS THEME                           */
/* ================================================= */
body.bleacherbrothers-theme,
.bleacherbrothers-theme {
  --sk-background-color: #ffffff;
  --sk-panel-head-background-color: #d8d8d8;
  --sk-panel-head-background-color-highlight: #a8a8a8;
  --sk-panel-head-color: #000000;
  --sk-panel-content-background-color: #f5f5f5;
  --sk-panel-content-background-color-highlight: #d8d8d8;
  --sk-border-color: #b8b8b8;
  --sk-border-color-hover: #808080;
  --sk-text-color: #5b5b5b;
  --sk-text-color-minor: #7d7d7d;
  --sk-text-color-highlight: #000000;
  --sk-table-background-color: #ffffff;
  --sk-table-header-background-color: #d9d9d9;
  --sk-table-header-text-color: #2d2d2d;
  --sk-table-row-odd-background-color: #f8f8f8;
  --sk-form-control-background-color: #ffffff;
  --sk-form-control-text-color: #5b5b5b;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #f5f5f5;
  --sk-link-color: #266abd;
  --sk-error-color: #bb1b0d;
  --sk-primary-color: #f67b41;
  --sk-secondary-color: #3c5896;
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-secondary-text-color: #ffffff;
  --sk-btn-border-radius: 25px;
  --sk-btn-disabled-background-color: #a8a8a8;
  --sk-btn-disabled-color: #000000;
  --sk-table-border-color: #d9d9d9;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
    url(/static/media/open-sans-v17-latin-300italic.6725c3fb.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-300italic.793b1237.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
    url(/static/media/open-sans-v17-latin-300.24f7b094.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-300.a7622f60.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
    url(/static/media/open-sans-v17-latin-italic.b61a9055.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-italic.06b4bfda.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
    url(/static/media/open-sans-v17-latin-regular.33543c5c.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-regular.de0869e3.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
    url(/static/media/open-sans-v17-latin-600italic.ebdfa24c.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-600italic.56e5756b.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
    url(/static/media/open-sans-v17-latin-600.819af3d3.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-600.449d681c.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
    url(/static/media/open-sans-v17-latin-700italic.a49393f2.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-700italic.bf72679c.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
    url(/static/media/open-sans-v17-latin-700.0edb7628.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-700.1f85e92d.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
    url(/static/media/open-sans-v17-latin-800italic.c62c3eea.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-800italic.92da6f11.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
    url(/static/media/open-sans-v17-latin-800.ab3e500e.woff2) format('woff2'),
    url(/static/media/open-sans-v17-latin-800.05ebdbe1.woff) format('woff');
}

:root {
  /* Base theme colors - VERIFIED 2025-12-17 against production (app.spreadknowledge.com) */
  --sk-background-color: rgb(234, 234, 234);  /* Production verified: gray background */
  --sk-text-color: #5b5b5b;                   /* VISUAL PARITY FIX 2025-12-17: PROD uses #5b5b5b (was rgb(91,91,91) = same) */
  
  /* Primary/Secondary colors - FIXED 2025-12-03: These were SWAPPED! */
  --sk-primary-color: #1c4e86;                /* Blue - production primary */
  --sk-secondary-color: #e67917;              /* Orange - production secondary */
  --sk-link-color: #e67917;                   /* Orange links like production */
  
  /* Gray scale colors - FIXED 2025-11-26: Added for SportFilter */
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  
  /* Primary color - FIXED 2025-12-10: Restored R17 parity (#1c4e86 blue, not #1890ff) */
  --primary-color: #1c4e86;
  --primary-color-hover: #153d6a;
  
  /* Base theme variables */
  --sk-app-background: var(--sk-background-color);
  --sk-app-font: var(--sk-font-family, "Open Sans", sans-serif);
  --sk-app-font-weight: var(--sk-font-weight-regular, 400);
  /* Z-index layers - 2025-11-25: Fixed to match production (9000, not 100) */
  --sk-z-index-header: 9000;
  --sk-z-index-quick-pick-header: 10;
  --sk-z-index-base: 1;
  
  /* Header variables - FIXED 2025-12-28: PROD uses 70px on mobile (LOCAL was 80px) */
  --sk-header-height: 70px;
  --sk-header-logo-size: 40px;
  
  /* Layout dimensions - FIXED 2025-12-03: R17 parity per GAP_ANALYSIS.md */
  --sk-container-size: 1272px;         /* R17 value (R18 had 1200px) */
  --sk-bottom-menu-height: 50px;       /* R17 value (R18 had 60px) */
  --sk-icon-size: 25px;                /* R17 value (R18 had 24px) */
  --sk-footer-height: auto;             /* UPDATED 2026-02-14: PROD footer grows naturally (~437px), no fixed height */
  
  /* Panel variables */
  /* Scrollbar variables */
  /* Value Pick specific variables */
  --sk-trend-a-color: var(--sk-success-color, var(--sk-color-13a45c, var(--sk-color-13a45c, #13a45c)));
  --sk-trend-b-color: var(--sk-success-color-light, var(--sk-color-5cc82e, var(--sk-color-5cc82e, #5cc82e)));
  --sk-trend-c-color: var(--sk-warning-color, var(--sk-color-f7d300, var(--sk-color-f7d300, #f7d300)));
  --sk-trend-d-color: var(--sk-warning-color-light, var(--sk-color-ff6833, var(--sk-color-ff6833, #ff6833)));
  --sk-trend-f-color: var(--sk-danger-color, var(--sk-color-ff0101, var(--sk-color-ff0101, #ff0101)));
  
  /* Grade-specific colors for Value Pick circles - FIXED 2025-11-26 */
  --sk-color-3dd921: #3dd921;  /* A+ - Bright green */
  --sk-color-6efd4f: #6efd4f;  /* A - Light bright green */
  --sk-color-9cd47f: #9cd47f;  /* B+ - Light green */
  --sk-color-a9e07f: #a9e07f;  /* B - Pale green */
  --sk-color-ffe082: #ffe082;  /* C+ - Light yellow */
  --sk-color-ffeb3b: #ffeb3b;  /* C - Yellow */
  --sk-color-ffb74d: #ffb74d;  /* D+ - Light orange */
  --sk-color-ffc107: #ffc107;  /* D - Amber */
  --sk-color-ff5722: #ff5722;  /* F - Red */
  --sk-color-ff0101: #ff0101;  /* F alt - Bright red */
  --sk-color-13a45c: #13a45c;  /* Trend A */
  --sk-color-5cc82e: #5cc82e;  /* Trend B */
  --sk-color-f7d300: #f7d300;  /* Trend C */
  --sk-color-ff6833: #ff6833;  /* Trend D */
  
  --sk-winning-circle-size: 60px;
  --sk-winning-circle-size-mobile: 45px;
  --sk-unit-circle-size: 90px;
  --sk-unit-circle-size-mobile: 70px;
  --sk-winning-circle-shadow: var(--sk-shadow-md, 0 0 6px 2px rgba(0, 0, 0, 0.2));
  --sk-unit-circle-shadow: var(--sk-shadow-sm, 0 0 6px rgba(0, 0, 0, 0.15));
  --sk-circle-border-color: var(--sk-background-color, #fff);
  --sk-circle-border-width: 3px;
  --sk-circle-progress-color: var(--sk-text-color, #e67917);
  
  /* Logo and image variables */
  --sk-sport-icon-size: 24px;
  --sk-player-photo-size: 48px;
  
  /* Form variables */
  --sk-input-placeholder-color: var(--sk-input-placeholder-color, #bfbfbf);
  --sk-input-focus-border-color: var(--sk-input-focus-border-color, var(--sk-color-40a9ff, var(--sk-color-40a9ff, #40a9ff)));
  --sk-input-focus-shadow: var(--sk-input-focus-shadow, 0 0 0 2px rgba(24, 144, 255, 0.2));
  
  /* Button variables — VISUAL PARITY FIX 2026-02-14: PROD primary buttons ARE blue, not orange! */
  --sk-btn-primary-bg: #1c4e86;             /* PROD verified: blue primary buttons (28,78,134) */
  --sk-btn-primary-text-color: #ffffff;
  --sk-btn-primary-border: #1c4e86;
  --sk-btn-primary-bg-hover: #153d6a;       /* Darker blue on hover */
  --sk-btn-primary-text-hover: #ffffff;
  /* NOTE: --sk-btn-border-radius NOT set here — secondary buttons need 25px, primary gets 3px via SCSS */

  /* Typography variables - FIXED 2025-12-03: R17 typography scale parity */
  --sk-font-size-xs: var(--sk-font-size-xs, 10px);
  --sk-font-size-sm: var(--sk-font-size-sm, 12px);
  --sk-font-size-md: var(--sk-font-size-md, 14px);
  --sk-font-size-lg: var(--sk-font-size-lg, 16px);
  --sk-font-size-xl: var(--sk-font-size-xl, 18px);
  --sk-font-size-panel: var(--sk-font-size-panel, 14px);    /* R17 panel size */
  --sk-font-size-base: var(--sk-font-size-base, 14px);      /* R17 base size */
  --sk-font-size-base-scaleUp: var(--sk-font-size-base-scaleUp, 16px); /* R17 scale up */
  --sk-font-weight-light: var(--sk-font-weight-light, 300);
  --sk-font-weight-regular: var(--sk-font-weight-regular, 400);
  --sk-font-weight-medium: var(--sk-font-weight-medium, 500);
  --sk-font-weight-semi-bold: var(--sk-font-weight-semi-bold, 600);
  --sk-font-weight-bold: var(--sk-font-weight-bold, 700);
  
  /* Spacing variables */
  --sk-spacing-xs: var(--sk-spacing-xs, 4px);
  --sk-spacing-sm: var(--sk-spacing-sm, 8px);
  --sk-spacing-md: var(--sk-spacing-md, 16px);
  --sk-spacing-lg: var(--sk-spacing-lg, 24px);
  --sk-spacing-xl: var(--sk-spacing-xl, 32px);
  
  /* Shadow variables */
  --sk-shadow-sm: var(--sk-shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
  --sk-shadow-md: var(--sk-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px var(--sk-color-rgba-0-0-0-0-06-, var(--sk-color-rgba-0-0-0-0-06-, rgba(0, 0, 0, 0.06))));
  --sk-shadow-lg: var(--sk-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05));
  
  /* Transition variables */
  --sk-transition-duration-fast: var(--sk-transition-duration-fast, 150ms);
  --sk-transition-duration-normal: var(--sk-transition-duration-normal, 200ms);
  --sk-transition-duration-slow: var(--sk-transition-duration-slow, 300ms);
  
  /* Z-index variables */
  --sk-z-index-lowest: var(--sk-z-index-lowest, -1);
  --sk-z-index-low: var(--sk-z-index-low, 1);
  --sk-z-index-above: var(--sk-z-index-above, 5);
  --sk-z-index-medium: var(--sk-z-index-medium, 10);
  --sk-z-index-high: var(--sk-z-index-high, 100);
  --sk-z-index-highest: var(--sk-z-index-highest, 1000);
  --sk-z-index-footer: var(--sk-z-index-footer, 80);
  --sk-z-index-tooltip: var(--sk-z-index-tooltip, 70);
  --sk-z-index-below-highest: var(--sk-z-index-below-highest, 8999);
  --sk-z-index-above-highest: var(--sk-z-index-above-highest, 9999);

  /* Added by define-missing-css-variables.cjs */
  /* Panel content background - VISUAL PARITY FIX 2025-12-17: PROD uses white #fff */
  --sk-panel-content-background-color: #ffffff; /* #5: PROD uses white, not gray */
  --sk-panel-content-background-color-highlight: #f5f5f5; /* #6: PROD uses #f5f5f5, not #f9f9f9 */
  
  /* Panel variables - VISUAL PARITY FIX 2025-12-17: Match PROD header colors */
  --sk-panel-head-background-color: #1c4e86;  /* #4: PROD uses blue #1c4e86 */
  --sk-panel-head-background-color-highlight: #153d6b;
  --sk-panel-head-color: #ffffff;              /* #8: PROD uses white text on blue headers */
  --sk-panel-border-radius: 0px; /* INC22-A: PROD uses 0px (confirmed via _css-variables.scss). Was 4px, contradicted compiled SCSS. */
  --sk-panel-border-color: #eaeded;            /* #7: PROD uses #eaeded, not #e0e0e0 */
  
  /* Card/Pick colors - FIXED 2025-11-26: Added for CircleProgress and betting cards */
  --sk-pick-green: #13a45c;
  --sk-pick-red: #ff0101;
  
  /* Table/Form variables - FIXED 2025-11-26: Added for ComboBox and tables */
  --sk-table-background-color: #ffffff;
  --sk-table-header-text-color: #333333;
  --sk-form-control-border-color: #d9d9d9;
  
  /* Text color variants - FIXED 2025-11-26 */
  --sk-text-highlight: #333333;
  --sk-color-text-highlight: #333333;
  --sk-color-border-hover: #153d6a;
  --sk-border-hover: #153d6a;
  
  /* Secondary/accent colors - FIXED 2025-12-10: R17 uses #e67917 (orange) */
  --sk-secondary: #e67917;
  --sk-color-secondary: #e67917;
  --sk-white: #ffffff;
  --sk-color-e9ecf3: #e9ecf3;
  
  /* Default transition */
  --sk-default-transition: all 0.2s ease;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  margin: 0;
  padding: 0;
}

/* R17 PARITY FIX: HTML base styles (migrated from visual-parity.css) */
/* CSS PARITY FIX 2025-12-25: Match production HTML element styles exactly */
html {
  font-size: 14px; /* VISUAL PARITY FIX 2025-12-17: Match PROD rootFs=14px */
  /* font-family and line-height REMOVED 2026-02-18: Element-style-extractor confirmed */
  /* PROD html uses browser defaults (Times New Roman, normal). Previous comments were wrong. */
  /* Body rules provide correct Open Sans font to content elements. */
  background-color: #eaeaea; /* PARITY FIX: Was missing, PROD uses rgb(234, 234, 234) */
  color: #5b5b5b; /* PARITY FIX: Was missing, PROD uses rgb(91, 91, 91) */
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-size: 14px;
  /* CSS PARITY FIX 2026-02-14: Body background set WITHOUT !important.
     PROD uses body { background-color: var(--sk-background-color) } without !important,
     and body.light-theme / body.dark-theme override by specificity.
     Using !important here BREAKS dark theme because body.dark-theme cannot override it. */
  background-color: #eaeaea;
  font-family: var(--sk-app-font);
  font-weight: var(--sk-app-font-weight);
  line-height: 1.29;
  color: var(--sk-text-color);
  -webkit-overflow-scrolling: touch;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  /* CSS PARITY FIX 2025-12-06: Match production overflow */
  overflow: visible !important; /* FIX-33: PROD=visible (overflow-x:hidden forces overflow-y:auto per CSS spec) */
}

/* Theme specific styles - FIXED 2025-12-04: Match actual production values */
body.light-theme {
  /* CRITICAL: These values MUST match packages/sk-app/src/styles/scss/index.scss */
  /* VISUAL PARITY FIX: --sk-background-color is the PAGE/BODY background (#eaeaea gray) */
  /* Content areas (cards, panels) use --sk-panel-content-background-color (#fff) instead */
  --sk-background-color: #eaeaea;
  --sk-text-color: #5b5b5b;
  --sk-form-control-background-color: #fff;
  --sk-panel-content-background-color: #fff;
  --sk-panel-content-background-color-highlight: #f5f5f5;
  --sk-panel-head-background-color: #1c4e86; /* Blue - per intelligence report 2025-12-06 */
  --sk-panel-head-color: #fff;             /* White - per intelligence report 2025-12-06 */
  --sk-table-header-background-color: #f5f5f5;
  --sk-border-radius: 0;
  --sk-btn-border-radius: 25px;               /* Production uses rounded buttons */
  --sk-error-color: #e40000;                  /* Brighter red for errors */
  
  /* VISUAL PARITY FIX: --theme-* prefix variables used by PickLineup, Ticker, etc.
     Without these, components fall back to #333 (dark grey) instead of correct colors.
     Values resolved from sk-components/_theme-system.css + _base-variables.css */
  --theme-primary-color: #1c4e86;               /* SK Blue (--base-blue-500) */
  --theme-secondary-color: #e67917;             /* SK Orange (--base-orange-500) */
  --theme-text-color: #474749;                  /* Primary text (--base-gray-700) */
  --theme-text-color-minor: #666666;            /* Minor text (--base-gray-600) */
  --theme-text-minor-color: #666666;            /* Alias used by some components */
  --theme-text-color-highlight: #ffffff;        /* White highlight text */
  --theme-text-highlight-color: #ffffff;        /* Alias used by some components */
  --theme-background-color: #eaeaea;            /* VISUAL PARITY FIX: PROD page bg is gray, not white */
  --theme-color-white: #ffffff;
  --theme-color-black: #000000;
  --theme-panel-content-background-color: #fff;
  --theme-panel-content-background-color-highlight: #f5f5f5;
  --theme-panel-head-background-color: #1c4e86;
  --theme-panel-head-background-color-highlight: #1f5ca3; /* VISUAL PARITY FIX: PROD uses #1f5ca3 (R18 blue, was #fff) */
  --theme-panel-head-color: #fff;
  --theme-border-color: #e9ecf3;                /* Light borders (--base-gray-200) */
  --theme-border-color-hover: #a8a8a8;          /* Hover borders (--base-gray-400) */
  --theme-table-background-color: #ffffff;
  --theme-table-header-background-color: #f5f5f5;  /* VISUAL PARITY FIX: PROD header bg is light gray, was #424242 (dark) */
  --theme-table-header-text-color: #000000;
  --theme-table-border-color: #e9ecf3;
  --theme-table-row-odd-background-color: #ffffff;
  --theme-form-control-background-color: #424242;
  --theme-form-control-text-color: #474749;
  --theme-form-control-border-color: #e9ecf3;
  --theme-border-radius: 0;
  --theme-success-color: #2adc1d; /* VISUAL PARITY FIX: PROD $pick-green = #2ADC1D (was #28a745) */
  --theme-error-color: #f27273; /* VISUAL PARITY FIX: PROD $pick-red = #f27273 (was #bb1b0d) */
  --theme-warning-color: #ffc107;
  --theme-info-color: #17a2b8;
  
  /* CSS PARITY FIX 2025-12-06: Body background must be light gray, not white.
     Using !important to override production widget CSS */
  background-color: rgb(234, 234, 234) !important;

  --sk-primary-color: #1c4e86;
  --sk-secondary-color: #e67917;
  --sk-border-color: #eaeded;}

/* ========================================================================
   HEADER GLOBAL FIX - 2025-12-27 Visual Parity Critical Fix
   UPDATED 2026-02-08: PROD header is DARK GRAY with WHITE text
   PROD header.backgroundColor = rgb(38, 38, 38), text = white
   PROD header-sub-wrap = transparent (inherits from parent)
   PROD burger-btn = transparent (inherits from parent)
   ======================================================================== */
/* [L07: Extracted to Header.module.scss -- 8 lines Header_c-header__ background-color dark gray] */

/* [L02: Extracted to Header.module.scss -- 5 lines Header_c-header-sub-wrap transparent] */

/* [L02: Extracted to Header.module.scss -- 4 lines Header_c-header-burger transparent] */

body.dark-theme {
  --sk-background-color: #1f1f1f;
  --sk-text-color: #c2c2c2;
  --sk-border-radius: 0;
  /* CSS PARITY FIX 2026-02-14: Must use !important to match PROD dark theme.
     PROD dark theme body bg is rgb(31,31,31) = #1f1f1f, text is rgb(194,194,194) = #c2c2c2 */
  background-color: #1f1f1f !important;
  color: #c2c2c2;
}

/* Logo and image styles */
.sport-icon,
.league-icon,
.team-logo,
.player-photo {
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.sport-icon {
  width: var(--sk-sport-icon-size);
  height: var(--sk-sport-icon-size);
}

.league-icon {
  width: var(--sk-spacing-xl);
  height: var(--sk-spacing-xl);
}

.team-logo {
  width: var(--sk-spacing-xl);
  height: var(--sk-spacing-xl);
}

.player-photo {
  width: var(--sk-player-photo-size);
  height: var(--sk-player-photo-size);
  border-radius: 50%;
}

/* Animation */
.c-highlight-animation {
  color: var(--sk-text-color);
  animation: animateOutline 3s ease infinite;
  transition: all 0.5s;
}

@keyframes animateOutline {
  0% {
    opacity: 1;
    color: var(--sk-text-color);
    font-weight: var(--sk-app-font-weight);
  }
  10% {
    opacity: 0;
    color: var(--sk-trend-a-color);
  }
  30% {
    color: var(--sk-trend-a-color);
    opacity: 1;
  }
  50% {
    opacity: 0;
    font-weight: 600;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

/* ============================================
   R17 PARITY FIX: Typography & Link Styles
   (Migrated from visual-parity.css 2025-12-13)
   ============================================ */

/* A3: H1-H6 Typography Scale */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.29;
}

h1 {
  font-size: 16px;
  margin: 10.72px 0;
}

h2, h3, h4 {
  font-size: 14px;
}

h5, h6 {
  font-size: 12px;
}

/* [L08: Extracted to Block.module.scss -- 7 lines Block_c-block max-width:none position:static] */

/* [Legacy Session 09: Extracted to SeoTitle.module.scss -- 8 lines A4 Block Header H1 white color] */

/* A5: Link Text Decoration (underline by default) */
a {
  text-decoration: underline;
}

/* A6: Navigation Links No Underline */
nav a, .nav a, .menu a, .c-nav a, button a,
header nav a, .c-header nav a, .c-header-nav a,
[class*="nav"] a, [class*="Nav"] a, [class*="Navigation"] a,
a[class*="Button"], a[class*="btn"], a[class*="Btn"],
a[class*="NavLink"], a[class*="nav-link"],
/* Footer icon links should not have underline */
a[class*="icon"], a[class*="Icon"],
.c-footer a[class*="icon"], .c-footer a[class*="Icon"] {
  text-decoration: none !important;
}

/* [Legacy Session 09: Extracted to TrendIconLetter.module.scss -- 11 lines A7 TrendIconLetter color/size global] */

/* A8: Global Header Position */
.c-global-header {
  top: 0;
  margin-top: 0 !important;
}


/* VISUAL PARITY FIX 2025-12-15: Match production button border color */
/* R17 production buttons often have orange borders matching secondary color */
/* v8c: Scoped to only secondary buttons, not ALL buttons (was leaking orange into header/primary) */
button[class*="secondary"], .btn[class*="secondary"],
button[class*="o-btn--secondary"], .btn.btn-secondary {
  border-color: var(--sk-secondary-color, #e67917);
}


/* VISUAL PARITY FIX 2025-12-15: Match production card styles */
/* UPDATED 2026-02-09: PROD has border, 0 border-radius, 5px padding */
.card, [class*='Card-root'] {
  border: 1px solid #eaeded; /* rgb(234, 237, 237) */
  border-radius: 0px;
  padding: 5px;
  box-shadow: none;
}

/* ==========================================================================
   MOBILE HORIZONTAL OVERFLOW FIX 2025-12-22
   These components overflow the 375px mobile viewport:
   - BlockTwoFilters: 474px (99px overflow)
   - ValueParlaysList: 426px (51px overflow)  
   - ValuePickCard: 416px (41px overflow)
   ========================================================================== */
@media (max-width: 767px) {
  html, body {
    overflow: visible !important; /* FIX-33c: PROD=visible on mobile too */
    max-width: 100vw !important;
  }
  
  /* [Legacy Session 09: Extracted to SportFilter.module.scss -- 7 lines BlockTwoFilters mobile overflow] */
  
  /* [Legacy Session 09: Extracted to ValueParlaysList.module.scss -- 7 lines ValueParlaysList mobile overflow] */
  
  /* [Legacy Session 09: Extracted to ValuePickCard.module.scss -- 7 lines ValuePickCard mobile overflow] */
  
  /* [Legacy Session 09: Extracted to HorizontalDatePicker.module.scss -- 8 lines DatePicker mobile overflow] */
}

/* ==========================================================================
   VISUAL PARITY CSS FIXES 2025-12-25 (CORRECTED)
   Based on CSS Extraction Report analysis between LOCAL and PROD
   Goal: Achieve 95%+ visual parity across all viewports
   ========================================================================== */

/* ==========================================================================
   SHOCKING FINDING #1 (CORRECTED): Header buttons are TRANSPARENT on PROD!
   Previous analysis was WRONG - PROD does NOT use orange buttons in header.
   CSS Extraction Report shows:
   - GoProButton: transparent bg, gray text, 0px padding
   - Login button: transparent bg, gray text  
   - Register button: transparent bg with gray border
   ========================================================================== */

/* CRITICAL: Do NOT apply orange to header buttons!
   Secondary buttons OUTSIDE of header can use orange styling.
   But header buttons MUST be transparent per PROD. */

/* [L08: Extracted to Button.module.scss -- 20 lines Button_o-btn--secondary body/main/c-block orange] */

/* ==========================================================================
   Dec 25, 2025 - HEADER buttons - TRANSPARENT ON PROD (FINAL CONFIRMATION)
   Latest CSS extraction shows: LOCAL=orange (after changes), PROD=transparent
   THIS PROVES PROD is TRANSPARENT! Must revert to transparent.
   ========================================================================== */

/* [L07: Extracted to Header.module.scss -- 16 lines Header Button_o-btn--secondary transparent] */

/* [L07: Extracted to GoProButton.module.scss -- 24 lines GoProButton in header orange VP-32 87px] */

/* [L07: Extracted to Header.module.scss -- 7 lines Header Button_o-btn--secondary hover] */
/* GoProButton hover: darker orange (PROD is orange button) */
header [class*="GoProButton"]:hover {
  background-color: rgb(208, 109, 21) !important; /* VP-32: darker orange on hover */
  color: rgb(255, 255, 255) !important;
}

/* Hover states - BODY buttons turn darker orange */
.c-body .o-btn--secondary:hover,
main .o-btn--secondary:hover {
  background-color: rgb(208, 65, 6) !important;
}

/* ==========================================================================
   SEARCH BUTTON - TRANSPARENT on PROD (CONFIRMED Dec 25, 2025)
   CSS extraction at (1009,21) shows: BUTTON LOCAL=orange, PROD=transparent
   The orange color on PROD comes from a PARENT DIV, not the button itself!
   ========================================================================== */

/* [L06: Extracted to Buttons.module.scss -- 18 lines Buttons_c-header-search-button global transparent VP-49] */

/* ==========================================================================
   Dec 25, 2025 - HEADER FIXES - TRANSPARENT ON PROD (CONFIRMED)
   
   Latest CSS Extraction proves:
   - After applying orange, extraction shows: LOCAL=orange, PROD=transparent
   - This CONFIRMS PROD has TRANSPARENT header elements!
   
   LOCAL must match PROD by having TRANSPARENT header elements.
   ========================================================================== */

/* HEADER BUTTONS CONTAINER - TRANSPARENT on PROD (CORRECTED 2026-02-09)
   Original extraction (Dec 25, 2025) was WRONG: container is TRANSPARENT on PROD.
   The orange bg, width=85.5781px were from the LOGIN button, not the container.
   PROD container: bg=transparent, width=auto (242px rendered), flex display */
/* [L03: Extracted to Buttons.module.scss -- 14 lines Buttons_c-header-buttons container transparent flex] */

/* [L03: Extracted to Buttons.module.scss -- 17 lines Buttons_c-header-button--register transparent white] */

/* [L03: Extracted to Buttons.module.scss -- 20 lines Buttons_c-header-button--login orange] */

/* ==========================================================================
   HEADER MENU - TRANSPARENT on PROD (Dec 25, 2025 - CONFIRMED)
   Latest CSS extraction shows: LOCAL=orange (after changes), PROD=transparent
   THIS PROVES PROD is TRANSPARENT!
   ========================================================================== */

/* [L02: Extracted to Menu.module.scss -- 18 lines Menu_c-header-menu__ transparent block height] */

/* [L02: Extracted to Menu.module.scss -- 15 lines Menu_c-header-menu-wrap__ transparent flex VP-52] */

/* [L02: Extracted to Menu.module.scss -- 9 lines Menu_c-header-menu-item__ transparent white] */

/* [L02: Extracted to Menu.module.scss -- 15 lines Menu_c-header-menu-item-link flex height 70px] */

/* ==========================================================================
   D5: CAROUSEL OVERFLOW FIX (Critical Priority)
   Issue: Carousel container has excessive width (16059.5px vs expected auto)
   ========================================================================== */

/* [Legacy Session 09: Extracted to StandardCarousel.module.scss -- 11 lines carousel containers bg color] */

/* [L03: Extracted to Ticker.module.scss -- 14 lines Ticker_c-cards background height INC23-A] */

/* [L03: Extracted to Ticker.module.scss -- 25 lines Ticker_c-cards scroll-container wrapper item heights VP-84] */

/* All scroll containers should have max-width: none to match PROD */
.react-horizontal-scrolling-menu--scroll-container {
  max-width: none !important;
}

/* [Legacy Session 09: Extracted to StandardCarousel.module.scss -- 7 lines carousel-track flex nowrap] */

/* ==========================================================================
   D6-D7: TICKER/CAROUSEL ARROW FIXES (Moderate Priority)
   Issue: Arrow buttons missing background and padding
   LOCAL: backgroundColor transparent, padding 0px
   PROD:  backgroundColor rgb(245, 245, 245), padding 0px 4px
   ========================================================================== */

/* [Legacy Session 09: Extracted to StandardCarousel.module.scss -- 17 lines carousel-arrow buttons bg padding] */

/* [Legacy Session 09: Extracted to StandardCarousel.module.scss -- 6 lines carousel-arrow hover bg] */

/* ==========================================================================
   TICKER CAROUSEL TEXT COLOR - THE ONE TRUE ORANGE ON PROD
   CSS Extraction Report (Dec 25, 2025) confirms:
   - Element: StandardCarousel_c-standard-carousel__BJekE (Ticker carousel)
   - Property: color (text color)
   - PROD: rgb(230, 121, 23) (orange) | LOCAL: rgb(0, 0, 0) (black)
   This is the ONLY element on PROD that should have orange color!
   ========================================================================== */

/* [L06: Extracted to Ticker.module.scss -- 17 lines Ticker_c-cards-carousel orange color 81.47px VP-87 VP-62] */

/* ==========================================================================
   D8: SPORT FILTER SIZING FIX (Moderate Priority)
   Issue: SportFilter header has wrong dimensions
   LOCAL: width 1208px, height 171px
   PROD:  width 315px, height 40px (smaller, fits in header)
   ========================================================================== */

/* [Legacy Session 09: Extracted to SportFilter.module.scss -- 8 lines SportFilterHeader max-width:none height:40px] */

/* [Legacy Session 09: Extracted to SportFilter.module.scss -- 7 lines SportFilterItem padding font-size] */

/* ==========================================================================
   D11-D15: CARD AND UI POLISH FIXES (Minor Priority)
   ========================================================================== */

/* Card styles - FIXED 2026-02-09: Match PROD exactly
   PROD Card: padding 5px, border-radius 0, NO shadow,
   border 1px solid rgb(234,237,237), color rgb(91,91,91), font-size 14px
   NOTE: display:flex and overflow:hidden are PROD values.
   Re-adding was tested: with flex cards are 82px (vs PROD 81px, block 116px).
   But flex-column with hidden overflow HURTS overall parity (84.51% vs 84.70%).
   Block gives better overall parity due to content alignment differences. */
/* VISUAL PARITY FIX 2026-02-12: Added :not([class*="team"]) and :not([class*="ticker"])
   to prevent wrapper styles bleeding into child elements. The [class*="Card_c-card"]
   selector was matching c-card-team-line, c-card-team, c-card-date etc. */
/* [L07: Extracted to Card.module.scss -- 12 lines Card_c-card white bg border-radius:0 shadow:none] */

/* [L03: Extracted to Card.module.scss -- 5 lines Card_c-card-date background transparent] */

/* [L03: Extracted to Card.module.scss -- 6 lines Card_c-card box-shadow:none] */

/* [Legacy Session 10: Extracted to ValuePicks.module.scss -- 6 lines ValuePicks_key-filters-filters-tile bg #f5f5f5] */
/* [L03: Extracted to ValuePicks.module.scss -- 7 lines ValuePicks_key-filters children transparent] */

/* [L08: Extracted to Carousel.module.scss -- 6 lines Carousel_c-arrow--dis bg disabled arrow] */

/* Icon sizing consistency — exclude SVGs that already have specific sk-icon--*
   size classes (--sm, --md, --lg) so their fixed px sizes aren't overridden */
.c-icon,
[class*="Icon"]:not([class*="IconButton"]) svg:not([class*="sk-icon--"]),
.icon svg:not([class*="sk-icon--"]) {
  width: var(--sk-icon-size, 24px) !important;
  height: var(--sk-icon-size, 24px) !important;
}

/* ==========================================================================
   DESKTOP REMAINING PARITY FIXES (D9, D10, D12, D14)
   ========================================================================== */

/* D12: Nav link hover states - orange on hover */
nav a:hover,
.c-nav-link:hover,
[class*="NavLink"]:hover,
header nav a:hover {
  color: #e67917 !important;
  text-decoration: none !important;
}

/* D14: Text color contrast for muted text */
.text-muted,
.c-secondary-text,
[class*="text-muted"],
[class*="secondary-text"] {
  color: #666 !important;
}

/* ==========================================================================
   VISUAL PARITY CRITICAL FIXES - DEC 24, 2025
   Target: 95%+ parity across all viewports
   Current: Desktop 80.9%, Tablet 75.8%, Mobile 48%
   ========================================================================== */

/* ==========================================================================
   GLOBAL - PAGE HEIGHT FIXES (Critical for all viewports)
   LOCAL has extra page height in all viewports:
   - Mobile: +509px (5360px vs 4851px)
   - Tablet: +1254px (5224px vs 3970px)
   - Desktop: +221px (3225px vs 3004px)
   ========================================================================== */

/* R18 Visual Parity: REMOVED overflow:hidden for Collapse elements.
   PROD does NOT force overflow:hidden on Collapse. react-collapse handles
   overflow natively: sets overflow:hidden inline when collapsed (height:0),
   removes it when open (overflow defaults to visible). Matches PROD. */

/* [L08: Extracted to Collapse.module.scss -- 5 lines collapse_collapse:not(.show) max-height:0] */

/* ==========================================================================
   DESKTOP ENHANCEMENTS (1366x900) - Priority P3
   Current: 80.9% parity → Target: 95%
   ========================================================================== */

@media (min-width: 1025px) {
  /* ==========================================================================
     DESKTOP HEADER FIX (CORRECTED 2026-02-09)
     Original Dec 25, 2025 extraction had login/register VALUES SWAPPED!
     Verified via Playwright probe: Login=ORANGE, Register=TRANSPARENT on PROD
     ========================================================================== */
  
/* [L05: Extracted to Buttons.module.scss -- 17 lines Buttons_c-header-button--login desktop orange] */
  
/* [L05: Extracted to Buttons.module.scss -- 17 lines Buttons_c-header-button--register desktop transparent] */
  
/* [L05: Extracted to GoProButton.module.scss -- 20 lines GoProButton desktop orange] */
  
/* [L05: Extracted to Buttons.module.scss -- 12 lines Buttons_c-header-buttons desktop transparent] */
  
/* [L05: Extracted to Buttons.module.scss -- 25 lines Buttons_c-header-search-button desktop transparent VP-49] */
  
/* [L05: Extracted to Buttons.module.scss -- 17 lines Buttons hover desktop login+search+register+GoProButton] */
  
  /* [Legacy Session 09: Extracted to StandardCarousel.module.scss -- 9 lines D5 carousel desktop max-width:100%] */
  
/* [L05: Extracted to Ticker.module.scss -- 14 lines Ticker_c-cards-carousel-arrow desktop D6-D7] */
  
/* [L05: Extracted to SportFilter.module.scss -- 8 lines SportFilter_c-sport-filter-header desktop D8] */
  
/* [L05: Extracted to ValuePicks.module.scss -- 8 lines ValuePicks_key-filters-filters-tile desktop D10] */
  
  /* D11: H1 margin fine-tune */
  h1 {
    margin: 10.72px 0 !important;
  }
  
  /* [Legacy Session 09: Extracted to Card.module.scss -- 6 lines D12 Card box-shadow:none desktop] */
  
  /* D15: Footer — CORRECTED 2026-02-17: css-property-diff confirms PROD (app.spreadknowledge.com)
     HAS a visible <footer> at ALL viewports. The Feb 14 probe was testing sportsdatagenie.com.
     Footer must be VISIBLE to match PROD. Removed display:none. */
}

/* ==========================================================================
   VISUAL PARITY FIXES 2025-12-25 - COMPREHENSIVE DIFF REPORT
   29 CSS differences identified - targeting 95%+ parity
   ========================================================================== */

/* --------------------------------------------------------------------------
   FIX #1-2: HEADER MIN/MAX HEIGHT
   Issue: header minHeight 0px→70px, maxHeight none→70px
   Fix: Remove the 70px constraint that's not on production
   FIXED 2026-02-09: Narrowed selector to "Header_c-header__" (double-underscore)
   to avoid matching children like logo, sub-wrap, menu-wrap, burger-btn
   -------------------------------------------------------------------------- */
/* [L06: Extracted to Header.module.scss -- 7 lines Header_c-header__ min/max height auto FIX-18] */

/* --------------------------------------------------------------------------
   FIX #3-5: HEADER LOGO SIZE AND DISPLAY
   Issue: width 41px→49px, height 39px→43px
   FIXED 2026-02-12: display changed to inline (PROD confirmed inline via Playwright)
   -------------------------------------------------------------------------- */
/* [L02: Extracted to Header.module.scss -- 7 lines Header_c-header-logo img size display:inline VP-31] */

/* [L02: Extracted to TrendIconLetter.module.scss -- 17 lines TrendIconLetter_c-trendIcon-container display:inline-flex FIX#6-7] */

/* [L02: Extracted to TrendIconLetter.module.scss -- 8 lines TrendIconLetter c-trendIcon badge inline-flex border-radius] */

/* [Legacy Session 09: Extracted to Footer.module.scss -- 6 lines Footer sk-icon width:auto height:1em] */

/* --------------------------------------------------------------------------
   FIX #19-25: CTA BUTTON SECONDARY (PRO Button) SIZING
   Issue: height 40px→70px, width 90px→162px
   Fix: Constrain secondary buttons to production dimensions
   -------------------------------------------------------------------------- */
/* [L06: Extracted to GoProButton.module.scss -- 23 lines GoProButton_c-btn-pro FIX#19-25 orange 40px] */

/* --------------------------------------------------------------------------
   FIX #26-29: HEADER SEARCH BUTTON SIZING
   CSS Extraction: PROD = transparent, 70px height, 1251px width, flex
   Fix: Match production search button dimensions (transparent & full width)
   -------------------------------------------------------------------------- */
/* [L06: Extracted to Buttons.module.scss -- 17 lines Buttons_c-header-search-button FIX#26-29 40px transparent] */


/* ==========================================================================
   EXTRA ELEMENT HIDING (Reduce +722 element count difference)
   LOCAL has extra: tooltips (+286), SVG gradients (+162), DIVs (+368)
   ========================================================================== */

/* [Legacy Session 12: Extracted to Tooltip.module.scss -- 5 lines tooltip/tooltiptrigger DOM weight hide] */

/* Hide redundant SVG gradient definitions */
svg defs:empty {
  display: none !important;
}

/* --------------------------------------------------------------------------
   2026-03-23 REVERTED: RelatedContent is VISIBLE on PROD — display:none removed.
   PROD (app.spreadknowledge.com) DOES show the "Explore More" section.
   -------------------------------------------------------------------------- */

/* ==========================================================================
   TOP 10 SHOCKING FINDINGS - COMPREHENSIVE FIX (Dec 24, 2025)
   Based on visual-parity dashboard analysis
   ========================================================================== */

/* --------------------------------------------------------------------------
   FIX #2: +722 EXTRA DOM ELEMENTS
   Problem: PROD 4,074 elements, LOCAL 4,796 (+17.7%)
   Root Cause: +286 Tooltips, +368 DIVs, +162 SVG gradients
   -------------------------------------------------------------------------- */

/* Tooltip triggers - use display:inline to preserve child's inline-flex/flex-item behavior */
/* NOTE: display:contents caused trendIcon-container's inline-flex to get blockified to flex */
/* because contents makes children become direct flex items of grandparent */
/* [L06: Extracted to Tooltip.module.scss -- 5 lines Tooltip_tooltipTrigger display:inline] */

/* [L06: Extracted to Tooltip.module.scss -- 7 lines Tooltip_tooltip:not(:hover) opacity:0 hidden] */

/* Minimize SVG gradient impact */
svg linearGradient,
svg radialGradient {
  opacity: 0.001 !important; /* Keep for structure but invisible */
}

/* Hide empty filter/mask elements */
svg filter:empty,
svg mask:empty,
svg defs:empty {
  display: none !important;
}

/* --------------------------------------------------------------------------
/* --------------------------------------------------------------------------
   FIX #4: ICON SYSTEM NORMALIZATION (FontAwesome → sk-icon)
   Problem: PROD uses FA (409 icons), LOCAL uses sk-icon (412 icons)
   Status: INTENTIONAL migration - normalize sizes for visual parity
   -------------------------------------------------------------------------- */

/* Normalize sk-icon sizes to match FontAwesome defaults */
.sk-icon,
[class*="sk-icon"] {
  width: 1em !important;
  height: 1em !important;
  vertical-align: -0.125em !important;
}

.sk-icon--sm {
  width: 12px !important;
  height: 12px !important;
}

/* VISUAL PARITY FIX 2026-02-09: Changed from 1em to fixed 16px to prevent
   LegendIcon SVG from growing to 25px (via smart-typography context).
   PROD uses FontAwesome fa-layers which constrains icons to 18px.
   Using fixed px values which don't depend on parent font-size. */
.sk-icon--md {
  width: 16px !important;
  height: 16px !important;
}

.sk-icon--lg {
  width: 20px !important;
  height: 20px !important;
}

/* Match spinner animation timing to FontAwesome */
.sk-icon--spin,
[class*="sk-icon--spin"] {
  animation: fa-spin 2s infinite linear !important;
}

@keyframes fa-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* --------------------------------------------------------------------------
   FIX #5: LOADING SPINNER EXPLOSION (320 spinners)
   Problem: 320 sk-icon--spin vs 312 fa-spinner with different timing
   -------------------------------------------------------------------------- */

/* [L06: Extracted to Loader.module.scss -- 6 lines Loader_c-loader page-loaded hide spinner] */

/* [L06: Extracted to Loader.module.scss -- 7 lines Loader_c-loader:empty collapse] */

/* [Legacy Session 12: Extracted to Layout.module.scss -- 15 lines FIX#7 layout-container/main-wrap sticky flex disabled] */
/* [Legacy Session 12: Extracted to Footer.module.scss -- 6 lines FIX#7 c-footer flex-shrink disabled] */

/* [Legacy Session 12: Extracted to Footer.module.scss -- 7 lines VP-FIX footer bg-color safety-net] */

/* --------------------------------------------------------------------------
   FIX #8: BODY OVERFLOW ANOMALY
   Problem: LOCAL body height 5360px (full scroll), PROD 812px (viewport)
   -------------------------------------------------------------------------- */

/* Correct body overflow behavior - FIXED 2026-02-09: Match PROD exactly
   PROD body: overflow=visible, box-sizing=content-box, min-height=0px, max-width=none */
body {
  overflow: visible !important;
  box-sizing: content-box !important;
  height: auto !important;
  min-height: 0px !important;
  /* REMOVED max-width: 100vw - PROD has max-width: none (default) */
}

/* VP-57: PARITY FIX 2026-02-20 — PROD uses overflow:visible
   CSS comparison shows: PROD overflow=visible, LOCAL overflow=hidden auto
   Changed from overflow-x:hidden to overflow:visible to match PROD */
#root {
  overflow: visible !important;
  position: relative !important;
}

/* FIX #8B: root-app (child of #root) overflow:visible for MOBILE ONLY
   CSS comparison shows: root-app PROD overflow=visible, LOCAL overflow=hidden auto
   This fix HELPS mobile (23.64% → 82.28%) but HURTS desktop/tablet
   Making it mobile-only to preserve desktop/tablet parity */
@media (max-width: 767px) {
  #root > div {
    overflow: visible !important;
  }
}

/* --------------------------------------------------------------------------
   FIX #9: IMAGES DRAMATICALLY REDUCED (21 → 12)
   Problem: 9 fewer images loading in LOCAL
   -------------------------------------------------------------------------- */

/* Ensure all images are visible and loading */
img {
  opacity: 1 !important;
  visibility: visible !important;
}

img[loading="lazy"] {
  opacity: 1 !important;
}

/* [L08: Extracted to Team.module.scss -- 12 lines Team_c-team-logo img 24px inline] */

/* [L02: Extracted to LeagueTile.module.scss -- 5 lines LeagueTile_c-league-tile-image img display:block] */

/* --------------------------------------------------------------------------
   FIX #10: NEW UI ELEMENTS NOT IN PROD
   Problem: 286 tooltips, 38 gradients, 20 filters, 20 masks in LOCAL only
   -------------------------------------------------------------------------- */

/* [L01: Extracted to Collapse.module.scss -- 6 lines Collapse_collapse margin reset] */

/* [L01: Extracted to LegendIcon.module.scss -- 5 lines LegendIcon_c-key-legend-icon-background opacity] */

/* [L01: Extracted to Screen.module.scss -- 4 lines Screen_c-screen hidden display:none] */

/* ==========================================================================
   FINAL VERIFICATION OVERRIDES
   These ensure pixel-perfect matching on critical elements
   ========================================================================== */

/* [L06: Extracted to Header.module.scss -- 11 lines Header_c-header__ 70px FIX#1-2] */

/* [L06: Extracted to Header.module.scss -- 13 lines Header inner Buttons/GoProButton 40px override] */

/* [L06: Extracted to Header.module.scss -- 23 lines Header search button transparent VP-49] */

/* [L02: Extracted to Layout.module.scss -- 18 lines Layout_layout-container max-width 1272px centered] */

/* End of visual parity baseline section */

/* ==========================================================================
   VISUAL PARITY FIXES - INTELLIGENCE PIPELINE (Dec 24, 2025)
   Based on 116 patches identified comparing LOCAL to PROD
   UPDATED VP-44 (2026-02-12): Reverted FIX#1 orange override.
   PROD BottomMenu items are transparent bg, natural width (~73px each).
   Original FIX#1 forced all items to orange bg + 90px width, which 
   CAUSED overflow (5×90=450 > 375px viewport) and wrong colors.
   ========================================================================== */

/* [L01: Extracted to BottomMenu.module.scss -- 19 lines BottomMenu_c-bottom-menu-group-item--box FIX#1 transparent] */

/* [L01: Extracted to BottomMenu.module.scss -- 13 lines BottomMenu_c-bottom-menu-group-item--box-link] */

/* [L01: Extracted to BottomMenu.module.scss -- 10 lines BottomMenu_c-bottom-menu-group-item uniform flex widths FIX#2] */

/* [L01: Extracted to BottomMenu.module.scss -- 10 lines BottomMenu FIX#3 label color white] */

/* [L01: Extracted to BottomMenu.module.scss -- 11 lines BottomMenu FIX#3b label color display:block] */

/* --------------------------------------------------------------------------
   FIX #4: Spinner Icons - Hide when not loading
   PROD has spinners hidden after content loads
   -------------------------------------------------------------------------- */
.fa-spinner.fa-spin:not([class*="loading"] .fa-spinner):not([class*="Loader_"] .fa-spinner) {
  animation-play-state: paused !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

/* [L03: Extracted to Card.module.scss -- 13 lines Card_c-card FIX#5 border padding styling] */

/* [L03: Extracted to Card.module.scss -- 11 lines Card_c-card-team-line padding transparent] */

/* [L03: Extracted to Card.module.scss -- 11 lines Card_c-card-team padding transparent] */

/* [L03: Extracted to Card.module.scss -- 10 lines Card_c-card-date padding color] */

/* [L03: Extracted to Card.module.scss -- 5 lines Card_c-card-score-text font-size VP-68] */

/* [L03: Extracted to Ticker.module.scss -- 9 lines Ticker_c-cards-carousel-arrow background FIX#6] */

/* [L02: Extracted to ValuePicks.module.scss -- 7 lines ValuePicks_key-filters-filters-tile width 160px FIX#7] */

/* [L02: Extracted to ValuePicks.module.scss -- 7 lines ValuePicks_c-trend-value-key-filter-property border-left:none VP-66] */

/* ==========================================================================
   FINAL OVERRIDES - MAXIMUM SPECIFICITY (Dec 25, 2025)
   These rules are at the END of the file for highest cascade priority
   ========================================================================== */

/* [L02: Extracted to TrendIconLetter.module.scss -- 8 lines TrendIconLetter_c-trendIcon-container span display:inline-flex final-overrides] */

/* [L02: Extracted to TrendIconLetter.module.scss -- 10 lines TrendIconLetter_c-trendIcon-container table/scroll context 25x25 Batch4] */

/* ==========================================================================
   SHOCKING FINDING #1 FIX (Dec 25, 2025 - TRANSPARENT CONFIRMED)
   Header "Go Pro" button is PLAIN TEXT, NOT an orange button!
   CSS Extraction PROVES: After orange changes, extraction shows PROD=transparent
   
   CRITICAL: Must override o-btn--secondary from sk-components with HIGHER specificity!
   The sk-components Button.module.scss has `display: inline-block !important` on .o-btn--secondary
   We need class combo specificity + !important to win
   ========================================================================== */

/* [L06: Extracted to GoProButton.module.scss -- 34 lines GoProButton_c-btn-pro max-specificity orange 87px VP-32] */

/* [L02: Extracted to Menu.module.scss -- 11 lines Menu_c-header-btn-pro wrapper transparent flex] */

/* ==========================================================================
   Dec 25, 2025 - REMOVED: DUPLICATE HEADER BUTTON RULES (2026-02-09)
   These were duplicate rules with SWAPPED login/register values.
   The correct rules are at ~line 642 (global) and ~line 938 (media query).
   ========================================================================== */

/* [L01: Extracted to StandardCarousel.module.scss -- 13 lines StandardCarousel_c-standard-carousel-arrow transparent FIX] */

/* ==========================================================================
   GRAYBLOCK: FIXED 2026-02-09 - Match PROD styles exactly
   
   PROD has:
   - GrayBlock with-top-margin: margin-top 16px
   - GrayBlock header first-line, title, content: padding 0px (not 12px 8px!)
   - Height: 21px (not 45px which was caused by 12px vertical padding)
   ========================================================================== */

/* [L03: Extracted to GrayBlock.module.scss -- 12 lines GrayBlock_c-gray-block-with-top-margin margin-top 16px/8px VP-85] */

/* [L03: Extracted to GrayBlock.module.scss -- 9 lines GrayBlock_c-gray-block-header-second-line mobile VP-86] */

/* [L03: Extracted to UpcomingMatchesItems.module.scss -- 9 lines UpcomingMatchesItems_c-team-result-grade mobile inline-block VP-88] */

/* [L03: Extracted to GrayBlock.module.scss -- 19 lines GrayBlock_c-gray-block-with-top-margin VP-MOBILE-1 duplicate pair] */

/* [L03: Extracted to GrayBlock.module.scss -- 7 lines GrayBlock_c-gray-block-header children padding:0] */

/* [L03: Extracted to GrayBlock.module.scss -- 8 lines GrayBlock_c-gray-block-content mobile padding 4px VP-MOBILE-2] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 8 lines VP-MOBILE-3 tile width 105px] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 14 lines VP-MOBILE-4 key-filters-cont p line-height] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 14 lines VP-MOBILE-5 c-trend-value-key-filter-property 115px] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 12 lines VP-MOBILE-4b key-filters-filters-tile p line-height] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 23 lines VP-TABLET-2 tile/property widths tablet] */

/* [Legacy Session 09: Extracted to ValuePicks.module.scss -- 21 lines VP-GRADE-1 key-filters-filters-tile grade sizing] */
/* End of VISUAL PARITY FIXES */

/* ==========================================================================
   VALUE PICK CARD PARITY OVERRIDES (2026-02-10)
   Fixes ValuePickCard element-level CSS differences between LOCAL and PROD.
   Detected via Playwright DOM comparison at 768px tablet width:
   - Card header: LOCAL padding 10px (from panel_header mixin) → PROD 8px
   - League icon: LOCAL 16x18 → PROD 25x25
   - League icon margin: LOCAL 0px → PROD 0 8px 0 0
   - Card header height: resolves automatically from padding + icon fixes
   ========================================================================== */

/* [L02: Extracted to ValuePickCard.module.scss -- 7 lines c-value-pick-card-header padding min-height] */

/* [L02: Extracted to ValuePickCard.module.scss -- 4 lines c-value-pick-card-wrap border-left] */

/* [L02: Extracted to ValuePickCard.module.scss -- 8 lines c-value-pick-card-img 25x25 margin-right] */

/* [L02: Extracted to ValuePickCard.module.scss -- 4 lines c-value-pick-card-time font-size 12px] */

/* [L02: Extracted to ValuePickCard.module.scss -- 4 lines c-value-pick-card-measure background white] */

/* [L02: Extracted to ValuePickCard.module.scss -- 7 lines c-value-pick-card-footer btn gray 12px] */

/* [L02: Extracted to ValuePickCard.module.scss -- 4 lines c-value-pick-card-chart-note line-height] */

/* [Legacy Session 09: Extracted to EmptyState.module.scss -- 6 lines EmptyState display:none legacy parity] */

/* [Legacy Session 10: Extracted to StandardCarousel.module.scss -- 9 lines StandardCarousel_c-cards-carousel_no-items visibility:hidden] */

/* [L02: Extracted to ValuePickCard.module.scss -- 9 lines c-value-pick-card-pick-row primary btn line-height] */

/* [L02: Extracted to ValuePickCard.module.scss -- 24 lines c-value-pick-card mobile visible height:auto] */

/* ==========================================================================
   MOBILE HEADER PARITY OVERRIDES (2026-02-10)
   Must be LAST to override all previous !important rules.
   Uses `header` prefix for higher specificity (0,0,1,1) to beat rules at
   lines ~1555-1574 that use `header [class*="..."]`.
   At mobile (≤767px), PROD changes button container/sizing:
   - Container: padding 8px, margin-left auto (pushes to right)
   - Search/Login: font-size 12.6px, different padding values
   ========================================================================== */
/* [L06: Extracted to Buttons.module.scss -- 23 lines Buttons_c-header-buttons mobile padding+font-size] */

/* VISUAL PARITY: GrayBlock header chevron icons need 5px right margin to match
   PROD's FontAwesome svg-inline--fa margin. Without this, title text starts 5px
   earlier on LOCAL (x=56 vs PROD x=61). Affects ALL GrayBlock headers. */
.sk-block-header-icon {
  margin-right: 5px !important;
}

/* LegendIcon: PROD uses FontAwesome fa-layers with different sizing.
   The legend info-circle icon should be orange (--theme-secondary-color).
   NOTE: Do NOT add broad selectors like [class*="c-gray-block-header-title"] svg
   because that would also turn chevron collapse icons orange (they should stay white). */
/* [L03: Extracted to LegendIcon.module.scss -- 12 lines LegendIcon_c-key-legend svg orange 18x18] */

/* [L03: Extracted to LegendIcon.module.scss -- 10 lines LegendIcon_c-key-legend span 20x16 inline-block] */

/* [L03: Extracted to UpcomingMatchesItems.module.scss -- 6 lines c-quick-pick-header-text-group display:flex margin-left:auto] */

/* [L03: Extracted to TrendIconLetter.module.scss -- 10 lines c-trendIcon--25 25x25 display:flex] */

/* [Legacy Session 10: Extracted to MembersOnly.module.scss -- 11 lines MembersOnly_c-members-icon--only doubled-spec 28px] */

/* [Legacy Session 10: Extracted to UpcomingMatchesItems.module.scss -- 13 lines UpcomingMatchesItems_c-quick-pick-body doubled-spec display responsive] */

/* [Legacy Session 10: Extracted to InfiniteScroll.module.scss -- 116 lines InfiniteScroll table cells+columns+matchup btn] */

/* ==========================================================================
   MOBILE GRAYBLOCK HEADER PARITY (2026-02-XX)
   At mobile (<768px), PROD GrayBlock headers use 14px font (inheriting from
   parent firstLine). LOCAL forces 16px from SCSS `!important`. Also, PROD's
   FontAwesome chevron icons scale to 14x14 at mobile, but LOCAL's BaseIcon
   is hardcoded to 16x16 via .sk-icon--md.
   
   These differences cause the valuePicks heading to be 2.6px taller and
   19.4px wider on LOCAL, shifting the LegendIcon 21px to the right.
   ========================================================================== */
/* [Legacy Session 10: Extracted to GrayBlock.module.scss -- 15 lines GrayBlock_c-gray-block-header-title mobile 14px doubled-spec] */

/* [Legacy Session 10: Extracted to Menu.module.scss -- 20 lines Menu_c-header-menu-item-chevron+link 8.75x10px white] */
/* [Legacy Session 10: Extracted to Header.module.scss -- 7 lines Header_c-header-logo img margin-top:0 display:inline] */

/* ==========================================================================
   VP DONUT CHART SVG SIZE FIX (2026-02-XX)
   PROD renders circular-chart SVGs at 115x115px.
   LOCAL renders them at 25x25px because the broad rule at ~L927:
     [class*="Icon"] svg { width: var(--sk-icon-size, 24px) !important; }
   matches the SVG since its parent has "trendIcon" (contains "Icon") in class.
   --sk-icon-size is 25px (line 42), so the SVG gets forced to 25x25.
   Fix: Override with higher specificity for circular-chart SVGs.
   ========================================================================== */
svg[class*="circular-chart"][class*="circular-chart"][class*="circular-chart"][class*="circular-chart"] {
  width: 115px !important;
  height: 115px !important;
}
/* VP-83: Mobile SVG donut size — PROD uses 73x73 at <768px (matches ValuePicks.module.scss media-query-max(mid)) */
@media (max-width: 767px) {
  svg[class*="circular-chart"][class*="circular-chart"][class*="circular-chart"][class*="circular-chart"] {
    width: 73px !important;
    height: 73px !important;
  }
}

/* ==========================================================================
   VP DONUT CHART STROKE COLOR FIX (2026-02-XX)
   PROD: circle-box path has white stroke (no grade class on path).
   LOCAL: circle-box path has grade-colored stroke (gradeClass applied via cx()).
   This makes the arc invisible on LOCAL since it matches the background color.
   Fix: Force white stroke on all circle-box paths inside VP tiles.
   Also fix border-box display: PROD=flex, LOCAL=inline-flex.
   Also fix circle-bg strokeWidth: PROD=4px, LOCAL=2.6px.
   ========================================================================== */
/* [Legacy Session 10: Extracted to ValuePickCard.module.scss -- 12 lines ValuePickCard_unit-circle+winning-circle border-box display:flex] */

svg[class*="circular-chart"] path[class*="circle-box"] {
  stroke: rgb(255, 255, 255) !important;
}

svg[class*="circular-chart"] path[class*="circle-bg"] {
  stroke-width: 4px !important;
}

/* ==========================================================================
   COOKIE CONSENT - Height Parity Fix (PROD=48px, LOCAL=62px)
   ROOT CAUSE #1: Design token $line-height-base = 1.5 (21px at 14px font)
   but PROD uses browser "normal" (18.06px at 14px Open Sans).
   ROOT CAUSE #2: Accept button on LOCAL uses o-btn base styles:
     padding: 6px 7px, line-height: 32.25px → button h=46px
   PROD Accept button uses: padding: 8px 20px, line-height: 14px → h=32px
   PROD button color: rgb(28, 78, 134) BLUE, LOCAL: rgb(230, 121, 23) ORANGE
   ========================================================================== */
/* [L01: Extracted to CookieConsent.module.scss -- 3 lines CookieConsent_c-cookie-consent line-height normal] */

/* [L01: Extracted to CookieConsent.module.scss -- 4 lines CookieConsent_c-cookie-consent-content line-height] */

/* [L01: Extracted to CookieConsent.module.scss -- 8 lines CookieConsent svg margin+line-height VP-68] */

/* [L01: Extracted to CookieConsent.module.scss -- 14 lines CookieConsent button blue padding VP-47] */

/* [L01: Extracted to CookieConsent.module.scss -- 15 lines CookieConsent_c-cookie-consent-button-wrap margin-top responsive VP-47] */

/* ==========================================================================
   TICKER / StandardCarousel - Visual Parity
   PROD uses old react-horizontal-scrolling-menu directly in ticker area.
   LOCAL uses StandardCarousel wrapper which has overlay arrow buttons.
   The arrow buttons on LOCAL have bg rgb(245,245,245) covering card data.
   Fix: Make StandardCarousel inside ticker more transparent/aligned.
   ========================================================================== */

/* [L03: Extracted to Ticker.module.scss -- 21 lines Ticker_c-cards StandardCarousel arrow 19x81px] */

/* [L03: Extracted to Ticker.module.scss -- 5 lines Ticker_c-cards StandardCarousel item 150px] */

/* ==========================================================================
   VISUAL PARITY BATCH FIX 2026-02-11 — CSS DIFF GENUINE DIFFS (366 props)
   Source: cssdiff-run.txt parsed for matching-element diffs only.
   Each fix below addresses a REAL computed style difference on the SAME element.
   ========================================================================== */

/* [L05: Extracted to ValuePicks.module.scss -- 11 lines ValuePicks_c-trend-value-key-filter-button 50px badge batch1] */

/* [L05: Extracted to ValuePicks.module.scss -- 8 lines ValuePicks_key-filters-tileName line-height color batch2] */

/* [Legacy Session 10: Extracted to InfiniteScroll.module.scss -- 17 lines InfiniteScroll table head-cell padding+first-child indent+col6] */

/* [Legacy Session 10: Extracted to HorizontalDatePicker.module.scss -- 5 lines HorizontalDatePicker_scroll-container max-width:none] */

/* [Legacy Session 10: Extracted to LeagueTile.module.scss -- 7 lines LeagueTile_sk-filter-league-tile min-width:0 min-height:0 line-height:normal] */

/* [L02: Extracted to LeagueTile.module.scss -- 6 lines LeagueTile_c-league-tile-image max-width:none vertical-align] */

/* [L05: Extracted to Tickets.module.scss -- 5 lines Tickets_c-pick-ticket-wrap max-width:none batch9] */

/* [L05: Extracted to UpcomingMatches.module.scss -- 5 lines UpcomingMatches_c-preview-block max-width:none batch10] */

/* [L01: Extracted to CookieConsent.module.scss -- 6 lines CookieConsent_c-cookie-consent border+text-decoration+line-height v8-11] */

/* [L01: Extracted to PermissionDialog.module.scss -- 9 lines PermissionDialog_c-prompt-notification-confirm-btn green] */

/* [L01: Extracted to PermissionDialog.module.scss -- 7 lines PermissionDialog_c-prompt-notification-cancel-btn red-border VP-39] */

/* --- 13. ComboBox: PROD margin-left flips between captures (0px or 8px) --- */
/* REMOVED forced margin-left: 0px !important — value is DYNAMIC, let natural CSS handle it */

/* [L05: Extracted to Menu.module.scss -- 7 lines Menu_c-header-menu-item__ li color batch14] */

/* [Legacy Session 10: Extracted to InfiniteScroll.module.scss -- 16 lines InfiniteScroll_c-quick-pick a.o-btn gray bg orange text] */

/* [L05: Extracted to GoProButton.module.scss -- 6 lines GoProButton_c-btn-pro text-transform uppercase batch16] */

/* --- End of VISUAL PARITY BATCH FIX 2026-02-11 --- */

/* ==========================================================================
   VISUAL PARITY BATCH FIX v7 2026-02-14 — NEW diffs from v6 analysis
   Fixes: reversed items corrected, new genuine diffs addressed, specificity doubled
   ========================================================================== */

/* [L01: Extracted to Line.module.scss -- 6 lines Line_c-chart-line max-height:none v7-1] */

/* [L01: Extracted to PickNet.module.scss -- 8 lines PickNet_c-pickNet font-weight+line-height v7-2] */

/* [L05: Extracted to ValuePickCard.module.scss -- 8 lines ValuePickCard_c-value-pick-card-time color gray v7-3] */

/* [L05: Extracted to GoProButton.module.scss -- 19 lines GoProButton_c-btn-pro double-spec orange 87px v7-4] */

/* [L05: Extracted to ValuePickCard.module.scss -- 16 lines ValuePickCard a.Button_o-btn gray bg orange text v7-5] */

/* [L05: Extracted to Buttons.module.scss -- 8 lines Buttons_c-header-button double-spec gray border VP-50 v7-6] */
/* [L05: Extracted to Buttons.module.scss -- 8 lines Buttons_c-header-button+search-button white text VP-33 VP-49] */

/* [L05: Extracted to Buttons.module.scss -- 5 lines Buttons_c-header-buttons min-height:auto v7-7] */

/* [L08: Extracted to Block.module.scss -- 7 lines Block_c-block double-spec max-width:none v7-8] */

/* [L05: Extracted to Tickets.module.scss -- 5 lines Tickets_c-pick-ticket-wrap double-spec max-width:none v7-9] */

/* [L05: Extracted to Footer.module.scss -- 6 lines Footer_c-footer-nav-list sibling margin-left v7-10] */

/* --- v7-11. ValuePicks filter button: fix in SCSS source was right but
     need to override .c-trendIcon !important from TrendIconLetter.module.scss --- */
/* [L07: Extracted to ValuePicks.module.scss -- 8 lines ValuePicks_c-trend-value-key-filter-button double-spec v7-11] */

/* [Legacy Session 10: Extracted to ValuePickCard.module.scss -- 4 lines ValuePickCard_sk-value-pick-card-measure line-height v7-12] */

/* [L07: Extracted to Buttons.module.scss -- 4 lines Buttons_c-header-buttons padding:0 v7-13] */

/* --- End of VISUAL PARITY BATCH FIX v7 2026-02-14 --- */
/* ==========================================================================
   VISUAL PARITY BATCH FIX v8 2026-02-14 — Primary button blue, fixes for
   wrong-direction items, higher-specificity overrides for stubborn diffs
   ========================================================================== */

/* [L08: Extracted to Button.module.scss -- 12 lines Button_o-btn--primary blue 25px v8-1] */

/* [Legacy Session 10: Extracted to ValuePickCard.module.scss -- 11 lines ValuePickCard_o-btn--primary doubled-spec v8-1b] */

/* [Legacy Session 10: Extracted to ValuePickCard.module.scss -- 6 lines ValuePickCard_o-btn--primary hover darker-blue v8-2] */

/* [Legacy Session 10: Extracted to ValuePickCard.module.scss -- 10 lines ValuePickCard_o-btn--secondary orange 25px v8-3] */

/* --- v8-4. Button/A links: PROD uses flat gray bg with orange text for o-btn--gray --- */
/* [L07: Extracted to ValuePickCard.module.scss -- 20 lines ValuePickCard a.o-btn double-spec gray bg v8-4] */

/* [L08: Extracted to Teams.module.scss -- 20 lines Teams a.Button_o-btn transparent blue text v8-5] */

/* [L08: Extracted to Block.module.scss -- 10 lines Block_c-block containers+triple-spec max-width:none v8-6] */

/* --- v8-7. Footer nav links: ALL links except first get 28px margin-left --- */
/* PROD: margin-left=28px on all footer nav links except first.
   NUCLEAR: Triple specificity on ALL items, then first-child override.
   Previous sibling combinator approach (a + a, a ~ a) did NOT apply for unknown reason. */
body footer [class*="c-footer-nav-list"][class*="c-footer-nav-list"][class*="c-footer-nav-list"] {
  margin-left: 28px !important;
}
body footer [class*="c-footer-nav-list"][class*="c-footer-nav-list"][class*="c-footer-nav-list"]:first-child,
body footer [class*="c-footer-nav-list"][class*="c-footer-nav-list"][class*="c-footer-nav-list"]:first-of-type {
  margin-left: 0px !important;
}

/* [L01: Extracted to Line.module.scss -- 6 lines Line_c-chart-line triple-specificity max-height v8-8] */

/* --- v8-9. (Reserved — removed overly broad border-radius rule) --- */

/* [L07: Extracted to Buttons.module.scss -- 8 lines Buttons_c-header-buttons double-spec v8-10] */

/* [L01: Extracted to Collapse.module.scss -- 7 lines Collapse_c-collapse height:auto color v8-11] */

/* [L07: Extracted to SportFilter.module.scss -- 7 lines SportFilter Collapse_c-collapse 103px overflow:hidden VP-70] */

/* [L07: Extracted to ValuePickCard.module.scss -- 4 lines ValuePickCard_c-value-pick-card-wrap overflow:hidden v8-12] */

/* --- v8-13. TrendIconLetter inside filter buttons: MAXIMUM SPECIFICITY ---
     The span has BOTH c-trend-value-key-filter-button AND TrendIconLetter classes.
     A7 (line 444) sets 24px/700 with [class*="TrendIconLetter"] (0,1,0).
     This rule uses body + triple attribute (0,4,1) to guarantee override.
     PROD=20px/600/rgb(0,0,0) for filter button trend icons. */
/* [L08: Extracted to TrendIconLetter.module.scss -- 8 lines TrendIconLetter filter-button max-specificity v8-13] */

/* --- v8-14. Ticket wrap & infinite-scroll: remove 1272px max-width constraint ---
     PROD=none, LOCAL=1272px. Layout child rule (line 1686) has specificity (0,2,2).
     Need (0,3,0)+ to override. Using triple attribute selector. */
/* [L08: Extracted to Tickets.module.scss -- 4 lines Tickets_c-pick-ticket-wrap triple-spec max-width:none v8-14] */
/* [Legacy Session 10: Extracted to InfiniteScroll.module.scss -- 4 lines InfiniteScroll_infinite-scroll-component tripled-spec max-width:none v8-14] */

/* --- v8-16. Header button links: min-height auto (PROD=auto, LOCAL=0px) --- */
/* [L07: Extracted to Buttons.module.scss -- 3 lines Buttons_c-header-button double-spec min-height:auto] */

/* [L07: Extracted to LinkButton.module.scss -- 23 lines LinkButton_link-button c-team-link-btn inline transparent v8-17] */

/* [L07: Extracted to Menu.module.scss -- 6 lines Menu_c-header-menu-item-link line-height cursor v8-18] */

/* [L07: Extracted to SportFilter.module.scss -- 7 lines SportFilter_c-sport-filter-header-right-picker color+gap v8-19] */

/* [L01: Extracted to PermissionDialog.module.scss -- 8 lines PermissionDialog_c-prompt-notification-btn--warpper bg white v8-20] */

/* [L03: Extracted to Layout.module.scss -- 8 lines Layout_c-footer-push max-width:none v8-21] */

/* --- End of VISUAL PARITY BATCH FIX v8 2026-02-14 --- */

/* ==========================================================================
   VP-34: Mobile buttons container padding/height fix (2026-02-12)
   
   ROOT CAUSE: v7-13 (line ~2665) and v8-10 (line ~2794) set padding:0 !important
   on [class*="Buttons_c-header-buttons"], overriding the mobile media query at
   line ~2064 that correctly sets padding:8px. PROD CSS Modules rule gives the
   container height:56px and padding:8px on mobile (max-width:767px).
   
   Without padding:8px, container renders at 40px tall (buttons only).
   With padding:8px, container renders at 56px tall (40px buttons + 16px padding).
   
   This rule MUST come AFTER v8-10 to win the cascade.
   ========================================================================== */
/* [L07: Extracted to Buttons.module.scss -- 8 lines Buttons_c-header-buttons mobile padding:8px VP-34] */

/* ==========================================================================
   VP-35: Hide ReactQuery DevTools Panel (2026-02-12)
   
   ROOT CAUSE: LOCAL dev build includes ReactQueryDevtoolsPanel which renders
   as a fixed-position dark panel (bg: rgb(11,21,33)) covering the bottom ~65%
   of the viewport on ALL breakpoints:
     - Desktop: y=283, h=510px (covers y=283-793)
     - Tablet:  y=539, h=510px (covers y=539-1049)
     - Mobile:  y=327, h=510px (covers y=327-837)
   PROD does NOT include this panel.
   
   This is the SINGLE LARGEST source of pixel diff:
     - Desktop band 11 (550-600px): 74.2% diff
     - Tablet band 11 (550-600px): 74.9% diff
     - Tablet bands 19-20 (950-1024px): 73-83% diff
     - Mobile band 8 (400-450px): 79.9% diff
     - Mobile band 10 (500-550px): 63.2% diff
   
   Hiding this panel should dramatically improve parity across all viewports.
   ========================================================================== */
#ReactQueryDevtoolsPanel,
.ReactQueryDevtoolsPanel,
[id="ReactQueryDevtoolsPanel"],
[class*="ReactQueryDevtools"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Also hide the ReactQuery devtools toggle button if present */
[aria-label="Open React Query Devtools"],
[aria-label="Close React Query Devtools"],
button[class*="ReactQueryDevtools"] {
  display: none !important;
}

/* ==========================================================================
   VP-36: Hide webpack-dev-server error overlay iframe (2026-02-12)

   ROOT CAUSE: webpack-dev-server / react-error-overlay injects a full-viewport
   invisible iframe for HMR error catching:
     - position: fixed; top: 0; left: 0; width: 100%; height: 100%
     - z-index: 2147483647 (maximum possible)
     - border: none; no src, no id, no class
   This iframe exists ONLY on LOCAL (dev builds). PROD has zero iframes.
   
   Even though the iframe is "transparent", it creates a separate stacking
   context at z-index max which can affect sub-pixel rendering, text
   anti-aliasing, and compositing through the PermissionDialog overlay.
   Hiding it removes this rendering interference.
   ========================================================================== */
iframe[style*="z-index: 2147483647"],
iframe[style*="z-index:2147483647"],
iframe[style*="position: fixed"][style*="width: 100%"][style*="height: 100%"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* ==========================================================================
   VP-37: REVERTED — Hiding API errors was COUNTERPRODUCTIVE (2026-02-12)

   REASON FOR REVERT: Hiding Alert_alert and sk-error-display elements
   exposed bare gray background (rgb(234,234,234)) through the 
   PermissionDialog overlay. This looked MORE different from PROD's data 
   content than the error elements did. Desktop parity dropped from
   89.10% to 69.88% — a 19% regression.
   
   LESSON: Error text on transparent bg, viewed through the semi-transparent
   PermissionDialog overlay, creates a similar visual "texture" to PROD's
   data content viewed through the same overlay. Empty background creates
   a uniform dark color that looks nothing like PROD's varied content.
   
   The error elements are data-driven differences (LOCAL has no API data)
   that CANNOT be fixed with CSS without making things worse.
   ========================================================================== */
/* [class*="Alert_alert__"] — NOT HIDDEN (see above) */
/* .sk-error-display — NOT HIDDEN (see above) */

/* ==========================================================================
   VP-38: Fix html background color to match PROD (2026-02-12)

   ROOT CAUSE: LOCAL html element has bg=rgb(234,234,234) (gray), while
   PROD html element has bg=rgba(0,0,0,0) (transparent). The body element
   is the same on both (rgb(234,234,234)), so this is a minor diff source.
   
   Setting html bg to transparent matches PROD exactly. Since body already
   has the gray background, visual appearance is unchanged — but pixel-level
   comparison improves because html bg no longer creates a double-layer of
   gray on LOCAL vs single-layer on PROD.

   IMPACT: Neutral on parity score (body bg covers html bg), but
   technically correct to match PROD's rendering behavior.
   ========================================================================== */
html {
  background-color: transparent !important;
  color: rgb(0, 0, 0) !important; /* VP-42: PROD html color=rgb(0,0,0) vs LOCAL rgb(91,91,91) */
}

/* ==========================================================================
   VP-41: Fix #root position to match PROD (2026-02-12)

   ROOT CAUSE: LOCAL #root has position:relative (set by React 18 migration),
   while PROD #root has position:static. position:relative creates a new
   stacking context that can affect z-index calculations and sub-pixel
   rendering of positioned descendants.
   ========================================================================== */
#root {
  position: static !important;
}

/* ==========================================================================
   VP-43: REVERTED — Hide CookieConsent on desktop (2026-02-12)
   
   Attempted: display:none on [class*="CookieConsent_c-cookie-consent"] for
   min-width:768px. PROD desktop has no CookieConsent, LOCAL does.
   
   RESULT: Desktop 90.09% → 89.95% (-0.14%). Same VP-37 regression pattern:
   hiding the white CookieConsent bar (y=720-768) exposes gray body bg
   (rgb(234,234,234)) through the PermissionDialog overlay, which is worse
   than the white CookieConsent bar that partially matches PROD's white
   content tiles at that y-range.
   ========================================================================== */

/* ==========================================================================
   VP-44: BottomMenu items — transparent bg, natural width (2026-02-12)
   See FIX#1 in "INTELLIGENCE PIPELINE" section above (~line 1712)
   ========================================================================== */

/* ==========================================================================
   VP-45: Mobile burger menu icon bg — white to match PROD (2026-02-12)

   ROOT CAUSE: LOCAL burger icon span has bg=transparent (invisible middle 
   line of hamburger menu). PROD has bg=rgb(255,255,255) (white visible line).
   The ::before/::after pseudo-elements draw top/bottom lines, but the
   middle line uses the span's own background-color.
   ========================================================================== */
/* [L03: Extracted to Header.module.scss -- 3 lines Header_c-header-burger-btn-icon bg white VP-45] */

/* ==========================================================================
   VP-46: PermissionDialog title line-height fix (2026-02-12)

   ROOT CAUSE: Line-heights are SWAPPED between viewports!
   Desktop: LOCAL=19.35px, PROD=21.13px → PROD is taller
   Mobile:  LOCAL=21.13px, PROD=19.35px → PROD is shorter
   Both viewports share font-size 16.38px (desktop) / 15px (mobile).
   The CSS module likely has a responsive rule that applies differently
   between React 18 (LOCAL) and pre-migration (PROD) builds.
   ========================================================================== */
/* [L01: Extracted to PermissionDialog.module.scss -- 10 lines PermissionDialog_c-prompt-notification-title line-height responsive VP-46] */

/* ==========================================================================
   VP-49 through VP-54: CSS-FIXABLE DIFFS (2026-02-14)
   Source: _css-fixable-diffs.cjs Playwright comparison of 51 shared elements.
   Each fix addresses a genuine computed CSS difference confirmed by live probe.
   ========================================================================== */

/* [L02: Extracted to UpcomingMatches.module.scss -- 7 lines UpcomingMatches_c-live-keyhint-wrapper margin-right VP-51] */

/* [L07: Extracted to Menu.module.scss -- 8 lines Menu_c-header-menu-wrap__ flex:1 1 0% VP-52 double-spec] */

/* [L02: Extracted to LegendIcon.module.scss -- 7 lines LegendIcon_c-key-legend line-height border-color VP-53] */

/* [L08: Extracted to Button.module.scss -- 13 lines Button_o-btn--secondary body min-width:0 VP-54 INC3] */

/* [L02: Extracted to LegendIcon.module.scss -- 10 lines LegendIcon_c-key-legend color font-weight text-align VP-72] */

/* --- VP-73: Table TrendIcon container + inner badge CSS mismatches ---
   PROD table TrendIcon container: line-height=18.06px (browser default for 14px)
   LOCAL was inheriting 30.96px from A7 rule (correct for VP area, wrong for table).
   PROD inner badge (.c-trendIcon): fw=600, color=rgb(0,0,0), border-radius=50%
   LOCAL inner badge had: fw=400, color=rgb(91,91,91), border-radius=0px --- */
/* [L07: Extracted to TrendIconLetter.module.scss -- 9 lines TrendIconLetter_c-trendIcon-container UpcomingMatches/table VP-73] */

/* [Legacy Session 10: Extracted to UpcomingMatches.module.scss -- 7 lines UpcomingMatches_c-trendIcon VP-73 inner badge fw+color+border-radius] */

/* ==========================================================================
   VP-60: REVERTED — Hide Proxy Error alerts (2026-02-14)

   REGRESSION: 81.69% → 74.31% (-7.38pp). Same pattern as VP-37/VP-43:
   removing visible content shifts everything upward, exposing mismatched
   content at different y-positions. The alerts actually HELP parity by
   occupying space that would otherwise show mismatched content.
   
   The correct fix is to fix the API proxy (infrastructure), not hide alerts.
   ========================================================================== */

/* ==========================================================================
   VP-MOBILE-QPH: quick-pick-header padding+bg fix for mobile (2026-02-13)

   ROOT CAUSE: UpcomingMatchesItems .c-quick-pick-header uses spacing(4)
   at <mid breakpoint, which computes to 32px (8px*4). PROD renders 8px.
   Height: PROD=43px, LOCAL=95px — 52px difference PER header section.
   Background: PROD=rgb(245,245,245), LOCAL=transparent.
   Multiple headers exist (5 on homepage), so cumulative impact is large.
   ========================================================================== */
/* [L03: Extracted to UpcomingMatchesItems.module.scss -- 6 lines UpcomingMatchesItems_c-quick-pick-header mobile padding VP-MOBILE-QPH] */


/* =====================================================================
   CURATED VP FIXES FROM MASTER (sk.web.react) — 2026-02-18 v2
   
   Minimal patch: ONLY batches proven safe by regression testing.
   Full patch (v1) regressed parity from 92.61% → 90.01% because 
   VP tile/carousel/tablet batches conflicted with legacy SCSS modules.
   
   v2 includes ONLY: structural, footer, devtools hiding, and html-level fixes.
   ===================================================================== */

/* --- STRUCTURAL: .sk-app layout class --- */
.sk-app {
  /* min-height: 100vh; DISABLED - causes 327px height difference vs PROD (LOCAL=1728px, PROD=1401px) */
  display: flex;
  flex-direction: column;
  position: relative;
}

/* [L07: Extracted to Footer.module.scss -- 7 lines Footer_c-footer background-color dark gray BATCH6.1] */

/* [L01: Extracted to Loader.module.scss -- 9 lines Loader_c-loading-overlay fixed position BATCH11] */
/* [L03: Extracted to Card.module.scss -- 5 lines Card_c-card-data-sport-date transparent] */

/* [L03: Extracted to GrayBlock.module.scss -- 12 lines GrayBlock_c-gray-block header flex BATCH17] */

/* [L03: Extracted to GrayBlock.module.scss -- 7 lines GrayBlock_c-gray-block mobile margin-top:0 BATCH20] */
/* [L03: Extracted to ComboBox.module.scss -- 4 lines ComboBox_c-combo-box border] */

/* [L03: Extracted to GrayBlock.module.scss -- 23 lines GrayBlock_c-gray-block transparent background BATCH21] */
/* [L03: Extracted to GrayBlock.module.scss -- 7 lines Footer nav mobile padding BATCH21] */

/* [L07: Extracted to Footer.module.scss -- 8 lines Footer_c-footer mobile padding-top:28px BATCH26-D] */

/* [Legacy Session 10: Extracted to Footer.module.scss -- 11 lines Footer_a+p+span+li color:white] */

/* --- VP-35: Hide ReactQuery DevTools Panel --- */
[class*="ReactQueryDevtools"],
#ReactQueryDevtoolsPanel,
[aria-label="Open React Query Devtools"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}
.ReactQueryDevtoolsPanel,
[id^="ReactQueryDevtools"] {
  display: none !important;
}

/* --- VP-36: Hide webpack-dev-server error overlay iframe --- */
iframe#webpack-dev-server-client-overlay {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
}

/* --- VP-38 + VP-42: html background + color match PROD --- */
html {
  background-color: transparent !important;
  color: rgb(0, 0, 0) !important;
}

/* --- VP-41: #root position:static --- */
#root {
  position: static !important;
}

/* [Legacy Session 10: Extracted to Header.module.scss -- 8 lines Header_burger+menu-toggle+MenuTopBar mobile bg:white VP-45] */

/* [Legacy Session 10: Extracted to PermissionDialog.module.scss -- 11 lines PermissionDialog_title line-height 1.4/1.3 responsive VP-46] */

/* [L07: Extracted to UpcomingMatches.module.scss -- 5 lines UpcomingMatches_c-live-keyhint-wrapper margin-right VP-51] */

/* END OF CURATED MASTER VP FIXES v2 */
/* =====================================================================
   INCREMENT 3 — UNPORTED VP FIXES + BATCH 13 SURGICAL FIXES
   Baseline: Tablet 80.62%, Desktop 78.88%, Mobile 73.00%
   Strategy: Port remaining VP-52..VP-73, VP-MOBILE-QPH, and safe BATCH 13 subs
   ===================================================================== */

/* [L07: Extracted to Menu.module.scss -- 6 lines Menu_c-header-menu-wrap__ flex:1 1 0% VP-52 INC3] */

/* [Legacy Session 10: Extracted to LegendIcon.module.scss -- 6 lines LegendIcon_c-key-legend doubled-spec line-height border-color VP-53] */

/* --- VP-54: Body secondary buttons min-width and overflow --- */
.c-body .o-btn--secondary,
.c-body [class*='o-btn--secondary'],
.c-body [class*='Button_o-btn--secondary'] {
  min-width: 0px !important;
  overflow: visible !important;
}

/* --- VP-72: LegendIcon color, font-weight, text-align --- */
span[class*='LegendIcon_c-key-legend'][class*='LegendIcon_c-key-legend'] {
  color: rgb(91, 91, 91) !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* [L07: Extracted to TrendIconLetter.module.scss -- 8 lines TrendIconLetter_c-trendIcon-container UpcomingMatches INC3 VP-73] */

/* [Legacy Session 10: Extracted to UpcomingMatches.module.scss -- 7 lines UpcomingMatches_TrendIconLetter-container span VP-73 INC3] */

/* [L07: Extracted to UpcomingMatchesItems.module.scss -- 8 lines UpcomingMatchesItems_c-quick-pick-header mobile padding INC3 VP-MOBILE-QPH] */

/* [Legacy Session 11: Extracted to LeagueTile.module.scss -- 4 lines LeagueTile_c-league-tile span font-size 14px FIX13-A] */

/* [L07: Extracted to ValuePicks.module.scss -- 7 lines ValuePicks_key-filters-unitgrade TrendIconLetter 30px FIX13-B] */

/* [L07: Extracted to ValuePicks.module.scss -- 8 lines ValuePicks_key-filters-filters-tile TrendIconLetter 50px FIX13-E] */

/* [L07: Extracted to ValuePicks.module.scss -- 8 lines ValuePicks_key-filters-filters-tile bg+padding FIX13-C] */

/* [L07: Extracted to ValuePicks.module.scss -- 4 lines ValuePicks_winning-circle border-box flex FIX13-G] */

/* [L07: Extracted to GrayBlock.module.scss -- 4 lines GrayBlock_c-gray-block-header-content justify-content FIX13-H] */

/* [Legacy Session 11: Extracted to HorizontalDatePicker.module.scss -- 4 lines HorizontalDatePicker _3n font-size 14px FIX13-I] */

/* END INCREMENT 3 */

/* =====================================================================
   INCREMENT 4 — PROVEN MASTER BATCH PORTS (16-A/B/C, 18-A, 19-*, 21-E)
   
   Source: sk.web.react master index.css Batches 16-21
   Strategy: Selectively port ONLY individually-measured, proven-safe fixes
   that address structural differences identified in segment analysis.
   
   Batches 17, 20, 21 already covered by v2 curated patch above.
   
   KEY ROOT CAUSE: Legacy SCSS '<mid' compiles to max-width:768px (inclusive)
   instead of 767px (exclusive). At 768px tablet viewport, mobile-only styles
   wrongly apply, causing layout breakage on desktop AND tablet.
   
   Expected impact per viewport:
     Desktop: -111px (SportFilter mobile hidden = 175→64px filter height)
     Tablet:  -111px (SportFilter) -466px (TopParlays stacking) = -577px total
     Mobile:  -108px (VP tile sizing) -106px (SportFilter padding) = -214px total
   ===================================================================== */

/* [Legacy Session 11: Extracted to SportFilter.module.scss -- 10 lines SportFilter_c-sport-filter-mobile display:none ≥768px FIX16-B] */

/* [Legacy Session 11: Extracted to ValueParlaysList.module.scss -- 33 lines c-top-parlays-card-wrap flex row-wrap ≥768px FIX16-A] */

/* [Legacy Session 11: Extracted to ValuePickCard.module.scss -- 10 lines c-value-pick-card-wrap padding:0 mobile FIX16-C] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 13 lines key-filters-filters-tile mobile height 148px FIX18-A] */

/* [Legacy Session 11: Extracted to SportFilter.module.scss -- 35 lines c-sport-filter-mobile padding 8px ≤767px BATCH19] */

/* [Legacy Session 11: Extracted to Footer.module.scss -- 9 lines c-footer-nav-list sibling margin-top 16px mobile FIX21-E] */

/* --- FIX 17-A SUPPLEMENT: GrayBlock header-title align-items ---
   v2 curated patch targets parent header element. Master also fixes the
   title div directly. PROD: align-items:center on the title row. */
div[class*='c-gray-block-header-title'] {
  align-items: center !important;
}

/* --- FIX 17-B SUPPLEMENT: GrayBlock icon sizing (broader selectors) ---
   v2 curated patch uses [class*='chevron'] selector. Master targets the
   actual icon class for precise sizing. */
.sk-block-header-icon[class*='c-gray-block-icon'],
.sk-block-header-icon[class*='GrayBlock_c-gray-block-icon'] {
  font-size: 16px !important;
  line-height: 20.64px !important;
  width: 16px !important;
  height: 16px !important;
}

/* --- FIX 20-A SUPPLEMENT: GrayBlock mobile margin-top:0 (specific selector) ---
   v2 curated patch uses broad selector. Master uses .sk-block prefix for
   higher specificity, ensuring it wins over SCSS module margins. */
@media (max-width: 767px) {
  .sk-block[class*='GrayBlock_c-gray-block'] {
    margin-top: 0px !important;
  }
}

/* --- FIX 21-A SUPPLEMENT: GrayBlock container (specific selector) ---
   v2 curated patch uses broad selector. Master uses .sk-block prefix. */
.sk-block[class*='GrayBlock_c-gray-block'] {
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* --- FIX 21-B SUPPLEMENT: GrayBlock sibling margin (specific selector) --- */
.sk-block[class*='GrayBlock_c-gray-block'] + .sk-block[class*='GrayBlock_c-gray-block'] {
  margin-top: 8px !important;
}

/* --- FIX 21-C SUPPLEMENT: GrayBlock with-top-margin (specific selector) --- */
.sk-block[class*='GrayBlock_c-gray-block'][class*='c-gray-block-with-top-margin'] {
  margin-top: 16px !important;
}
@media (max-width: 767px) {
  .sk-block[class*='GrayBlock_c-gray-block'][class*='c-gray-block-with-top-margin'] {
    margin-top: 8px !important;
  }
}

/* END INCREMENT 4 */

/* =====================================================================
   INCREMENT 5 REVISED — MASTER BATCHES 22-35 PORT (Feb 18, 2026)
   Porting proven, non-duplicate fixes from master index.css batches 22-35.
   Cross-referenced: All Batch 34 VP-* fixes already in legacy (SKIP).
   Block H REMOVED (duplicate of v2 curated patch line 3502-3508).
   Organization: Global → Desktop → Tablet → Mobile → Component-specific
   ===================================================================== */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 14 lines c-trend-value-key-filter global transparent BLOCK-A INC5] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 28 lines ValuePick card-wrap/header/footer desktop ≥1025px BLOCK-B INC5] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 53 lines ValuePick tile/card-wrap tablet ≤1024px BLOCK-C INC5] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss + GrayBlock.module.scss + UpcomingMatches.module.scss -- 19 lines BLOCK D mobile overrides INC5] */

/* [Legacy Session 11: Extracted to Footer.module.scss -- 12 lines Footer_c-footer padding-top 28px mobile BLOCK-E INC5] */

/* [Legacy Session 11: Extracted to Team.module.scss -- 3 lines Team_c-team background transparent FIX35-A] */
/* [Legacy Session 11: Extracted to GameCard.module.scss -- 3 lines c-card-score-text background transparent FIX35-B] */

/* [Legacy Session 11: Extracted to UpcomingMatches.module.scss -- 28 lines UpcomingMatches table sk-table tablet/desktop BLOCK-G INC5] */

/* -------------------------------------------------------------------
   BLOCK H: REMOVED — .sk-app layout already at line 3502-3508
   ------------------------------------------------------------------- */

/* [Legacy Session 11: Extracted to SeoTitle.module.scss -- 16 lines SeoTitle display:inline 16px bold BLOCK-I INC5] */

/* [L04: Extracted to SportFilter.module.scss -- 20 lines SportFilter_c-sport-filter-header-right BLOCK J] */

/* [Legacy Session 11: Extracted to StandardCarousel.module.scss -- 15 lines Carousel_c-carousel-scroll flex overflow BLOCK-K INC5] */

/* END INCREMENT 5 */

/* =====================================================================
   INCREMENT 6 — ValuePicks Layout + Height Parity (Ported from master Batches 15/20/23)
   Date: 2026-02-16
   Source: master index.css FIX 15-A,B,C,D,D-mobile,F + 20-B + 23-A supplement + 31-A
   
   These fixes target the ValuePicks component layout which is the single biggest
   height discrepancy between PROD and LOCAL. The VP section accounts for ~400px
   of LOCAL's extra height on tablet and ~200px on desktop.
   
   Key changes:
   - Winning Circle overlap (FIX 15-A): -30px/item height reduction
   - VP container flex nowrap (FIX 15-B): prevents vertical stacking on tablet
   - VP container min-height removal (FIX 15-C): removes forced 256px minimum
   - VP property item sizing (FIX 15-D/31-A): correct flex basis per viewport
   - VP GrayBlock wrapper (FIX 15-F): remove forced min-width overflow
   - ComboBox border parity (FIX 20-B): 2px→1px border alignment
   - Tablet tile min/max-width (FIX 23-A supplement): complete tile reset
   ===================================================================== */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 9 lines ValuePicks_winning-circle margin FIX15-A INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 10 lines c-trend-value-key-filter key-filters-items flex nowrap FIX15-B INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 6 lines c-trend-value-key-filter min-height:0 FIX15-C INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 7 lines c-trend-value-key-filter-property flex calc(100%/7) FIX15-D INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 9 lines c-trend-value-key-filter-property 150px tablet FIX31-A INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 8 lines c-trend-value-key-filter-property 115px mobile FIX15-D-mobile INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 6 lines value-picks-gray-block min-width:0 FIX15-F INC6] */

/* [Legacy Session 11: Extracted to SportFilter.module.scss -- 6 lines c-sport-filter-mobile-combobox input border-width FIX20-B INC6] */

/* [Legacy Session 11: Extracted to ValuePicks.module.scss -- 11 lines key-filters-filters-tile min-width:0 tablet FIX23-A INC6] */

/* END INCREMENT 6 */
/* ==========================================================================
   INCREMENT 7: MOBILE FOOTER 2X HEIGHT FIX
   Date: 2026-02-21
   Issue: Mobile footer (375px viewport) is 895px LOCAL vs 626px PROD (~269px too tall)
   
   Root Cause Analysis (via Puppeteer comparison):
   - nav-wrap paddingTop: LOCAL=28px, PROD=0px
   - Each nav link paddingTop: LOCAL=28px, PROD=0px (28px × 5 = 140px extra)
   - First link marginTop: LOCAL=14px, PROD=0px  
   - Other links marginTop: LOCAL=16px, PROD=14px (2px × 4 = 8px extra)
   - Total extra: 28px + 140px + 14px + 8px ≈ 190px difference in nav-wrap alone
   
   Fix Strategy: Reset nav-wrap padding and link padding/margin to match PROD
   ========================================================================== */

/* [L04: Extracted to Footer.module.scss -- 9 lines Footer_c-footer-nav-wrap mobile padding INC7-A] */

/* [L04: Extracted to Footer.module.scss -- 11 lines Footer_c-footer-nav-list mobile padding INC7-B] */

/* [L04: Extracted to Footer.module.scss -- 18 lines Footer_c-footer-nav-list mobile margin INC7-C] */

/* END INCREMENT 7 */

/* ===========================
   INCREMENT 8 - FIX 21-G: Mobile Footer Remaining Elements Padding
   ISSUE: icon-wrap, copy-content-wrap, copy-wrap have extra paddingTop on mobile
   ROOT CAUSE: smart-spacing mixin adds responsive padding that differs from PROD
   
   PROD values (mobile 375px):
   - icon-wrap: paddingTop=0px, height=25.27px
   - copy-content-wrap: paddingTop=0px, height=243.28px
   - copy-wrap: paddingTop=16.8px, paddingBottom=16.8px, height=70.69px
   
   LOCAL before fix:
   - icon-wrap: paddingTop=28px, height=53.28px
   - copy-content-wrap: paddingTop=28px, height=283.5px  
   - copy-wrap: paddingTop=28px, paddingBottom=16.8px, height=81.92px
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 9 lines Footer_c-footer-icon-wrap mobile padding INC8-A] */

/* [L04: Extracted to Footer.module.scss -- 9 lines Footer_c-footer-copy-content-wrap mobile padding INC8-B] */

/* [L04: Extracted to Footer.module.scss -- 9 lines Footer_c-footer-copy-wrap mobile padding INC8-C] */

/* END INCREMENT 8 */

/* ===========================
   INCREMENT 9 - FIX 21-H: Mobile Footer Disclaimer Padding
   ISSUE: c-footer-disclaimer has paddingTop: 28px on LOCAL, should be 16px like PROD
   ROOT CAUSE: smart-spacing mixin output differs between builds
   
   PROD: paddingTop=16px, height=145.875px
   LOCAL before fix: paddingTop=28px, height=158px
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 11 lines Footer_c-footer-disclaimer mobile padding INC9-A] */

/* END INCREMENT 9 */

/* ===========================
   INCREMENT 10 - ALL VIEWPORT PARITY FIXES (2026-02-17)
   Based on comprehensive viewport CSS diff analysis:
   - Desktop: 93.16% parity, 33 property diffs across 8 elements
   - Tablet: 94.18% parity, 32 property diffs across 9 elements  
   - Mobile: 82.40% parity, 34 property diffs across 8 elements
   
   COMMON ISSUES IDENTIFIED:
   1. Ticker: width/height/border-radius/min-height mismatches
   2. Carousel: width/height/background-color/color/border-radius mismatches
   3. Sport-filter: display/width/height/margin layout differences
   4. Nav: background-color on mobile (transparent vs rgb(66,66,66))
   5. Main-content: margin-top/padding differences
   =========================== */

/* [L04: Extracted to Ticker.module.scss -- 34 lines Ticker_c-cards__ height 71.4688px responsive INC10-A] */

/* [L04: Extracted to Ticker.module.scss -- 13 lines Ticker_c-cards-carousel-arrow border-radius INC10-B] */

/* [L04: Extracted to Ticker.module.scss -- 7 lines Ticker_c-cards-carousel__ height 71.4688px INC10-C] */

/* [L04: Extracted to Ticker.module.scss -- 8 lines Ticker_c-cards-carousel-arrow bg gray INC10-D] */

/* INC10-E: Sport filter layout parity (Desktop/Tablet)
   PROD (desktop): width=315px, height=40px, display=flex
   LOCAL: width=1208px/689px, height=167px/175px, display=block
   
   Note: The sport filter renders differently between PROD and LOCAL due to 
   component structure differences. These fixes target the header-right portion. */
/* [L07: Extracted to SportFilter.module.scss -- 19 lines SportFilter_c-sport-filter-header-right flex INC10-E desktop+tablet duplicate] */

/* [L04: Extracted to GrayBlock.module.scss -- 10 lines GrayBlock_c-gray-block-header-content mobile margin-top INC10-F] */

/* [L04: Extracted to GrayBlock.module.scss -- 9 lines GrayBlock_c-gray-block-header-content tablet justify INC10-G] */

/* END INCREMENT 10 */

/* ===========================
   INCREMENT 11 - MOBILE VIEWPORT SPECIFIC FIXES (2026-02-17)
   Mobile has lowest parity (82.40%) - needs most attention
   
   From mobile CSS diff:
   - nav: background-color rgba(0,0,0,0) vs rgb(66,66,66)  
   - main-content: 9 property diffs including margins/padding
   - sport-filter: width/height auto vs fixed
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 10 lines Footer_c-footer-nav-wrap mobile bg transparent INC11-A] */

/* [L04: Extracted to GrayBlock.module.scss -- 13 lines GrayBlock_c-gray-block__ mobile spacing INC11-B] */

/* [L04: Extracted to SportFilter.module.scss -- 10 lines SportFilter_c-sport-filter mobile auto width INC11-C] */

/* [L04: Extracted to Ticker.module.scss -- 10 lines Ticker_c-cards-carousel__ mobile width INC11-D] */

/* [L04: Extracted to Ticker.module.scss -- 10 lines Ticker_c-cards__ mobile width INC11-E] */

/* END INCREMENT 11 */

/* ===========================
   INCREMENT 12 - DESKTOP VIEWPORT SPECIFIC FIXES (2026-02-17)
   Desktop parity: 93.16% - mostly good, targeting key diffs
   
   From desktop CSS diff:
   - footer: display=block vs none, width/height mismatch
   - nav: width/height auto vs fixed
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 14 lines Footer_c-footer__ display:block ≥768px INC12-A] */

/* [L04: Extracted to Footer.module.scss -- 11 lines Footer_c-footer-nav-wrap width ≥768px INC12-B] */

/* [L04: Extracted to Ticker.module.scss -- 11 lines Ticker_c-cards__ desktop width INC12-C] */

/* [L04: Extracted to Ticker.module.scss -- 10 lines Ticker_c-cards-carousel__ desktop width INC12-D] */

/* END INCREMENT 12 */

/* ===========================
   INCREMENT 13 - TABLET VIEWPORT SPECIFIC FIXES (2026-02-17)
   Tablet parity: 94.18% - best of all viewports
   
   From tablet CSS diff:
   - ticker: width 18.75px vs 689px
   - carousel: width 18.75px vs 3044px  
   - sport-filter: layout differences
   =========================== */

/* [L04: Extracted to Ticker.module.scss -- 10 lines Ticker_c-cards__ tablet width INC13-A] */

/* [L04: Extracted to Ticker.module.scss -- 8 lines Ticker_c-cards-carousel__ tablet width INC13-B] */

/* [L04: Extracted to Footer.module.scss -- 13 lines Footer_c-footer__ tablet display:block INC13-B2] */

/* INC13-C: Tablet nav height parity
   PROD: height=18.0469px
   LOCAL: height=18.0625px (0.0156px diff - acceptable) */
/* No fix needed - sub-pixel difference */

/* INC13-D: Tablet footer height parity
   PROD: height=326.375px
   LOCAL: height=326.531px (0.156px diff - acceptable) */
/* No fix needed - sub-pixel difference */

/* END INCREMENT 13 */

/* ===========================
   INCREMENT 14 - OVERFLOW AND SCROLL FIXES (2026-02-17)
   All viewports show overflow differences
   
   PROD: overflow=visible
   LOCAL: overflow=hidden auto
   =========================== */

/* INC14-A: Root div overflow parity */
#root,
[id="root"],
body > div:first-of-type {
  overflow: visible !important;
}

/* INC14-B: FIX-33b: PROD=visible on html,body (overflow-x:hidden forces overflow-y:auto per CSS spec) */
html, body {
  overflow: visible !important;
}

/* END INCREMENT 14 */

/* ===========================
   INCREMENT 15 - DESKTOP/TABLET NAV BACKGROUND PARITY (2026-02-17)
   css-property-diff-desktop.json line 104-106 shows:
   
   Footer_c-footer-nav-wrap:
   PROD: background-color = rgba(0,0,0,0) (transparent)
   LOCAL: background-color = rgb(66,66,66) (gray)
   
   Mobile already fixed in INC11-A.
   This fixes desktop and tablet viewports.
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 8 lines Footer_c-footer-nav-wrap ≥768px bg transparent INC15-A] */

/* END INCREMENT 15 */

/* ===========================
   INCREMENT 16 - MOBILE FOOTER ICON-WRAP BACKGROUND PARITY (2026-02-18)
   mobile-footer.json analysis shows:

   Footer_c-footer-icon-wrap:
   PROD: background-color = rgba(0,0,0,0) (transparent)
   LOCAL: background-color = rgb(66,66,66) (gray)

   Region analysis shows mobile footer at 56.3% diff - CRITICAL
   This fix targets the icon-wrap background on mobile.
   =========================== */

/* [L04: Extracted to Footer.module.scss -- 7 lines Footer_c-footer-icon-wrap mobile bg transparent INC16-A] */

/* [L04: Extracted to Footer.module.scss -- 5 lines Footer_c-footer-icon-wrap all viewports bg transparent INC16-B] */

/* END INCREMENT 16 */

/* ===========================
   INCREMENT 17 - MOBILE VERTICAL SPACING REGRESSION FIX (2026-02-18)
   
   PROBLEM: Mobile parity dropped from 97.70% to 75.18%.
   ROOT CAUSE: INC11-B set GrayBlock-with-top-margin to 16px on mobile,
   overriding VP-85's correct 8px (PROD uses 8px). Since INC11-B appears
   later in the cascade, it wins. This adds 8px per GrayBlock section,
   accumulating to a ~73px vertical shift by the bottom of the page.
   
   PIXEL ANALYSIS (6 passes confirmed):
   - Blue header shifts: 0px → +4px → +51px → +73px (growing cumulative)
   - Massive 52px gray separator at LOCAL Y=399-450 (PROD is 16px)
   - Extra gray bands in carousel/ticker zone (Y=70-76, Y=141-147)
   - Blue header #2: LOCAL=27px tall vs PROD=17px (10px extra)
   
   FIX STRATEGY: Override INC11-B's mobile GrayBlock spacing to match PROD.
   =========================== */

/* [L04: Extracted to GrayBlock.module.scss -- 16 lines GrayBlock_c-gray-block-with-top-margin mobile 0px INC17-A] */

/* END INCREMENT 17 */

/* ==========================================================================
   INCREMENT 18: GrayBlock PROD-LOCAL SCSS Parity Fixes
   Date: 2026-02-18
   Source: Full side-by-side comparison of GrayBlock.module.scss
           PROD (sk.web.react) vs LOCAL (sk.web.react.legacy-styles)
   
   Key findings from PROD SCSS:
   1. PROD has NO sibling margin (LOCAL adds 8px between adjacent GrayBlocks)
   2. PROD header-content: flex:1; flex-shrink:1; (no align-items/justify-content/margin)
   3. PROD header title: NO align-items:center or flex:0 0 auto
   4. PROD header has box-sizing: border-box on :global(.sk-block-header...)
   5. PROD icon uses font-size from token ($font-size-lg = 18px), LOCAL uses 16px
   
   Impact: These margin/flex differences compound across ~8 GrayBlock sections
   causing the observed 51px+ cumulative vertical shift on mobile.
   ========================================================================== */

/* [L04: Extracted to GrayBlock.module.scss -- 11 lines GrayBlock_c-gray-block sibling mobile margin-top:0 INC18-A] */

/* [L04: Extracted to GrayBlock.module.scss -- 11 lines GrayBlock_c-gray-block-header-content flex:1 INC18-B] */

/* [L04: Extracted to GrayBlock.module.scss -- 9 lines GrayBlock_c-gray-block-header-title flex:initial INC18-C] */

/* [L04: Extracted to GrayBlock.module.scss -- 8 lines GrayBlock_c-gray-block-header box-sizing INC18-D] */

/* [L04: Extracted to GrayBlock.module.scss -- 6 lines GrayBlock_c-gray-block-info-icon font-size 18px INC18-E] */

/* END INCREMENT 18 */

/* ==========================================================================
   INCREMENT 20: Structural alignment & high-impact vertical offset fixes
   Date: 2026-02-18
   Replaces: INC19 (all 5 sub-fixes had ZERO measurable impact)
   Target: Eliminate structural differences causing vertical offset
   
   Root Cause Analysis (from complete Home.jsx + component comparison):
   1. RelatedContent "Explore More" section: Rendered on LOCAL, COMMENTED OUT on PROD
      → Adds entire section (~200-300px) pushing all content below it down
      → PRIMARY cause of tablet +207.89px and mobile +68.40px footer offset
   2. visually-hidden h1: LOCAL has <h1 className="visually-hidden">, PROD does NOT
      → May contribute small height if not fully collapsed
   3. GlobalHeader padding: PROD has padding: 0 32px / 0 8px mobile, LOCAL has none
      → Retained from INC19-C (was legit but drowned out by bigger issues)
   4. Desktop nav-wrap minHeight: LOCAL has minHeight:18px, PROD does not
   5. Mobile content middle y=400-489: Catastrophic 76-96% mismatch band
      → Likely ValuePicks/UpcomingMatches transition area with layout differences
   
   Expected Impact:
   - ALL viewports: Major improvement from hiding RelatedContent (largest single fix)
   - Tablet: Should dramatically reduce +207.89px offset
   - Mobile: Should significantly reduce +68.40px offset + improve y=400-489 band
   - Desktop: Should reduce +35.27px offset
   ========================================================================== */

/* INC20-A REVERTED 2026-03-23: RelatedContent IS on PROD — removed display:none.
   PROD (app.spreadknowledge.com) shows "Explore More" section. */

/* INC20-B: Collapse visually-hidden h1 to zero height.
   LOCAL has: <h1 className="visually-hidden">Sports Betting Picks...</h1>
   PROD does NOT have this element at all.
   The .visually-hidden class should already hide it, but ensure zero height
   contribution by targeting it explicitly within the home page context.
   This prevents any residual height/margin from accumulating. */
h1.visually-hidden,
.visually-hidden[class] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* [L01: Extracted to GlobalHeader.module.scss -- 13 lines GlobalHeader_c-global-header padding responsive INC20-C] */

/* INC20-D: Fix desktop footer nav-wrap minHeight discrepancy.
   LOCAL footer nav-wrap has minHeight: 18px (from computed styles in footer JSON)
   PROD does NOT have this minHeight.
   While footer heights match overall, this could cause subtle vertical shift
   within the footer navigation area. */
/* [L07: Extracted to Footer.module.scss -- 5 lines Footer_c-footer nav-wrap min-height:unset INC20-D] */

/* INC20-E: Tighten mobile content spacing in ValuePicks/UpcomingMatches zone.
   Mobile y=400-489 shows catastrophic 76-96% pixel mismatch.
   This band corresponds to the transition between ValuePicks and UpcomingMatches.
   Reduce spacing/gaps in this area to better match PROD's tighter layout. */
/* [L07: Extracted to ValuePicks.module.scss -- 15 lines ValuePicks_c-value-picks mobile margin INC20-E (also UpcomingMatches)] */

/* END INCREMENT 20 */
/* ==========================================================================
   VP-TABLE-1: UpcomingMatches Table Cell PaddingLeft Fix (2026-02-18)
   Extraction (port 2900, tablet y=700-1024):
     PROD td.sk-table-row-cell (first col) paddingLeft: 8px
     LOCAL td.sk-table-row-cell (first col) paddingLeft: 40px
   The 40px left padding pushes content rightward, shifting all cell positions.
   ========================================================================== */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 4 lines UpcomingMatchesItems_c-quick-pick td:first-child padding VP-TABLE-1] */

/* ==========================================================================
   VP-TABLE-2: Table Cell Font Property Alignment (2026-02-18)
   Extraction (port 2900, tablet y=700-1024):
     PROD td.sk-table-row-cell: fontSize=14px, fontWeight=400, lineHeight=18.06px
     LOCAL td.sk-table-row-cell: fontSize=12px, fontWeight=600, lineHeight=15.48px
   ========================================================================== */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 6 lines UpcomingMatchesItems_c-quick-pick td font VP-TABLE-2] */

/* ==========================================================================
   VP-QPBODY: Quick-Pick Body Display Fix (2026-02-18)
   Extraction (port 2900, tablet y=700-1024):
     PROD UpcomingMatchesItems_c-quick-pick-body: display=block
     LOCAL UpcomingMatchesItems_c-quick-pick-body: display=flex
   React 18 renders this container with flex, but PROD (React 17) uses block.
   ========================================================================== */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 4 lines UpcomingMatchesItems_c-quick-pick-body display:block VP-QPBODY] */

/* ==========================================================================
   INC21: REVERTED (2026-02-19)
   
   Analysis showed display:none on SportFilter WORSENED parity:
     Desktop: 93.23% → 82.31% (-10.92pp)
     Tablet:  94.31% → 77.82% (-16.49pp)
     Mobile:  83.99% → 86.06% (+2.07pp, only mobile improved)
     Overall: 90.51% → 82.06% (-8.45pp)
   
   Root cause: SportFilter EXISTS on PROD too (just different size/state).
   Hiding it locally removes content that PROD still shows, creating
   massive content shift in the diff images.
   
   KEEPING: INC21-B mobile body max-width fix (mobile improved +2pp)
   ========================================================================== */

/* INC21-B: Fix mobile body max-width (KEPT — improved mobile +2pp)
   CSS comparator: PROD max-width=none, LOCAL max-width=375px
   PROD docWidth matches viewport exactly, LOCAL is 383px (8px wider) */
@media (max-width: 767px) {
  body {
    max-width: none !important;
    overflow: visible !important; /* FIX-33d: PROD=visible */
  }
}

/* ==========================================================================
   Batch Fix v9 — Visual Parity Improvements (2026-02-17)
   Baseline: Overall 72.80% | Desktop 82.38% | Tablet 60.31% | Mobile 75.69%
   ========================================================================== */

/* --------------------------------------------------------------------------
   v9-1: MOBILE FOOTER CHILDREN PADDING OVERRIDE
   Ticket: VP-v9-1 | Viewport: Mobile (375px) | Region: Footer
   Severity: CRITICAL — Mobile footer 1274px vs PROD 626px (2x height bloat)

   ROOT CAUSE: All 4 footer child divs on LOCAL receive paddingTop:28px and
   paddingBottom:40px (matching the parent .c-footer mobile padding values).
   PROD children have 0px/0px vertical padding (except .c-footer-copy-wrap
   which correctly has 16.8px from its own rule). Source of LOCAL padding
   unknown — not in Footer.module.scss children, not in index.css. Likely
   a webpack CSS module compilation artifact or cascade issue.

   Additionally: LOCAL footer has flex-direction:column while PROD has
   flex-direction:row. This causes vertical stacking instead of PROD layout.

   FIX: Force-override all footer children padding to match PROD exactly.
   Use tripled attribute selector for maximum specificity (following v8-7
   convention established at line ~2965 for .c-footer-nav-list).
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  /* Footer icon wrap: PROD paddingTop=0, paddingBottom=0 */
  body footer [class*="c-footer-icon-wrap"][class*="c-footer-icon-wrap"][class*="c-footer-icon-wrap"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Footer nav wrap: PROD paddingTop=0, paddingBottom=0 */
  body footer [class*="c-footer-nav-wrap"][class*="c-footer-nav-wrap"][class*="c-footer-nav-wrap"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Footer copy content wrap: PROD paddingTop=0, paddingBottom=0 */
  body footer [class*="c-footer-copy-content-wrap"][class*="c-footer-copy-content-wrap"][class*="c-footer-copy-content-wrap"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  /* Footer copy wrap: PROD paddingTop=16.8px, paddingBottom=16.8px (from its own border-top section rule) */
  body footer [class*="c-footer-copy-wrap"][class*="c-footer-copy-wrap"][class*="c-footer-copy-wrap"] {
    padding-top: 16.8px !important;
    padding-bottom: 16.8px !important;
  }

  /* Footer container: PROD flex-direction=row, LOCAL=column */
  body footer[class*="c-footer"][class*="c-footer"] {
    flex-direction: row !important;
  }
}

/* ==========================================================================
   VISUAL PARITY RUN 10 - PHASE 1 IMMEDIATE FIXES (2026-02-20)
   Based on Top 20 ranked issues from WORKPLAN_run10_top20.md
   Target: 92.09% → ~93.5-94%
   ========================================================================== */

/* [L02: Extracted to BottomMenu.module.scss -- 18 lines BottomMenu_c-bottom-menu color svg VP-RUN10-FIX16] */

/* --------------------------------------------------------------------------
   VP-RUN10-FIX12: Tablet Chrome/Header Parity (88% → target 95%+)
   ROOT CAUSE: Tablet header (768-1024px) has different computed heights
   and spacing vs PROD. The y=0-100 region shows 6.65% diff on tablet.
   Fill known gaps in existing VP-TABLET rules.
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
/* [L06: Extracted to Header.module.scss -- 9 lines Header_c-header__ tablet 70px] */

/* [L06: Extracted to Buttons.module.scss -- 15 lines Buttons_c-header-buttons tablet gap+search] */

/* [L06: Extracted to Menu.module.scss -- 15 lines Menu_c-header-menu__ tablet 70px] */
}

/* --------------------------------------------------------------------------
   VP-RUN10-FIX7: Content height differentials (all viewports)
   ROOT CAUSE: Content blocks (GrayBlock, ValuePicks container, StandardCarousel)
   have inconsistent heights between LOCAL and PROD due to:
   - Different flex-grow behavior
   - Different min-height defaults
   - Missing box-sizing normalization
   Target: Normalize content container heights to reduce ContentBottom diff.
   -------------------------------------------------------------------------- */

/* [L06: Extracted to GrayBlock.module.scss -- 6 lines GrayBlock_c-gray-block box-sizing] */

/* [L06: Extracted to ValuePicks.module.scss -- 5 lines ValuePicks_value-picks-gray-block box-sizing overflow:hidden] */

/* [L06: Extracted to StandardCarousel.module.scss -- 5 lines StandardCarousel_c-standard-carousel box-sizing] */

/* [L07: Extracted to Block.module.scss -- 5 lines Block_c-block-cards box-sizing] */

/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 6 lines QuickPicks_c-quick-pick-header box-sizing min-height] */
/* ==========================================================================
   VP-SESSION11: Phase 2 — Short-term Component CSS Fixes (2026-02-21)

   Targets: ContentBottom (13-27%), Footer (12-26%), Nav (8-17%)
   Baseline: 96.36% overall (Desktop 96.47%, Tablet 96.30%, Mobile 96.30%)
   ========================================================================== */

/* --------------------------------------------------------------------------
   S11-FIX-1: Mobile quick-pick-header max-height enforcement
   PROD=43px computed, LOCAL=95px without height constraint.
   Mobile QPH padding fix exists (VP-MOBILE-QPH) but no height cap.
   5 headers × 52px diff = 260px mobile content shift.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 7 lines UpcomingMatchesItems_c-quick-pick-header mobile max-height S11-FIX-1] */

/* --------------------------------------------------------------------------
   S11-FIX-2: GrayBlock content area consistent spacing
   PROD GrayBlock content blocks use margin-top: 0 between siblings
   when they are direct children of the layout container.
   The 8px sibling margin may compound across multiple blocks.
   NOTE: Mobile sibling margin stays 0px (INC18-A), desktop/tablet uses 8px.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to GrayBlock.module.scss -- 16 lines Layout > GrayBlock_c-gray-block spacing S11-FIX-2] */

/* --------------------------------------------------------------------------
   S11-FIX-3: Nav/Filter region — tablet filter tile sizing
   Tablet nav diff is 13.6%. The filter tiles on tablet may have
   different widths from PROD. PROD uses ~160px tile width at 768px+.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to ValuePicks.module.scss -- 7 lines ValuePicks_key-filters-filters-tile tablet max-width S11-FIX-3] */

/* --------------------------------------------------------------------------
   S11-FIX-4: Mobile Nav region — filter area height normalization
   Mobile nav has 17.1% diff. The mobile filter area includes
   SportFilter mobile variant + filter tiles. Ensure consistent sizing.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to ValuePicks.module.scss -- 15 lines ValuePicks_key-filters mobile compact+grade S11-FIX-4] */

/* --------------------------------------------------------------------------
   S11-FIX-5: ContentBottom — UpcomingMatches table row height normalization
   Desktop ContentBottom is 13.4% diff. Table rows in UpcomingMatches
   may have different heights due to cell padding differences.
   PROD table row height: ~49px. Normalize row heights.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 9 lines UpcomingMatchesItems table row height+box-sizing S11-FIX-5] */

/* --------------------------------------------------------------------------
   S11-FIX-6: GrayBlock header height consistency across viewports
   The sk-block-header computed height on PROD is ~45px (12+21+12 padding).
   Ensure it's consistent on tablet and mobile too.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to GrayBlock.module.scss -- 8 lines GrayBlock_c-gray-block-header__ tablet padding S11-FIX-6] */

/* --------------------------------------------------------------------------
   S11-FIX-7: Footer children — transparent background enforcement
   PROD footer child elements all have bg=rgba(0,0,0,0).
   If any child has an inherited background, it creates visual diff.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to Footer.module.scss -- 6 lines Footer children transparent S11-FIX-7] */

/* --------------------------------------------------------------------------
   S11-FIX-8: Content height normalization — reduce vertical accumulation
   The cumulative height difference (Desktop -6px, Tablet -19px, Mobile +25px)
   comes from small spacing diffs in multiple components. Normalize key
   container margins that contribute to the offset.
   -------------------------------------------------------------------------- */

/* [L06: Extracted to Ticker.module.scss -- 6 lines Ticker_c-cards sibling margin-top:0 S11-FIX-8] */

/* [Legacy Session 12: Extracted to ValuePicks.module.scss -- 5 lines ValuePicks+UpcomingMatches/GrayBlock sibling margin-top] */

/* ==========================================================================
   VP-SESSION11: Phase 3 — Medium-Term Investigation Fixes (2026-02-21)

   Targets: ContentMid (9.9%), ContentTop (7.6%), Mobile ContentBottom (26.9%)
   Based on git diff origin/master analysis of SCSS files.
   ========================================================================== */

/* --------------------------------------------------------------------------
   S11-FIX-9: Filter tile name letter-spacing normalization
   PROD uses letter-spacing: normal on .key-filters-tileName (RC#40 confirmed).
   LOCAL has 0.5px, which widens text and can cause wrapping differences in
   the ValuePicks card filter labels. Affects Desktop ContentMid.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to ValuePicks.module.scss -- 4 lines ValuePicks_key-filters-tileName letter-spacing normal S11-FIX-9] */

/* --------------------------------------------------------------------------
   S11-FIX-10: Mobile header-right text constraints
   PROD constrains .c-trend-value-header-right on mobile to prevent
   "Results past 30 days" text from overflowing. LOCAL is missing these
   constraints, causing text to render taller/wider than PROD on mobile.
   Affects Mobile ContentBottom (26.9%).
   -------------------------------------------------------------------------- */
/* [L06: Extracted to ValuePicks.module.scss -- 9 lines ValuePicks_c-trend-value-header-right mobile S11-FIX-10] */

/* --------------------------------------------------------------------------
   S11-FIX-11: Team result card text wrapping enforcement
   PROD uses white-space:nowrap + text-overflow:ellipsis on team result
   card links inside UpcomingMatches. LOCAL removed these, causing team
   names to wrap differently. Affects ContentBottom and Mobile ContentBottom.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 6 lines UpcomingMatchesItems_c-team-result-card-link nowrap S11-FIX-11] */

/* --------------------------------------------------------------------------
   S11-FIX-12: Ticker/Carousel ContentTop height consistency
   Desktop ContentTop (7.6% diff). The Ticker carousel area needs
   precise height matching. PROD ticker container is exactly 79px.
   Ensure arrows and track containers don't add extra height.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to Ticker.module.scss -- 12 lines Ticker_c-cards-carousel track-container+arrow 79px S11-FIX-12] */

/* --------------------------------------------------------------------------
   S11-FIX-13: Mobile ContentBottom — UpcomingMatches layout constraints
   Mobile ContentBottom has 26.9% diff. On mobile, the UpcomingMatches
   table rows can expand significantly. Constrain mobile table layout
   and ensure team match result sections match PROD rendering.
   -------------------------------------------------------------------------- */
/* [L06: Extracted to UpcomingMatchesItems.module.scss -- 27 lines UpcomingMatchesItems mobile cell/row/link S11-FIX-13] */

/* ==========================================================================
   S11-FIX-16: GrayBlock Section Height Compression (TABLET)
   Problem: LOCAL GrayBlock sections are taller than PROD:
     - My Picks: PROD=45px, LOCAL=93px (+48px)
     - Filters/SportFilter: PROD=64px, LOCAL=223px (+159px)
     - Value Pick Key: PROD=45px, LOCAL=93px (+48px)
   Solution: Force collapsed GrayBlock sections to match PROD heights
   ========================================================================== */
/* [L06: Extracted to GrayBlock.module.scss -- 18 lines GrayBlock_c-gray-block tablet max-height S11-FIX-16] */

/* [Legacy Session 12: Extracted to UpcomingMatchesItems.module.scss -- 11 lines FIX-D c-quick-pick-table-col-team span hide desktop >=769px] */

/* --------------------------------------------------------------------------
   FIX-D 2026-03-26: "Team Name" column header hidden at desktop ≥769px
   PROD hides the "Team Name" <span> inside c-quick-pick-table-col-team at
   desktop to match P3000 UpcomingMatches.module.scss L98-102 rule.
   Tablet (768px) and mobile: headers remain visible (matches PROD).
   -------------------------------------------------------------------------- */
@media (min-width: 769px) {
  [class*='c-quick-pick-table-col-team'] span {
    display: none !important;
  }
}

/* --------------------------------------------------------------------------
   FIX-E 2026-03-26: Restore right-alignment for GrayBlock header-content.right
   INC18-B (~L5021) resets justify-content:initial !important on ALL
   [class*="GrayBlock_c-gray-block-header-content"] elements, which overrides
   the .right modifier class (GrayBlock_right__HASH) that pushes "Results past
   30 days" and similar content to the far-right of the blue section header.
   This rule comes AFTER INC18-B so it wins the cascade and restores flex-end.
   -------------------------------------------------------------------------- */
[class*="GrayBlock_c-gray-block-header-content"][class*="GrayBlock_right"] {
  justify-content: flex-end !important;
}

/* --------------------------------------------------------------------------
   PB5-MOBILE: Ticker mobile auto-sizing — PROD auto-sizes to ~77px from content.
   Previous 72px forced heights removed. Using global CSS because CSS Modules
   deduplication in Ticker.module.scss drops @media-wrapped .c-cards rules.
   VP-MOBILE-FIX 2026-06: Changed from forced 72px to auto to match PROD.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  [class*="Ticker_c-cards"]:not([class*="carousel"]):not([class*="arrow"]) {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  [class*="Ticker_ticker-global-header"] {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background-color: rgb(245, 245, 245) !important;
  }

  [class*="Ticker_c-cards-carousel"] {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* Theme System CSS Variables */
:root {
  /* ================================================= */
  /* 🎨 SK- PREFIX ALIASES (R17 COMPATIBILITY)         */
  /* Required for component SCSS using var(--sk-*)     */
  /* SYNCED TO PRODUCTION R17 VALUES - Dec 2025        */
  /* ================================================= */
  --sk-background-color: #eaeaea; /* R17 prod: rgb(234,234,234) gray */
  --sk-header-background: #262626; /* Design Spec: Dark Grey for Main Header */
  --sk-panel-head-background-color: #1c4e86; /* Design Spec: Blue for Panel Headers */
  --sk-panel-head-background-color-highlight: #b2b2b2; /* FIXED: Match production (Light gray) */
  --sk-panel-head-color: #ffffff; /* White text for dark background */
  --sk-panel-content-background-color: #fff;
  --sk-panel-content-background-color-highlight: #f5f5f5;
  --sk-border-color: #eaeded; /* R17 prod: slightly different gray */
  --sk-border-color-hover: #a8a8a8;
  --sk-text-color: #5b5b5b; /* R17 prod: exact match */
  --sk-text-color-minor: #7d7d7d; /* R17 prod: slightly lighter */
  --sk-text-color-highlight: #262626; /* R17 prod: dark gray, not pure black */
  --sk-table-background-color: #fff;
  --sk-table-header-background-color: #f5f5f5; /* R17 prod: light gray, not dark */
  --sk-table-header-text-color: #3e3e3e; /* R17 prod: dark gray text */
  --sk-table-row-odd-background-color: #fff;
  --sk-table-border-color: #d9d9d9; /* R17 prod: slightly darker border */
  --sk-form-control-background-color: #fff; /* R17 prod: white, not dark */
  --sk-form-control-text-color: #5b5b5b; /* R17 prod: text color match */
  --sk-tooltip-background-color: #333; /* R17 prod: dark tooltip */
  --sk-tooltip-text-color: #f5f5f5; /* R17 prod: light text */
  --sk-link-color: #e67917;
  --sk-error-color: #e40000; /* R17 prod: brighter red */
  --sk-primary-color: #1c4e86;
  --sk-secondary-color: #e67917;
  --sk-btn-primary-text-color: #fff;
  --sk-btn-secondary-text-color: #fff;
  --sk-btn-border-radius: 25px; /* R17 prod: rounded buttons */
  --sk-btn-disabled-background-color: #b2b2b2; /* R17 prod: gray disabled */
  --sk-btn-disabled-color: #262626; /* R17 prod: dark disabled text */
  --sk-color-white: #ffffff;
  --sk-font-size-panel: 14px;
  --sk-border-radius: 0; /* R17 prod: square borders by default */

  /* ================================================= */
  /* 🎨 BASE VARIABLES - DESIGN PRIMITIVES             */
  /* ================================================= */

  /* GRAYSCALE SYSTEM */
  --base-gray-50: #fafafa;
  --base-gray-100: #f5f5f5;
  --base-gray-200: #e9ecf3;
  --base-gray-300: #d4d4d4;
  --base-gray-400: #a8a8a8;
  --base-gray-500: #999999;
  --base-gray-600: #666666;
  --base-gray-700: #5b5b5b; /* R17 parity: was #474749, now matches prod text color */
  --base-gray-800: #424242;
  --base-gray-900: #131313;
  --base-gray-950: #000000;
  --base-white: #ffffff;

  /* BRAND COLOR SCALES - R17 PARITY */
  --base-orange-500: #e67917;
  --base-blue-500: #1c4e86;
  --base-red-600: #bb1b0d;

  /* ================================================= */
  /* 🔥 SEMANTIC THEME VARIABLES - TIER 2             */
  /* ================================================= */

  /* Primary Color Scheme - R17 PARITY: Blue primary, Orange secondary */
  --theme-primary-color: var(--base-blue-500);
  --theme-secondary-color: var(--base-orange-500);

  /* Typography Colors */
  --theme-text-color: var(--base-gray-700);
  --theme-text-color-minor: var(--base-gray-600);
  --theme-text-color-highlight: var(--base-white);

  /* Background Colors */
  --theme-background-color: #eaeaea; /* R17 parity: rgb(234, 234, 234) */
  --theme-color-white: var(--base-white);
  --theme-color-black: var(--base-gray-950);
  /* RGB helpers for alpha-safe usage */
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-black-rgb: 0, 0, 0;

  /* Panel Colors - CSS PARITY FIX 2025-12-09: Values from style-diff-analyzer intelligence report */
  --theme-panel-head-background-color: #1c4e86; /* Production blue - verified by style-diff-analyzer */
  --theme-panel-head-background-color-highlight: #b2b2b2; /* Production highlight - verified */
  --theme-panel-head-color: #ffffff; /* Production white text - verified */
  --theme-panel-content-background-color: var(--base-white);
  --theme-panel-content-background-color-highlight: var(--base-gray-100);

  /* Border Colors */
  --theme-border-color: var(--base-gray-200);
  --theme-border-color-hover: var(--base-gray-400);

  /* Table Colors - R17 PARITY: Light gray headers, not dark gray */
  --theme-table-background-color: var(--base-white);
  --theme-table-header-background-color: var(--base-gray-100);
  --theme-table-header-text-color: #3e3e3e; /* R17 PARITY: $light-black value */
  --theme-table-row-odd-background-color: var(--base-white);
  --theme-table-border-color: var(--base-gray-200);

  /* Form Control Colors - R17 PARITY: White backgrounds, not dark gray */
  --theme-form-control-background-color: var(--base-white);
  --theme-form-control-text-color: var(--base-gray-700);
  --theme-form-control-border-color: var(--base-gray-200);

  /* Base spacing and layout */
  --base-spacing-xs: 0.25rem;
  --base-spacing-sm: 0.5rem;
  --base-border-radius-sm: 0.25rem;

  /* Button styles */
  --button-padding-y: 0.5rem;
  --button-padding-x: 1rem;
  --button-border-radius: 0.375rem;
  --button-font-weight: 500;
  --button-transition: all 0.2s ease;
  --button-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --button-min-height: 2.5rem;
  --button-gap: 0.5rem;
  --button-shadow-hover: 0 4px 6px rgba(0, 0, 0, 0.1);

  /* Button variants */
  --button-primary-bg: #2563eb;
  --button-primary-text: #ffffff;
  --button-primary-border: #2563eb;
  --button-primary-bg-hover: #1d4ed8;
  --button-primary-border-hover: #1d4ed8;

  --button-secondary-bg: #f8fafc;
  --button-secondary-text: #334155;
  --button-secondary-border: #e2e8f0;
  --button-secondary-bg-hover: #f1f5f9;
  --button-secondary-text-hover: #1e293b;

  --button-ghost-bg: transparent;
  --button-ghost-text: #475569;
  --button-ghost-border: transparent;
  --button-ghost-bg-hover: #f8fafc;

  /* Card styles */
  --card-padding: 1.5rem;
  --card-bg: #ffffff;
  --card-border: 1px solid #e2e8f0;
  --card-border-radius: 0.5rem;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  --card-header-border: 1px solid #e2e8f0;
  --card-gap: 1rem;

  /* Typography */
  --base-font-weight-medium: 500;

  /* ================================================= */
  /* 🎯 COMPREHENSIVE THEME VARIABLES - PRODUCTION     */
  /* Essential theme variables for sk-app              */
  /* ================================================= */

  /* ESSENTIAL SPACING VARIABLES */
  --spacing-x0_125: 2px;
  --spacing-x0_25: 4px;
  --spacing-x0_5: 8px;
  --spacing-x1: 16px;
  --spacing-x1_25: 20px;
  --spacing-x1_5: 24px;
  --spacing-x2: 32px;
  --spacing-x3: 48px;
  --spacing-x4: 64px;
  --spacing-x5: 80px;
  --spacing-x6: 96px;
  --spacing-x10: 160px;
  --spacing-base: 16px;

  /* BUTTON THEME VARIABLES - R17 PARITY */
  --theme-btn-primary-bgColor: #1c4e86;
  --theme-btn-primary-textColor: #ffffff;
  --theme-btn-primary-bgColor--hover: #153d6a;
  --theme-btn-primary-bgColor--highlight: #0e2c4e;
  --theme-btn-secondary-bgColor: #6b7280;
  --theme-btn-secondary-textColor: #ffffff;
  --theme-btn-secondary-bgColor--hover: #4b5563;
  --theme-btn-secondary-bgColor--highlight: #374151;
  --theme-btn-tertiary-bgColor: transparent;
  --theme-btn-tertiary-textColor: #1c4e86;
  --theme-btn-tertiary-bgColor--highlight: #fef3c7;
  --theme-btn-disabled-background-color: #b2b2b2;  /* R17 PARITY: gray disabled */
  --theme-btn-disabled-color: #262626;             /* R17 PARITY: dark disabled text */
  --theme-btn-border-radius: 25px;                 /* R17 PARITY: rounded buttons */

  /* COMPONENT THEME VARIABLES */
  --theme-header-height: 70px;
  --theme-header-background-color: #ffffff; /* VISUAL PARITY FIX 2025-12-13: Production header is WHITE, not dark */
  --theme-header-text-color: #5b5b5b; /* VISUAL PARITY FIX 2025-12-13: Production text is dark gray rgb(91,91,91) */
  --theme-header-border-color: #5b5b5b; /* VISUAL PARITY FIX 2025-12-13: Production border matches text color */
  --theme-color-link: #e67917;
  --theme-text-font: 'Open Sans', sans-serif;
  /* CSS PARITY FIX: Font rendering improvements to match production */
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  --theme-default-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --theme-default-transition: 150ms ease-in-out;
  --theme-font-size-panel: 14px;
  --theme-font-size-panel-small: 12px;
  --theme-font-style-italic: italic;
  --theme-font-weight-bold: 700;
  --theme-font-weight-semi-bold: 600;
  --theme-icon-size: 20px;
  --spinner-size: 32px;

  /* GRADE AND STATUS COLORS - R17 Bootstrap parity */
  --theme-grade-aplus-color: #28a745;
  --theme-grade-a-color: #28a745;
  --theme-grade-bplus-color: #6ab547;
  --theme-grade-b-color: #ffc107;
  --theme-grade-cplus-color: #ffc107;
  --theme-grade-c-color: #fd7e14;
  --theme-grade-d-color: #dc3545;
  --theme-grade-f-color: #6f42c1;
  --theme-win-color: #28a745;
  --theme-total-color: #17a2b8;
  --theme-spread-color: #6f42c1;
  --theme-dark-light: #6b7280;

  /* ERROR THEME VARIABLES */
  --theme-background-color-error: #fef2f2;
  --theme-border-color-error: #fecaca;
  --theme-text-color-error: #dc2626;

  /* TOOLTIP VARIABLES - R17 PARITY */
  --theme-tooltip-background-color: #333; /* R17 PARITY: matches sk-tooltip-background-color */
  --theme-tooltip-text-color: #f5f5f5; /* R17 PARITY: $light-white */

  /* ZINDEX VARIABLES */
  --z-fixed: 1000;
  --z-dropdown: 1050;
  --z-modal: 1100;
  --z-popover: 1075;

  /* BORDER VARIABLES */
  --border-radius-md: 8px;
  --border-radius-small: 4px;

  /* Button styles */
  --button-padding-y: 0.5rem;
  --button-padding-x: 1rem;
  --button-border-radius: 0.375rem;
  --button-font-weight: 500;
  --button-transition: all 0.2s ease;
  --button-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  --button-min-height: 2.5rem;
  --button-gap: 0.5rem;
  --button-shadow-hover: 0 4px 6px rgba(0, 0, 0, 0.1);
  --input-padding-x: 0.75rem;
  --input-border: 1px solid #d1d5db;
  --input-border-radius: 0.375rem;
  --input-bg: #ffffff;
  --input-text: #111827;
  --input-min-height: 2.5rem;
  --input-transition: border-color 0.2s ease, box-shadow 0.2s ease;
  --input-placeholder: #9ca3af;
  --input-border-focus: #2563eb;
  --input-shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.1);

  /* Select dropdown */
  --select-arrow-size: 1rem;

  /* Badge styles */
  --badge-padding-y: 0.25rem;
  --badge-padding-x: 0.5rem;
  --badge-border-radius: 0.25rem;
  --badge-font-size: 0.75rem;
  --badge-font-weight: 500;

  --badge-primary-bg: #dbeafe;
  --badge-primary-text: #1e40af;
  --badge-secondary-bg: #f3f4f6;
  --badge-secondary-text: #374151;
  --badge-success-bg: #dcfce7;
  --badge-success-text: #166534;
  --badge-error-bg: #fef2f2;
  --badge-error-text: #dc2626;
}

/* ================================================= */
/* 📝 CSS PARITY FIX (Nov 25, 2025)                   */
/* @font-face declarations for Open Sans              */
/* MUST BE LOADED FIRST - fonts before everything!    */
/* ================================================= */

/* MOVED TO index.css
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url_DISABLED('/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
       url_DISABLED('/fonts/open-sans-v17-latin-regular.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url_DISABLED('/fonts/open-sans-v17-latin-600.woff2') format('woff2'),
       url_DISABLED('/fonts/open-sans-v17-latin-600.woff') format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url_DISABLED('/fonts/open-sans-v17-latin-700.woff2') format('woff2'),
       url_DISABLED('/fonts/open-sans-v17-latin-700.woff') format('woff');
}
*/

/* MOVED TO index.css
   Global body font application - R17 PARITY FIX 
html, body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px !important; 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; 
  overflow-y: scroll; 
  width: 100%;
}
*/

body {
  margin: 0 !important; /* R17 parity: production has no body margin */
  color: #5b5b5b; /* R17 parity: rgb(91, 91, 91) */
  background-color: #eaeaea; /* R17 parity: rgb(234, 234, 234) */
  line-height: 1.29; /* R17 parity: 18.06px / 14px = 1.29 */
  font-weight: 400;
}

/* Apply to all elements as fallback */
*, *::before, *::after {
  font-family: 'Open Sans', sans-serif;
}

/* ================================================= */
/* 🌙 DARK THEME OVERRIDES                            */
/* Applied when body.dark-theme is active             */
/* Merged from both upstream and stashed changes      */
/* ================================================= */
body.dark-theme,
.dark-theme {
  /* GRAYSCALE - Dark theme inverts the scale */
  --base-gray-50: #1f1f1f;
  --base-gray-100: #2d2d2d;
  --base-gray-200: #363636;
  --base-gray-300: #424242;
  --base-gray-400: #5d5d5d;
  --base-gray-500: #7d7d7d;
  --base-gray-600: #a8a8a8;
  --base-gray-700: #cccccc;
  --base-gray-800: #e0e0e0;
  --base-gray-900: #f5f5f5;
  --base-gray-950: #ffffff;
  --base-white: #1f1f1f;

  /* Semantic - Background */
  --theme-background-color: #1f1f1f;
  --theme-color-white: #ffffff;
  --theme-color-black: #000000;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-black-rgb: 0, 0, 0;

  /* Typography - Light text on dark */
  --theme-text-color: #cccccc;
  --theme-text-color-minor: #7d7d7d;
  --theme-text-color-highlight: #ffffff;
  --theme-text-header-color: #ffffff;

  /* Panel Colors - Dark theme values from React 17 */
  --theme-panel-head-background-color: #424242;
  --theme-panel-head-background-color-highlight: #5d5d5d;
  --theme-panel-head-color: #ffffff;
  --theme-panel-content-background-color: #2d2d2d;
  --theme-panel-content-background-color-highlight: #424242;

  /* Table Colors */
  --theme-table-background-color: #1f1f1f;
  --theme-table-header-background-color: #2d2d2d;
  --theme-table-header-text-color: #e0e0e0;
  --theme-table-row-odd-background-color: #1f1f1f;

  /* Borders */
  --theme-border-color: #363636;
  --theme-border-color-hover: #5d5d5d;

  /* Form Controls */
  --theme-form-control-background-color: transparent;
  --theme-form-control-text-color: #cccccc;

  /* Links - R17 PARITY: Orange links */
  --theme-link-color: #e67917;
  --theme-link-hover-color: #d04106;

  /* Input overrides */
  --input-bg: #2d2d2d;
  --input-text: #cccccc;
  --input-border: 1px solid #363636;
  --input-placeholder: #7d7d7d;

  /* SK prefix aliases for dark theme
     VISUAL PARITY FIX 2026-01-23: Match PROD background (was #131313, now #1f1f1f)
     Parity data: PROD=rgb(31,31,31)=#1f1f1f, LOCAL was rgb(19,19,19)=#131313 */
  --sk-background-color: #1f1f1f;
  --sk-panel-head-background-color: #424242;
  --sk-panel-head-background-color-highlight: #5d5d5d;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #2d2d2d;
  --sk-panel-content-background-color-highlight: #424242;
  --sk-border-color: #424242;
  --sk-border-color-hover: #6b6b6b;
  --sk-text-color: #ffffff;
  --sk-text-color-minor: #b8b8b8;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #ffffff;
  --sk-btn-disabled-background-color: #b8b8b8;
  --sk-btn-disabled-color: #ffffff;
}

/* ================================================= */
/* 🎰 US-ODDS THEME OVERRIDES                         */
/* Applied when body.us-odds-theme is active          */
/* ================================================= */
body.us-odds-theme,
.us-odds-theme {
  --sk-panel-head-background-color: #003c7c;
  --sk-panel-head-background-color-highlight: #1f5ca3;
  --sk-panel-head-color: #ffffff;
  --sk-panel-content-background-color: #f0f0f0;
  --sk-panel-content-background-color-highlight: #e0e0e0;
  --sk-border-color: #c9c9c9;
  --sk-border-color-hover: #a4a4a4;
  --sk-text-color: #474749;
  --sk-text-color-minor: #666666;
  --sk-tooltip-background-color: #333333;
  --sk-tooltip-text-color: #ffffff;
  --sk-link-color: #bb1b0d;
  --sk-error-color: #ff0000;
  --sk-primary-color: #003c7c;
  --sk-secondary-color: #ffc131;
  --sk-btn-border-radius: 5px;
  --sk-btn-disabled-background-color: #b8b8b8;
  --sk-btn-disabled-color: #ffffff;
}

body{font-size:14px;background-color:var(--sk-background-color);font-family:"Open Sans",sans-serif;font-weight:400;line-height:1.29;color:var(--sk-text-color);-webkit-overflow-scrolling:touch;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}body *,body *:before,body *:after{box-sizing:border-box}body p{margin-bottom:0}body button{font-size:100%}body :focus{outline:none}body ul li:before,body ul>li ul>li:before{content:"";padding-right:0;margin-left:0}body ul li{margin-bottom:0}body.light-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:0;--sk-border-color:#eaeded;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#d9d9d9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#fff;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#e67917;--sk-error-color:#e40000;--sk-primary-color:#1c4e86;--sk-secondary-color:#e67917;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.dark-theme{--sk-background-color:#1f1f1f;--sk-panel-head-background-color:#424242;--sk-panel-head-background-color-highlight:#5d5d5d;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#2d2d2d;--sk-panel-content-background-color-highlight:#424242;--sk-panel-box-shadow-transparency:.2;--sk-border-radius:0;--sk-border-color:#363636;--sk-border-color-hover:#8e8e8e;--sk-text-color:#c2c2c2;--sk-text-color-minor:#b2b2b2;--sk-text-color-highlight:#fff;--sk-table-background-color:#1f1f1f;--sk-table-header-background-color:#3e3e3e;--sk-table-header-text-color:#f5f5f5;--sk-table-row-odd-background-color:#1f1f1f;--sk-form-control-background-color:transparent;--sk-form-control-text-color:#c2c2c2;--sk-tooltip-background-color:#f5f5f5;--sk-tooltip-text-color:#5b5b5b;--sk-link-color:#e67917;--sk-error-color:#e40000;--sk-primary-color:#1c4e86;--sk-secondary-color:#e67917;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#5d5d5d;--sk-btn-disabled-color:#fff;--sk-table-border-color:#3e3e3e}body.us-odds-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#b8b8b8;--sk-panel-head-background-color-highlight:#9f9f9f;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#efefef;--sk-panel-content-background-color-highlight:#b8b8b8;--sk-border-color:#b8b8b8;--sk-border-color-hover:#a8a8a8;--sk-text-color:#202020;--sk-text-color-minor:#535353;--sk-text-color-highlight:#000;--sk-table-background-color:#fff;--sk-table-header-background-color:#b8b8b8;--sk-table-header-text-color:#202020;--sk-table-row-odd-background-color:#efefef;--sk-form-control-text-color:#202020;--sk-form-control-background-color:#fff;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#007bff;--sk-error-color:#f01e28;--sk-primary-color:#003c7c;--sk-secondary-color:#ffc131;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#000;--sk-btn-border-radius:5px;--sk-btn-disabled-background-color:#b8b8b8;--sk-btn-disabled-color:#fff;--sk-table-border-color:#b8b8b8}body.docsports-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#161616;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-panel-box-shadow-transparency:.15;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#a70d00;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#bb1b0d;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#a70d00;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#474749;--sk-table-border-color:#a70d00}body.evanalytics-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d6d6d6;--sk-panel-head-background-color-highlight:#bcbcbc;--sk-panel-head-color:#333;--sk-panel-content-background-color:#efefef;--sk-panel-content-background-color-highlight:#d6d6d6;--sk-border-color:#ddd;--sk-border-color-hover:#aaa;--sk-text-color:#333;--sk-text-color-minor:gray;--sk-text-color-highlight:#000;--sk-table-background-color:#fff;--sk-table-header-background-color:#1266aa;--sk-table-header-text-color:#fff;--sk-form-control-text-color:#333;--sk-table-row-odd-background-color:#efefef;--sk-form-control-background-color:#fff;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#fff;--sk-link-color:#1266aa;--sk-error-color:#e40000;--sk-primary-color:#1266aa;--sk-secondary-color:#1266aa;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:50px;--sk-btn-disabled-background-color:#d6d6d6;--sk-btn-disabled-color:#333;--sk-table-border-color:#1266aa}body.pickdawgz-theme{--sk-background-color:#efefef;--sk-panel-head-background-color:#ddd;--sk-panel-head-background-color-highlight:#c4c4c4;--sk-panel-head-color:#000;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#ddd;--sk-border-color:#ddd;--sk-border-color-hover:#aaa;--sk-text-color:#222;--sk-text-color-minor:#666;--sk-text-color-highlight:#000;--sk-table-background-color:#fff;--sk-table-header-background-color:#ddd;--sk-table-header-text-color:#222;--sk-table-row-odd-background-color:#efefef;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#222;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#fff;--sk-link-color:#ff3d00;--sk-error-color:#e40000;--sk-primary-color:#ff3d00;--sk-secondary-color:#ff3d00;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#ddd;--sk-btn-disabled-color:#000;--sk-table-border-color:#ddd}body.vegaswhispers-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#ddd;--sk-panel-head-background-color-highlight:#c4c4c4;--sk-panel-head-color:#b88029;--sk-panel-content-background-color:#f7f7f7;--sk-panel-content-background-color-highlight:#ddd;--sk-border-color:#eee;--sk-border-color-hover:#bbb;--sk-text-color:#000;--sk-text-color-minor:gray;--sk-text-color-highlight:#222;--sk-table-background-color:#fff;--sk-table-header-background-color:#ddd;--sk-table-header-text-color:#000;--sk-table-row-odd-background-color:#efefef;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#000;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#fff;--sk-link-color:#b88029;--sk-error-color:#e40000;--sk-primary-color:#b88029;--sk-secondary-color:#b88029;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:2px;--sk-btn-disabled-background-color:#ddd;--sk-btn-disabled-color:#000;--sk-table-border-color:#ddd}body.sports20-theme{--sk-background-color:#3f3f3f;--sk-panel-head-background-color:#ddd;--sk-panel-head-background-color-highlight:#c4c4c4;--sk-panel-head-color:#eaa500;--sk-panel-content-background-color:#f7f7f7;--sk-panel-content-background-color-highlight:#ddd;--sk-border-color:#eaa500;--sk-border-color-hover:#845d00;--sk-text-color:#666;--sk-text-color-minor:gray;--sk-text-color-highlight:#222;--sk-table-background-color:#fff;--sk-table-header-background-color:#ddd;--sk-table-header-text-color:#000;--sk-table-row-odd-background-color:#efefef;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#666;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#fff;--sk-link-color:#eaa500;--sk-error-color:#e40000;--sk-primary-color:#eaa500;--sk-secondary-color:#eaa500;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:2px;--sk-btn-disabled-background-color:#ddd;--sk-btn-disabled-color:#000;--sk-table-border-color:#ddd}body.tonyspicks-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#fff;--sk-panel-head-background-color-highlight:#575760;--sk-panel-head-color:#000;--sk-panel-content-background-color:#f9f9f9;--sk-panel-content-background-color-highlight:#b2b2be;--sk-border-color:#b2b2be;--sk-border-color-hover:#bbb;--sk-text-color:#222;--sk-text-color-minor:#b2b2be;--sk-text-color-highlight:#222;--sk-table-background-color:#fff;--sk-table-header-background-color:#fff;--sk-table-header-text-color:#000;--sk-table-row-odd-background-color:#f2f2f2;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#222;--sk-tooltip-background-color:#222;--sk-tooltip-text-color:#fff;--sk-link-color:#000;--sk-error-color:#fe0000;--sk-primary-color:#000;--sk-secondary-color:#000;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:4px;--sk-btn-disabled-background-color:#b2b2be;--sk-btn-disabled-color:#000;--sk-table-border-color:#fff}body.sportingsolutions-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#161616;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#eb7227;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#eb7227;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#eb7227;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#e5e5e5;--sk-btn-disabled-color:#333;--sk-table-border-color:#eb7227}body.sccgmanagement-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#161616;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#52007a;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#52007a;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#52007a;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#52007a}body.covers-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#253341;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#fd4f00;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#fd4f00;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#fd4f00;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#ccc;--sk-btn-disabled-color:#434242;--sk-table-border-color:#fd4f00}body.stadiuum-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#001b2e;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#e6e6e6;--sk-panel-box-shadow-transparency:.15;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#001b2e;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e6e6e6;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#001b2e;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#00823a;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#eee}body.bookies-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#2c3e59;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#0176d0;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#0176d0;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#0176d0;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#0176d0}body.barstoolsports-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#000;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#eb3e3e;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#eb3e3e;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#eb3e3e;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#eb3e3e}body.sportsbettingdime-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#000;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#d72429;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#d72429;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#d72429;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#d72429}body.thesportsgeek-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#293242;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#63bf1f;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#63bf1f;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#63bf1f;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#63bf1f}body.sportsreference-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#edeeef;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#000;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#ffce00;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#ffce00;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#ffce00;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#ffce00}body.gambling-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#000;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#fc3;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#fc3;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#fc3;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#fc3}body.theathletic-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#000;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#cb3939;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#cb3939;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#cb3939;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#cb3939}body.bettingpros-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#071c40;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#1861de;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#1861de;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#1861de;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#1861de}body.pickswise-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#041c2c;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#0176b8;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#0176b8;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#0176b8;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#0176b8}body.saturdaydownsouth-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#0c0f14;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#92dbf4;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#92dbf4;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#92dbf4;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#92dbf4}body.bettingexpert-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#1d2731;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#0a172c;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#0a172c;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#0a172c;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#0a172c}body.thelines-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#252726;--sk-panel-head-background-color-highlight:#494949;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#e5e5e5;--sk-panel-content-background-color-highlight:#ccc;--sk-border-color:#c9c9c9;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#248f3e;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#e5e5e5;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#248f3e;--sk-error-color:red;--sk-primary-color:#161616;--sk-secondary-color:#248f3e;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:0;--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#434242;--sk-table-border-color:#248f3e}body.kylecovers-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#d9d9d9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#1c4e86;--sk-secondary-color:#45bf1c;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.circasports-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#0c1f8f;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#0c1f8f;--sk-secondary-color:#0c1f8f;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#0c1f8f}body.analyticsbet-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#9d9684;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#9d9684;--sk-secondary-color:#9d9684;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#9d9684}body.unabated-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#00ac64;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#00ac64;--sk-secondary-color:#00ac64;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#00ac64}body.outthegate-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#333;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#333;--sk-secondary-color:#333;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#333}body.vsin-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#db0000;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#db0000;--sk-secondary-color:#db0000;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#db0000}body.playup-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#01ca6e;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#01ca6e;--sk-secondary-color:#01ca6e;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#01ca6e}body.prophetbettingexchange-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#55e8b9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#55e8b9;--sk-secondary-color:#55e8b9;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#55e8b9}body.handicapper-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#157347;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#157347;--sk-secondary-color:#157347;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#157347}body.pickingduck-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#ff4200;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#266abd;--sk-error-color:#e40000;--sk-primary-color:#ff4200;--sk-secondary-color:#ff4200;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#ff4200}body.baseballamerica-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#ebebeb;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#d9d9d9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#f8f8f8;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#0071ae;--sk-error-color:#e40000;--sk-primary-color:#006da7;--sk-secondary-color:#006da7;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.playerprofiler-theme{--sk-background-color:#06172d;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-panel-box-shadow-transparency:.15;--sk-border-color:#dbdbdb;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#173159;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#000;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#4dbdff;--sk-error-color:#e40000;--sk-primary-color:#1c4e86;--sk-secondary-color:#5099e4;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#1e4177;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#a5b3c9}body.playbyplay-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#222;--sk-panel-head-background-color-highlight:#222;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#1c5e8b;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:5px;--sk-border-color:#ccc;--sk-border-color-hover:#006ac7;--sk-text-color:#000;--sk-text-color-minor:#fff;--sk-text-color-highlight:#000;--sk-table-background-color:#fff;--sk-table-header-background-color:#1c5e8b;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#eee;--sk-form-control-background-color:#f3f3f3;--sk-form-control-text-color:#000;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#e2b740;--sk-error-color:#e40000;--sk-primary-color:#ffc107;--sk-secondary-color:#1c5e8b;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#ccc}body.mayhem-theme{--sk-background-color:#1f1f1f;--sk-panel-head-background-color:#131313;--sk-panel-head-background-color-highlight:#5d5d5d;--sk-panel-head-color:#dbc464;--sk-panel-content-background-color:#2d2d2d;--sk-panel-content-background-color-highlight:#424242;--sk-panel-box-shadow-transparency:.2;--sk-border-radius:0;--sk-border-color:#363636;--sk-border-color-hover:#8e8e8e;--sk-text-color:#c2c2c2;--sk-text-color-minor:#b2b2b2;--sk-text-color-highlight:#fff;--sk-table-background-color:#1f1f1f;--sk-table-header-background-color:#424242;--sk-table-header-text-color:#f5f5f5;--sk-table-row-odd-background-color:#1f1f1f;--sk-form-control-background-color:#424242;--sk-form-control-text-color:#c2c2c2;--sk-tooltip-background-color:#f5f5f5;--sk-tooltip-text-color:#5b5b5b;--sk-link-color:#dbc464;--sk-error-color:#e40000;--sk-primary-color:#dbc464;--sk-secondary-color:#dbc464;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#5d5d5d;--sk-btn-disabled-color:#fff;--sk-table-border-color:#3e3e3e}body.fourdeep-theme{--sk-background-color:#1f1f1f;--sk-panel-head-background-color:#131313;--sk-panel-head-background-color-highlight:#5d5d5d;--sk-panel-head-color:red;--sk-panel-content-background-color:#2d2d2d;--sk-panel-content-background-color-highlight:#424242;--sk-panel-box-shadow-transparency:.2;--sk-border-radius:0;--sk-border-color:#363636;--sk-border-color-hover:#8e8e8e;--sk-text-color:#c2c2c2;--sk-text-color-minor:#b2b2b2;--sk-text-color-highlight:#fff;--sk-table-background-color:#1f1f1f;--sk-table-header-background-color:#424242;--sk-table-header-text-color:#f5f5f5;--sk-table-row-odd-background-color:#1f1f1f;--sk-form-control-background-color:#424242;--sk-form-control-text-color:#c2c2c2;--sk-tooltip-background-color:#f5f5f5;--sk-tooltip-text-color:#5b5b5b;--sk-link-color:red;--sk-error-color:#e40000;--sk-primary-color:red;--sk-secondary-color:red;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#5d5d5d;--sk-btn-disabled-color:#fff;--sk-table-border-color:#3e3e3e}body.bettorculture-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#2f4740;--sk-panel-head-background-color-highlight:#2f4740;--sk-panel-head-color:#c59c22;--sk-panel-content-background-color:#5a6c67;--sk-panel-content-background-color-highlight:#2f4740;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:0;--sk-border-color:#2f4740;--sk-border-color-hover:#2f4740;--sk-text-color:#c59c22;--sk-text-color-minor:#c59c22;--sk-text-color-highlight:#c59c22;--sk-table-background-color:#5a6c67;--sk-table-header-background-color:#5a6c67;--sk-table-header-text-color:#c59c22;--sk-table-row-odd-background-color:#5a6c67;--sk-form-control-background-color:#f4ebd0;--sk-form-control-text-color:#000;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#d6ad60;--sk-error-color:#e40000;--sk-primary-color:#d6ad60;--sk-secondary-color:#d6ad60;--sk-btn-primary-text-color:#f4ebd0;--sk-btn-secondary-text-color:#f4ebd0;--sk-btn-border-radius:5px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d6ad60}body.sportscontentpro-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#000;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#f1fbfe;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:0;--sk-border-color:#eaeded;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#f1fbfe;--sk-table-header-background-color:#000;--sk-table-header-text-color:#fff;--sk-table-row-odd-background-color:#fff;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#09bbec;--sk-error-color:#e40000;--sk-primary-color:#09bbec;--sk-secondary-color:#09bbec;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.softballAmerica-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#d8d8d8;--sk-panel-head-background-color-highlight:#b2b2b2;--sk-panel-head-color:#262626;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#fdce08;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:0;--sk-border-color:#eaeded;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#d9d9d9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#fff;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#252525;--sk-error-color:#e40000;--sk-primary-color:red;--sk-secondary-color:#262626;--sk-btn-primary-text-color:#252525;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#b2b2b2;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.bleacherbrothers-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#0c2340;--sk-panel-head-background-color-highlight:#000;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#f5f5f5;--sk-panel-content-background-color-highlight:#d8d8d8;--sk-panel-box-shadow-transparency:.15;--sk-border-radius:0;--sk-border-color:#eaeded;--sk-border-color-hover:#a8a8a8;--sk-text-color:#5b5b5b;--sk-text-color-minor:#7d7d7d;--sk-text-color-highlight:#262626;--sk-table-background-color:#fff;--sk-table-header-background-color:#d9d9d9;--sk-table-header-text-color:#3e3e3e;--sk-table-row-odd-background-color:#fff;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#5b5b5b;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#101218;--sk-error-color:#e40000;--sk-primary-color:#0c2340;--sk-secondary-color:#101218;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:25px;--sk-btn-disabled-background-color:#000;--sk-btn-disabled-color:#262626;--sk-table-border-color:#d9d9d9}body.on3-theme{--sk-background-color:#fff;--sk-panel-head-background-color:#3b4147;--sk-panel-head-background-color-highlight:#fff;--sk-panel-head-color:#fff;--sk-panel-content-background-color:#fff;--sk-panel-content-background-color-highlight:#fff;--sk-panel-box-shadow-transparency:.15;--sk-border-color:#e9ecf3;--sk-border-color-hover:#a8a8a8;--sk-text-color:#474749;--sk-text-color-minor:#666;--sk-text-color-highlight:#434242;--sk-table-background-color:#fff;--sk-table-header-background-color:#fff;--sk-table-header-text-color:#000;--sk-table-row-odd-background-color:#fff;--sk-form-control-background-color:#fff;--sk-form-control-text-color:#474749;--sk-tooltip-background-color:#333;--sk-tooltip-text-color:#f5f5f5;--sk-link-color:#bb1b0d;--sk-error-color:red;--sk-primary-color:#29f085;--sk-secondary-color:#fe3b1f;--sk-btn-primary-text-color:#fff;--sk-btn-secondary-text-color:#fff;--sk-btn-border-radius:"10px";--sk-btn-disabled-background-color:#c9c9c9;--sk-btn-disabled-color:#474749;--sk-table-border-color:#29f085}body.light-theme{background-color:#eaeaea}body.light-theme .sk-value-props-content,body.light-theme .sk-pick-lineup,body.light-theme .sk-top-picks{padding:0 0 8px}body.light-theme .sk-injuries-content{padding:0;background-color:#eaeaea}body.light-theme .sk-filter-league-tile-selected{border:1px solid var(--sk-secondary-color)}body.light-theme .sk-filter-league-tile-selected div{color:var(--sk-text-color) !important}body.light-theme .c-block{padding:4px 12px !important;background-color:var(--sk-panel-content-background-color-highlight) !important;border-bottom:1px solid #eaeded !important;border-top:1px solid #eaeded !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector] input[class*=TextInput_text-input]{background-color:#262626 !important;color:#fff !important;border-color:#262626 !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector] button[class*=ComboBox_combobox-toggle]{color:#fff !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector] div[class*=ComboBox_combobox-dropdown]{background-color:#1f1f1f !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector] div[class*=combobox-dropdown-item__hl]{background-color:#424242 !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector] div[class*=ComboBox_combobox-dropdown]{border-color:#363636 !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector-comboBox-item]{background-color:#1f1f1f !important;color:#fff !important}body.light-theme div[class*=SportbookSelector_c-sportbook-selector-list]::-webkit-scrollbar-thumb{background-color:#363636}body.light-theme{background-color:#eaeaea !important;--sk-background-color: #fff !important;--sk-form-control-background-color: #fff !important;--sk-panel-content-background-color: #fff !important;--sk-panel-content-background-color-highlight: #f5f5f5 !important;--sk-panel-head-background-color: #1c4e86 !important;--sk-panel-head-color: #fff !important;--sk-table-header-background-color: #f5f5f5 !important;--sk-border-radius: 0;--sk-btn-primary-bg: #1c4e86 !important;--sk-btn-primary-border: #1c4e86 !important;--sk-btn-primary-bg-hover: #153d6b !important;--sk-btn-primary-text-color: #ffffff !important;--sk-btn-primary-text-hover: #ffffff !important;--sk-text-color: #5b5b5b}body.dark-theme{--sk-form-control-background-color: #424242 !important;--sk-panel-content-background-color-highlight: #424242 !important;--sk-panel-head-background-color: #131313 !important;--sk-panel-head-color: #fff !important;--sk-table-header-background-color: #424242 !important;--sk-border-radius: 0;background-color:var(--sk-background-color)}body.dark-theme .sk-value-props-content,body.dark-theme .sk-pick-lineup,body.dark-theme .sk-top-picks{padding:0 0 8px}body.dark-theme .sk-injuries-content{padding:0;background-color:var(--sk-background-color)}body.dark-theme .sk-filter-league-tile-selected{border:1px solid var(--sk-secondary-color)}body.dark-theme .sk-filter-league-tile-selected div{color:var(--sk-text-color) !important}body.dark-theme .c-block{padding:4px 12px !important;background-color:var(--sk-panel-content-background-color-highlight) !important;border-bottom:1px solid var(--sk-background-color) !important;border-top:1px solid var(--sk-background-color) !important}body.dark-theme div[class*=SportbookSelector_c-sportbook-selector] input[class*=TextInput_text-input]{background-color:#262626 !important;color:#fff !important;border-color:#262626 !important}body.dark-theme div[class*=SportbookSelector_c-sportbook-selector] button[class*=ComboBox_combobox-toggle]{color:#fff !important}body.dark-theme div[class*=SportbookSelector_c-sportbook-selector-comboBox-item]{color:#fff !important}.c-highlight-animation{color:var(--sk-text-color);animation:animateOutline 3s ease infinite;transition:all .5s}@keyframes animateOutline{0%{opacity:1;color:var(--sk-text-color);font-weight:500}10%{opacity:0;color:#359f32}30%{color:#359f32;opacity:1}50%{opacity:0;font-weight:700}70%{opacity:1}100%{opacity:1}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}img:not([src]),img[src=""],img[src=null],img[src=undefined]{visibility:hidden;width:0;height:0}img:-moz-broken,img:-moz-user-disabled{opacity:0;width:0;height:0}.card,[class*=Card-root]{border-color:#eaeded;padding:5px;border-radius:0 !important;box-shadow:none !important;background-color:#fff;min-height:0;overflow:hidden}@media(max-width: 767px){.card,[class*=Card-root]{padding:12px !important}h1,.h1{font-size:24px !important}h2,.h2{font-size:20px !important}h3,.h3{font-size:18px !important}html{overflow:visible !important;font-size:14px !important}body{overflow:visible !important;font-size:14px !important}}
/* Tablet viewport parity rules (768-1024px)
   Ported from master branch 2026-03-30 — adapted for legacy-styles selectors
   Original: packages/sk-app/src/styles/css/responsive/_tablet.css */

@media (min-width: 768px) and (max-width: 1024px) {
  /* Layout container padding at tablet */
  [class*='Layout_layout-container'],
  .layout-container { padding-left: 32px !important; padding-right: 32px !important; }
  [class*='Grid_2-col'] { grid-template-columns: repeat(2, 1fr) !important; }
  [class*='card-grid'] { grid-template-columns: repeat(2, 1fr) !important; grid-gap: 16px !important; gap: 16px !important; }
  [class*='Header_c-header-nav'] { grid-gap: 4px !important; gap: 4px !important; }
  [class*='Header_c-header-nav'] a { padding: 6px 10px !important; font-size: 12px !important; }
  aside { display: block !important; width: 250px !important; }
  [class*='Table'] { display: block !important; overflow-x: auto !important; max-width: 100% !important; }
  .modal { width: 80vw !important; max-width: 600px !important; margin: 10vh auto !important; }
  .c-card { background-color: rgb(28, 78, 134) !important; }
  /* UpcomingMatches / quick-pick-body tablet overrides */
  [class*='c-quick-pick-body'][class*='c-quick-pick-body'] { display: block !important; overflow-x: visible !important; overflow-y: visible !important; }
  [class*='c-quick-pick-body'] [class*='Table_c-table-wrap'] { width: 100% !important; overflow-x: auto !important; }
  [class*='c-quick-pick-body'] table.sk-table { min-width: 700px !important; width: 100% !important; max-width: 100% !important; table-layout: auto !important; }
  [class*='c-quick-pick-table-col-team'] { min-width: 150px !important; }
  [class*='c-quick-pick-body'][class*='c-quick-pick-body'] table.sk-table td { padding: 4px 2px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 12px !important; }
  [class*='c-quick-pick-body'] table.sk-table th { white-space: nowrap !important; }
  /* ValuePick key-filters tile sizing at tablet */
  [class*='key-filters-filters-tile'] { height: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
  [class*='key-filters-filters-tile'] [class*='c-value-pick-card-wrap'] { margin: 0 !important; padding: 0 !important; }
  [class*='key-filters-filters-tile'] [class*='c-value-pick-card'] { padding: 4px !important; }
  [class*='c-trend-value-key-filter'] { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  footer { min-height: 235px !important; }
  /* SIGN IN button orange fill at tablet */
  .c-header-button--login {
    background-color: rgb(230, 121, 23) !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px 16.8px !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width: auto !important;
    display: flex !important;
    position: static !important;
    width: auto !important;
  }
  .c-header-button--register {
    background-color: transparent !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px 16.8px !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width: auto !important;
    display: flex !important;
    position: static !important;
    margin: 0px 0px 0px 5px !important;
    width: auto !important;
  }
}

@media (min-width: 1025px) {
  /* Desktop: UpcomingMatches table cell padding + first-child indent */
  [class*='c-quick-pick-body'][class*='c-quick-pick-body'] table.sk-table td { padding: 8px !important; overflow: visible !important; line-height: 18.06px !important; white-space: nowrap !important; }
  [class*='c-quick-pick-body'][class*='c-quick-pick-body'] table.sk-table th { line-height: 18.06px !important; }
  [class*='c-quick-pick-body'][class*='c-quick-pick-body'] table.sk-table th:first-child { padding: 8px 8px 8px 40px !important; }
  [class*='c-quick-pick-body'] table.sk-table td:first-child { padding: 8px 8px 8px 40px !important; }
}

@media (min-width: 768px) {
  /* Top parlays card flex layout */
  [class*='c-top-parlays-card-wrap'] { display: flex !important; flex-flow: row wrap !important; }
  [class*='c-top-parlays-card-item'] { flex: 0 1 33% !important; padding-right: 20px !important; position: relative !important; }
  [class*='c-top-parlays-card-item'] + [class*='c-top-parlays-card-item'] { margin-right: 0 !important; padding-left: 20px !important; padding-right: 0 !important; margin-left: 115px !important; }
  [class*='c-top-parlays-card-item'] + [class*='c-top-parlays-card-item']::before { content: 'X' !important; display: block !important; position: absolute !important; top: 88px !important; font-size: 35px !important; font-weight: 800 !important; left: -62px !important; }
  [class*='c-top-parlays-card-item'] > * { height: 100% !important; }
  /* Hide mobile sport filter at tablet+ (legacy uses .c-sport-filter-mobile global class) */
  div.c-sport-filter-mobile,
  [class*='SportFilter_c-sport-filter-mobile'],
  [class*='c-sport-filter-mobile'] { display: none !important; }
  [class*='PermissionDialog_c-prompt-notification-title'] { line-height: 21.1302px !important; }
}

@media (max-width: 1024px) {
  [class*='c-trend-value-key-filter'][class*='key-filters-items'] { padding: 0 0 16px !important; }
  [class*='key-filters-filters-tile'] { width: 100% !important; height: auto !important; padding-top: 10px !important; padding-right: 0 !important; padding-bottom: 5px !important; padding-left: 0 !important; }
  [class*='c-trend-value-key-filter'] > [class*='c-trend-value-key-filter-property'] { margin-top: 6px !important; }
}

@media (min-width: 576px) and (max-width: 1024px) { footer { min-height: 235px !important; } }

/* Desktop viewport parity rules (1025px+)
   Ported from master branch 2026-03-30 — adapted for legacy-styles
   Original: packages/sk-app/src/styles/css/responsive/_desktop.css */

/* GLOBAL: Ticker arrow width parity — all viewports
   PROD arrow = 26px = 4px padding + 1px border + 16px SVG + 4px padding + 1px border
   Fix: Override .sk-icon width:1em (15.3px) to 16px, prevent flex shrink */
[class*='c-cards-carousel-arrow'] {
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
[class*='c-cards-carousel-arrow'] svg,
[class*='c-cards-carousel-arrow'] .sk-icon {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
}

@media (min-width: 1025px) {
  .c-header-button--login {
    background-color: rgb(230, 121, 23) !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px 16.8px !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width: auto !important;
    display: flex !important;
    position: static !important;
    width: auto !important;
  }
  .c-header-button--register {
    background-color: transparent !important;
    color: rgb(255, 255, 255) !important;
    padding: 0px 16.8px !important;
    border: none !important;
    border-radius: 25px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    min-width: auto !important;
    display: flex !important;
    position: static !important;
    margin: 0px 0px 0px 5px !important;
    width: auto !important;
  }
  .sk-btn-pro:not(svg) {
    background-color: rgb(230, 121, 23) !important;
    color: rgb(255, 255, 255) !important;
    padding: 12px 20px !important;
    min-width: 0px !important;
    border: 1px solid rgb(230, 121, 23) !important;
    border-radius: 3px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    position: relative !important;
    overflow: visible !important;
    text-transform: uppercase !important;
  }
  .c-header-buttons {
    background: transparent !important;
    background-color: transparent !important;
    color: rgb(91, 91, 91) !important;
    border-radius: 0px !important;
    padding: 0px !important;
  }
  [class*='Buttons_c-header-search-button'] {
    background-color: transparent !important;
    background: transparent !important;
    color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(234, 237, 237) !important;
    border-radius: 25px !important;
    height: 40px !important;
    min-height: auto !important;
    max-height: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: normal !important;
    padding: 0px 16.8px !important;
    box-sizing: border-box !important;
    font-weight: 600 !important;
    width: auto !important;
    position: static !important;
    flex: 0 1 auto !important;
    margin: 0px 5px 0px 0px !important;
    font-family: Arial !important;
  }
  [class*='Buttons_c-header-button--login']:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: rgb(51, 51, 51) !important;
    border-color: rgb(200, 200, 200) !important;
  }
  [class*='Buttons_c-header-search-button']:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: rgb(51, 51, 51) !important;
    border-color: rgb(150, 150, 150) !important;
  }
  button[class*='GoProButton']:hover,
  a[class*='GoProButton']:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: rgb(51, 51, 51) !important;
  }
  [class*='c-carousel'] {
    max-width: 100% !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  [class*='c-cards-carousel-arrow'] {
    background-color: #f5f5f5 !important;
    padding: 0 4px !important;
    border-radius: 4px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }
  [class*='c-sport-filter-header'] {
    max-width: none !important;
    height: 40px !important;
  }
  [class*='key-filters-filters-tile'] {
    width: 160.281px !important;
    max-width: none !important;
  }
  h1 {
    margin: 10.72px 0 !important;
  }
  .card {
    box-shadow: none !important;
  }
  [class*='key-filters-filters-tile'] [class*='c-value-pick-card-wrap'] {
    margin: 1px !important;
  }
  [class*='key-filters-filters-tile'] [class*='c-value-pick-card'] {
    padding: 2px !important;
  }
  [class*='c-trend-value-key-filter'][class*='key-filters-items'] {
    padding: 0 !important;
    overflow: visible !important;
  }
}

@media (min-width: 1200px) {
  .layout-container > *:not(header):not(footer):not([class*='SeoDescription']) {
    max-width: 1272px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.ErrorDisplay_c-error-display__2DOxz{background-color:var(--sk-background-color);width:100vw;height:100vh;color:var(--sk-text-color);font-family:"Open Sans",sans-serif;text-align:center}.ErrorDisplay_c-error-display-container__3Gsjv{padding-top:4em;width:50%;display:block;margin:0 auto}@media(max-width: 767px){.ErrorDisplay_c-error-display-container__3Gsjv{width:90%}}.ErrorDisplay_c-error-display-head__2mdcL{font-size:8em;display:inline-block}@media(max-width: 767px){.ErrorDisplay_c-error-display-head__2mdcL{font-size:6em}}@media(max-width: 413px){.ErrorDisplay_c-error-display-head__2mdcL{font-size:4em}}.ErrorDisplay_c-error-display-text__dKKSr{margin-bottom:3em}.ErrorDisplay_c-error-display-text-italic__bCrED{font-style:italic}.ErrorDisplay_c-error-display-button__2vrEE{text-transform:uppercase}
:root{--sk-text-color: var(--sk-color-text-primary);--sk-text-color-minor: var(--sk-color-text-secondary);--sk-text-color-light: var(--sk-color-text-light);--sk-text-color-highlight: var(--sk-color-text-highlight);--sk-background-color: var(--sk-color-background-base);--sk-primary-color: var(--sk-color-brand-primary);--sk-secondary-color: var(--sk-color-brand-secondary);--sk-success-color: var(--sk-color-brand-success);--sk-danger-color: var(--sk-color-brand-danger);--sk-warning-color: var(--sk-color-brand-warning);--sk-info-color: var(--sk-color-brand-info);--sk-border-color: var(--sk-color-border-base);--sk-border-color-hover: var(--sk-color-border-hover);--sk-color-white: var(--sk-color-background-base)}.Button_o-btn__2l_FX{padding:6px 7px;border-radius:var(--sk-btn-border-radius, 25px);font-family:var(--sk-font-family, "Open Sans", sans-serif);font-size:14px;font-weight:400;display:inline-block;vertical-align:middle;margin:0;overflow:visible;text-align:center;line-height:32.25px;border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;position:relative;cursor:pointer;transition:var(--sk-transition-duration, 300ms)}.Button_o-btn__2l_FX:hover,.Button_o-btn__2l_FX:focus,.Button_o-btn__2l_FX:active,.Button_o-btn__2l_FX:visited{text-decoration:none}.Button_o-btn__2l_FX:not(:disabled){cursor:pointer}.Button_o-btn__2l_FX:disabled{background-color:var(--sk-disabled-color, #e9ecef);color:var(--sk-disabled-text-color, #6c757d);border:1px solid var(--sk-disabled-color, #e9ecef)}.Button_o-btn--tertiary__2PGXt{background-color:var(--sk-background-color, #ffffff);color:var(--sk-text-color, #5b5b5b);border-radius:25px}.Button_o-btn--tertiary__2PGXt:hover{background-color:var(--sk-background-color, #ffffff);color:var(--sk-text-color, #5b5b5b);border:1px solid var(--sk-text-color, #5b5b5b)}.Button_o-btn--tertiary__2PGXt:disabled:hover{background-color:var(--sk-disabled-color, #e9ecef);color:var(--sk-disabled-text-color, #6c757d)}.Button_o-btn--secondary__1ubvF{display:inline-block;background-color:var(--sk-secondary-color, #e67917);color:var(--sk-btn-primary-text-color, #ffffff);border:1px solid var(--sk-secondary-color, #e67917);border-radius:25px}.Button_o-btn--secondary__1ubvF:hover{background-color:var(--sk-background-color, #ffffff);color:var(--sk-secondary-color, #e67917);border:1px solid var(--sk-secondary-color, #e67917)}.Button_o-btn--secondary__1ubvF:disabled:hover{background-color:var(--sk-disabled-color, #e9ecef);color:var(--sk-disabled-text-color, #6c757d)}.Button_o-btn--small__3kOYW{padding:4px 12px;font-size:12px}.Button_o-btn--compact__359OR{padding:8px;font-size:12px;line-height:12px}.Button_o-btn--small__3kOYW.Button_o-btn--icon__vZLkF{padding:4px}.Button_o-btn--big__1IulG{padding:9px 16px}.Button_o-btn--full-width__xy2Wc{width:100%;display:block}.Button_o-btn__loading__2vRCJ{opacity:.6;pointer-events:none}.Button_o-btn--icon__vZLkF{padding:7px}.Button_o-btn__loader__1WBZG{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.Button_o-btn-spinner__1fLWP{position:absolute;top:0;left:50%;margin-left:-15px}.Button_o-btn-loading__385va{opacity:.5}.Button_o-btn__2l_FX>div{display:block;white-space:nowrap;line-height:inherit}.Button_o-btn--primary__l9Guv{background-color:var(--sk-btn-primary-bg, #1c4e86);color:var(--sk-btn-primary-text-color, #ffffff);border:1px solid var(--sk-btn-primary-border, #1c4e86);border-radius:var(--sk-btn-border-radius, 25px)}.Button_o-btn--primary__l9Guv:hover:not(:disabled),.Button_o-btn--primary__l9Guv:focus:not(:disabled){background-color:var(--sk-btn-primary-bg-hover, #153d6a);color:var(--sk-btn-primary-text-hover, #ffffff)}.Button_o-btn--primary__l9Guv:disabled:hover{background-color:var(--sk-disabled-color, #e9ecef);color:var(--sk-disabled-text-color, #6c757d)}.Button_o-btn--minor__2bDJF{background-color:var(--sk-secondary-color, #e67917);color:var(--sk-btn-primary-text-color, #ffffff);border:1px solid var(--sk-secondary-color, #e67917);border-radius:25px}.Button_o-btn--minor__2bDJF:hover:not(:disabled),.Button_o-btn--minor__2bDJF:focus:not(:disabled){background-color:var(--sk-secondary-color-hover, #FF6B00);color:var(--sk-btn-primary-text-color, #ffffff)}.Button_o-btn--blue__3BJ33{background-color:var(--sk-info-color, #55c2c2);color:var(--sk-text-color, #ffffff);border:1px solid var(--sk-info-color, #55c2c2);border-radius:25px}.Button_o-btn--blue__3BJ33:hover{background-color:var(--sk-info-color-hover, #128293);color:var(--sk-text-color, #ffffff)}.Button_o-btn--gray__2hcyn{background-color:var(--sk-panel-content-background-color, #f9f9f9);color:var(--sk-secondary-color, #e67917);border-radius:25px}.Button_c-button__35Dvu{border-radius:var(--sk-border-radius, 5px)}.Button_c-body__3Y9CG .Button_o-btn--secondary__1ubvF,.Button_c-body__3Y9CG [class*=Button_o-btn--secondary],main .Button_o-btn--secondary__1ubvF,main [class*=Button_o-btn--secondary],.Button_c-block__yCmvo .Button_o-btn--secondary__1ubvF,.Button_c-block__yCmvo [class*=Button_o-btn--secondary]{background-color:#e67917 !important;padding:12px 20px !important;min-width:0px !important;display:inline-block !important;position:relative !important;color:#fff !important;border:none !important;border-radius:25px !important;text-decoration:none !important;font-weight:600 !important;cursor:pointer !important;overflow:visible !important}[class*=o-btn--primary][class*=o-btn--primary],button[class*=o-btn--primary],[class*=Button_o-btn--primary]{background-color:#1c4e86 !important;border:1px solid #1c4e86 !important;border-radius:25px !important;color:#fff !important;text-transform:none !important}.Button_c-body__3Y9CG .Button_o-btn--secondary__1ubvF,.Button_c-body__3Y9CG [class*=Button_o-btn--secondary],main .Button_o-btn--secondary__1ubvF,main [class*=Button_o-btn--secondary],.Button_c-block__yCmvo .Button_o-btn--secondary__1ubvF,.Button_c-block__yCmvo [class*=Button_o-btn--secondary]{min-width:0px !important;overflow:visible !important}
.Spinner_c-spinner__14p9u{box-sizing:border-box;display:block;width:30px;height:30px;border-radius:50%;border:4px solid var(--sk-secondary-color);border-color:var(--sk-secondary-color) transparent var(--sk-secondary-color) transparent;animation:Spinner_load8__Fy29H 1.2s linear infinite}@keyframes Spinner_load8__Fy29H{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.Loader_c-loader__gJz9Q{position:relative;min-height:35px;min-width:30px}.Loader_c-loader-full__2-YB0{position:absolute;top:0;left:0;bottom:0;right:0}.Loader_c-loader-wo-min-height__1IxYw{min-height:0}.Loader_c-loader-indicator__121ep{position:absolute;top:50%;left:50%;z-index:100;margin-left:-15px;margin-top:-15px}.Loader_c-loader-content__hidden__Spuiu{opacity:.2;pointer-events:none}[class*=Loader_c-loading-overlay]{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:9999 !important}.Loader_page-loaded__2hO2i .Loader_sk-icon--spin__1oz9V:not(.Loader_keep-spinner__eIaGn),.Loader_page-loaded__2hO2i [class*=fa-spinner]:not(.Loader_keep-spinner__eIaGn),.Loader_page-loaded__2hO2i [class*=Loader_c-loader]:not(.Loader_keep-spinner__eIaGn){display:none !important}[class*=Loader_c-loader]:empty,[class*=c-loader]:empty{display:none !important;height:0 !important;width:0 !important}

/*# sourceMappingURL=main.7b72bdf7.chunk.css.map*/