@import url("https://cdn.diststore.com/icon-set/icon.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');

:root {
    --body-bg-hs: 220,8.1%;
    --body-bg-l: 14.5%;
    --body-bg: hsl(220,8.1%,14.5%);
    --header-1-bg-hs: 220,8.1%;
    --header-1-bg-l: 14.5%;
    --header-1-bg: hsl(220,8.1%,14.5%);
    --header-2-bg-hs: 36,94.2%;
    --header-2-bg-l: 52.9%;
    --header-2-bg: hsl(36,94.2%,52.9%);
    --header-3-bg-hs: 228,9.8%;
    --header-3-bg-l: 10%;
    --header-3-bg: hsl(228,9.8%,10%);
    --color-1-hs: 223,10.4%;
    --color-1-l: 13.1%;
    --color-1: hsl(223,10.4%,13.1%);
    --color-2-hs: 224,8.3%;
    --color-2-l: 26.1%;
    --color-2: hsl(224,8.3%,26.1%);
    --color-3-hs: 222,8.2%;
    --color-3-l: 40.6%;
    --color-3: hsl(222,8.2%,40.6%);
    --color-4-hs: 219,6.7%;
    --color-4-l: 58.8%;
    --color-4: hsl(219,6.7%,58.8%);
    --color-5-hs: 222,6.6%;
    --color-5-l: 70.2%;
    --color-5: hsl(222,6.6%,70.2%);
    --color-6-hs: 223,8.9%;
    --color-6-l: 84.5%;
    --color-6: hsl(223,8.9%,84.5%);
    --color-7-hs: 223,21.2%;
    --color-7-l: 93.5%;
    --color-7: hsl(223,21.2%,93.5%);
    --color-8-hs: 0,0%;
    --color-8-l: 98%;
    --color-8: hsl(0,0%,98%);
    --font-color-1-hs: 0,0%;
    --font-color-1-l: 98%;
    --font-color-1: hsl(0,0%,98%);
    --font-color-2-hs: 223,8.9%;
    --font-color-2-l: 84.5%;
    --font-color-2: hsl(223,8.9%,84.5%);
    --font-color-3-hs: 218,4%;
    --font-color-3-l: 60.8%;
    --font-color-3: hsl(218,4%,60.8%);
    --font-color-4-hs: 220,11.1%;
    --font-color-4-l: 15.9%;
    --font-color-4: hsl(220,11.1%,15.9%);
    --font-lightness: 0%;
    --box-bg-hs: 218,7.5%;
    --box-bg-l: 20.8%;
    --box-bg: hsl(218,7.5%,20.8%);
    --content-bg: transparent;
    --left-sidebar-bg: transparent;
    --right-sidebar-bg: transparent;
    --bet-slip-bg-hs: 220,8.1%;
    --bet-slip-bg-l: 14.5%;
    --bet-slip-bg: hsl(220,8.1%,14.5%);
    --footer-1-bg-hs: 222,11.3%;
    --footer-1-bg-l: 22.5%;
    --footer-1-bg: hsl(222,11.3%,22.5%);
    --footer-2-bg-hs: 228,4.1%;
    --footer-2-bg-l: 23.7%;
    --footer-2-bg: hsl(228,4.1%,23.7%);
    --primary-color-hs: 36,94.2%;
    --primary-color-l: 52.9%;
    --primary-color: hsl(36,94.2%,52.9%);
    --secondary-color-hs: 222,14.2%;
    --secondary-color-l: 54.3%;
    --secondary-color: hsl(222,14.2%,54.3%);
    --alternative-color-hs: 256,47.5%;
    --alternative-color-l: 31.4%;
    --alternative-color: hsl(256,47.5%,31.4%);
    --btn-primary-bg-hs: 221,58.4%;
    --btn-primary-bg-l: 51%;
    --btn-primary-bg: hsl(221,58.4%,51%);
    --btn-secondary-bg-hs: 156,96.2%;
    --btn-secondary-bg-l: 31%;
    --btn-secondary-bg: hsl(156,96.2%,31%);
    --btn-odds-bg-hs: 218,7.5%;
    --btn-odds-bg-l: 20.8%;
    --btn-odds-bg: hsl(218,7.5%,20.8%);
    --btn-odds-active-bg-hs: 36,94.2%;
    --btn-odds-active-bg-l: 52.9%;
    --btn-odds-active-bg: hsl(36,94.2%,52.9%);
    --success-color-hs: 127,45.4%;
    --success-color-l: 57.6%;
    --success-color: hsl(127,45.4%,57.6%);
    --danger-color-hs: 11,75.9%;
    --danger-color-l: 54.5%;
    --danger-color: hsl(11,75.9%,54.5%);
    --information-color-hs: 205,84.3%;
    --information-color-l: 50.2%;
    --information-color: hsl(205,84.3%,50.2%);
    --warning-color-hs: 35,100%;
    --warning-color-l: 50%;
    --warning-color: hsl(35,100%,50%);
    --table-row-bg-hs: 220,8.4%;
    --table-row-bg-l: 21%;
    --table-row-bg: hsl(220,8.4%,21%);
    --table-caption-bg-hs: 220,11.1%;
    --table-caption-bg-l: 15.9%;
    --table-caption-bg: hsl(220,11.1%,15.9%);
    --color-for-btn-primary-bg-hs: 0,0%;
    --color-for-btn-primary-bg-l: 98%;
    --color-for-btn-primary-bg: hsl(0,0%,98%);
    --color-for-btn-secondary-bg-hs: 0,0%;
    --color-for-btn-secondary-bg-l: 98%;
    --color-for-btn-secondary-bg: hsl(0,0%,98%);
    --color-for-btn-odds-active-bg-hs: 223,10.4%;
    --color-for-btn-odds-active-bg-l: 13.1%;
    --color-for-btn-odds-active-bg: hsl(223,10.4%,13.1%);
    --color-for-btn-odds-bg-hs: 0,0%;
    --color-for-btn-odds-bg-l: 98%;
    --color-for-btn-odds-bg: hsl(0,0%,98%);
    --color-for-header-2-bg-hs: 223,10.4%;
    --color-for-header-2-bg-l: 13.1%;
    --color-for-header-2-bg: hsl(223,10.4%,13.1%);
    --color-for-primary-color-hs: 223,10.4%;
    --color-for-primary-color-l: 13.1%;
    --color-for-primary-color: hsl(223,10.4%,13.1%);
    --color-for-secondary-color-hs: 223,10.4%;
    --color-for-secondary-color-l: 13.1%;
    --color-for-secondary-color: hsl(223,10.4%,13.1%);
    --color-for-warning-color-hs: 223,10.4%;
    --color-for-warning-color-l: 13.1%;
    --color-for-warning-color: hsl(223,10.4%,13.1%);
    --color-for-information-color-hs: 0,0%;
    --color-for-information-color-l: 98%;
    --color-for-information-color: hsl(0,0%,98%);
    --color-for-success-color-hs: 223,10.4%;
    --color-for-success-color-l: 13.1%;
    --color-for-success-color: hsl(223,10.4%,13.1%);
    --color-for-danger-color-hs: 0,0%;
    --color-for-danger-color-l: 98%;
    --color-for-danger-color: hsl(0,0%,98%);
    --color-for-color-1-hs: 0,0%;
    --color-for-color-1-l: 98%;
    --color-for-color-1: hsl(0,0%,98%);
    --color-for-color-2-hs: 0,0%;
    --color-for-color-2-l: 98%;
    --color-for-color-2: hsl(0,0%,98%);
    --color-for-color-3-hs: 0,0%;
    --color-for-color-3-l: 98%;
    --color-for-color-3: hsl(0,0%,98%);
    --color-for-color-4-hs: 223,10.4%;
    --color-for-color-4-l: 13.1%;
    --color-for-color-4: hsl(223,10.4%,13.1%);
    --color-for-color-8-hs: 223,10.4%;
    --color-for-color-8-l: 13.1%;
    --color-for-color-8: hsl(223,10.4%,13.1%);
    --color-for-header-1-bg-hs: 0,0%;
    --color-for-header-1-bg-l: 98%;
    --color-for-header-1-bg: hsl(0,0%,98%);
    --color-for-header-3-bg-hs: 0,0%;
    --color-for-header-3-bg-l: 98%;
    --color-for-header-3-bg: hsl(0,0%,98%);
    --color-for-footer-1-bg-hs: 0,0%;
    --color-for-footer-1-bg-l: 98%;
    --color-for-footer-1-bg: hsl(0,0%,98%);
    --color-for-content-bg-hs: 0,0%;
    --color-for-content-bg-l: 98%;
    --color-for-content-bg: hsl(0,0%,98%);
    --color-for-body-bg-hs: 0,0%;
    --color-for-body-bg-l: 98%;
    --color-for-body-bg: hsl(0,0%,98%);
    --space: 16px;
    --border-radius: 8px;
}