.df-odds{--table-font-size: .75rem;--column-left-padding: .5rem;--column-bottom-margin: 1rem;--cell-min-height: 1.5rem;--teams-column-width: 200px;--time-column-width: 60px;--odds-column-width: 80px;--color-settings--bg: #4a5568;--color-settings--fg: #ffffff;--color-bookie--bg: #e2e8f0;--color-date--bg: #cbd5e0;--color-not-found--bg: #cbd5e0;--color-time--bg: #e2e8f0;--color-away--bg: #f7fafc;--color-home--bg: #edf2f7;--arrow-radius: 50%;--color-arrow--bg: #cbd5e0;--color-arrow--fg: #111;@media screen and (min-width:576px){--table-font-size: 1rem;--teams-column-width: 200px;--column-left-padding: 1rem;--time-column-width: 80px;--odds-column-width: 120px;--cell-min-height: 2rem}}.df-hidden{display:none}.df-odds{position:relative;overflow-x:hidden;font-size:var(--table-font-size)}.df-header{display:flex;align-items:center}.df-bookie{flex-shrink:0;width:var(--odds-column-width);text-align:center;transition:all .8s;margin:0 1px;a{background-color:var(--color-bookie--bg);display:flex;height:2.5rem}}.df-settings{position:relative;width:calc(var(--teams-column-width) + var(--time-column-width) + 3px);flex-grow:1;flex-shrink:0;background-color:var(--color-settings--fg);z-index:2}.df-settings__selected{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:16rem;height:2.5rem;color:var(--color-settings--fg);font-weight:700;text-transform:uppercase;background-color:var(--color-settings--bg);cursor:pointer;margin:0 1px;svg{width:1.4rem;height:1.4rem}}.df-settings__options{position:absolute;left:0;width:calc(100% - 2px);max-width:16rem;color:var(--color-settings--fg);background-color:var(--color-settings--bg);margin:0 1px}.df-settings__option{display:block;margin:0 auto .5rem;text-align:center;font-weight:700;text-transform:uppercase;cursor:pointer}.df-match{display:flex;margin-bottom:var(--column-bottom-margin)}.df-match-group-date{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;margin-top:2rem;padding:.25rem 1rem;font-size:1.2rem;font-weight:700;background-color:var(--color-date--bg);svg{width:1.1rem;height:1.1rem}}.df-match__odds-wrapper{flex-grow:0;flex-shrink:1;display:flex}.df-match span,.df-match a,.df-team{display:block;height:var(--cell-min-height);line-height:2}.df-match-time{display:flex;align-items:center;justify-content:center;gap:.5rem;width:var(--time-column-width);background-color:var(--color-time--bg);svg{width:1rem;height:1rem}}.df-teams{flex-grow:1;flex-shrink:0;width:var(--teams-column-width);margin:0 1px;font-weight:700;z-index:1;background-color:var(--color-bookie--bg);>span{padding-left:var(--column-left-padding)}}.df-match__odds{flex-shrink:0;width:var(--odds-column-width);margin:0 1px;text-align:center;transition:all .8s}.df-team__away,.df-price__away{background-color:var(--color-away--bg)}.df-team__home,.df-price__home{background-color:var(--color-home--bg)}.df-match__bookie{display:block;padding-top:.25rem;font-size:.75em;text-transform:uppercase;background-color:var(--color-bookie--bg)}.df-not-found{background-color:var(--color-not-found--bg);padding:1rem}.df-odds[data-style="1"]{.df-header{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-header--border)}.df-arrow{position:absolute;right:0;top:3rem;padding:.5rem;color:var(--color-arrow--fg);background-color:var(--color-arrow--bg);border-radius:var(--arrow-radius);z-index:2;line-height:0;svg{width:1rem;height:1rem;pointer-events:none;fill:currentColor}}.df-arrow__left{margin-right:calc(2rem + 2px)}.df-match-time{flex-shrink:0;margin-right:1px;font-weight:700;z-index:1}}.df-odds[data-style="2"]{--teams-column-width: 100%;--time-column-width: 100%;.df-match-group{display:grid;grid-template-columns:1fr 2fr}.df-match-group-date{grid-column:span 2}.df-match-group--right{overflow-x:auto}.df-match-time{justify-content:flex-start;font-weight:400;display:flex}}
