:root { --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px); } body { border-bottom: calc(5rem + env(safe-area-inset-bottom, 0px)) solid rgb(254, 254, 254); } .css-y04xcm { box-sizing: border-box; background-color: rgb(81, 45, 109); position: relative; height: 5.6rem; min-width: 32rem; max-width: 80em; margin: 0px auto; } .css-y04xcm > header { top: 0px; left: 0px; right: 0px; box-sizing: border-box; background-color: rgb(81, 45, 109); color: rgb(255, 255, 255); height: 5.6rem; width: 100%; margin: 0px auto; padding: 0px; max-width: 80rem; min-width: 30em; transform: translateY(0px); } .css-y04xcm > header > div[data-header-inner] { box-sizing: border-box; position: relative; z-index: 1; display: flex; -webkit-box-align: stretch; align-items: stretch; -webkit-box-pack: justify; justify-content: space-between; gap: 0.2rem; height: 5.6rem; max-height: 5.6rem; padding: 0.8rem 0.8rem 0.8rem 0px; background-color: rgb(81, 45, 109); } .css-y04xcm > header > div[data-header-inner] > div { display: flex; -webkit-box-align: stretch; align-items: stretch; } .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(1) { flex: 1 1 0%; gap: 0.2rem; } .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(2) { -webkit-box-pack: end; justify-content: flex-end; gap: 0.4rem; } .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(2) > button { flex-shrink: 0; height: auto; padding-inline: 0.4rem; } @media only screen and (min-width: 350px) { .css-y04xcm > header > div[data-header-inner] { padding: 0.8rem 1.2rem 0.8rem 0px; } .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(2) > button { padding-inline: 0.8rem; } } @media only screen and (min-width: 400px) { .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(2) { gap: 0.8rem; } .css-y04xcm > header > div[data-header-inner] > div:nth-of-type(2) > button { padding-inline: 1.2rem; } } .css-qvnxaz { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; box-sizing: border-box; min-width: 3rem; width: clamp(3rem, 100%, 4rem); text-decoration: none; user-select: none; cursor: pointer; background: 0px center; border: 0px; padding: 0px; touch-action: manipulation; color: rgb(255, 255, 255); } .css-1kfyku7 { position: relative; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-shrink: 0; } .css-1kfyku7 svg { max-width: 100%; height: auto; } .css-1a93qdn { display: flex; color: rgb(255, 255, 255); -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; container-type: inline-size; min-width: 3rem; max-width: 8rem; width: 100%; } .css-1x66u0t > svg:nth-of-type(1) { display: none; } .css-1x66u0t > svg:nth-of-type(2) { display: block; } @container (min-width: 7rem) { .css-1x66u0t > svg:nth-of-type(1) { display: block; } .css-1x66u0t > svg:nth-of-type(2) { display: none; } } .css-81dkxo { display: inline-block; fill: currentcolor; font-size: 3rem; width: 1em; height: 1em; vertical-align: bottom; } .css-1ouot6t { box-sizing: border-box; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-family: Inter, sans-serif; cursor: pointer; touch-action: manipulation; overflow: hidden; transition: 0.25s; user-select: none; -webkit-tap-highlight-color: transparent; gap: 0.8rem; display: inline-flex; height: 3.6rem; min-width: 3.6rem; padding: 0px 1.2rem; font-weight: 500; font-size: 1.4rem; letter-spacing: 0px; line-height: 2rem; border-radius: 1rem; color: rgb(255, 255, 255); background-color: rgb(130, 70, 175); border: 0.1rem solid rgb(130, 70, 175); box-shadow: rgba(26, 14, 35, 0.05) 0px 1px 2px 0px; } .css-1ouot6t:disabled { opacity: 1; pointer-events: none; } .css-1ouot6t:active { transform: scale(0.95); } @media (hover: hover) and (pointer: fine) { .css-1ouot6t:hover { background: rgb(104, 56, 140); border: 0.1rem solid rgb(104, 56, 140); } } .css-1ouot6t:active { color: color(from rgb(255, 255, 255) srgb r g b / 0.75); background: rgb(78, 42, 105); border: 0.1rem solid rgb(78, 42, 105); } .css-1ouot6t:focus-visible { border: 0.2rem solid rgb(205, 181, 223); } .css-1ouot6t:disabled { background: rgb(218, 191, 241); border: 0.1rem solid rgb(218, 191, 241); } .css-9qav71 { box-sizing: border-box; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-family: Inter, sans-serif; cursor: pointer; touch-action: manipulation; overflow: hidden; transition: 0.25s; user-select: none; -webkit-tap-highlight-color: transparent; gap: 0.8rem; display: inline-flex; height: 3.6rem; min-width: 3.6rem; padding: 0px 1.2rem; font-weight: 500; font-size: 1.4rem; letter-spacing: 0px; line-height: 2rem; border-radius: 1rem; color: rgb(97, 58, 133); background-color: rgb(246, 239, 252); border: 0.1rem solid rgb(246, 239, 252); } .css-9qav71:disabled { opacity: 1; pointer-events: none; } .css-9qav71:active { transform: scale(0.95); } @media (hover: hover) and (pointer: fine) { .css-9qav71:hover { background-color: rgb(236, 223, 248); border: 0.1rem solid rgb(236, 223, 248); } } .css-9qav71:active { color: color(from rgb(97, 58, 133) srgb r g b / 0.75); background-color: rgb(218, 191, 241); border: 0.1rem solid rgb(218, 191, 241); } .css-9qav71:focus-visible { background-color: rgb(246, 239, 252); border: 0.2rem solid rgb(218, 191, 241); } .css-9qav71:disabled { color: rgb(180, 144, 207); background-color: rgb(246, 239, 252); border: 0.1rem solid rgb(246, 239, 252); } .css-jx6bsj { display: flex; -webkit-box-align: stretch; align-items: stretch; } .css-jx6bsj:empty { display: none; } .css-jx6bsj > button:only-of-type { border-radius: 1rem; } .css-jx6bsj > button:nth-of-type(1) { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .css-jx6bsj > button:nth-of-type(2) { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .css-1orrnkl { flex-shrink: 0; box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 4.8rem; border: 0px; touch-action: manipulation; cursor: pointer; font-family: Inter, sans-serif; font-weight: 500; background-color: rgb(104, 56, 140); color: rgb(255, 255, 255); } .css-1orrnkl > span:nth-of-type(1) { display: grid; height: 2rem; margin-bottom: -0.2rem; overflow: hidden; font-size: 1.4rem; letter-spacing: 0px; line-height: 2rem; } .css-1orrnkl > span:nth-of-type(1) > span { grid-area: stack; } .css-1orrnkl > span:nth-of-type(1):empty { display: none; } @-webkit-keyframes animatePrevOutUp { 100% { transform: translateY(100%); } } @keyframes animatePrevOutUp { 100% { transform: translateY(100%); } } @-webkit-keyframes animatePrevOutDown { 100% { transform: translateY(-100%); } } @keyframes animatePrevOutDown { 100% { transform: translateY(-100%); } } .css-1orrnkl > span:nth-of-type(1).js-count-animation--up > span:nth-of-type(1) { animation-name: animateCountInBounceDown; animation-duration: 0.8s; } .css-1orrnkl > span:nth-of-type(1).js-count-animation--up > span:nth-of-type(2) { animation: 0.2s ease 0s 1 normal forwards running animatePrevOutDown; } .css-1orrnkl > span:nth-of-type(1).js-count-animation--down > span:nth-of-type(1) { animation: 0.8s ease 0s 1 normal forwards running animateCountInBounceUp; } .css-1orrnkl > span:nth-of-type(1).js-count-animation--down > span:nth-of-type(2) { animation: 0.2s ease 0s 1 normal forwards running animatePrevOutUp; } .css-1orrnkl > span:nth-of-type(2) { white-space: nowrap; font-size: 0.9rem; letter-spacing: 0px; line-height: 1.2rem; } .css-1orrnkl[data-mybets-btn="betslip"] { background-color: rgb(236, 223, 248); color: rgb(104, 56, 140); } .css-1orrnkl[data-mybets-btn="pending"][data-mybets-display="betslip"] { color: rgb(97, 58, 133); background-color: rgb(246, 239, 252); } @-webkit-keyframes animateCountInBounceDown { 0% { transform: translateY(100%); } 15% { transform: translateY(0.81%); } 16% { transform: translateY(-3.77%); } 17% { transform: translateY(-7.74%); } 18% { transform: translateY(-11.08%); } 19% { transform: translateY(-13.83%); } 20% { transform: translateY(-16%); } 21% { transform: translateY(-17.62%); } 22% { transform: translateY(-18.73%); } 23% { transform: translateY(-19.37%); } 24% { transform: translateY(-20%); } 41% { transform: translateY(0%); } 55% { transform: translateY(3%); } 56% { transform: translateY(2.73%); } 57% { transform: translateY(2.44%); } 58% { transform: translateY(2.14%); } 59% { transform: translateY(1.84%); } 60% { transform: translateY(1.54%); } 61% { transform: translateY(1.25%); } 62% { transform: translateY(0.98%); } 63% { transform: translateY(0.71%); } 64% { transform: translateY(0.47%); } 65% { transform: translateY(0.25%); } 100% { transform: translateY(0%); } } @keyframes animateCountInBounceDown { 0% { transform: translateY(100%); } 15% { transform: translateY(0.81%); } 16% { transform: translateY(-3.77%); } 17% { transform: translateY(-7.74%); } 18% { transform: translateY(-11.08%); } 19% { transform: translateY(-13.83%); } 20% { transform: translateY(-16%); } 21% { transform: translateY(-17.62%); } 22% { transform: translateY(-18.73%); } 23% { transform: translateY(-19.37%); } 24% { transform: translateY(-20%); } 41% { transform: translateY(0%); } 55% { transform: translateY(3%); } 56% { transform: translateY(2.73%); } 57% { transform: translateY(2.44%); } 58% { transform: translateY(2.14%); } 59% { transform: translateY(1.84%); } 60% { transform: translateY(1.54%); } 61% { transform: translateY(1.25%); } 62% { transform: translateY(0.98%); } 63% { transform: translateY(0.71%); } 64% { transform: translateY(0.47%); } 65% { transform: translateY(0.25%); } 100% { transform: translateY(0%); } } @-webkit-keyframes animateCountInBounceUp { 0% { transform: translateY(-100%); } 15% { transform: translateY(-0.81%); } 16% { transform: translateY(3.77%); } 17% { transform: translateY(7.74%); } 18% { transform: translateY(11.08%); } 19% { transform: translateY(13.83%); } 20% { transform: translateY(16%); } 24% { transform: translateY(20%); } 41% { transform: translateY(0%); } 55% { transform: translateY(-3%); } 56% { transform: translateY(-2.73%); } 57% { transform: translateY(-2.44%); } 58% { transform: translateY(-2.14%); } 59% { transform: translateY(-1.84%); } 60% { transform: translateY(-1.54%); } 61% { transform: translateY(-1.25%); } 62% { transform: translateY(-0.98%); } 63% { transform: translateY(-0.71%); } 64% { transform: translateY(-0.47%); } 65% { transform: translateY(-0.25%); } 100% { transform: translateY(0%); } } @keyframes animateCountInBounceUp { 0% { transform: translateY(-100%); } 15% { transform: translateY(-0.81%); } 16% { transform: translateY(3.77%); } 17% { transform: translateY(7.74%); } 18% { transform: translateY(11.08%); } 19% { transform: translateY(13.83%); } 20% { transform: translateY(16%); } 24% { transform: translateY(20%); } 41% { transform: translateY(0%); } 55% { transform: translateY(-3%); } 56% { transform: translateY(-2.73%); } 57% { transform: translateY(-2.44%); } 58% { transform: translateY(-2.14%); } 59% { transform: translateY(-1.84%); } 60% { transform: translateY(-1.54%); } 61% { transform: translateY(-1.25%); } 62% { transform: translateY(-0.98%); } 63% { transform: translateY(-0.71%); } 64% { transform: translateY(-0.47%); } 65% { transform: translateY(-0.25%); } 100% { transform: translateY(0%); } } .css-16o75r4 { position: fixed; z-index: 226; left: 0px; right: 0px; bottom: 6rem; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 0.4rem; margin: 0px auto; max-width: 80rem; min-width: 32rem; pointer-events: none; padding-bottom: var(--safe-area-inset-bottom, 0); } .css-16o75r4:empty { visibility: hidden; } @-webkit-keyframes toast-exit { 0% { opacity: 1; transform: translateY(0px); } 70% { opacity: 1; } 100% { opacity: 0; transform: translateY(150%); } } @keyframes toast-exit { 0% { opacity: 1; transform: translateY(0px); } 70% { opacity: 1; } 100% { opacity: 0; transform: translateY(150%); } } .css-16o75r4.js-toasts--absolute { position: absolute; bottom: 1.6rem; } .css-10ccax5 { width: 5rem; height: 5rem; background: linear-gradient(rgb(130, 70, 175) 24.48%, rgb(106, 58, 143) 48.96%, rgb(81, 45, 109) 74.48%); border-radius: 1rem; z-index: 3; position: fixed; display: flex; right: max(1rem, -39rem + 50vw); filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 4px 4px); -webkit-box-align: center; align-items: center; bottom: calc(7rem + var(--safe-area-inset-bottom, 0px)); } .css-10ccax5 button { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background-color: transparent; padding: 0px; color: rgb(255, 255, 255); width: 100%; font-size: 3em; cursor: pointer; } .css-10ccax5 > div { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 1.8rem; height: 1.8rem; position: absolute; right: 0.2rem; top: 0.2rem; padding: 0.5px; color: rgb(255, 255, 255); background: rgb(158, 86, 255); border-radius: 50%; pointer-events: none; } .css-f8mhm4 { display: inline-block; fill: currentcolor; font-size: 1em; width: 1em; height: 1em; vertical-align: bottom; } .css-uxjza3 { display: flex; flex-direction: column; box-sizing: border-box; margin: 0px auto; min-height: calc(-10.6rem + 100vh); min-width: 32rem; max-width: 80rem; } @supports (min-height: 100dvh) { .css-uxjza3 { min-height: calc(-10.6rem + 100dvh); } } .css-uxjza3[data-background="white"] { background-color: rgb(255, 255, 255); } .css-uxjza3[data-background="grey"] { background-color: rgb(232, 232, 232); } .css-uxjza3[data-background="surface50"] { background-color: rgb(250, 251, 251); } .css-uxjza3[data-background="surface300"] { background-color: rgb(241, 242, 243); } .css-ky75b4 { overflow: hidden; box-sizing: border-box; margin: 1rem 0.5rem; border-radius: 0.5rem; border: 0.2rem solid rgb(81, 45, 109); box-shadow: rgba(0, 0, 0, 0.2) 0px 0.1rem 0.3rem 0px, rgba(0, 0, 0, 0.4) 0px 0.1rem 0.2rem 0px; background: rgb(81, 45, 109); } .css-3eor2c { background-color: rgb(81, 45, 109); overflow: hidden; position: relative; } .css-3eor2c::before { content: ""; display: block; width: 100%; padding-top: 40%; } @media (min-width: 768px) { .css-3eor2c::before { padding-top: 25%; } } .css-1o5rt49 { color: inherit; position: absolute; width: 100%; inset: 0px; } .css-1o5rt49 img { display: block; width: 100%; } .css-olyalv { padding: 0px 0.5rem; margin-bottom: 1.5rem; } .css-olyalv a { display: flex; flex-direction: column; font-family: PFSquareBold, Bold, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; } .css-olyalv > div { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; } .css-olyalv > div:first-of-type { padding-bottom: 1rem; } .css-olyalv > div:first-of-type a { width: 24%; font-size: 1.4rem; border-radius: 0.5rem; color: rgb(255, 255, 255); background: rgb(81, 45, 109); } .css-olyalv > div:first-of-type a span { display: block; transform: translateY(-0.5rem); } .css-olyalv > div:last-of-type a { align-self: stretch; width: 15.5%; line-height: 1.1; color: rgb(81, 45, 109); } .css-olyalv > div:last-of-type a div { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 5rem; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.1rem; background: rgb(255, 255, 255); } .css-olyalv > div:last-of-type a span { flex: 1 1 0%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 0.4rem; font-size: 1.1rem; letter-spacing: -0.1rem; } .css-10gsmbj { display: inline-block; fill: currentcolor; font-size: 5rem; width: 1em; height: 1em; vertical-align: bottom; } .css-5v5y7t { background: rgb(232, 232, 232); padding-bottom: 1rem; } .css-5v5y7t h3 { color: rgb(81, 45, 109); } .css-1xcfrzj { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.1rem; color: rgb(0, 0, 0); display: inline-block; border-radius: 0.5rem; -webkit-box-align: center; align-items: center; font-family: Arial, Helvetica, sans-serif; height: 5.5rem; font-size: 1.1rem; margin: 0px 0.75rem 0px 0px; padding: 0.5rem; position: relative; text-align: left; text-decoration: none; vertical-align: middle; width: 10rem; min-width: 10rem; } .css-1xcfrzj:hover { } .css-115pwfz { position: relative; overflow: hidden; animation: 2s ease-in 0s infinite normal none running pulse; } @-webkit-keyframes pulse { 0% { opacity: 0.35; } 50% { opacity: 1; } 100% { opacity: 0.35; } } @keyframes pulse { 0% { opacity: 0.35; } 50% { opacity: 1; } 100% { opacity: 0.35; } } .css-dvorw5 { font-family: Inter, sans-serif; font-size: 1.1rem; line-height: 1.2rem; letter-spacing: 0px; background-color: white; padding: 1.2rem 3.6rem 2rem; display: grid; grid-template-columns: 1fr; grid-template-areas: "socials" "gambling-helpline" "rwwa-responsible-wagering" "app-downloads" "copyright"; } .css-dvorw5 > div { padding: 1.6rem 0px; } .css-dvorw5 > div > p { font-size: 1.3rem; line-height: 1.6rem; letter-spacing: 0px; margin: 0px; } .css-dvorw5 > div > p:not(:first-of-type):not(:last-of-type) { margin: 1em 0px; } .css-dvorw5 a { color: rgb(130, 70, 175); } @media only screen and (min-width: 1280px) { .css-dvorw5 { font-size: 1.3rem; line-height: 1.6rem; letter-spacing: 0px; padding: 4.5rem 5.3125rem; gap: 60px 125px; grid-template-columns: repeat(2, 1fr); grid-template-areas: "logo socials" "gambling-helpline rwwa-responsible-wagering" "copyright app-downloads"; } .css-dvorw5 > div { padding: 0px; } .css-dvorw5 > div > p { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0px; text-align: left; } } .css-1h3dzac { grid-area: logo; display: none; border-bottom: 0.5px solid rgb(225, 223, 227); } @media only screen and (min-width: 1280px) { .css-1h3dzac { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; display: flex; -webkit-box-align: center; align-items: center; } } .css-1fi5epy { grid-area: socials; display: flex; -webkit-box-pack: center; justify-content: center; border-bottom: 0.5px solid rgb(225, 223, 227); } .css-1fi5epy a { margin: 0rem 1rem; } @media only screen and (min-width: 1280px) { .css-1fi5epy { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; -webkit-box-pack: end; justify-content: flex-end; } } .css-5gop95 { grid-area: gambling-helpline; text-align: center; border-bottom: 0.5px solid rgb(225, 223, 227); } .css-5gop95 h1 { font-size: 1.6rem; line-height: 2.4rem; letter-spacing: 0px; font-weight: 700; margin-top: 1.6rem; } .css-5gop95 button { margin-top: 2rem; } @media only screen and (min-width: 1280px) { .css-5gop95 { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: left; } } .css-g63tr6 div { margin-right: 0.8rem; } .css-u9hi33 { box-sizing: border-box; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; font-family: Inter, sans-serif; cursor: pointer; touch-action: manipulation; overflow: hidden; transition: 0.25s; user-select: none; -webkit-tap-highlight-color: transparent; gap: 0.8rem; display: inline-flex; height: 3.2rem; min-width: 3.2rem; padding: 0px 1.2rem; font-weight: 500; font-size: 1.4rem; letter-spacing: 0px; line-height: 2rem; border-radius: 0.6rem; color: rgb(63, 61, 65); background-color: rgb(246, 246, 247); border: 0.1rem solid rgb(246, 246, 247); } .css-u9hi33:disabled { opacity: 1; pointer-events: none; } .css-u9hi33:active { transform: scale(0.95); } @media (hover: hover) and (pointer: fine) { .css-u9hi33:hover { background-color: rgb(225, 223, 227); border: 0.1rem solid rgb(225, 223, 227); } } .css-u9hi33:active { color: color(from rgb(63, 61, 65) srgb r g b / 0.75); background-color: rgb(210, 207, 213); border: 0.1rem solid rgb(210, 207, 213); } .css-u9hi33:focus-visible { border: 0.2rem solid rgb(210, 207, 213); } .css-u9hi33:disabled { color: rgb(180, 176, 185); background-color: rgb(250, 251, 251); border: 0.1rem solid rgb(250, 251, 251); } .css-u9hi33 div { margin-right: 0.8rem; } .css-5bbl3a { grid-area: rwwa-responsible-wagering; margin: 0px auto; } .css-5bbl3a p { text-align: left; } .css-5bbl3a p:first-of-type { margin-top: 1.6rem; } .css-amu4zr { grid-area: app-downloads; } .css-amu4zr h1 { font-size: 1.4rem; line-height: 2rem; letter-spacing: 0px; font-weight: 700; color: rgb(63, 61, 65); text-align: center; margin: 0px 0px 1.2rem; } .css-amu4zr span.links { display: flex; -webkit-box-pack: center; justify-content: center; gap: 1rem; } .css-amu4zr span.links svg { width: 10rem; max-height: 4rem; fill: black; } @media only screen and (min-width: 1280px) { .css-amu4zr h1 { text-align: left; } .css-amu4zr span.links { -webkit-box-pack: start; justify-content: flex-start; gap: 2rem; } } .css-1oqvuim { grid-area: copyright; margin-top: 1.2rem; border-top: 0.5px solid rgb(225, 223, 227); } @media only screen and (min-width: 1280px) { .css-1oqvuim { margin-top: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; } } .css-s0x1gs .mod-KambiBC-betslip { max-height: calc(100dvh - (5.6rem + 5rem + var(--safe-area-inset-bottom, 0px))) !important; } .css-s0x1gs .mod-KambiBC-betslip, .css-s0x1gs .mod-KambiBC-betslip__outer-wrapper-mask { transform: translateY(calc(calc(5rem + var(--safe-area-inset-bottom, 0px)) * -1)); } .css-s0x1gs .mod-KambiBC-betslip-container--pinned .mod-KambiBC-betslip, .css-s0x1gs .mod-KambiBC-betslip-container--pinned .mod-KambiBC-betslip__outer-wrapper-mask { transform: unset; } .css-2s935h { max-width: 80rem !important; margin: auto !important; } .css-2s935h[data-hide-kambi-menu="true"] #KambiBC .KambiBC-header__nav-btn--menu { display: none !important; } .css-2s935h[data-hide-kambi-menu="true"] #KambiBC .KambiBC-header-main__left { display: none !important; } .css-x07wwb { position: fixed; z-index: 3; bottom: 0px; left: 0px; right: 0px; display: flex; -webkit-box-align: stretch; align-items: stretch; margin: 0px auto; height: 5rem; min-height: 5rem; width: 100%; min-width: 32rem; max-width: 80rem; padding-bottom: env(safe-area-inset-bottom, 0px); background-color: rgb(254, 254, 254); color: rgb(128, 128, 128); border-top: 1px solid rgb(232, 232, 232); transform: translate3d(0px, 0px, 0px); } .css-x07wwb strong { padding-top: 0.2rem; font-family: Inter, sans-serif; font-size: 0.9rem; letter-spacing: 0px; line-height: 1.2rem; font-weight: 400; } .css-x07wwb button, .css-x07wwb a { flex: 1 1 0%; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-decoration: none; background: none; color: inherit; border: 0px; margin: 0px; padding: 0px; -webkit-tap-highlight-color: transparent; } .css-x07wwb button:active, .css-x07wwb a:active { background: rgb(204, 204, 204); } .css-x07wwb .js-bottom-tab-nav--active { color: rgb(130, 77, 177); } .css-pxcu3g { display: inline-block; fill: currentcolor; font-size: 2.5rem; width: 1em; height: 1em; vertical-align: bottom; } .css-4dx164 { background: linear-gradient(102deg, rgb(81, 45, 109) 0%, rgb(81, 45, 109) 45%, rgb(129, 74, 174) 45%, rgb(129, 74, 174) 100%); position: relative; min-height: 2.5rem; margin-top: 0.5rem; padding: 1rem 0px; flex-flow: column wrap; -webkit-box-pack: start; justify-content: flex-start; } .css-rcpsvd { display: flex; -webkit-box-align: center; align-items: center; margin: 0px; padding: 0px 0px 0px 0.5rem; font-family: PFSquareBold, Bold, Arial, Helvetica, sans-serif; font-size: 1.4rem; text-transform: none; line-height: 1; color: inherit; background: none; flex: 1 1 100%; min-height: 2.5rem; -webkit-box-pack: justify; justify-content: space-between; } .css-1b8boen { font-size: 1.6rem; min-height: 2.6rem; padding-left: 2.5rem; font-family: PFSquare, "Arial Bold", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; text-transform: uppercase; text-shadow: rgb(64, 64, 64) 0.1rem 0.1rem 0.5rem; background-repeat: no-repeat; background-position: left 0px top 0px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyMyAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2RfNjcwXzM0MikiPg0KPHBhdGggZD0iTTE5IDEyLjQ2NTZDMTkgMTYuNjM3NSAxNS42MzY3IDIwLjAwMDggMTEuNSAyMC4wMDA4QzcuMzYzMjggMjAuMDAwOCA0IDE2LjYzNjMgNCAxMi41MDA4QzQgMTAuMjA5IDUuMDg2NzIgOC4zMjg4OSA2LjEzMTY0IDcuMjYyNDhDNi43MTY0MSA2LjYxNDA0IDcuNzUgNy4wMjQyIDcuNzUgNy44NzE4NVYxMS4yMTE3QzcuNzUgMTIuNTg1NSA4Ljg0MjU4IDEzLjczMTIgMTAuMjE3MiAxMy43NDg0QzExLjYxMzMgMTMuNzcwMyAxMi43NSAxMi42NDE0IDEyLjc1IDExLjI1MDhDMTIuNzUgNy44MTMyNiA1LjkxMDE2IDcuNDk2MDcgMTAuNzEyOSAwLjQyMjYzNUMxMS4yNDAyIC0wLjM0NzY3NyAxMi40Mzc1IDAuMDAxOTMyMDggMTIuNDM3NSAwLjkzMTYyQzEyLjQwMjMgNC45NjE3IDE5IDUuODQ4NDIgMTkgMTIuNDY1NloiIGZpbGw9IiNFMzg3MDYiLz4NCjwvZz4NCjxkZWZzPg0KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzY3MF8zNDIiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyOC4wMDA3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+DQo8ZmVPZmZzZXQgZHk9IjQiLz4NCjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIiLz4NCjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPg0KPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjcwXzM0MiIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfNjcwXzM0MiIgcmVzdWx0PSJzaGFwZSIvPg0KPC9maWx0ZXI+DQo8L2RlZnM+DQo8L3N2Zz4NCg=="); max-width: calc(100% - 8rem); } @media (max-width: 350px) { .css-1b8boen { max-width: calc(100% - 12rem); } } .css-om25dm { color: rgb(253, 253, 252); line-height: 2.6rem; letter-spacing: 0.1rem; display: inline-block; } .css-gh03hi { place-content: center space-between; display: flex; flex-direction: row; -webkit-box-pack: justify; margin: 0.5rem 1rem 0px; } .css-14di9mo { position: relative; padding-right: 1rem; } .css-14di9mo::after { -webkit-font-smoothing: antialiased; color: rgb(203, 181, 216); content: "v"; display: inline-block; font-family: tticons; font-size: 11px; pointer-events: none; position: absolute; top: 50%; transform: translateY(-50%); } .css-14di9mo select { margin-right: 0.5rem; } .css-15obhzr { font-family: PFSquare, "Arial Bold", Arial, Helvetica, sans-serif; appearance: none; background: none; color: rgb(203, 181, 216); border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(203, 181, 216); border-image: initial; font-weight: normal; } .css-1womri9 { box-sizing: border-box; overflow-x: auto; width: 100%; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; padding: 1rem; flex: 1 1 0%; } .css-1mj0q1m { display: flex; flex-flow: row; margin: 0px; padding: 0px; list-style: none; } .css-1mj0q1m > :last-child { margin-right: 0px; } .css-1mj0q1m::after { content: ""; display: block; min-width: 0.5rem; } .css-k0oubj { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.1rem; color: rgb(0, 0, 0); display: inline-block; border-radius: 0.5rem; -webkit-box-align: center; align-items: center; font-family: Arial, Helvetica, sans-serif; font-size: 1.1rem; margin: 0px 1rem 0px 0px; padding: 0.3rem 0.6rem; position: relative; text-align: left; text-decoration: none; vertical-align: middle; height: 13rem; width: 9.8rem; min-width: 9.8rem; } .css-k0oubj:hover { } .css-k0oubj a:last-of-type { margin-right: 0px; } .css-1x7nnnc { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: 100%; } .css-xv14bb { font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .css-uwhuke { font-weight: bold; display: flex; -webkit-box-pack: justify; justify-content: space-between; } .css-1flj9lk { text-align: left; } .css-3bxuzt { text-align: right; } .css-rfxuvu { display: flex; flex-direction: row; -webkit-box-pack: center; justify-content: center; background: rgb(238, 238, 238); padding: 0.4rem 0.8rem; height: 3.6rem; width: 8.2rem; border-radius: 0.8rem; } .css-1045ewe { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=MR&meetingDate=06%2F09%2F2026&raceNo=2&isTrots=false&size=larger") calc(0rem) center / auto 3rem no-repeat; } .css-1om8b2 { font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.1rem; color: rgb(102, 102, 102); margin-bottom: -2px; } .css-15erz8f { font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.1rem; } .css-1osvoyg { -webkit-box-pack: justify; justify-content: space-between; display: flex; font-size: 1.1rem; } .css-1osvoyg > span { display: flex; -webkit-box-align: center; align-items: center; } .css-1osvoyg > span div:last-of-type { padding-left: 0.2rem; } .css-4xe9qj { display: inline-block; fill: currentcolor; font-size: 2rem; width: 1em; height: 1em; vertical-align: bottom; } .css-bsioqm { display: inline-flex; -webkit-box-align: center; align-items: center; white-space: nowrap; line-height: 1; } .css-bsioqm svg { margin-right: 0.5rem; height: 1em; width: 1em; } .css-bsioqm strong { margin-top: 0.1rem; } .css-15owsoz { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=SR&meetingDate=06%2F09%2F2026&raceNo=1&isTrots=false&size=larger") calc(-2.5rem) center / auto 3rem no-repeat; } .css-jzkx75 { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=SR&meetingDate=06%2F09%2F2026&raceNo=1&isTrots=false&size=larger") calc(-12.5rem) center / auto 3rem no-repeat; } .css-1b7bdpa { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=SR&meetingDate=06%2F09%2F2026&raceNo=3&isTrots=false&size=larger") calc(-15rem) center / auto 3rem no-repeat; } .css-1af1hbq { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=MR&meetingDate=06%2F09%2F2026&raceNo=1&isTrots=false&size=larger") calc(-25rem) center / auto 3rem no-repeat; } .css-1fvj0ix { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=SR&meetingDate=06%2F09%2F2026&raceNo=6&isTrots=false&size=larger") calc(-27.5rem) center / auto 3rem no-repeat; } .css-1gqjw37 { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=PR&meetingDate=06%2F10%2F2026&raceNo=8&isTrots=false&size=larger") calc(-17.5rem) center / auto 3rem no-repeat; } .css-1sib5fj { display: block; font-weight: bold; width: auto; padding-left: 1.3rem; font-size: 1rem; } .css-5zyjip { text-align: center; font-size: 1rem; } .css-1elm76a { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=MR&meetingDate=06%2F09%2F2026&raceNo=3&isTrots=false&size=larger") calc(-17.5rem) center / auto 3rem no-repeat; } .css-1ic2s5s { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=MR&meetingDate=06%2F09%2F2026&raceNo=7&isTrots=false&size=larger") calc(-7.5rem) center / auto 3rem no-repeat; } .css-1ifvzzw { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=MR&meetingDate=06%2F09%2F2026&raceNo=8&isTrots=false&size=larger") calc(-37.5rem) center / auto 3rem no-repeat; } .css-15t5g87 { position: absolute; bottom: 0px; display: flex; height: 2rem; width: 100%; -webkit-box-pack: center; justify-content: center; pointer-events: none; } .css-fyowp3 { margin: 0px; text-align: center; } .css-o3ftoc { border: 0.1rem solid rgb(204, 204, 204); border-radius: 100%; display: inline-block; height: 0.8rem; margin: 0.5rem 0.2rem; width: 0.8rem; background-color: rgb(204, 204, 204); } .css-1l4651m { border: 0.1rem solid rgb(204, 204, 204); border-radius: 100%; display: inline-block; height: 0.8rem; margin: 0.5rem 0.2rem; width: 0.8rem; background-color: transparent; } .css-jc12wx { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; min-height: 3rem; margin: 0px; padding: 0px 0px 0px 0.5rem; font-family: PFSquareBold, Bold, Arial, Helvetica, sans-serif; font-size: 1.4rem; text-transform: none; line-height: 1; color: inherit; background: none; } .css-1mwqly5 { box-sizing: border-box; overflow-x: auto; width: 100%; padding-left: 0.5rem; padding-bottom: 1rem; scroll-behavior: smooth; -webkit-tap-highlight-color: transparent; } .css-1vubu2v { box-sizing: border-box; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 11rem; min-width: 11rem; height: 6.5rem; margin: 0px 0.75rem 0px 0px; padding: 0.5rem; color: rgb(255, 255, 255); background: rgb(81, 45, 109); border: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.1rem; border-radius: 0.5rem; text-decoration: none; position: relative; } .css-1vubu2v:hover { } .css-12afnn0 { display: flex; -webkit-box-align: center; align-items: center; max-width: 7.5rem; padding-top: 0.8rem; padding-bottom: 0.2rem; } .css-vd6upt { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 0.5rem; line-height: 1.1; font-size: 1.1rem; font-family: PFSquareBold, Bold, Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; text-align: center; white-space: normal; color: inherit; } .css-bgpd0g { align-self: stretch; display: flex; -webkit-box-align: center; align-items: center; padding-left: 0.5rem; padding-right: 0.5rem; font-family: PFSquare, "Arial Bold", Arial, Helvetica, sans-serif; font-size: 1.4rem; color: inherit; } .css-7r0i0w { display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; height: 100%; max-height: 100%; } .css-14x24f2 { font-size: 1.1rem; font-family: PFSquare, "Arial Bold", Arial, Helvetica, sans-serif; line-height: 1.1; } .css-14x24f2 div { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .css-q0veqy { display: flex; justify-content: right; margin-top: -0.75rem; margin-bottom: -0.5rem; } .css-1k154x2 { box-sizing: border-box; display: inline-flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; gap: 0.4rem; padding: 0.4rem; font-family: Inter, sans-serif; font-size: 1.1rem; line-height: 1.2rem; letter-spacing: 0px; font-weight: 400; } .css-1k154x2[data-color="gray"] { color: rgb(63, 61, 65); background-color: rgb(247, 246, 247); } .css-1k154x2[data-color="green"] { color: rgb(0, 110, 0); background-color: rgb(230, 243, 230); } .css-1k154x2[data-color="yellow"] { color: rgb(228, 111, 0); background-color: rgb(255, 246, 235); } .css-1k154x2[data-color="red"] { color: rgb(211, 21, 16); background-color: rgb(253, 235, 234); } .css-1k154x2[data-color="crimson"] { color: rgb(255, 255, 255); background-color: rgb(202, 16, 63); } .css-1k154x2[data-color="blue"] { color: rgb(34, 94, 153); background-color: rgb(234, 241, 249); } .css-1k154x2[data-color="success"] { color: rgb(255, 255, 255); background-color: rgb(0, 138, 0); } .css-1k154x2[data-color="neutral"] { color: rgb(255, 255, 255); background-color: rgb(126, 122, 130); } .css-1k154x2[data-size="S"] { border-radius: 0.8rem; min-height: 2rem; } .css-1k154x2[data-size="L"] { border-radius: 1rem; min-height: 3.2rem; } .css-po6leu { font-size: 1.2rem; -webkit-box-pack: justify; justify-content: space-between; display: flex; } .css-po6leu > span { display: flex; -webkit-box-align: center; align-items: center; } .css-po6leu > span div:last-of-type { padding-left: 0.2rem; } .css-19smld1 { width: 2.5rem; height: 3rem; box-sizing: border-box; background: url("/Image/GetSilkSpriteWithSizes?meetingId=SR&meetingDate=06%2F09%2F2026&raceNo=2&isTrots=false&size=larger") calc(-15rem) center / auto 3rem no-repeat; } #KambiBC #KambiBC-container .KambiBC-header__main { flex: 1 1 auto; width: 100%; border-right-width: medium; border-left-width: medium; border-right-style: none; border-left-style: none; border-right-color: currentcolor; border-left-color: currentcolor; border-image: initial; border-top: var(--B-header__borderTop); border-bottom: var(--B-header__borderBottom); background: linear-gradient(to bottom, var(--B-header__backgroundGradientStartColor) 0%, var(--B-header__backgroundGradientEndColor) 100%); box-shadow: var(--B-header__boxShadow); } #KambiBC #KambiBC-container .KambiBC-header__main .KambiBC-header__content { max-width: 100%; display: flex; align-items: center; padding-bottom: 8px; } #KambiBC #KambiBC-container .KambiBC-header__main.KambiBC-header__main-leftNavVisible { padding: var(--B-header__mainPaddingWhileLeftNavVisible); } #KambiBC #KambiBC-container .KambiBC-header__main.KambiBC-header__main-leftNavVisible .KambiBC-header__content { padding: var(--B-header__contentPaddingWhileLeftNavVisible); } #KambiBC #KambiBC-container .KambiBC-header__main .KambiBC-header__logo-header { display: flex; align-items: center; justify-content: left; padding-left: 16px; width: 100%; height: 48px; background-color: var(--B-pageHeader__backgroundColor); } #KambiBC #KambiBC-container .KambiBC-header__main .KambiBC-header__logo-header .KambiBC-header__logo-container { display: flex; justify-content: flex-start; align-items: center; } #KambiBC #KambiBC-container .KambiBC-header__main .KambiBC-header__logo-header .KambiBC-header__logo-container svg { height: 24px; width: auto; } #KambiBC .dYaJxz.dYaJxz { display: flex; padding: 0px; overflow: hidden; height: 36px; font-size: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; transition: background-color 0.3s, border-color; background: var(--B-outcomeButton__bg); color: rgb(255, 248, 147); } @media (hover: hover) and (pointer: fine) { #KambiBC .dYaJxz.dYaJxz:hover { --B-outcomeButton__bg: var(--B-outcomeButton__bg--hover); --B-outcomeButton__color: var(--B-outcomeButton__color--hover); cursor: pointer; } } #KambiBC .dYaJxz.dYaJxz:active { --B-outcomeButton__bg: var(--B-outcomeButton__bg--active); --B-outcomeButton__color: var(--B-outcomeButton__color--active); } #KambiBC .dYaJxz.dYaJxz:disabled { --B-outcomeButton__bg: rgba(0,0,0,0.56); --B-outcomeButton__color: rgba(0,0,0,0.56); } #KambiBC .eYwBzg.eYwBzg { display: flex; -webkit-box-align: center; align-items: center; flex-flow: column; width: 100%; min-width: unset; box-sizing: border-box; padding: 0px 8px; margin: var(--B-outcomeButton__margin); min-height: var(--B-outcomeButton__minHeight); -webkit-box-pack: center; justify-content: center; } @media (max-width: 480px) { #KambiBC .eYwBzg.eYwBzg { padding: var(--B-outcomeButton__paddingMobile,0); } } #KambiBC .kbDGpr.kbDGpr { white-space: nowrap; display: flex; min-width: unset; line-height: var(--B-outcomeButton__lineHeight,1em); padding-bottom: var(--B-outcomeButton__VERTICAL_ALIGNMENT_BOTTOM_OFFSET); overflow: visible; -webkit-box-pack: center; justify-content: center; text-align: start; width: 100%; margin-right: 0px; } @media only screen and (max-width: 1450px) { #KambiBC .kbDGpr.kbDGpr { line-height: 1em; } } #KambiBC .cyiQDV.cyiQDV { font-size: var(--B-outcomeButton__fontSize); font-weight: var(--B-outcomeButton__fontWeight); font-style: var(--B-outcomeButton__fontStyle); font-family: var(--B-outcomeButton__fontFamily); overflow: hidden; white-space: nowrap; text-overflow: clip; min-width: unset; mask-image: var( --B-outcomeButton__maskImage, linear-gradient(to left,#0000 -5px,#000 0.3em) ); mask-size: 100%; mask-repeat: no-repeat; mask-origin: padding-box; } @media only screen and (max-width: 1450px) { #KambiBC .cyiQDV.cyiQDV { font-size: var(--B-outcomeButton__fontSize); } } #KambiBC .easFFs.easFFs { font-size: var(--B-outcomeButton__fontSize); font-weight: var(--B-outcomeButton__fontWeight); font-style: var(--B-outcomeButton__fontStyle); font-family: var(--B-outcomeButton__fontFamily); overflow: visible; padding-left: 0px; margin-left: 0px; min-width: unset; } @media only screen and (max-width: 1450px) { #KambiBC .easFFs.easFFs { font-size: var(--B-outcomeButton__fontSize); } } #KambiBC .gCFiej.gCFiej { font-size: var(--B-outcomeButton__fontSize); font-weight: var(--B-outcomeButton__fontWeight); font-style: var(--B-outcomeButton__fontStyle); font-family: var(--B-outcomeButton__fontFamily); overflow: visible; padding-left: 0.3em; margin-left: var(--B-outcomeButton__extrasMarginLeft,0.3em); min-width: unset; } @media only screen and (max-width: 1450px) { #KambiBC .gCFiej.gCFiej { font-size: var(--B-outcomeButton__fontSize); } } #KambiBC .iDFuhc.iDFuhc { display: flex; min-width: unset; line-height: var(--B-outcomeButton__lineHeight,1em); margin-top: -2px; position: relative; } @media only screen and (max-width: 1450px) { #KambiBC .iDFuhc.iDFuhc { line-height: 1em; } } #KambiBC .fPgCRz.fPgCRz { display: flex; min-width: unset; font-size: var(--B-outcomeButton__fontSizeOdds); font-style: var(--B-outcomeButton__fontStyleOdds); -webkit-box-pack: center; justify-content: center; flex-direction: var(--B-outcomeButton__oddsRowDirection,row); margin: 0px -0.25em; } @media only screen and (max-width: 1450px) { #KambiBC .fPgCRz.fPgCRz { font-size: var(--B-outcomeButton__fontSizeOdds); } } #KambiBC .gWeWHr.gWeWHr { min-width: unset; font-weight: var(--B-outcomeButton__fontWeightOdds); font-family: var(--B-outcomeButton__fontFamilyOdds); color: var(--B-outcomeButton__colorOdds); margin: 0px 0.25em; } #KambiBC .jRmJQc.jRmJQc { position: absolute; display: var(--B-outcomeButton__oddsIndicatorDisplay,flex); -webkit-box-pack: center; justify-content: center; flex-direction: column; width: var(--B-outcomeButton__oddsIndicatorWidth,6px); height: var(--B-outcomeButton__oddsIndicatorHeight,5px); left: var(--B-outcomeButton__oddsIndicatorLeft,-8px); top: calc(50% - 2px); visibility: hidden; } #KambiBC .HOwoX.HOwoX { font-size: 16px; -webkit-box-align: center; align-items: center; color: var(--B-outcomeButton__color); border: var(--B-outcomeButton__border); height: var(--B-outcomeButton__height); box-shadow: var(--B-outcomeButton__boxShadow); border-radius: var(--B-outcomeButton__borderRadius); --p-outcomeButton__bg: linear-gradient( var(--B-outcomeButton__bg), var(--B-outcomeButton__bg) ), var(--B-outcomeButton__borderGradient); --p-outcomeButton__bgSelected: linear-gradient( var(--B-outcomeButton__bg--selected), var(--B-outcomeButton__bg--selected) ), var(--B-outcomeButton__borderGradient--selected); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-color: ; background-origin: border-box; background-clip: content-box, border-box; background-blend-mode: var(--B-outcomeButton__bgBlendMode,normal); } @media (hover: hover) and (pointer: fine) { #KambiBC .HOwoX.HOwoX:hover { --B-outcomeButton__bg: var(--B-outcomeButton__bg--hover); --B-outcomeButton__bg--selected: var( --B-outcomeButton__bg--selected--hover ); --B-outcomeButton__color: var(--B-outcomeButton__color--hover); --B-outcomeButton__color--selected: var( --B-outcomeButton__color--selected--hover ); --B-outcomeButton__border: var(--B-outcomeButton__border--hover); --B-outcomeButton__border--selected: var( --B-outcomeButton__border--selected--hover ); --B-outcomeButton__boxShadow: var(--B-outcomeButton__boxShadow--hover); --B-outcomeButton__boxShadow--selected: var( --B-outcomeButton__boxShadow--selected--hover ); } #KambiBC .HOwoX.HOwoX:hover .sc-kAyceB { --B-outcomeButton__colorOdds: var(--B-outcomeButton__colorOdds--hover); --B-outcomeButton__colorOdds--selected: var( --B-outcomeButton__colorOdds--selected--hover ); } } #KambiBC .HOwoX.HOwoX:active { --B-outcomeButton__bg: var(--B-outcomeButton__bg--active); --B-outcomeButton__bg--selected: var( --B-outcomeButton__bg--selected--active ); --B-outcomeButton__color: var(--B-outcomeButton__color--active); --B-outcomeButton__color--selected: var( --B-outcomeButton__color--selected--active ); --B-outcomeButton__border: var(--B-outcomeButton__border--active); --B-outcomeButton__border--selected: var( --B-outcomeButton__border--selected--active ); --B-outcomeButton__boxShadow: var(--B-outcomeButton__boxShadow--active); --B-outcomeButton__boxShadow--selected: var( --B-outcomeButton__boxShadow--selected--active ); } #KambiBC .HOwoX.HOwoX:active .sc-kAyceB { --B-outcomeButton__colorOdds: var(--B-outcomeButton__colorOdds--active); --B-outcomeButton__colorOdds--selected: var( --B-outcomeButton__colorOdds--selected--active ); } #KambiBC .HOwoX.HOwoX:disabled { --B-outcomeButton__bg: var(--B-outcomeButton__bg--disabled); --B-outcomeButton__color: var(--B-outcomeButton__color--disabled); --B-outcomeButton__border: var(--B-outcomeButton__border--disabled); --B-outcomeButton__boxShadow: var( --B-outcomeButton__boxShadow--disabled, var(--B-outcomeButton__boxShadow) ); } #KambiBC .HOwoX.HOwoX#KambiBC .HOwoX.HOwoX:focus-visible { outline: -webkit-focus-ring-color auto 2px; } #mod-KambiBC-betslip-container .gPeXcf.gPeXcf { fill: var(--B-icon__fill,currentColor); stroke: var(--B-icon__stroke,none); stroke-width: var(--B-icon__strokeWidth); width: var(--B-icon__width,var(--B-icon__size,1em)); height: var(--B-icon__height,var(--B-icon__size,1em)); display: inline-block; vertical-align: var(--B-icon__verticalAlign,-16%); } #KambiBC .jxzxxp.jxzxxp { fill: var(--B-icon__fill,currentColor); stroke: var(--B-icon__stroke,none); stroke-width: var(--B-icon__strokeWidth); width: var(--B-icon__width,var(--B-icon__size,1em)); height: var(--B-icon__height,var(--B-icon__size,1em)); display: inline-block; vertical-align: var(--B-icon__verticalAlign,-16%); } #KambiBC #KambiBC-container #sg-highlights .csXTHf.csXTHf { fill: var(--B-icon__fill,currentColor); stroke: var(--B-icon__stroke,none); stroke-width: var(--B-icon__strokeWidth); width: var(--B-icon__width,var(--B-icon__size,1em)); height: var(--B-icon__height,var(--B-icon__size,1em)); display: inline-block; vertical-align: var(--B-icon__verticalAlign,-16%); } #KambiBC .gPRWWf.gPRWWf { background: transparent; display: flex; width: 100%; position: relative; overflow: hidden; } #KambiBC .haWrEs.haWrEs { overflow-x: auto; white-space: nowrap; display: block; position: relative; left: 0px; width: calc(100% + 0px); margin-bottom: var(--B-horizontalScroll__marginBottom,-12px); padding-bottom: var(--B-horizontalScroll__paddingBottom,12px); } #KambiBC .haWrEs.haWrEs::-webkit-scrollbar { display: none; } #KambiBC .htNbMC.htNbMC { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-repeat: no-repeat; background-color: var(--B-sticker__bg); background-image: var(--B-sticker__bgImage,none); transform: var(--B-sticker__transform); border-radius: var(--B-sticker__borderRadius); height: var(--B-sticker__height); width: var(--B-sticker__width); border: var(--B-sticker__border); padding: var(--B-sticker__padding,1px 3px 1px 3px); color: var(--B-sticker__color); text-transform: var(--B-sticker__textTransform); font-style: var(--B-sticker__fontStyle); font-size: var(--B-sticker__fontSize); font-weight: var(--B-sticker__fontWeight); font-family: var(--B-sticker__fontFamily); letter-spacing: var(--B-sticker__letterSpacing); line-height: var(--B-sticker__lineHeight,normal); } #KambiBC .isMdxA.isMdxA { background-image: var(--B-sticker__labelBgImage,none); background-repeat: no-repeat; height: var(--B-sticker__labelHeight,auto); width: var(--B-sticker__labelWidth,auto); display: var(--B-sticker__display); transform: var(--B-sticker__labelTransform); padding: var(--B-sticker__labelPaddingWithoutIcon,0); white-space: var(--B-sticker__labelWhiteSpace); } #KambiBC .iehZkQ.iehZkQ { width: 24px; height: 24px; margin: 8px auto; left: 0px; right: 0px; } #KambiBC .bommQm.bommQm { width: 24px; height: 24px; border-radius: 100%; border-top: 2px solid var(--B-spinner__innerColor,black); border-bottom: 2px solid var(--B-spinner__innerColor,black); border-left: 2px solid transparent; border-right: 2px solid transparent; animation: 1s linear 0s infinite normal none running spin; } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #KambiBC .iTvXTA.iTvXTA { margin-right: 8px; } #KambiBC .ivsjpV.ivsjpV { font-family: var(--B-sandwichFilter__fontFamily); background-color: var(--B-color__bodyBackground,var(--B-color__canvas)); } #KambiBC #KambiBC-container #sg-highlights .cZWRpN.cZWRpN { display: block; width: 100%; height: 100%; } #KambiBC #KambiBC-container #sg-highlights .cZWRpN.cZWRpN img:not([src]) { display: none; } #KambiBC #KambiBC-container #sg-highlights .CKcoU.CKcoU { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border: 0px; border-radius: 50%; transition: 0.2s ease-in-out; box-shadow: rgba(0, 0, 0, 0.32) 0px 8px 16px 0px; height: 32px; width: 32px; font-size: 16px; background-color: var(--B-highlightsV2__carouselArrowBackground); color: var(--B-highlightsV2__carouselArrowColor); } #KambiBC #KambiBC-container #sg-highlights .CKcoU.CKcoU:disabled { opacity: 0.8; cursor: unset; } #KambiBC #KambiBC-container #sg-highlights .CKcoU.CKcoU:enabled:hover { cursor: pointer; box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 8px 0px; } #KambiBC #KambiBC-container #sg-highlights .hymaPd.hymaPd { z-index: 500; position: absolute; top: 50%; opacity: 0; cursor: pointer; transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out; } #KambiBC #KambiBC-container #sg-highlights .hymaPd.hymaPd:focus { opacity: 1; } #KambiBC #KambiBC-container #sg-highlights .iQyDyD.iQyDyD { left: 0px; transform: translateY(-50%); margin-left: 8px; } #KambiBC #KambiBC-container #sg-highlights .bGVTID.bGVTID { right: 0px; transform: translateY(-50%); margin-right: 8px; } #KambiBC #KambiBC-container #sg-highlights .cTHblw.cTHblw { display: flex; position: relative; width: 100%; height: 100%; transform: translateZ(0px); } @media (hover: hover) { #KambiBC #KambiBC-container #sg-highlights .cTHblw.cTHblw:hover .PagedCollection__ArrowCss-sc-1kfqn9i-0 { opacity: 1; } } #KambiBC #KambiBC-container #sg-highlights .cJMTRk.cJMTRk { overflow: hidden; width: 100%; height: 100%; transform: translateZ(0px); } #KambiBC #KambiBC-container #sg-highlights .kQwInM.kQwInM { display: flex; user-select: none; height: 100%; width: 100%; } #KambiBC #KambiBC-container #sg-highlights .ifbVOL.ifbVOL { position: relative; min-width: auto; } #KambiBC #KambiBC-container #sg-highlights .bEnfhw.bEnfhw { width: 304px; height: 152px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; margin: 8px 6px; border-radius: var(--B-highlightsV2__itemBorderRadius); background: var(--B-highlightsV2__itemBg); box-shadow: var(--B-highlightsV2__itemBoxShadow); cursor: pointer; position: relative; } #KambiBC #KambiBC-container #sg-highlights .iQNaFt.iQNaFt { position: absolute; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; overflow: hidden; height: 100%; width: 100%; top: 0px; left: 0px; } #KambiBC #KambiBC-container #sg-highlights .iQNaFt.iQNaFt::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--B-highlightsV2__promoCardBackgroundOverlay); z-index: 1; display: none; } #KambiBC #KambiBC-container #sg-highlights .jONcgJ.jONcgJ { width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); aspect-ratio: 2 / 1; } #KambiBC #KambiBC-container #sg-highlights .hrvhRQ.hrvhRQ { position: absolute; top: 11px; right: 10px; color: var(--B-highlightsV2__promoCardTextIconColor); font-size: 12px; } #KambiBC #KambiBC-container #sg-highlights .GlVtI.GlVtI { position: absolute; z-index: 2; left: 0px; bottom: 0px; height: 58px; padding: 16px 24px 18px; width: 100%; background: var(--B-highlightsV2__promoCardTextOverlay); backdrop-filter: blur(2px); gap: 12px; display: flex; -webkit-box-align: center; align-items: center; } #KambiBC #KambiBC-container #sg-highlights .dlwGeo.dlwGeo { height: 3px; flex: 1 0 0px; border-radius: 2px; background: var(--B-highlightsV2__promoCardLineColor); } #KambiBC #KambiBC-container #sg-highlights .deivsS.deivsS { font-size: var(--B-highlightsV2__promoCardTextFontSize); font-weight: var(--B-highlightsV2__promoCardTextFontWeight); line-height: var(--B-highlightsV2__promoCardLineHeight); color: var(--B-highlightsV2__promoCardTextColor); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #KambiBC #KambiBC-container #sg-highlights .iWzBhR.iWzBhR { margin-left: -8px; } #KambiBC #KambiBC .cjaqgl.cjaqgl div { z-index: 4; position: relative; min-width: auto; } #KambiBC .bNkBhU.bNkBhU { -webkit-box-align: center; align-items: center; vertical-align: middle; margin-right: 3px; height: 12px; margin-bottom: 3px; } #KambiBC .jtKpbG.jtKpbG { -webkit-box-align: center; align-items: center; vertical-align: middle; margin-right: 3px; height: 12px; margin-bottom: 3px; } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper { margin: 0px; padding: 0px; width: max-content; min-width: fit-content; max-width: 100%; } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper::-webkit-scrollbar { display: none; } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li { display: inline-block; vertical-align: top; margin-right: 4px; cursor: pointer; } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__browser-support:focus-visible { outline-offset: -5px; } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container { display: flex; align-items: center; font-family: var(--B-sportsMenu__menuItemFontFamily); border-radius: var(--B-sportsMenu__menuItemBorderRadius); box-shadow: var(--B-sportsMenu__menuItemBoxShadow); color: var(--B-sportsMenu__menuItemColor); background-color: var(--B-sportsMenu__menuItemBgColor); border: var(--B-sportsMenu__menuItemBorder); height: var(--B-sportsMenu__allSportsLineHeight); padding: var(--B-sportsMenu__menuItemPadding, 0 9px); margin: var(--B-sportsMenu__menuItemMargin); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:hover { color: var(--B-sportsMenu__menuItemColor--hover); background-color: var(--B-sportsMenu__menuItemBgColor--hover); border: var(--B-sportsMenu__menuItemBorder--hover); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:hover .KambiBC-sports-menu__sport-text { color: var(--B-sportsMenu__sportTextColor--hover); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:hover .KambiBC-sports-menu__all-sports { color: var(--B-sportsMenu__sportTextColor--hover); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:hover .KambiBC-sports-menu__all-sports::after { color: var(--B-sportsMenu__allSportsArrowColor--hover); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:active { color: var(--B-sportsMenu__menuItemColor--active); background-color: var(--B-sportsMenu__menuItemBgColor--active); border: var(--B-sportsMenu__menuItemBorder--active); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:active .KambiBC-sports-menu__sport-text { color: var(--B-sportsMenu__sportTextColor--active); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:active .KambiBC-sports-menu__all-sports { color: var(--B-sportsMenu__sportTextColor--active); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container:active .KambiBC-sports-menu__all-sports::after { color: var(--B-sportsMenu__allSportsArrowColor--active, var(--B-sportsMenu__sportTextColor--active)); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container .KambiBC-sports-menu__sport-text { max-width: unset; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: var(--B-sportsMenu__sportTextMarginLeft, 4px); padding-right: var(--B-sportsMenu__sportTextPaddingRight); font-size: var(--B-sportsMenu__sportTextFontSize); font-weight: var(--B-sportsMenu__sportTextFontWeight); text-transform: var(--B-sportsMenu__sportTextTransform); color: var(--B-sportsMenu__sportTextColor); line-height: var(--B-sportsMenu__allSportsLineHeight); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container .KambiBC-sports-menu__all-sports { font-size: var(--B-sportsMenu__sportTextFontSize); font-weight: var(--B-sportsMenu__sportTextFontWeight); text-transform: var(--B-sportsMenu__sportTextTransform); opacity: var(--B-sportsMenu__allSportsOpacity, 1); padding: var(--B-sportsMenu__allSportsTextPadding, 0 16px); color: var(--B-sportsMenu__sportTextColor); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper li .KambiBC-sports-menu__menu-item-container .KambiBC-sports-menu__all-sports::after { content: ""; height: var(--B-sportsMenu__allSportsArrowHeight); margin-left: 1px; font-family: kambi-icons; font-style: normal; line-height: var(--B-sportsMenu__allSportsArrowLineHeight); font-size: var(--B-sportsMenu__allSportsArrowFontSize); font-weight: var(--B-sportsMenu__allSportsArrowFontWeight); text-transform: none; color: var(--B-sportsMenu__allSportsArrowColor, var(--B-sportsMenu__sportTextColor)); } #KambiBC #KambiBC-container .KambiBC-sports-menu__wrapper-browser-support:focus-visible { outline-offset: -4px !important; } #KambiBC #KambiBC-container [data-sandwichfilter-theme] { --B-sandwichFilter__cardW: 4px; --B-sandwichFilter__activeClickBackgroundSideLength: 30px; } #KambiBC #KambiBC-container .KambiBC-event-favourite { border: 0px; background: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; } #KambiBC #KambiBC-container .KambiBC-event-favourite { color: var(--B-sandwichFilter__eventlistTextColor); width: var(--B-sandwichFilter__activeClickBackgroundSideLength); height: var(--B-sandwichFilter__activeClickBackgroundSideLength); position: relative; top: 4px; } #KambiBC #KambiBC-container .KambiBC-event-favourite .KambiBC-event-favourite-staricon-container { width: 22px; height: 20px; } #KambiBC #KambiBC-container .KambiBC-event-favourite .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconFill); stroke: var(--B-sandwichFilter__favouriteStariconOutline); transition: 0.15s ease-out; } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-event-favourite:hover .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconFill--hover, var(--B-sandwichFilter__favouriteStariconFill)); stroke: var(--B-sandwichFilter__favouriteStariconOutline--hover, var(--B-sandwichFilter__favouriteStariconOutline)); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-event-favourite.KambiBC-touch-feedback:hover .KambiBC-event-favourite-staricon, #KambiBC #KambiBC-container .KambiBC-event-favourite.KambiBC-touch-feedback:hover:active .KambiBC-event-favourite-staricon, #KambiBC #KambiBC-container .KambiBC-event-favourite.KambiBC-touch-feedback .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconFillDown, var(--B-sandwichFilter__favouriteStariconFill)); stroke: var(--B-sandwichFilter__favouriteStariconOutlineDown, var(--B-sandwichFilter__favouriteStariconOutline)); } #KambiBC #KambiBC-container .KambiBC-event-favourite__tagged .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconSelectedFill); stroke: var(--B-sandwichFilter__favouriteStariconSelectedStroke, var(--B-sandwichFilter__favouriteStariconOutline)); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-event-favourite__tagged:hover .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconSelectedFill--hover); stroke: var(--B-sandwichFilter__favouriteStariconSelectedStroke--hover, var(--B-sandwichFilter__favouriteStariconOutline)); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-event-favourite__tagged.KambiBC-touch-feedback:hover .KambiBC-event-favourite-staricon, #KambiBC #KambiBC-container .KambiBC-event-favourite__tagged.KambiBC-touch-feedback:hover:active .KambiBC-event-favourite-staricon, #KambiBC #KambiBC-container .KambiBC-event-favourite__tagged.KambiBC-touch-feedback .KambiBC-event-favourite-staricon { fill: var(--B-sandwichFilter__favouriteStariconSelectedFillDown); stroke: var(--B-sandwichFilter__favouriteStariconSelectedStrokeDown, var(--B-sandwichFilter__favouriteStariconOutline)); } #KambiBC #KambiBC-container .KambiBC-favourites-group-container { width: 35px; display: inline-block; height: 20px; position: relative; } #KambiBC #KambiBC-container .KambiBC-favourites-group-container .KambiBC-event-favourite { top: -1px; left: 1px; position: absolute; } #KambiBC #KambiBC-container .KambiBC-util-retail-mode .KambiBC-event-item__event-info .KambiBC-event-favourite { top: 0px; } #KambiBC #KambiBC-container .KambiBC-util-retail-mode .KambiBC-event-item__event-info .KambiBC-event-favourite .KambiBC-event-favourite-staricon-container { width: 33px; height: 30px; } #KambiBC #KambiBC-container [data-sandwichfilter-theme] { --SF-sandwichFilter__outcomeWidthWithMargin: calc( var(--B-sandwichFilter__outcomeCompactWidth) + var(--B-sandwichFilter__betofferOutcomeMarginRight) ); --SF-sandwichFilter__outcomeBigWidth: calc( 3 * var(--SF-sandwichFilter__outcomeWidthWithMargin) ); --SF-sandwichFilter__outcomeButtonWidth: calc( var(--SF-sandwichFilter__outcomeHalfBigWidth) * var(--B-sandwichFilter__topX) ); } #KambiBC #KambiBC-container .KambiBC-bet-offer__outcomes { display: flex; } #KambiBC #KambiBC-container .KambiBC-bet-offer .KambiBC-betty-outcome, #KambiBC #KambiBC-container .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { margin-right: calc(var(--B-sandwichFilter__betofferOutcomeMarginRight)*var(--B-sandwichFilter__topX)); flex: 1 1 0px; display: block; } #KambiBC #KambiBC-container .KambiBC-bet-offer .KambiBC-betty-outcome:last-child, #KambiBC #KambiBC-container .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome:last-child { margin-right: 0px; } #KambiBC #KambiBC-container .KambiBC-event-groups-list .KambiBC-bet-offer .KambiBC-betty-outcome, #KambiBC #KambiBC-container .KambiBC-event-groups-list .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { height: 46px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--outcomes-0 { display: none; } #KambiBC #KambiBC-container .KambiBC-bet-offer--empty.KambiBC-bet-offer--inline.KambiBC-bet-offer--outcomes-1 { --button-width: calc(1 * var(--B-sandwichFilter__outcomeCompactWidth)); --button-margin: calc( 0 * var(--B-sandwichFilter__betofferOutcomeMarginRight) ); --button-space-size: calc(var(--button-width) + var(--button-margin)); width: calc(var(--button-space-size)*var(--B-sandwichFilter__topX)); } #KambiBC #KambiBC-container .KambiBC-bet-offer--empty.KambiBC-bet-offer--inline.KambiBC-bet-offer--outcomes-2 { --button-width: calc(2 * var(--B-sandwichFilter__outcomeCompactWidth)); --button-margin: calc( 1 * var(--B-sandwichFilter__betofferOutcomeMarginRight) ); --button-space-size: calc(var(--button-width) + var(--button-margin)); width: calc(var(--button-space-size)*var(--B-sandwichFilter__topX)); } #KambiBC #KambiBC-container .KambiBC-bet-offer--empty.KambiBC-bet-offer--inline.KambiBC-bet-offer--outcomes-3 { --button-width: calc(3 * var(--B-sandwichFilter__outcomeCompactWidth)); --button-margin: calc( 2 * var(--B-sandwichFilter__betofferOutcomeMarginRight) ); --button-space-size: calc(var(--button-width) + var(--button-margin)); width: calc(var(--button-space-size)*var(--B-sandwichFilter__topX)); } #KambiBC #KambiBC-container .KambiBC-bet-offer--empty.KambiBC-bet-offer--american-layout { width: calc(2*var(--B-sandwichFilter__outcomeCompactWidth)*var(--B-sandwichFilter__topX)); } #KambiBC #KambiBC-container .KambiBC-bet-offer--block .KambiBC-bet-offer__outcomes { display: block; } #KambiBC #KambiBC-container .KambiBC-bet-offer--block .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { width: 100%; max-width: inherit; margin-bottom: 4px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--block .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome:last-child { margin-bottom: 0px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--block .KambiBC-betty-outcome { margin-bottom: 4px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--block .KambiBC-betty-outcome:last-child { margin-bottom: 0px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--american-layout .KambiBC-bet-offer__outcomes { display: flex; flex-direction: column; } #KambiBC #KambiBC-container .KambiBC-bet-offer--american-layout .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { margin-right: 0px; } #KambiBC #KambiBC-container .KambiBC-bet-offer--american-layout .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome:last-child { margin-top: var(--B-sandwichFilter__americanLayoutOutcomeMarginTop, 2px); } #KambiBC #KambiBC-container .KambiBC-bet-offers-list:not(.KambiBC-bet-offers-list--col1) { display: flex; justify-content: flex-end; } #KambiBC #KambiBC-container [data-eq-state~="eventItemWide"] .KambiBC-bet-offers-list:not(.KambiBC-bet-offers-list--col1) div[role="button"], #KambiBC #KambiBC-container [data-eq-state~="eventItemWide"] .KambiBC-bet-offers-list:not(.KambiBC-bet-offers-list--col1) .KambiBC-betty-outcome { width: calc(var(--B-sandwichFilter__outcomeCompactWidth)*var(--B-sandwichFilter__topX)); flex-basis: 34px; } #KambiBC #KambiBC-container [data-eq-state~="eventItemWide"] .KambiBC-bet-offers-list:not(.KambiBC-bet-offers-list--col1) div[role="button"].KambiBC-betty-outcome--american-layout, #KambiBC #KambiBC-container [data-eq-state~="eventItemWide"] .KambiBC-bet-offers-list:not(.KambiBC-bet-offers-list--col1) .KambiBC-betty-outcome.KambiBC-betty-outcome--american-layout { width: calc(2*var(--B-sandwichFilter__outcomeCompactWidth)*var(--B-sandwichFilter__topX)); flex-basis: 34px; } #KambiBC #KambiBC-container .KambiBC-bet-offers-list__column { margin-left: calc(var(--B-sandwichFilter__betofferCombinedColumnMarginLeft)*var(--B-sandwichFilter__topX)); flex: 1 1 auto; display: block; } #KambiBC #KambiBC-container .KambiBC-bet-offers-list__column:first-child { margin-left: 0px; } #KambiBC #KambiBC-container .KambiBC-bet-offers-list--col1 .KambiBC-bet-offers-list__column:nth-child(n+2) { display: none; } #KambiBC #KambiBC-container .KambiBC-bet-offers-list--col2 .KambiBC-bet-offers-list__column:nth-child(n+3) { display: none; } #KambiBC #KambiBC-container .KambiBC-bet-offers-list--col3 .KambiBC-bet-offers-list__column:nth-child(n+4) { display: none; } #KambiBC #KambiBC-container [data-sandwichfilter-theme] { --B-sandwichFilter__outcomeWidthTiny: 60px; --B-sandwichFilter__outrightOutcomeMinWidthSmall: 80px; --B-sandwichFilter__outrightOutcomeMinWidthMedium: 100px; --B-sandwichFilter__outrightOutcomeMinWidthLarge: 115px; --B-sandwichFilter__arrowBackgroundLeft: linear-gradient( -90deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 50% ); --B-sandwichFilter__arrowBackgroundRight: linear-gradient( 90deg, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 0.9) 50% ); --B-sandwichFilter__arrowBackgroundLeft--hover: linear-gradient( -90deg, rgba(246, 246, 246, 0.7) 0%, rgba(246, 246, 246, 0.9) 80% ); --B-sandwichFilter__arrowBackgroundRight--hover: linear-gradient( 90deg, rgba(246, 246, 246, 0.7) 0%, rgba(246, 246, 246, 0.9) 80% ); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-stacked-layout-item .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column .KambiBC-bet-offer.KambiBC-bet-offer--block .KambiBC-bet-offer__outcomes button { height: 41px; width: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-stacked-layout-item .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column .KambiBC-bet-offer.KambiBC-bet-offer--block .KambiBC-bet-offer__outcomes button:first-child { margin-bottom: 2px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-stacked-layout-item .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column { margin-right: 4px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller { left: 0px; margin-right: 8px; height: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow { display: flex; width: 24px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left { box-shadow: none; background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right::before, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left::before { background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right::after, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left::after { background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow svg { stroke: rgba(0, 0, 0, 0.56); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left { background: var(--B-sandwichFilter__arrowBackgroundLeft); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left:hover { background: var(--B-sandwichFilter__arrowBackgroundLeft--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right { background: var(--B-sandwichFilter__arrowBackgroundRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-scroller .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right:hover { background: var(--B-sandwichFilter__arrowBackgroundRight--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list { flex: 1 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-sandwich-filter__bet-offers-list__horizontal-scroll, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column .KambiBC-bet-offer, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column .KambiBC-bet-offer .KambiBC-bet-offer__outcomes, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column .KambiBC-bet-offer .KambiBC-bet-offer__outcomes button { height: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column { margin-left: 0px; margin-right: 8px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column:last-child { margin-right: 4px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view__column.KambiBC-bet-offers-list__column.KambiBC-bet-offers-list__column--american-layout:last-child { margin-right: 4px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column.KambiBC-bet-offers-list__column--num-3 { flex: 3 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offers-list__column.KambiBC-bet-offers-list__column--num-2 { flex: 2 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-bet-offer--empty { width: 100%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll { max-width: 50%; margin-right: 4px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll .KambiBC-scroller-wrapper { height: 100%; margin-bottom: 0px; padding-bottom: 0px; scrollbar-width: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offer--outcomes-3 .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { width: var(--B-sandwichFilter__outcomeWidthTiny); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { min-width: var(--B-sandwichFilter__outcomeWidthTiny); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { min-width: var(--B-sandwichFilter__outrightOutcomeMinWidthSmall); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-bet-offers-list--col1 .KambiBC-bet-offer--outcomes-2:not(.KambiBC-bet-offer--outright):not(.KambiBC-bet-offer--position) .KambiBC-betty-outcome { width: var(--B-sandwichFilter__outcomeWidthTiny); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll { max-width: 60%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { min-width: var(--B-sandwichFilter__outrightOutcomeMinWidthMedium); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"] .KambiBC-sandwich-filter__event-list-item-betoffers.KambiBC-sandwich-filter__event-list-item-betoffers--scroll .KambiBC-list-view.KambiBC-bet-offers-list .KambiBC-bet-offer__outcomes .KambiBC-betty-outcome { min-width: var(--B-sandwichFilter__outrightOutcomeMinWidthLarge); } #KambiBC #KambiBC-container .KambiBC-favourites-banner-icon { margin-bottom: 3px; } #KambiBC #KambiBC-container .KambiBC-reference-modal--same-game-parlay__sticker { display: inline-flex; align-items: center; height: var(--B-modal__titleLineHeight); margin-right: var(--B-modal__elemMargin); margin-bottom: var(--B-modal__elemMargin); } #KambiBC #KambiBC-container h1.KambiBC-reference-modal__title { display: flex; margin: 0px; font-size: var(--B-modal__titleFontSize); font-weight: var(--B-modal__titleFontWeight); line-height: var(--B-modal__titleLineHeight); color: var(--B-modal__titleColor); } #KambiBC #KambiBC-container h1.KambiBC-reference-modal__title > * { display: inline-flex; } #KambiBC #KambiBC-container p.KambiBC-reference-modal__description-paragraph { margin: 0px; } #KambiBC #KambiBC-container p.KambiBC-reference-modal__description-paragraph + p.KambiBC-reference-modal__description-paragraph { margin-top: var(--B-modal__descriptionLineHeight); } #KambiBC #KambiBC-container .KambiBC-information-tutorial-banner-header { display: flex; align-items: center; left: 2px; width: auto; min-width: 167px; } #KambiBC #KambiBC-container .KambiBC-information-tutorial-banner-title { margin: var(--B-tutorialBanner__titleMargin); font-family: var(--B-tutorialBanner__titleFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-style: var(--B-tutorialBanner__titleFontStyle); font-weight: var(--B-tutorialBanner__titleFontWeight); font-size: var(--B-tutorialBanner__titleFontSize); color: var(--B-color__onSurface); } #KambiBC #KambiBC-container [data-sandwichfilter-theme] { --B-sandwichFilter__cardW: 4px; --B-sandwichFilter__cardH: 4px; --B-sandwichFilter__cardOffset: 2px; --B-sandwichFilter__dividerW: calc( var(--B-sandwichFilter__cardW) - var(--B-sandwichFilter__cardOffset) ); --B-sandwichFilter__dividerH: calc( var(--B-sandwichFilter__cardH) - var(--B-sandwichFilter__cardOffset) ); --B-sandwichFilter__red: #f70202; --B-sandwichFilter__white: #ffd9d9; --B-sandwichFilter__cardColour: linear-gradient( to right, var(--B-sandwichFilter__red) 0%, var(--B-sandwichFilter__red) 100% ); --B-sandwichFilter__cardDividerColour: linear-gradient( to right, var(--B-sandwichFilter__white) 0%, var(--B-sandwichFilter__white) 100% ); --B-sandwichFilter__teamLogoWidth: 20px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants .KambiBC-event-participants__name { color: var(--B-sandwichFilter__eventParticipantsNameColor); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__list { list-style: none; margin: 0px; padding: 0px; width: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item:not(.KambiBC-sandwich-filter__event-list-competition-item) { height: 88px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-competition-item { min-height: 88px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__each-way-terms, #KambiBC #KambiBC-container .KambiBC-event-item__criterion-label { font-size: 10px; line-height: 16px; color: var(--B-sandwichFilter__eventItemCriterionLabelColor); padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item { padding-top: 2px; padding-bottom: 2px; display: flex; background-color: var(--B-sandwichFilter__eventItemLinkBackgroundColor); transition: background-color 0.15s ease-out; border-bottom: var(--B-sandwichFilter__eventItemBorderTop); border-left: var(--B-sandwichFilter__eventItemBorderLeft); border-right: var(--B-sandwichFilter__eventItemBorderRight); border-radius: var(--B-sandwichFilter__eventItemBorderRadius); box-shadow: var(--B-sandwichFilter__eventItemBoxShadow); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter ul { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter ul li { list-style: none; } #KambiBC #KambiBC-container .KambiBC-sports-hub-filter .KambiBC-sandwich-filter__list-container:last-child .KambiBC-sandwich-filter__list li:last-child { border-bottom-left-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius); border-bottom-right-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomRightRadius); } #KambiBC #KambiBC-container:not(:has(.KambiBC-sandwich-filter__event-lists-container)) .KambiBC-sandwich-filter__list-container:last-child .KambiBC-sandwich-filter__list li:last-child, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-lists-container > section:last-of-type .KambiBC-sandwich-filter__list-container:last-child .KambiBC-sandwich-filter__list li:last-child { border-bottom-left-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius); border-bottom-right-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomRightRadius); } #KambiBC #KambiBC-container .KambiBC-sports-hub-popular-sports .KambiBC-sandwich-filter__event-lists-container .KambiBC-sandwich-filter:nth-last-child(2) .KambiBC-sandwich-filter__list-container:last-child .KambiBC-sandwich-filter__list .KambiBC-sandwich-filter__event-list-item:last-child { border-bottom-left-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius); border-bottom-right-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomRightRadius); } #KambiBC #KambiBC-container .KambiBC-sports-hub-popular-sports .KambiBC-sandwich-filter__event-lists-container .KambiBC-sandwich-filter:nth-last-child(3) .KambiBC-sandwich-filter__event-list-container:not(:empty) .KambiBC-sandwich-filter__list-container:last-child .KambiBC-sandwich-filter__list .KambiBC-sandwich-filter__event-list-item:last-child { border-bottom-left-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomLeftRadius); border-bottom-right-radius: var(--B-sandwichFilter__eventItemLastChildBorderBottomRightRadius); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-sandwich-filter__event-list-item:hover { background-color: var(--B-sandwichFilter__eventItemLinkBackgroundColor--hover); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-sandwich-filter__event-list-item.KambiBC-touch-feedback:hover, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-touch-feedback:hover:active, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-touch-feedback { background-color: var(--B-sandwichFilter__eventItemLinkBackgroundColor--touch); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-event-item__start-time--date, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-event-item__start-time--time { width: 50%; margin: 0px auto; height: 12px; background-color: var(--p-outcomeButton__bg, var(--B-outcomeButton__bg)); animation: 2s ease 0s infinite normal none running pulse; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-event-item__start-time--time { width: 35%; margin-top: 2px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants { width: 200px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants .KambiBC-event-participants__name { background-color: var(--p-outcomeButton__bg, var(--B-outcomeButton__bg)); animation: 2s ease 0s infinite normal none running pulse; height: 18px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants .KambiBC-event-participants__name:nth-child(1) { width: 75%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants .KambiBC-event-participants__name:nth-child(2) { width: 100%; margin-top: 3px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item-skeleton .KambiBC-sandwich-filter__show-more-right { background-color: var(--p-outcomeButton__bg, var(--B-outcomeButton__bg)); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; animation: 2s ease 0s infinite normal none running pulse; } @keyframes pulse { 50% { opacity: 0.5; } 75% { opacity: 0.75; } 100% { opacity: 1; } } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants__name { display: block; padding: 0px; font-size: var(--B-sandwichFilter__eventParticipantsNameFontSize, 14px); line-height: 16px; font-weight: var(--B-sandwichFilter__eventParticipantsNameFontWeight); font-family: var(--B-sandwichFilter__eventParticipantsNameFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); position: relative; color: var(--B-sandwichFilter__eventParticipantsNameColor); text-transform: var(--B-sandwichFilter__eventParticipantsNameTextTransform, ); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants__name:hover { color: var(--B-sandwichFilter__eventParticipantsNameColor--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-score .KambiBC-event-item__each-way-terms-container, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-score .KambiBC-event-item__criterion-label { padding-left: 10px; } #KambiBC #KambiBC-container .KambiBC-event-participants__name--serving { padding-left: 10px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name:not(.KambiBC-sandwich-filter__event-competition-list-name) .KambiBC-event-participants__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name.KambiBC-sandwich-filter__event-competition-list-name .KambiBC-event-participants__name { white-space: normal; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail { display: flex; align-items: center; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info { flex-direction: column; text-align: left; padding: 0px 8px; cursor: pointer; flex: 1 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers { display: flex; flex: 1 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-same-game-parlay-icon, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-odds-boost-icon { margin: 0px 5px 0px 0px; display: flex; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__favourite .KambiBC-event-favourite { position: static; width: 20px; height: 19px; display: block; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__favourite .KambiBC-event-favourite .KambiBC-event-favourite-staricon-container { width: 20px; height: 19px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top { display: flex; justify-content: space-between; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter__sets--mobile { padding: 8px 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter__sets--mobile .KambiBC-Sandwich-filter__set-match-points { padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons { display: flex; align-items: center; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-same-game-parlay-icon--mobile, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile { padding-right: 3px; display: flex; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"] .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterXLarge"] .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile { display: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-event-favourite { top: 0px; width: 16px; height: 14px; position: static; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-event-favourite .KambiBC-event-favourite-staricon-container { width: 16px; height: 14px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container { display: flex; justify-content: flex-start; flex-direction: column; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-1, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-2, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-3 { height: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-1::before { position: relative; display: block; content: " "; width: calc(var(--B-stenwichFilter__cardW) + 0*(var(--B-stenwichFilter__cardOffset) + 2px)); height: calc(var(--B-stenwichFilter__cardH) + 0*(var(--B-stenwichFilter__cardOffset) + 2px)); background-size: var(--B-stenwichFilter__cardW) var(--B-stenwichFilter__cardW),var(--B-stenwichFilter__dividerW) var(--B-stenwichFilter__dividerH); background-repeat: no-repeat; top: -8px; transform: translate(-50%, -50%); left: -5px; background-image: var(--B-sandwichFilter__cardColour); background-position: 0px 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-2::before { position: relative; display: block; content: " "; width: calc(var(--B-stenwichFilter__cardW) + 1*(var(--B-stenwichFilter__cardOffset) + 2px)); height: calc(var(--B-stenwichFilter__cardH) + 1*(var(--B-stenwichFilter__cardOffset) + 2px)); background-repeat: no-repeat; top: -8px; transform: translate(-50%, -50%); left: -3px; background-size: 4px 4px, 4px 4px; background-image: var(--B-sandwichFilter__cardColour),var(--B-sandwichFilter__cardDividerColour),var(--B-sandwichFilter__cardColour); background-position: var(--B-sandwichFilter__cardOffset) 1 var(--B-sandwichFilter__cardOffset) 1,var(--B-sandwichFilter__cardOffset) var(--B-sandwichFilter__cardOffset),0 0; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--red-cards-3::before { position: relative; display: block; content: " "; width: calc(var(--B-stenwichFilter__cardW) + 2*(var(--B-stenwichFilter__cardOffset) + 2px)); height: calc(var(--B-stenwichFilter__cardH) + 2*(var(--B-stenwichFilter__cardOffset) + 2px)); background-repeat: no-repeat; top: -8px; transform: translate(-50%, -50%); left: -3px; background-size: 4px 4px, 2px 2px; background-image: var(--B-sandwichFilter__cardColour),var(--B-sandwichFilter__cardDividerColour),var(--B-sandwichFilter__cardColour),var(--B-sandwichFilter__cardDividerColour),var(--B-sandwichFilter__cardColour); background-position: calc(2*var(--B-stenwichFilter__cardOffset)) calc(2*var(--B-stenwichFilter__cardOffset)),calc(2*var(--B-stenwichFilter__cardOffset) + 1) calc(2*var(--B-stenwichFilter__cardOffset) + 1),calc(var(--B-stenwichFilter__cardOffset) + 1) calc(var(--B-stenwichFilter__cardOffset) + 1),var(--B-stenwichFilter__cardOffset) var(--B-stenwichFilter__cardOffset),0 0; } @keyframes KambiBC-modularized-scoreboard__participant-name--serving { 0% { opacity: 0; } 33%, 100% { opacity: 1; } } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-participants__info--serving::before { position: absolute; display: block; left: 4px; top: 3px; font-size: 8px; line-height: 10px; content: "•"; transform: scale(1.5); color: var(--B-sandwichFilter__eventParticipantsInfoServing); animation: 1.618s ease-in-out 0s infinite alternate none running KambiBC-modularized-scoreboard__participant-name--serving; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-section-title { line-height: var(--B-sandwichFilter__eventGroupSectionTitleLineHeight, 40px); padding: var(--B-sandwichFilter__eventGroupSectionTitlePadding, 0 8px); font-size: var(--B-sandwichFilter__eventGroupSectionTitleFontSize); font-family: var(--B-sandwichFilter__eventGroupSectionTitleFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-weight: var(--B-sandwichFilter__eventGroupSectionTitleFontWeight); color: var(--B-sandwichFilter__eventGroupBetofferLabelsTextColor); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--B-sandwichFilter__filterHeaderBorderTop); } #KambiBC #KambiBC-container .KambiBC-event-groups-no-events-available { margin-top: 16px; text-align: center; width: 100%; } #KambiBC #KambiBC-container .KambiBC-event-groups-no-events-available .KambiBC-event-groups-no-events-available-title { padding-left: 15px; color: var(--B-sandwichFilter__eventGroupEmptyEventTitleTextColor); font-size: var(--B-sandwichFilter__eventGroupEmptyEventTitleTextFontSize); font-weight: var(--B-sandwichFilter__eventGroupEmptyEventTitleTextFontWeight); margin: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__list .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-stacked-layout-item, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__list .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-stacked-layout-item { height: 88px; padding: 2px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-info { min-width: 132px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-event-participants__name-shape-icon-container { width: 26px; flex-shrink: 0; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-event-participants__name-shape-icon { display: flex; align-items: center; padding: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name-shape-icon { padding-left: 6px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-name .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name-no-shape-icon { padding-left: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__sets--mobile-shape-icon { padding: 4px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail-shape-icon .KambiBC-event-participants__name-participant-name { padding-bottom: 3px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-event-participants__name-participant-name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex-grow: 1; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name { max-width: 180px; font-size: var(--B-sandwichFilter__smallEventParticipantsNameFontSize); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name-no-shape-icon { max-width: 180px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name-shape-icon { max-width: 138px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name.KambiBC-event-participants__name--team-logo { padding-left: var(--B-sandwichFilter__teamLogoParticipantsNamePaddingLeft); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name.KambiBC-event-participants__name--team-logo .KambiBC-event-participants__info { height: 100%; position: static; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name.KambiBC-event-participants__name--team-logo .KambiBC-event-participants__info::before { margin-left: calc(-1*(var(--B-sandwichFilter__teamLogoParticipantsNamePaddingLeft) - var(--B-sandwichFilter__teamLogoWidth)/2)); height: var(--B-sandwichFilter__teamLogoHeight); min-width: var(--B-sandwichFilter__teamLogoWidth); position: absolute; display: block; content: ""; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { max-width: 180px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-item:not(.KambiBC-sandwich-filter__event-list-competition-item) { height: 72px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-item { padding: 4px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-competition-list-name { padding: 10px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-competition-item { min-height: 72px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-item.KambiBC-sandwich-filter__event-list-item--american-layout { height: 87px; padding: 8px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-score .KambiBC-event-item__each-way-terms-container, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-score .KambiBC-event-item__criterion-label { padding-left: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail-container { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-event-item__each-way-terms-container.KambiBC-sandwich-filter__each-way-with-no-criterian { min-height: 22px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info { display: flex; align-items: center; flex-direction: row; flex: 1 1 0%; justify-content: space-between; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-name .KambiBC-event-participants__name, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__each-way-terms-container, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { padding: 0px 0px 0px 12px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name { line-height: var(--B-sandwichFilter__smallEventParticipantsNameLineHeight); height: var(--B-sandwichFilter__smallEventParticipantsNameHeight); font-size: var(--B-sandwichFilter__eventParticipantsNameFontSize); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail { position: relative; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__each-way-terms, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__criterion-label { font-size: var(--B-sandwichFilter__smallEventCriterionFontSize); font-weight: var(--B-sandwichFilter__smallEventCriterionFontWeight); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { max-width: 180px; display: flex; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__info--serving::before { top: 6px; font-size: 10px; line-height: 12px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-sandwich-filter__event-list-score .KambiBC-event-participants__name-shape-icon { max-width: 100%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-list-info { flex: 2 1 0%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-list-item-betoffers { flex: 3 1 0%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { max-width: 190px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"] .KambiBC-sandwichP-filter__event-detail .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-event-item__criterion-label { max-width: 275px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterXLarge"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { max-width: 310px; } @media only screen and (max-width: 1149px) { #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-name .KambiBC-event-item__criterion-label { max-width: 280px; } } @media only screen and (max-width: 550px) { #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-participants__name, #KambiBC #KambiBC-container .KambiBC-event-item__criterion-label { max-width: 215px; } } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header { display: flex; flex-direction: row; justify-content: flex-start; height: 40px; align-items: center; background-color: var(--B-sandwichFilter__filterHeaderBackgroundColor); box-shadow: var(--B-sandwichFilter__filterHeaderBoxShadow); margin: 0px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--B-sandwichFilter__filterHeaderBorderTop); border-radius: var(--B-sandwichFilter__filterHeaderBorderRadius); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header div { list-style: none; display: flex; font-size: var(--B-sandwichFilter__headerTextSize); color: var(--B-sandwichFilter__headerTextColor); align-items: center; font-weight: var(--B-sandwichFilter__headerFontWeight); font-family: var(--B-sandwichFilter__headerFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-header { font-weight: var(--B-sandwichFilter__groupHeaderFontWeight); line-height: 40px; padding: 0px 8px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-header-favorite { padding: var(--B-sandwichFilter__groupHeaderFavoriteStarPadding); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-header .KambiBC-navicon__flag { width: 12px; min-width: 12px; height: 12px; background-size: 12px 12px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1); position: initial; margin-right: 6px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__sport-icon { margin: var(--B-sandwichFilter__groupSportIconMargin); height: 11.5px; width: 11.5px; min-width: 11.5px; mask-size: 11.5px; background-color: var(--B-sandwichFilter__headerIconColor); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-header .KambiBC-sandwich-filter__group-header-icon { flex-shrink: 0; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__group-header-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--B-sandwichFilter__headerTitleColor); font-family: var(--B-sandwichFilter__headerTitleFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-size: var(--B-sandwichFilter__groupHeaderTitleFontSize); font-weight: var(--B-sandwichFilter__groupHeaderTitleFontWeight); text-transform: var(--B-sandwichFilter__groupHeaderTitleTextTransform, ); padding: var(--B-sandwichFilter__headerTitlePadding); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header .KambiBC-sandwich-filter__betoffer-header { display: flex; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header .KambiBC-sandwich-filter__betoffer-header div { font-weight: var(--B-sandwichFilter__betofferHeaderFont); color: var(--B-sandwichFilter__betofferHeaderColor); font-family: var(--B-sandwichFilter__betofferHeaderFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header .KambiBC-sandwich-filter__betoffer-header--1 { flex: 1 1 0%; justify-content: center; text-align: center; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header .KambiBC-sandwich-filter__betoffer-header--2 { flex: 2 1 0%; justify-content: center; text-align: center; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__header .KambiBC-sandwich-filter__betoffer-header--3 { flex: 3 1 0%; justify-content: center; text-align: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__group-header { flex: 1 1 0%; min-width: 132px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__betoffer-header { flex: 1 1 0%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__group-header { flex: 1 1 0%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__betoffer-header { flex: 1 1 0%; display: flex; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__betoffer-header div:last-child { padding-right: 85px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__group-header { flex: 2 1 0%; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterMedium"] .KambiBC-sandwich-filter__betoffer-header { flex: 3 1 0%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-extra-info-icons { display: flex; flex-direction: row; align-items: center; align-self: center; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter:not([data-eq-state~="sandwichFilterSmall"]) .KambiBC-sandwich-filter__event-list-extra-info-icons { margin-top: -3px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter:not([data-eq-state~="sandwichFilterSmall"]) .KambiBC-sandwich-filter__event-list-extra-info-icons .KambiBC-sandwich-filter__event-list-statistics::before { padding: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-extra-info-icons .KambiBC-sandwich-filter__event-list-statistics:not(:only-child) { height: 12px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-extra-info { display: flex; justify-content: space-between; padding-top: 4px; } #KambiBC #KambiBC-container [data-eq-state="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-same-game-parlay-icon, #KambiBC #KambiBC-container [data-eq-state="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-odds-boost-icon, #KambiBC #KambiBC-container [data-eq-state="sandwichFilterTiny"] .KambiBC-sandwich-filter__favourite { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail-top .KambiBC-sandwich-filter-event-detail-top__icons .KambiBC-sandwich-filter__event-list-same-game-parlay-icon--mobile, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-odds-boost-icon--mobile, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__favourite--mobile { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-extra-info-icons { flex-direction: row; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__favourite { align-self: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-extra-info-icons { flex-direction: column; padding: 0px 5px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-extra-info { display: flex; padding-top: 0px; align-items: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-statistics::before { padding-right: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-statistics { border: 0px; background: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-statistics::before { font-family: kambi-icons; font-weight: normal; font-style: normal; content: ""; text-transform: none; -webkit-font-smoothing: antialiased; background: none; color: var(--B-sandwichFilter__statsExternalIconColor); font-size: var(--B-sandwichFilter__statsExternalIconFontSize, 16px); visibility: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 12px; width: 16px; padding-right: 5px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-tv-icon { border: 0px; background: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-tv-icon::before { font-family: kambi-icons; font-weight: normal; font-style: normal; content: ""; text-transform: none; -webkit-font-smoothing: antialiased; background: none; color: var(--B-sandwichFilter__streamExternalIconColor, var(--B-sandwichFilter__statsExternalIconColor)); font-size: var(--B-sandwichFilter__streamExternalIconFontSize, 16px); visibility: visible; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 12px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail { font-family: var(--B-sandwichFilter__eventDetailFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__score-container, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__started-score { flex-direction: column; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__match-clock-disabled { min-width: var(--B-sandwichFilter__eventItemMatchClockDisabledMinWidth, 84px); justify-content: center; display: flex; flex-direction: row; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__score-list { list-style: none; margin: 0px; padding: 0px; display: flex; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__match { display: block; text-align: center; font-size: var(--B-sandwichFilter__eventResultMatchFontSize); font-weight: var(--B-sandwichFilter__eventResultMatchFontWeight); line-height: var(--B-sandwichFilter__eventResultMatchLineHeight); min-width: 20px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:last-of-type, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__match { width: 28px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set > .KambiBC-event-result__points { color: var(--B-sandwichFilter__eventResultSetColor, var(--B-color__onSurface)); background-color: var(--B-sandwichFilter__eventResultSetBackgroundColor, transparent); font-weight: var(--B-sandwichFilter__eventResultSetFontWeight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:last-of-type > .KambiBC-event-result__points, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__match > .KambiBC-event-result__points { background-color: var(--B-sandwichFilter__eventResultBackground); color: var(--B-sandwichFilter__eventResultColor); font-weight: var(--B-sandwichFilter__eventResultFontWeight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:last-of-type { max-width: 36px; margin-left: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:not(:last-of-type) { display: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points:first-child { border-top-left-radius: var(--B-sandwichFilter__eventPointsRadius, 2px); border-top-right-radius: var(--B-sandwichFilter__eventPointsRadius, 2px); border-bottom: 1px solid var(--B-sandwichFilter__eventResultDivider); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points:last-child { border-bottom-left-radius: var(--B-sandwichFilter__eventPointsRadius, 2px); border-bottom-right-radius: var(--B-sandwichFilter__eventPointsRadius, 2px); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__started-score { padding-right: 5px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points { display: block; height: 16px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__score-container { position: absolute; left: var(--B-sandwichFilter__eventScoreContainerSmallLeft, -33px); margin-left: var(--B-sandwichFilter__eventScoreContainerSmallMarginLeft, 0); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:not(:last-of-type) { display: block; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:not(:last-of-type) .KambiBC-event-result__points-shape-icon { width: 20px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set span { font-size: var(--B-sandwichFilter__smallEventResultSetFontSize, var(--B-sandwichFilter__eventResultMatchFontSize)); line-height: var(--B-sandwichFilter__smallEventResultSetLineHeight, var(--B-sandwichFilter__eventResultMatchLineHeight)); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__set:last-of-type { margin-left: 8px; width: 36px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__match { width: 36px; font-size: var(--B-sandwichFilter__smallEventResultMatchFontSize); line-height: var(--B-sandwichFilter__smallEventResultMatchLineHeight); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points { padding: var(--B-sandwichFilter__smallEventResultPointsPadding); height: 20px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-item__score-container { left: var(--B-sandwichFilter__eventScoreContainerLargeLeft, -34px); margin-left: var(--B-sandwichFilter__eventScoreContainerLargeMarginLeft, 0); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points-shape-icon { height: 18px; width: 28px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail .KambiBC-event-result .KambiBC-event-result__points-shape-icon { height: 20px; width: 36px; } #KambiBC #KambiBC-container .KambiBC-Sandwich-filter__set-match-points { display: flex; justify-content: flex-start; font-size: 10px; line-height: 12px; color: var(--B-sandwichFilter__setMatchPointsColor); opacity: var(--B-sandwichFilter__setMatchPointsOpacity); padding: 0px 5px 8px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-Sandwich-filter__set-match-points { display: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__show-more { opacity: var(--B-sandwichFilter__eventShowMoreOpacity); color: var(--B-sandwichFilter__showMoreColor); font-family: var(--B-sandwichFilter__showMoreFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-size: var(--B-sandwichFilter__fontSizeNano); font-weight: var(--B-sandwichFilter__showMoreFontWeight); letter-spacing: 0px; line-height: 16px; text-align: right; display: block; cursor: pointer; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__show-more::after { font-family: kambi-icons; font-weight: normal; font-style: normal; content: ""; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; line-height: 10px; font-size: var(--B-sandwichFilter__fontSizeNano); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-sandwich-filter__show-more, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__show-more-right { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__show-more { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__show-more-right { justify-content: center; height: 100%; min-height: 63px; width: 75px; border-radius: var(--B-sandwichFilter__eventShowMoreBorderRadius); background-color: var(--B-sandwichFilter__eventShowMoreBackgroundColor); border: var(--B-sandwichFilter__showMoreBorder); display: flex; align-items: center; margin: var(--B-sandwichFilter__eventShowMoreMargin, 0 5px); cursor: pointer; color: var(--B-sandwichFilter__showMoreTextColor); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"].KambiBC-util-no-touchevents .KambiBC-sandwich-filter__show-more-right:hover { background-color: var(--B-sandwichFilter__eventShowMoreBackgroundColor--hover, var(--B-sandwichFilter__eventShowMoreBackgroundColor)); color: var(--B-sandwichFilter__showMoreTextColor--hover, var(--B-sandwichFilter__showMoreTextColor)); border: var(--B-sandwichFilter__showMoreBorder--hover, var(--B-sandwichFilter__showMoreBorder)); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"].KambiBC-util-no-touchevents .KambiBC-sandwich-filter__show-more-right:active { background-color: var(--B-sandwichFilter__eventShowMoreBackgroundColor--active, var(--B-sandwichFilter__eventShowMoreBackgroundColor)); color: var(--B-sandwichFilter__showMoreTextColor--active, var(--B-sandwichFilter__showMoreTextColor)); border: var(--B-sandwichFilter__showMoreBorder--active, var(--B-sandwichFilter__showMoreBorder)); } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter_show-more-right-text { opacity: var(--B-sandwichFilter__eventShowMoreRightTextOpacity); font-size: var(--B-sandwichFilter__showMoreRightTextFontSize); font-weight: var(--B-sandwichFilter__showMoreRightTextFontWeight); letter-spacing: 0px; line-height: var(--B-sandwichFilter__showMoreRightTextLineHeight); text-align: center; text-transform: var(--B-sandwichFilter__eventShowMoreTextTransform); text-overflow: ellipsis; overflow: hidden; padding: var(--B-sandwichFilter__showMoreRightTextPadding); pointer-events: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-item--american-layout .KambiBC-sandwich-filter__event-list-item-betoffers .KambiBC-sandwich-filter__show-more-right-link { display: inherit; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__show-more-shape-icon { padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container { min-width: 84px; color: var(--B-sandwichFilter__eventMatchClockColor); font-weight: var(--B-sandwichFilter__eventItemListInfoMatchClockFontWeight); font-family: var(--B-sandwichFilter__eventItemMatchClockFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-size: 10px; line-height: 12px; padding: 8px 0px; justify-content: flex-start; min-height: 0px; } #KambiBC #KambiBC-container .KambiBC-event-item__match-clock-container.KambiBC-event-item__match-clock-container--match-clock, #KambiBC #KambiBC-container .KambiBC-event-item__match-clock-container.KambiBC-event-item__match-clock-container__shape-icon--match-clock { color: var(--B-sandwichFilter__liveEventMatchClockColor, var(--B-sandwichFilter__eventMatchClockColor)); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container:hover { color: var(--B-sandwichFilter__eventMatchClockColor--hover); } #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container.KambiBC-event-item__match-clock-container--match-clock:hover, #KambiBC #KambiBC-container .KambiBC-util-no-touchevents .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container.KambiBC-event-item__match-clock-container__shape-icon--match-clock:hover { color: var(--B-sandwichFilter__liveEventMatchClockColor--hover, var(--B-sandwichFilter__liveEventMatchClockColor, var(--B-sandwichFilter__eventMatchClockColor--hover, var(--B-sandwichFilter__eventMatchClockColor)))); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__time-separator { display: inline; padding-right: 2px; opacity: var(--B-sandwichFilter__eventMobileOpacity); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container .KambiBC-match-clock__inner:not(:empty) { min-width: auto; padding-right: 22px; opacity: var(--B-sandwichFilter__eventMobileOpacity); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-match-clock__wrapper--live .KambiBC-match-clock__inner { display: flex; flex-direction: row; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-match-clock__divider { display: block; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container .KambiBC-event-countdown { justify-content: flex-start; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-countdown__circles-valueStroke { stroke: var(--B-sandwichFilter__eventCountdownCircle); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-countdown__circles-maxValueStroke { stroke: var(--B-sandwichFilter__eventItemCountdownMaxValueStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__start-time--date, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__start-time--time, #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-countdown__circles-text { font-size: 10px; line-height: 12px; margin-bottom: 0px; display: initial; opacity: var(--B-sandwichFilter__eventMobileOpacity); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container { max-height: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-countdown__circles-wrp { display: flex; align-items: center; margin: 0px; flex-direction: row; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-countdown__circles-wrp svg { margin: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-countdown__circles-text { padding-left: 5px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-event-item__match-clock-container { font-weight: var(--B-sandwichFilter__eventItemListTinyInfoMatchClockFontWeight); flex-direction: row; max-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterTiny"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container__shape-icon { padding: 4px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container__shape-icon { padding: 8px 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-match-clock__inner:not(:empty) { flex-direction: column; font-size: 14px; line-height: 16px; text-align: center; justify-content: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__start-time--date, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__start-time--time, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-countdown__circles-text, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-match-clock__inner:not(:empty) { display: block; opacity: 1; font-size: var(--B-sandwichFilter__smallEventTimeSize); line-height: var(--B-sandwichFilter__smallEventTimeHeight); margin-bottom: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__time-separator { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-match-clock__divider { display: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container .KambiBC-event-countdown { justify-content: center; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-match-clock__wrapper--live .KambiBC-match-clock__inner { display: flex; flex-direction: column; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-detail-container .KambiBC-event-countdown__circles-wrp { display: block; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-sandwich-filter__event-list-info .KambiBC-event-item__match-clock-container { flex: 0 1 0%; max-height: none; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"].KambiBC-sandwich-filter { padding: var(--B-sandwichFilter__viewWidePadding); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-wrapper { position: relative; } #KambiBC #KambiBC-container .KambiBC-sticky-sandwich-filter-wrapper { position: fixed; top: 0px; z-index: 999; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter { padding: var(--B-sandwichFilter__viewPadding); font-family: var(--B-sandwichFilter__fontFamily); } #KambiBC #KambiBC-container :is(.KambiBC-core-ux-landing-page, .KambiBC-bethistory-tabs, .KambiBC-favourites-list, .KambiBC-term-search-overlay__result-container, .KambiBC-racing-card-component, .KambiBC-virtual-racing-list, .KambiBC-dynamic-page-component-wrapper) .KambiBC-sandwich-filter { padding: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background-wrapper { left: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background { height: var(--B-sandwichFilter__menuHeight); left: 0px; width: 100%; box-shadow: var(--B-sandwichFilter__menuShadow); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background--level-0 { top: 0px; height: var(--B-sandwichFilter__menuLevel0Height); background: var(--B-sandwichFilter__menuLevel0BackgroundColor); border-bottom: var(--B-sandwichFilter__menuLevel0borderBottom); border-top-left-radius: var(--B-sandwichFilter__menuLevel0borderRadiusTopLeft); border-top-right-radius: var(--B-sandwichFilter__menuLevel0borderRadiusTopRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background--level-1 { top: 48px; background: var(--B-sandwichFilter__menuLevel1BackgroundColor); border-bottom: var(--B-sandwichFilter__menuLevel1borderBottom); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background.KambiBC-sandwich-filter-background--light.KambiBC-sandwich-filter-background--level-1 { height: var(--B-sandwichFilter__menuHeight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background--level-2 { top: 88px; background: var(--B-sandwichFilter__menuLevel2BackgroundColor); border-bottom: var(--B-sandwichFilter__menuLevel2borderBottom); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-background--level-3 { top: 128px; background: var(--B-sandwichFilter__menuLevel3BackgroundColor); border-bottom: var(--B-sandwichFilter__menuLevel3borderBottom); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter .KambiBC-scroller-wrapper { left: 0px; width: calc(100% - 2px); scrollbar-width: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper { position: relative; z-index: 100; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground { left: 0px; position: absolute; width: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-0 { top: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-1 { top: var(--B-sandwichFilter__menuForegroundLevel1Top); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--light.KambiBC-sandwich-filter-foreground--level-1 { top: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--light.KambiBC-sandwich-filter-foreground--level-2 { top: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--light.KambiBC-sandwich-filter-foreground--level-3 { top: 0px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-2 { top: var(--B-sandwichFilter__menuForegroundLevel2Top); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-3 { top: var(--B-sandwichFilter__menuForegroundLevel3Top); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow { display: flex; width: 24px; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right, #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left { box-shadow: none; background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right::before, #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left::before { background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right::after, #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left::after { background-image: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow-left { background: var(--B-sandwichFilter__menu0ArrowBackgroundLeft); border-radius: var(--B-sandwichFilter__menu0ArrowBorderRadiusLeft); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow-left:hover { background: var(--B-sandwichFilter__menu0ArrowBackgroundLeft--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow-right { background: var(--B-sandwichFilter__menu0ArrowBackgroundRight); border-radius: var(--B-sandwichFilter__menu0ArrowBorderRadiusRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow-right:hover { background: var(--B-sandwichFilter__menu0ArrowBackgroundRight--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow-left { background: var(--B-sandwichFilter__menu1ArrowBackgroundLeft); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow-left:hover { background: var(--B-sandwichFilter__menu1ArrowBackgroundLeft--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow-right { background: var(--B-sandwichFilter__menu1ArrowBackgroundRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow-right:hover { background: var(--B-sandwichFilter__menu1ArrowBackgroundRight--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow-left { background: var(--B-sandwichFilter__menu2ArrowBackgroundLeft); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow-left:hover { background: var(--B-sandwichFilter__menu2ArrowBackgroundLeft--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow-right { background: var(--B-sandwichFilter__menu2ArrowBackgroundRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow-right:hover { background: var(--B-sandwichFilter__menu2ArrowBackgroundRight--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow-left { background: var(--B-sandwichFilter__menu3ArrowBackgroundLeft); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow-left:hover { background: var(--B-sandwichFilter__menu3ArrowBackgroundLeft--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow-right { background: var(--B-sandwichFilter__menu3ArrowBackgroundRight); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow-right:hover { background: var(--B-sandwichFilter__menu3ArrowBackgroundRight--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow svg { stroke: var(--B-sandwichFilter__menuArrowStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-scroller__arrow:hover svg { stroke: var(--B-sandwichFilter__menuArrowStroke--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 ul { height: var(--B-sandwichFilter__menuLevel0Height); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 ul .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom { margin-right: var(--B-sandwichFilter__menuOptionLevel0CapRight, var(--B-sandwichFilter__menuOptionCapRight)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground.KambiBC-sandwich-filter-foreground--level-0 ul li { height: 100%; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-filter-menu__option { margin-right: var(--B-sandwichFilter__menuOptionCapRight); background-color: var(--B-sandwichFilter__menuOptionBackgroundColor); border: var(--B-sandwichFilter__menuOptionborder); font-size: var(--B-sandwichFilter__menuOptionFontSize); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected { background-color: var(--B-sandwichFilter__menuOptionSelectedBackgroundColor); border: var(--B-sandwichFilter__menuOptionSelectedborder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:hover { background-color: var(--B-sandwichFilter__menuOptionSelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionSelectedBackgroundColor)); color: var(--B-sandwichFilter__menuOptionSelectedTextColor--hover, var(--B-sandwichFilter__menuOptionSelectedTextColor)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected a:focus { outline: none; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground .KambiBC-filter-menu__option:hover { background-color: var(--B-sandwichFilter__menuOptionBackgroundColor--hover, var(--B-sandwichFilter__menuOptionBackgroundColor)); color: var(--B-sandwichFilter__menuOptionTextColor--hover, var(--B-sandwichFilter__menuOptionTextColor)); border: var(--B-sandwichFilter__menuOptionborder--hover, var(--B-sandwichFilter__menuOptionborder)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option { background: var(--B-sandwichFilter__menuOptionLevel0BackgroundColor); color: var(--B-sandwichFilter__menuOptionLevel0TextColor); font-family: var(--B-sandwichFilter__menuOptionFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-weight: var(--B-sandwichFilter__menuOptionLevel0FontWeight, var(--B-sandwichFilter__menuOptionFontWeight)); height: var(--B-sandwichFilter__menuOptionLevel0Height); border: var(--B-sandwichFilter__menuOptionLevel0Border); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom::after { content: ""; position: absolute; bottom: var(--B-sandwichFilter__filterMenuBottomLinePositonBottom, 0); left: var(--B-sandwichFilter__filterMenuBottomLinePositonLeft, calc(50% - 1px)); width: var(--B-sandwichFilter__filterMenuBottomLineWidth, 2px); transition: border-bottom-color 0.3s ease-in-out, width 0.3s ease-in-out, left 0.3s ease-in-out; border-bottom: var(--B-sandwichFilter__filterMenuBottomLineBorderBottom, none); border-radius: var(--B-sandwichFilter__filterMenuBottomLineBorderRadius, 0); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom:hover::after { left: var(--B-sandwichFilter__filterMenuBottomLinePositonLeft--hover, calc(50% - 5px)); width: var(--B-sandwichFilter__filterMenuBottomLineWidth--hover, 10px); border-bottom: var(--B-sandwichFilter__filterMenuBottomLineBorderBottom--hover, none); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected.KambiBC-filter-menu__option--custom { position: relative; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected.KambiBC-filter-menu__option--custom::after { left: var(--B-sandwichFilter__filterMenuPaddingX, 0); width: calc(100% - var(--B-sandwichFilter__filterMenuPaddingX, 0)*2); border-bottom: var(--B-sandwichFilter__filterMenuBottomLineSelectedBorderBottom, none); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected.KambiBC-filter-menu__option--custom.KambiBC-sf-betbuilder-override::after { left: 0px; width: calc(100% - var(--B-sandwichFilter__filterMenuPaddingX, 0)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected { color: var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor); font-weight: var(--B-sandwichFilter__menuOptionLevel0SelectedTextWeight, var(--B-sandwichFilter__menuOptionSelectedTextWeight)); background-color: var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor); border: var(--B-sandwichFilter__menuOptionLevel0SelectedBorder, var(--B-sandwichFilter__menuOptionSelectedborder)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:hover { background-color: var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor)); border: var(--B-sandwichFilter__menuOptionLevel0SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:active { background-color: var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0SelectedBackgroundColor)))); color: var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor--active, var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel0SelectedTextColor))); border: var(--B-sandwichFilter__menuOptionLevel0SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option:hover { background-color: var(--B-sandwichFilter__menuOptionLevel0BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0BackgroundColor)); color: var(--B-sandwichFilter__menuOptionLevel0TextColor--hover, var(--B-sandwichFilter__menuOptionLevel0TextColor)); border: var(--B-sandwichFilter__menuOptionLevel0Border--hover, var(--B-sandwichFilter__menuOptionLevel0Border)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-filter-menu .KambiBC-filter-menu__option:active { background-color: var(--B-sandwichFilter__menuOptionLevel0BackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel0BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel0BackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel0TextColor--active, var(--B-sandwichFilter__menuOptionLevel0TextColor--hover, var(--B-sandwichFilter__menuOptionLevel0TextColor))); border: var(--B-sandwichFilter__menuOptionLevel0Border--active, var(--B-sandwichFilter__menuOptionLevel0Border--hover, var(--B-sandwichFilter__menuOptionLevel0Border))); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow svg { stroke: var(--B-sandwichFilter__menuLevel0ArrowStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-0 .KambiBC-scroller__arrow:hover svg { stroke: var(--B-sandwichFilter__menuLevel0ArrowStroke--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option { background: var(--B-sandwichFilter__menuOptionLevel1BackgroundColor); color: var(--B-sandwichFilter__menuOptionLevel1TextColor); font-family: var(--B-sandwichFilter__menuOptionFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-weight: var(--B-sandwichFilter__menuOptionLevel1FontWeight, var(--B-sandwichFilter__menuOptionFontWeight)); height: var(--B-sandwichFilter__menuOptionLevel1Height); border: var(--B-sandwichFilter__menuOptionLevel1Border); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected { color: var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor); font-weight: var(--B-sandwichFilter__menuOptionLevel1SelectedTextWeight, var(--B-sandwichFilter__menuOptionSelectedTextWeight)); background-color: var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor); border: var(--B-sandwichFilter__menuOptionLevel1SelectedBorder, var(--B-sandwichFilter__menuOptionSelectedborder)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:hover { background-color: var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel1BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor)); border: var(--B-sandwichFilter__menuOptionLevel1SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:active { background-color: var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel1BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel1SelectedBackgroundColor)))); color: var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor--active, var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel1SelectedTextColor))); border: var(--B-sandwichFilter__menuOptionLevel1SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option:hover { background-color: var(--B-sandwichFilter__menuOptionLevel1BackgroundColor--hover); color: var(--B-sandwichFilter__menuOptionLevel1TextColor--hover, var(--B-sandwichFilter__menuOptionLevel1TextColor)); border: var(--B-sandwichFilter__menuOptionLevel1Border--hover, var(--B-sandwichFilter__menuOptionLevel1Border)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option:active { background-color: var(--B-sandwichFilter__menuOptionLevel1BackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel1BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel1BackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel1TextColor--active, var(--B-sandwichFilter__menuOptionLevel1TextColor--hover, var(--B-sandwichFilter__menuOptionLevel1TextColor))); border: var(--B-sandwichFilter__menuOptionLevel1Border--active, var(--B-sandwichFilter__menuOptionLevel1Border--hover, var(--B-sandwichFilter__menuOptionLevel1Border))); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom { transition: background-color 0.3s, color 0.3s; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow svg { stroke: var(--B-sandwichFilter__menuLevel1ArrowStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-1 .KambiBC-scroller__arrow:hover svg { stroke: var(--B-sandwichFilter__menuLevel1ArrowStroke--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option { background: var(--B-sandwichFilter__menuOptionLevel2BackgroundColor); color: var(--B-sandwichFilter__menuOptionLevel2TextColor); font-family: var(--B-sandwichFilter__menuOptionFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-weight: var(--B-sandwichFilter__menuOptionLevel2FontWeight, var(--B-sandwichFilter__menuOptionFontWeight)); height: var(--B-sandwichFilter__menuOptionLevel2Height); border: var(--B-sandwichFilter__menuOptionLevel2Border); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected { color: var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor); font-weight: var(--B-sandwichFilter__menuOptionLevel2SelectedTextWeight, var(--B-sandwichFilter__menuOptionSelectedTextWeight)); background-color: var(--B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor); border: var(--B-sandwichFilter__menuOptionLevel2SelectedBorder, var(--B-sandwichFilter__menuOptionSelectedborder)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:hover { background-color: var(--B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel2BackgroundColor--hover)); color: var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor)); border: var(--B-sandwichFilter__menuOptionLevel2SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:active { background-color: var(--B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel2BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel2SelectedBackgroundColor)))); color: var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor--active, var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel2SelectedTextColor))); border: var(--B-sandwichFilter__menuOptionLevel2SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option:hover { background-color: var(--B-sandwichFilter__menuOptionLevel2BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel2BackgroundColor)); color: var(--B-sandwichFilter__menuOptionLevel2TextColor--hover, var(--B-sandwichFilter__menuOptionLevel2TextColor)); border: var(--B-sandwichFilter__menuOptionLevel2Border--hover, var(--B-sandwichFilter__menuOptionLevel2Border)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option:active { background-color: var(--B-sandwichFilter__menuOptionLevel2BackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel2BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel2BackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel2TextColor--active, var(--B-sandwichFilter__menuOptionLevel2TextColor--hover, var(--B-sandwichFilter__menuOptionLevel2TextColor))); border: var(--B-sandwichFilter__menuOptionLevel2Border--active, var(--B-sandwichFilter__menuOptionLevel2Border--hover, var(--B-sandwichFilter__menuOptionLevel2Border))); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow svg { stroke: var(--B-sandwichFilter__menuLevel2ArrowStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-scroller__arrow:hover svg { stroke: var(--B-sandwichFilter__menuLevel2ArrowStroke--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-2 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom { transition: background-color 0.3s, color 0.3s; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option { background: var(--B-sandwichFilter__menuOptionLevel3BackgroundColor); color: var(--B-sandwichFilter__menuOptionLevel3TextColor); font-family: var(--B-sandwichFilter__menuOptionFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-weight: var(--B-sandwichFilter__menuOptionLevel3FontWeight, var(--B-sandwichFilter__menuOptionFontWeight)); height: var(--B-sandwichFilter__menuOptionLevel3Height); border: var(--B-sandwichFilter__menuOptionLevel3Border); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected { color: var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor); font-weight: var(--B-sandwichFilter__menuOptionLevel3SelectedTextWeight, var(--B-sandwichFilter__menuOptionSelectedTextWeight)); background-color: var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor); border: var(--B-sandwichFilter__menuOptionLevel3SelectedBorder, var(--B-sandwichFilter__menuOptionSelectedborder)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:hover { background-color: var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor)); border: var(--B-sandwichFilter__menuOptionLevel3SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--selected:active { background-color: var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3SelectedBackgroundColor)))); color: var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor--active, var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor--hover, var(--B-sandwichFilter__menuOptionLevel3SelectedTextColor))); border: var(--B-sandwichFilter__menuOptionLevel3SelectedBorder); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option:hover { background-color: var(--B-sandwichFilter__menuOptionLevel3BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3BackgroundColor)); color: var(--B-sandwichFilter__menuOptionLevel3TextColor--hover, var(--B-sandwichFilter__menuOptionLevel3TextColor)); border: var(--B-sandwichFilter__menuOptionLevel3Border--hover, var(--B-sandwichFilter__menuOptionLevel3Border)); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option:active { background-color: var(--B-sandwichFilter__menuOptionLevel3BackgroundColor--active, var(--B-sandwichFilter__menuOptionLevel3BackgroundColor--hover, var(--B-sandwichFilter__menuOptionLevel3BackgroundColor))); color: var(--B-sandwichFilter__menuOptionLevel3TextColor--active, var(--B-sandwichFilter__menuOptionLevel3TextColor--hover, var(--B-sandwichFilter__menuOptionLevel3TextColor))); border: var(--B-sandwichFilter__menuOptionLevel3Border--active, var(--B-sandwichFilter__menuOptionLevel3Border--hover, var(--B-sandwichFilter__menuOptionLevel3Border))); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow svg { stroke: var(--B-sandwichFilter__menuLevel3ArrowStroke); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-scroller__arrow:hover svg { stroke: var(--B-sandwichFilter__menuLevel3ArrowStroke--hover); } #KambiBC #KambiBC-container .KambiBC-sandwich-filter-foreground--level-3 .KambiBC-filter-menu .KambiBC-filter-menu__option.KambiBC-filter-menu__option--custom { transition: background-color 0.3s, color 0.3s; } #KambiBC #KambiBC-container .KambiBC-sandwich-filter:not(.KambiBC-util-desktop) .KambiBC-scroller__arrow svg { display: none; } #KambiBC #KambiBC-container .KambiBC-virtual-racing-list .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-2 { top: 0px; } #KambiBC #KambiBC-container .KambiBC-virtual-racing-list .KambiBC-sandwich-filter-foreground-wrapper .KambiBC-sandwich-filter-foreground--level-3 { top: 0px; } #KambiBC #KambiBC-container [data-sandwichfilter-theme] { --B-sandwichFilter__scrollArrowsWidth: 20px; --B-sandwichFilter__tabsArrowsWidth: 30px; } #KambiBC #KambiBC-container .KambiBC-scroller { position: relative; width: 100%; overflow: hidden; } #KambiBC #KambiBC-container .KambiBC-scroller-wrapper { overflow-x: auto; white-space: nowrap; display: block; position: relative; left: var(--B-sandwichFilter__scrollArrowsWidth); width: calc(100% - 2*var(--B-sandwichFilter__scrollArrowsWidth)); margin-bottom: -12px; padding-bottom: 12px; } #KambiBC #KambiBC-container .KambiBC-scroller-wrapper::-webkit-scrollbar { display: none; } #KambiBC #KambiBC-container .KambiBC-scroller.KambiBC-scroller--arrows-over-content .KambiBC-scroller-wrapper { left: 0px; width: 100%; } #KambiBC #KambiBC-container .KambiBC-scroller__arrow { width: var(--B-sandwichFilter__tabsArrowsWidth); padding: 0px; background: rgba(0, 0, 0, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; height: 100%; color: var(--B-sandwichFilter__tabsTabTextColor); position: absolute; top: 0px; z-index: 10; display: flex; justify-content: center; align-items: center; } #KambiBC #KambiBC-container .KambiBC-scroller__arrow > svg { stroke: var(--B-sandwichFilter__scrollerArrorSvgStroke); stroke-width: 2.5; width: 9px; } #KambiBC #KambiBC-container .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left { box-shadow: rgba(0, 0, 0, 0.1) 20px 0px 15px -7px inset; left: 0px; } #KambiBC #KambiBC-container .KambiBC-scroller.KambiBC-scroller--bg-shadow .KambiBC-scroller__arrow.KambiBC-scroller__arrow-left { box-shadow: inset 20px 0px 15px -7px var(--B-color__canvas); justify-content: flex-start; } #KambiBC #KambiBC-container .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right { box-shadow: rgba(0, 0, 0, 0.1) -20px 0px 15px -7px inset; right: 0px; margin-left: auto; } #KambiBC #KambiBC-container .KambiBC-scroller.KambiBC-scroller--bg-shadow .KambiBC-scroller__arrow.KambiBC-scroller__arrow-right { box-shadow: inset -20px 0px 15px -7px var(--B-color__canvas); justify-content: flex-end; } #KambiBC #KambiBC-container .KambiBC-filter-menu__wrapper { width: 100%; } #KambiBC #KambiBC-container ul.KambiBC-filter-menu { display: inline-flex; align-items: var(--B-sandwichFilter__filterMenuAlignItems, center); justify-content: var(--B-sandwichFilter__filterMenuJustifyContent, center); height: var(--B-sandwichFilter__filterMenuHeight); margin: 0px; padding: 0px; } #KambiBC #KambiBC-container .KambiBC-filter-menu li { height: var(--B-sandwichFilter__filterMenuOptionListHeight, 100%); list-style: none; font-size: var(--B-sandwichFilter__filterMenuOptionFontSize); display: flex; align-items: center; justify-content: center; cursor: pointer; white-space: nowrap; } #KambiBC #KambiBC-container .KambiBC-filter-menu li:first-child { margin-left: var(--B-sandwichFilter__filterMenuOptionMarginLeftFirstItem, 8px); } #KambiBC #KambiBC-container .KambiBC-filter-menu li:last-child { margin-right: var(--B-sandwichFilter__filterMenuOptionMarginRightLastItem, 8px); } #KambiBC #KambiBC-container .KambiBC-filter-menu li:not(first-child) { margin-left: var(--B-sandwichFilter__filterMenuOptionMarginBetweenItems, 0); } #KambiBC #KambiBC-container .KambiBC-filter-menu.KambiBC-filter-menu--mobile li:first-child { margin-left: var(--B-sandwichFilter__filterMenuOptionMarginLeftMobileFirstItem, 0); } #KambiBC #KambiBC-container .KambiBC-filter-menu__option { display: flex; align-items: center; justify-content: center; height: var(--B-sandwichFilter__filterMenuOptionHeight); border-radius: var(--B-sandwichFilter__filterMenuOptionBorderRadius); padding: var(--B-sandwichFilter__filterMenuPadding); font-family: var(--B-sandwichFilter__filterMenuOptionFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); position: relative; } #KambiBC #KambiBC-container .KambiBC-filter-menu__option .KambiBC-tabs__tab_new-feature--icon { position: absolute; top: var(--B-sandwichFilter__newFeatureIconTop, 9px); right: -10px; width: auto; z-index: 1; text-align: center; } #KambiBC #KambiBC-container .KambiBC-virtual-racing-list .KambiBC-sandwich-filter { padding: 0px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header { height: 32px; font-size: var(--B-sandwichFilter__leagueHighlightHeaderFontSizeSmall); font-weight: var(--B-sandwichFilter__leagueHighlightHeaderFontWeightSmall); letter-spacing: 0px; line-height: 32px; display: flex; align-items: center; padding-left: 12px; margin-bottom: 12px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header .KambiBC-league-icon { width: 16px; height: 16px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header .KambiBC-league-icon::before, #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header .KambiBC-league-icon::after { width: 16px; height: 16px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header .KambiBC-league-icon .KambiBC-league-icon_big-tick { position: absolute; width: 2px; height: 8px; left: 8px; top: 4px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterSmall"] .KambiBC-league-highlight-header .KambiBC-league-icon .KambiBC-league-icon_small-tick { position: absolute; width: 4px; height: 2px; left: 3px; top: 9px; } #KambiBC #KambiBC-container [data-eq-state~="sandwichFilterLarge"] .KambiBC-league-highlight-header { padding-left: 8px; } #KambiBC #KambiBC-container .KambiBC-league-highlight-header { height: 16px; color: var(--B-sandwichFilter__leagueHighlightHeaderColor); font-family: var(--B-sandwichFilter__leagueHighlightHeaderFontFamily, var(--B-sandwichFilter__fontFamily), var(--B-font__primary)); font-size: var(--B-sandwichFilter__leagueHighlightHeaderFontSize); font-weight: var(--B-sandwichFilter__leagueHighlightHeaderFontWeight); letter-spacing: 0px; line-height: 16px; display: flex; align-items: center; padding-left: 8px; margin-bottom: 8px; } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon { width: 10px; height: 10px; margin-right: 8px; position: relative; text-align: center; background-color: var(--B-sandwichFilter__leagueHighlightIconBackground); } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon::before, #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon::after { content: ""; position: absolute; top: 0px; left: 0px; height: 10px; width: 10px; background-color: var(--B-sandwichFilter__leagueHighlightIconBackground); } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon::before { transform: rotate(30deg); } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon::after { transform: rotate(60deg); } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon .KambiBC-league-icon_small-tick { position: absolute; width: 2px; height: 1px; background-color: var(--B-sandwichFilter__leagueHighlightIconTickColor); left: 2px; top: 6px; z-index: 1; transform: rotate(34deg); } #KambiBC #KambiBC-container .KambiBC-league-highlight-header .KambiBC-league-icon .KambiBC-league-icon_big-tick { position: absolute; width: 1px; height: 5px; background-color: var(--B-sandwichFilter__leagueHighlightIconTickColor); left: 5px; top: 3px; z-index: 1; transform: rotate(42deg); }