html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: none;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
body {
margin: 0;
}
ul {
list-style-type: none;
}
a {
background: transparent;
text-decoration: none;
color: inherit;
}
button,
input {
line-height: normal;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
img {
display: block;
max-width: 100%;
height: auto;
}
textarea:focus,
input:focus {
outline: 0;
}
input {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button {
border: none;
outline: none;
background: transparent;
cursor: pointer;
color: inherit;
}
details summary::-webkit-details-marker {
display: none;
} @font-face {
font-family: "Inter";
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/Inter-Bold.woff2) format("woff2");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/Inter-Regular.woff2) format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/Inter-SemiBold.woff2) format("woff2");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/Inter-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Red Hat Display";
font-style: normal;
font-weight: 600;
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/RedHatDisplay-SemiBold.woff2) format("woff2");
font-display: swap;
}
@font-face {
font-family: "Red Hat Text";
font-style: normal;
font-weight: 400;
src: url(//stake-bd.com/wp-content/plugins/sgw-plugin/mc-front/fonts/RedHatText-Regular.woff2) format("woff2");
font-display: swap;
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html, body {
min-height: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0;
}
body {
-webkit-text-size-adjust: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--sgw-plugin-site-bg);
font-family: "Inter", sans-serif;
}
body.no-scroll {
overflow: hidden;
position: fixed;
width: 100%;
top: var(--header-height);
}
main {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
} :root { --sgw-plugin-site-bg: #FFF;
--sgw-plugin-contrast-bg: #FC0;
--sgw-plugin-contrast-color: #F2F2F2;
--sgw-plugin-link-bg: #EBEBEB;
--sgw-plugin-filter-radius: 8px;
--sgw-plugin-card-bg: #F2F2F2;
--sgw-plugin-card-text: #000;
--sgw-plugin-card-text-secondary: #666;
--sgw-plugin-divider: #CCC;
--sgw-plugin-text-main: #000;
--sgw-plugin-radius-card: 16px;
--sgw-plugin-card-stroke: #CCC;
--sgw-plugin-upcoming-color: #20A7D2;
--sgw-plugin-game-color: #393939;
--sgw-plugin-live-bg: #EB274F;
--sgw-plugin-live-text: #FFF;
--sgw-plugin-button-radius: 8px;
--sgw-plugin-button-color: #FFF;
--sgw-plugin-button-color-secondary: #000;
--sgw-plugin-button-bg: #000;
--sgw-plugin-button-bg-secondary: #FFCC00;
--sgw-plugin-button-bg-hover: #333;
--sgw-plugin-button-color-hover: #FFF;
--sgw-plugin-odds-bg-default: #FFF;
--sgw-plugin-odds-bg-up: #D5F6E7;
--sgw-plugin-odds-bg-down: #FFF4F5;
--sgw-plugin-odds-stroke-up: #4EC580;
--sgw-plugin-odds-stroke-down: #C54E5C;
--sgw-plugin-odds-text-default: #000000;
--sgw-plugin-odds-text-secondary: #627383;
--sgw-plugin-odds-bg-hover: #14B2EE;
--sgw-plugin-odds-text-hover: #FFF;
--sgw-plugin-line-main: #FC0;
--sgw-plugin-line-secondary: #CCC;
--sgw-plugin-error-color: #ED2012;
--sgw-plugin-sm-font-size: 12px;
--sgw-plugin-md-font-size: 14px;
--sgw-plugin-base-font-size: 16px; --sgw-plugin-inner-offsets: 32px;
--sgw-plugin-outer-offsets: 51px;
--sgw-plugin-max-width: 1366px;
}
@media (max-width: 1024px) {
:root {
--sgw-plugin-inner-offsets: 24px;
--sgw-plugin-outer-offsets: 16px;
}
}
@media (max-width: 800px) {
:root {
--sgw-plugin-inner-offsets: 16px;
--sgw-plugin-outer-offsets: 8px;
}
}    .ks-calendar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 24px;
}
.ks-calendar__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
position: relative;
}
.ks-calendar__item-label {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-text-secondary);
}
.ks-calendar__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
width: 100%;
}
.ks-calendar__item-group {
position: relative;
width: 100%;
}
.ks-calendar__item-group.is-invalid .ks-calendar__item-input {
border-color: var(--sgw-plugin-error-color);
color: var(--sgw-plugin-error-color);
}
@media not all and (pointer: coarse) {
.ks-calendar__item-group:hover .ks-calendar__item-input {
border-color: var(--sgw-plugin-line-main);
}
}
.ks-calendar__item-input {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-text);
background: var(--sgw-plugin-card-bg);
padding: 12px;
width: 100%;
height: 40px;
border-radius: var(--sgw-plugin-button-radius);
border: 1px solid transparent;
min-height: 48px;
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
}
.ks-calendar__item-input:focus {
border-color: var(--sgw-plugin-line-main);
}
.ks-calendar__item-input[type=number]::-webkit-outer-spin-button, .ks-calendar__item-input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ks-calendar__item-input[type=number] {
-moz-appearance: textfield;
}
.ks-calendar__item-error {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-error-color);
position: absolute;
bottom: -3px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
left: 52px;
}
.ks-calendar__item-clear {
position: absolute;
top: 50%;
right: 14px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
color: var(--sgw-plugin-card-text);
opacity: 0;
pointer-events: none;
}
.ks-calendar__item-clear.is-visibility {
opacity: 1;
pointer-events: auto;
}
.ks-calendar__item-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
width: 48px;
min-width: 48px;
height: 48px;
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-button-radius);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
color: var(--sgw-plugin-card-text);
}
.ks-calendar__item-btn svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.ks-calendar__item-btn_next svg {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ks-calendar__item-btn:disabled {
opacity: 0.2;
pointer-events: none;
}
.ks-badges {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ks-badge {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
font-size: 12px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
padding: 2px 8px;
border-radius: 16px;
color: var(--sgw-plugin-live-text);
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
line-height: 125%;
text-transform: capitalize;
}
.ks-badge_live {
background: var(--sgw-plugin-live-bg);
}
.ks-badge_game {
background: var(--sgw-plugin-game-color);
}
.ks-badge_upcoming {
background: var(--sgw-plugin-upcoming-color);
}
.ks-badge_result {
background: #239A68;
} .ks-button {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
height: 48px;
padding: 12px 48px;
border-radius: var(--sgw-plugin-button-radius);
background: var(--sgw-plugin-button-bg);
color: var(--sgw-plugin-button-color);
margin-top: auto;
-webkit-transition: background 0.25s ease, color 0.25s ease;
transition: background 0.25s ease, color 0.25s ease;
}
@media (max-width: 800px) {
.ks-button {
width: 100%;
}
}
@media not all and (pointer: coarse) {
.ks-button:hover {
background: var(--sgw-plugin-button-bg-hover);
color: var(--sgw-plugin-button-color-hover);
}
} .ks-filters-scroll {
padding-bottom: 8px;
}
.ks-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
}
.ks-filters_dashed {
padding-bottom: 8px;
}
.ks-filters_dashed .ks-filters__item_active:has(+ .ks-filters__item:not(.ks-filters__item_active)) {
position: relative;
}
.ks-filters_filter {
border-radius: 36px;
padding: 4px;
background: var(--sgw-plugin-card-bg);
}
.ks-filters_filter:has(:nth-child(4)) {
width: 100%;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
.ks-filters_filter:has(:nth-child(4)) .ks-filters__item {
min-width: 125px;
}
.ks-filters_filter .ks-filters__item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 16px 24px;
border-radius: 36px;
background: var(--sgw-plugin-card-bg);
font-weight: 600;
}
.ks-filters_filter .ks-filters__item_active {
background: var(--sgw-plugin-contrast-bg);
}
@media (max-width: 500px) {
.ks-filters_filter .ks-filters__item {
padding: 12px 16px;
}
}
.ks-filters > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ks-filters__item {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-card-text-secondary);
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-filter-radius);
padding: 8px 12px;
white-space: nowrap;
text-align: center;
min-height: 37px;
line-height: 150%;
cursor: pointer;
-webkit-transition: color 0.25s ease, background 0.25s ease;
transition: color 0.25s ease, background 0.25s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
}
@media not all and (pointer: coarse) {
.ks-filters__item:not(.ks-filters__item_active):hover {
color: var(--sgw-plugin-contrast-bg);
}
}
.ks-filters__item_active {
color: var(--sgw-plugin-contrast-color);
background: var(--sgw-plugin-contrast-bg);
}
.ks-filters__item-game {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
max-width: 48px;
overflow: hidden;
}
@media not all and (pointer: coarse) {
.ks-filters__item-game:hover .ks-filters__item svg {
color: var(--sgw-plugin-contrast-bg);
}
}
.ks-filters__item-game.ks-filters__item_active {
background: none;
}
.ks-filters__item-game.ks-filters__item_active .ks-filters__item {
color: var(--sgw-plugin-contrast-color);
background: var(--sgw-plugin-contrast-bg);
}
.ks-filters__item-game.ks-filters__item_active .ks-filters__item svg {
color: var(--sgw-plugin-contrast-color);
}
.ks-filters__item-game_popular.ks-filters__item_active .ks-filters__item {
background: var(--sgw-plugin-live-bg);
}
.ks-filters__item-game_popular.ks-filters__item_active .ks-filters__item svg {
color: var(--sgw-plugin-live-text);
}
@media not all and (pointer: coarse) {
.ks-filters__item-game_popular:not(.ks-filters__item_active):hover .ks-filters__item svg {
color: var(--sgw-plugin-live-bg);
}
}
.ks-filters__item-game .ks-filters__item {
width: 48px;
height: 48px;
}
.ks-filters__item-game .ks-filters__item svg {
color: var(--sgw-plugin-card-text-secondary);
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.ks-filters__item-game-title {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--sgw-plugin-card-text-secondary);
max-width: 100%;
}
.ks-filters-btn {
width: 37px;
height: 37px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-button-radius);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
@media not all and (pointer: coarse) {
.ks-filters-btn:hover svg {
color: var(--sgw-plugin-card-text-secondary);
}
}
.ks-filters-btn svg {
color: var(--sgw-plugin-card-text);
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.ks-filters-open {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 48px;
max-width: 48px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 48px;
background: var(--sgw-plugin-button-bg);
color: var(--sgw-plugin-button-color);
border-radius: 36px;
margin-left: auto;
position: relative;
-webkit-box-shadow: 0.33px 0.23px 1.06px 0px rgba(0, 0, 0, 0.0392156863);
box-shadow: 0.33px 0.23px 1.06px 0px rgba(0, 0, 0, 0.0392156863);
}
@media (max-width: 800px) {
.ks-filters-open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.ks-filters-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 16px;
border-radius: var(--sgw-plugin-button-radius);
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.ks-filters-actions .ks-filters-btn {
margin-left: auto;
display: none;
}
.ks-filters-actions .ks-filters-btn.is-show {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 800px) {
.ks-filters-actions .ks-filters-btn.is-show {
display: none;
}
}
.ks-filters-actions__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-filter-radius);
padding: 8px 12px;
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-card-text-secondary);
min-height: 37px;
position: relative;
}
@media (max-width: 800px) {
.ks-filters-actions__btn {
display: none;
}
}
.ks-filters-actions__btn.is-active {
color: var(--sgw-plugin-card-text);
}
.ks-filters-actions_calendar:not(.is-active) .ks-filters-actions__btn-text {
display: none;
}
.ks-filters-actions__live {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
margin-left: 8px;
cursor: pointer;
}
.ks-filters-actions__live input {
display: none;
}
.ks-filters-actions__live-toggle {
width: 40px;
height: 20px;
border-radius: 16px;
padding: 1px;
background: var(--sgw-plugin-card-bg);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: background 0.25s ease;
transition: background 0.25s ease;
}
.ks-filters-actions__live-toggle-inner {
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
input:checked + .ks-filters-actions__live-toggle {
background: var(--sgw-plugin-live-bg);
}
input:checked + .ks-filters-actions__live-toggle .ks-filters-actions__live-toggle-inner {
-webkit-transform: translateX(calc(100% + 2px));
transform: translateX(calc(100% + 2px));
}
.ks-filters-actions__live-text {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-games {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
}
.ks-filters-games nav {
overflow-x: overlay;
padding-bottom: 8px;
}
.ks-filters-games nav::-webkit-scrollbar {
height: 4px;
background: var(--sgw-plugin-card-bg);
border-radius: 4px;
}
.ks-filters-games nav::-webkit-scrollbar-thumb {
background: var(--sgw-plugin-line-main);
border-radius: var(--sgw-plugin-button-radius);
}
.ks-filters-open__counter, .ks-filters-actions__btn-counter, .ks-filters-tournaments__item-button-counter {
width: 24px;
height: 24px;
min-width: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
background: var(--sgw-plugin-card-text);
font-size: 12px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-bg);
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
}
.ks-filters-open__counter.is-visible, .ks-filters-actions__btn-counter.is-visible, .ks-filters-tournaments__item-button-counter.is-visible {
-webkit-transform: scale(1);
transform: scale(1);
}
.ks-filters-open__counter, .ks-filters-actions__btn-counter {
position: absolute;
top: -11px;
right: -11px;
background: var(--sgw-plugin-contrast-bg);
}
.ks-filters-open__counter {
top: -4px;
right: -4px;
width: 20px;
height: 20px;
min-width: 20px;
}
.ks-filters-modal {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
padding: 16px;
padding-right: 0;
padding-bottom: 0;
width: 100%;
max-width: 800px;
height: 100%;
max-height: 520px;
border-radius: 16px;
background: var(--sgw-plugin-site-bg);
position: relative;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
@media (max-width: 800px) {
.ks-filters-modal {
max-height: 100%;
max-width: 100%;
border-radius: 0;
}
}
.ks-filters-modal-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100dvw;
height: 100dvh;
z-index: 999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
visibility: hidden;
}
.ks-filters-modal-wrapper.is-active {
visibility: visible;
}
.ks-filters-modal-wrapper.is-active .ks-filters-modal {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.ks-filters-modal-wrapper.is-active::before {
opacity: 1;
}
.ks-filters-modal-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(18, 19, 20, 0.4);
backdrop-filter: blur(8px);
z-index: -1;
-webkit-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
opacity: 0;
}
.ks-filters-modal__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 32px;
padding-right: 28px;
width: 100%;
margin-bottom: 16px;
}
.ks-filters-modal__tabs > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 2px;
background: var(--sgw-plugin-card-bg);
border-radius: 24px;
padding: 4px;
}
.ks-filters-modal__tabs li {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
min-width: 159px;
width: 100%;
}
@media (max-width: 800px) {
.ks-filters-modal__tabs li {
min-width: 125px;
}
}
.ks-filters-modal__tabs-btn {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
padding: 6px 8px;
color: var(--sgw-plugin-card-text);
border-radius: 16px;
text-align: center;
width: 100%;
cursor: pointer;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.ks-filters-modal__tabs-btn.is-active {
background: var(--sgw-plugin-contrast-bg);
color: var(--sgw-plugin-contrast-color);
}
.ks-filters-modal__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
width: 24px;
height: 24px;
color: var(--sgw-plugin-text-main);
}
.ks-filters-modal__content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: overlay;
overflow-x: hidden;
width: 100%;
position: relative;
}
.ks-filters-modal__content-title {
font-size: 20px;
line-height: 140%;
font-family: "Inter", sans-serif;
font-weight: 600;
padding: 12px 0;
margin-bottom: 8px;
color: var(--sgw-plugin-text-main);
}
.ks-filters-modal__content-tournaments, .ks-filters-modal__content-calendar {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 80px;
background: var(--sgw-plugin-site-bg);
display: none;
padding-right: 16px;
}
.ks-filters-modal__content-tournaments::-webkit-scrollbar, .ks-filters-modal__content-calendar::-webkit-scrollbar {
width: 4px;
}
.ks-filters-modal__content-tournaments::-webkit-scrollbar-thumb, .ks-filters-modal__content-calendar::-webkit-scrollbar-thumb {
background: var(--sgw-plugin-line-secondary);
border-radius: var(--sgw-plugin-button-radius);
}
.ks-filters-modal__content-tournaments.is-active, .ks-filters-modal__content-calendar.is-active {
display: block;
}
.ks-filters-modal__content-calendar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.ks-filters-modal__bottom {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 16px;
background: rgba(255, 255, 255, 0.0117647059);
backdrop-filter: blur(4px);
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
}
.ks-filters-modal__bottom .ks-button {
width: 100%;
}
.ks-filters-modal__bottom .ks-button:disabled {
opacity: 0.7;
pointer-events: none;
}
.ks-filters-modal__bottom-btn-apply {
background: var(--sgw-plugin-button-bg-secondary);
color: var(--sgw-plugin-button-color-secondary);
}
.ks-filters-tournaments {
position: relative;
}
.ks-filters-tournaments__item {
position: relative;
}
.ks-filters-tournaments__item.is-open .ks-filters-tournaments__item-dropdown {
grid-template-rows: 1fr;
}
.ks-filters-tournaments__item-button, .ks-filters-tournaments__item-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 12px;
border-radius: var(--sgw-plugin-filter-radius);
padding: 12px;
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-card-text);
min-height: 48px;
width: 100%;
}
.ks-filters-tournaments__item-button {
-webkit-transition: background 0.25s ease;
transition: background 0.25s ease;
}
.ks-filters-tournaments__item-button[aria-expanded=true] {
background: var(--sgw-plugin-card-bg);
}
.ks-filters-tournaments__item-button[aria-expanded=true] .ks-filters-tournaments__item-button-icon {
background: var(--sgw-plugin-site-bg);
}
.ks-filters-tournaments__item-button[aria-expanded=true] .ks-filters-tournaments__item-button-arrow {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ks-filters-tournaments__item-button-icon {
width: 24px;
height: 24px;
min-width: 24px;
border-radius: 50%;
background: var(--sgw-plugin-card-bg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
color: var(--sgw-plugin-contrast-bg);
-webkit-transition: background 0.25s ease;
transition: background 0.25s ease;
margin-right: -4px;
}
.ks-filters-tournaments__item-button-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left;
}
.ks-filters-tournaments__item-button-arrow, .ks-filters-tournaments__item-button-counter {
width: 24px;
height: 24px;
min-width: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
justify-self: flex-end;
}
.ks-filters-tournaments__item-dropdown {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
-webkit-transition: grid-template-rows 0.25s ease;
transition: grid-template-rows 0.25s ease;
transition: grid-template-rows 0.25s ease, -ms-grid-rows 0.25s ease;
}
.ks-filters-tournaments__item-dropdown-body {
display: grid;
min-height: 0;
overflow: hidden;
}
.ks-filters-tournaments__item-search {
position: relative;
padding: 12px;
padding-top: 16px;
color: var(--sgw-plugin-text-main);
}
.ks-filters-tournaments__item-search-input {
width: 100%;
border: none;
border-bottom: 1px solid var(--sgw-plugin-line-secondary);
padding: 0 32px;
padding-bottom: 8px;
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
background-color: transparent;
}
.ks-filters-tournaments__item-search-input::-webkit-input-placeholder {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-tournaments__item-search-input::-moz-placeholder {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-tournaments__item-search-input:-ms-input-placeholder {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-tournaments__item-search-input::-ms-input-placeholder {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-tournaments__item-search-input::placeholder {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-filters-tournaments__item-search-input:focus ~ .ks-filters-tournaments__item-search-icon {
color: var(--sgw-plugin-text-main);
}
.ks-filters-tournaments__item-search-clear, .ks-filters-tournaments__item-search-icon {
position: absolute;
bottom: 20px;
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
}
.ks-filters-tournaments__item-search-clear {
right: 12px;
display: none;
}
.ks-filters-tournaments__item-search-clear.is-visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ks-filters-tournaments__item-search-icon {
left: 12px;
color: var(--sgw-plugin-line-secondary);
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.ks-filters-tournaments__item-search-message {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-text-secondary);
padding: 0 12px;
margin-top: -4px;
padding-bottom: 12px;
}
.ks-filters-tournaments__item-list > li.is-hidden {
display: none;
}
.ks-filters-tournaments__item-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
padding: 12px;
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-card-text);
min-height: 48px;
width: 100%;
cursor: pointer;
}
.ks-filters-tournaments__item-label input {
display: none;
}
.ks-filters-tournaments__item-label input:checked ~ .ks-filters-tournaments__item-label-checkbox {
border-color: var(--sgw-plugin-text-main);
}
.ks-filters-tournaments__item-label input:checked ~ .ks-filters-tournaments__item-label-checkbox::before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.ks-filters-tournaments__item-label-checkbox {
width: 24px;
height: 24px;
min-width: 24px;
border-radius: 4px;
border: 1px solid var(--sgw-plugin-line-secondary);
margin-left: auto;
-webkit-transition: border-color 0.25s ease;
transition: border-color 0.25s ease;
position: relative;
}
.ks-filters-tournaments__item-label-checkbox::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--sgw-plugin-text-main);
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg width=\"12\" height=\"9\" viewBox=\"0 0 12 9\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M3.72917 6.45833L9.95833 0.229167C10.1099 0.0763889 10.2866 0 10.4885 0C10.6906 0 10.8681 0.0763889 11.0208 0.229167C11.1736 0.381944 11.25 0.559584 11.25 0.762084C11.25 0.964584 11.1763 1.13951 11.029 1.28688L4.27083 8.0625C4.11931 8.21528 3.94257 8.29167 3.74062 8.29167C3.53854 8.29167 3.36111 8.21528 3.20833 8.0625L0.229167 5.08333C0.0763889 4.93056 0 4.75347 0 4.55208C0 4.35069 0.0763889 4.17361 0.229167 4.02083C0.381944 3.86806 0.560208 3.79167 0.763958 3.79167C0.967569 3.79167 1.14347 3.86806 1.29167 4.02083L3.72917 6.45833Z\"/> </svg>");
mask-image: url("data:image/svg+xml;utf8,<svg width=\"12\" height=\"9\" viewBox=\"0 0 12 9\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M3.72917 6.45833L9.95833 0.229167C10.1099 0.0763889 10.2866 0 10.4885 0C10.6906 0 10.8681 0.0763889 11.0208 0.229167C11.1736 0.381944 11.25 0.559584 11.25 0.762084C11.25 0.964584 11.1763 1.13951 11.029 1.28688L4.27083 8.0625C4.11931 8.21528 3.94257 8.29167 3.74062 8.29167C3.53854 8.29167 3.36111 8.21528 3.20833 8.0625L0.229167 5.08333C0.0763889 4.93056 0 4.75347 0 4.55208C0 4.35069 0.0763889 4.17361 0.229167 4.02083C0.381944 3.86806 0.560208 3.79167 0.763958 3.79167C0.967569 3.79167 1.14347 3.86806 1.29167 4.02083L3.72917 6.45833Z\"/> </svg>");
-webkit-mask-size: 12px 9px;
mask-size: 12px 9px;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.ks-filters-tournaments-selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
.ks-filters-tournaments-selected__item {
padding: 8px 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
border-radius: var(--sgw-plugin-filter-radius);
background: var(--sgw-plugin-contrast-bg);
color: var(--sgw-plugin-contrast-color);
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 500;
}
.ks-filters-tournaments-selected__item svg {
min-width: 16px;
height: 16px;
margin-right: 4px;
}
.ks-filters-tournaments-selected__remove {
width: 24px;
height: 24px;
min-width: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
position: relative;
}
.ks-filters-tournaments-selected__remove::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M10.2083 11.3816L7.77271 13.7983C7.61868 13.951 7.44444 14.0274 7.25 14.0274C7.05556 14.0274 6.88194 13.951 6.72917 13.7983C6.57639 13.6455 6.5 13.4719 6.5 13.2774C6.5 13.083 6.57639 12.9087 6.72917 12.7547L9.14583 10.3191L6.72917 7.9043C6.57639 7.75027 6.5 7.57604 6.5 7.38159C6.5 7.18715 6.57639 7.01354 6.72917 6.86076C6.88194 6.70798 7.05556 6.63159 7.25 6.63159C7.44444 6.63159 7.61868 6.70798 7.77271 6.86076L10.2083 9.27743L12.6231 6.86076C12.7772 6.70798 12.9514 6.63159 13.1458 6.63159C13.3403 6.63159 13.5139 6.70798 13.6667 6.86076C13.8194 7.01354 13.8958 7.18715 13.8958 7.38159C13.8958 7.57604 13.8194 7.75027 13.6667 7.9043L11.25 10.3191L13.6667 12.7547C13.8194 12.9087 13.8958 13.083 13.8958 13.2774C13.8958 13.4719 13.8194 13.6455 13.6667 13.7983C13.5139 13.951 13.3403 14.0274 13.1458 14.0274C12.9514 14.0274 12.7772 13.951 12.6231 13.7983L10.2083 11.3816Z\" fill=\"black\"/></svg>") no-repeat center;
mask: url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M10.2083 11.3816L7.77271 13.7983C7.61868 13.951 7.44444 14.0274 7.25 14.0274C7.05556 14.0274 6.88194 13.951 6.72917 13.7983C6.57639 13.6455 6.5 13.4719 6.5 13.2774C6.5 13.083 6.57639 12.9087 6.72917 12.7547L9.14583 10.3191L6.72917 7.9043C6.57639 7.75027 6.5 7.57604 6.5 7.38159C6.5 7.18715 6.57639 7.01354 6.72917 6.86076C6.88194 6.70798 7.05556 6.63159 7.25 6.63159C7.44444 6.63159 7.61868 6.70798 7.77271 6.86076L10.2083 9.27743L12.6231 6.86076C12.7772 6.70798 12.9514 6.63159 13.1458 6.63159C13.3403 6.63159 13.5139 6.70798 13.6667 6.86076C13.8194 7.01354 13.8958 7.18715 13.8958 7.38159C13.8958 7.57604 13.8194 7.75027 13.6667 7.9043L11.25 10.3191L13.6667 12.7547C13.8194 12.9087 13.8958 13.083 13.8958 13.2774C13.8958 13.4719 13.8194 13.6455 13.6667 13.7983C13.5139 13.951 13.3403 14.0274 13.1458 14.0274C12.9514 14.0274 12.7772 13.951 12.6231 13.7983L10.2083 11.3816Z\" fill=\"black\"/></svg>") no-repeat center;
background-size: 20px 20px;
} .ks-match-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 16px;
padding: 16px;
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-radius-card);
border: 1px solid var(--sgw-plugin-card-stroke);
overflow: hidden;
}
.ks-match-card.is-hidden {
display: none;
}
.ks-match-card_upcoming .ks-match-card__teams, .ks-match-card_upcoming .ks-match-card__score {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ks-match-card_upcoming .ks-team {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
}
.ks-match-card_upcoming .ks-team__ico {
width: 40px;
height: 40px;
}
.ks-match-card_upcoming .ks-team__text {
text-align: center;
}
.ks-match-card_upcoming .ks-team__name {
text-align: center;
}
.ks-match-card_row:not(:last-child) {
margin-bottom: 8px;
}
.ks-match-card_row > td {
overflow: hidden;
}
.ks-match-card_row > td .ks-team__text {
text-align: left;
}
@media (max-width: 800px) {
.ks-match-card_row > td .ks-team__text {
text-align: center;
}
}
.ks-match-card_row > td .ks-team__name {
max-width: calc(100% - 28px);
width: 100%;
text-align: left;
}
@media (max-width: 800px) {
.ks-match-card_row.ks-match-card_live {
display: grid;
grid-template-columns: 1fr 74px;
}
.ks-match-card_row.ks-match-card_live > *:not(.ks-match-card__score-cell):not(.ks-match-card__teams-cell) {
grid-column: span 2;
}
}
@media (min-width: 801px) {
.ks-match-card_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
}
@media (max-width: 800px) {
.ks-match-card_row.ks-match-card_upcoming .ks-match-card__score-cell {
display: none;
}
.ks-match-card_row.ks-match-card_upcoming .ks-team__name {
text-align: center;
}
}
@media (min-width: 801px) {
.ks-match-card_row.ks-match-card_upcoming .ks-match-card__teams, .ks-match-card_row.ks-match-card_upcoming .ks-match-card__score {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ks-match-card_row.ks-match-card_upcoming .ks-team {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.ks-match-card_row.ks-match-card_upcoming .ks-team__ico {
width: 28px;
height: 28px;
}
}
@media (min-width: 801px) {
.ks-match-card_row .ks-match-card__heading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.ks-match-card_row .ks-match-card__heading-cell {
min-width: 160px;
max-width: 160px;
}
}
@media (min-width: 801px) {
.ks-match-card_row .ks-match-card__score-cell {
min-width: 58px;
}
}
@media (min-width: 801px) {
.ks-match-card_row .ks-match-card__odds {
height: 100%;
}
}
.ks-match-card__score .ks-team__score {
min-height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ks-match-card__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.ks-match-card__heading .ks-badge {
-ms-flex-item-align: start;
align-self: flex-start;
}
.ks-match-card__heading-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
position: relative;
font-size: 12px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-text-secondary);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 2px;
}
.ks-match-card__heading-list > *:not(:last-child) {
position: relative;
}
.ks-match-card__heading-list > *:not(:last-child)::after {
content: "";
width: 2px;
height: 2px;
background: var(--sgw-plugin-card-text-secondary);
border-radius: 50%;
position: absolute;
right: -6px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ks-match-card__title {
font-size: 20px;
line-height: 140%;
font-family: "Inter", sans-serif;
font-weight: 600;
color: var(--sgw-plugin-card-text);
}
.ks-match-card__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 4px;
padding-bottom: 12px;
border-bottom: 1px solid var(--sgw-plugin-divider);
}
.ks-match-card__teams-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
}
.ks-match-card__teams-wrapper:last-child {
border-bottom: 0;
}
.ks-match-card__teams, .ks-match-card__score {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 8px;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
width: 100%;
}
@media (min-width: 801px) {
.ks-match-card__teams-cell {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-overflow: ellipsis;
white-space: nowrap;
width: 140px;
}
}
.ks-match-card__odds {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
@media (min-width: 801px) {
.ks-match-card__odds-cell {
width: 33.84%;
max-width: 320px;
}
}
.ks-match-card__odd {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding: 10px 12px;
height: 44px;
border-radius: var(--sgw-plugin-button-radius);
background: var(--sgw-plugin-odds-bg-default);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--sgw-plugin-odds-text-secondary);
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
line-height: 100%;
border: 1px solid transparent;
position: relative;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
@media not all and (pointer: coarse) {
.ks-match-card__odd:hover {
background: var(--sgw-plugin-odds-bg-hover);
color: var(--sgw-plugin-odds-text-hover);
border-color: transparent;
}
.ks-match-card__odd:hover .ks-match-card__odd-value {
color: var(--sgw-plugin-odds-text-hover);
}
.ks-match-card__odd:hover .ks-match-card__odd-value::before {
background-image: url("data:image/svg+xml;utf8,<svg width=\"7\" height=\"4\" viewBox=\"0 0 7 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.08333 3.60417L0.1225 0.641875C0.0816668 0.600903 0.0510417 0.556597 0.030625 0.508958C0.0102084 0.461319 0 0.413194 0 0.364583C0 0.267361 0.0343753 0.182292 0.103125 0.109375C0.171875 0.0364583 0.2625 0 0.375 0H6.58333C6.69583 0 6.78646 0.0375005 6.85521 0.112501C6.92396 0.187501 6.95833 0.275 6.95833 0.375C6.95833 0.388889 6.9175 0.47757 6.83583 0.641042L3.875 3.60417C3.81944 3.65972 3.75694 3.70139 3.6875 3.72917C3.61806 3.75694 3.54861 3.77083 3.47917 3.77083C3.40972 3.77083 3.34028 3.75694 3.27083 3.72917C3.20139 3.70139 3.13889 3.65972 3.08333 3.60417Z\" fill=\"%23fff\"/></svg>");
}
}
.ks-match-card__odd_up .ks-match-card__odd-value::before, .ks-match-card__odd_down .ks-match-card__odd-value::before {
content: "";
width: 20px;
height: 20px;
display: block;
background-image: url("data:image/svg+xml;utf8,<svg width=\"7\" height=\"4\" viewBox=\"0 0 7 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.08333 3.60417L0.1225 0.641875C0.0816668 0.600903 0.0510417 0.556597 0.030625 0.508958C0.0102084 0.461319 0 0.413194 0 0.364583C0 0.267361 0.0343753 0.182292 0.103125 0.109375C0.171875 0.0364583 0.2625 0 0.375 0H6.58333C6.69583 0 6.78646 0.0375005 6.85521 0.112501C6.92396 0.187501 6.95833 0.275 6.95833 0.375C6.95833 0.388889 6.9175 0.47757 6.83583 0.641042L3.875 3.60417C3.81944 3.65972 3.75694 3.70139 3.6875 3.72917C3.61806 3.75694 3.54861 3.77083 3.47917 3.77083C3.40972 3.77083 3.34028 3.75694 3.27083 3.72917C3.20139 3.70139 3.13889 3.65972 3.08333 3.60417Z\" fill=\"%23C54E5C\"/></svg>");
background-repeat: no-repeat;
background-position: center center;
background-size: 7px 4px;
-webkit-transition: background-image 0.25s ease;
transition: background-image 0.25s ease;
-webkit-animation: pulse 1s infinite;
animation: pulse 1s infinite;
}
.ks-match-card__odd_up {
border-color: var(--sgw-plugin-odds-stroke-up);
background: var(--sgw-plugin-odds-bg-up);
}
.ks-match-card__odd_up .ks-match-card__odd-value::before {
background-image: url("data:image/svg+xml;utf8,<svg width=\"7\" height=\"4\" viewBox=\"0 0 7 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M3.08333 3.60417L0.1225 0.641875C0.0816668 0.600903 0.0510417 0.556597 0.030625 0.508958C0.0102084 0.461319 0 0.413194 0 0.364583C0 0.267361 0.0343753 0.182292 0.103125 0.109375C0.171875 0.0364583 0.2625 0 0.375 0H6.58333C6.69583 0 6.78646 0.0375005 6.85521 0.112501C6.92396 0.187501 6.95833 0.275 6.95833 0.375C6.95833 0.388889 6.9175 0.47757 6.83583 0.641042L3.875 3.60417C3.81944 3.65972 3.75694 3.70139 3.6875 3.72917C3.61806 3.75694 3.54861 3.77083 3.47917 3.77083C3.40972 3.77083 3.34028 3.75694 3.27083 3.72917C3.20139 3.70139 3.13889 3.65972 3.08333 3.60417Z\" fill=\"%234EC580\"/></svg>");
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ks-match-card__odd_down {
border-color: var(--sgw-plugin-odds-stroke-down);
background: var(--sgw-plugin-odds-bg-down);
}
.ks-match-card__odd-value {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
color: var(--sgw-plugin-odds-text-default);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
@-webkit-keyframes pulse {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes pulse {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.ks-no-matches {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 16px;
padding: 32px 80px;
text-align: center;
}
@media (max-width: 800px) {
.ks-no-matches {
padding: 24px 16px;
}
}
.ks-no-matches svg {
color: var(--sgw-plugin-card-bg);
}
@media (max-width: 800px) {
.ks-no-matches svg {
max-width: 64px;
height: auto;
}
}
.ks-no-matches__title {
font-size: 20px;
line-height: 140%;
font-family: "Inter", sans-serif;
font-weight: 600;
color: var(--sgw-plugin-text-main);
}
.ks-no-matches__descr {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--text-secondary);
}
.ks-no-matches__descr br {
display: none;
}
@media (max-width: 800px) {
.ks-no-matches__descr br {
display: block;
}
} .ks-team {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
overflow: hidden;
width: 100%;
}
.ks-team_lose .ks-team__score {
color: var(--sgw-plugin-card-text-secondary);
}
.ks-team__text_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
}
.ks-team__ico {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 28px;
height: 28px;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
background: #fff;
}
.ks-team__ico img {
width: 58.4%;
-o-object-fit: contain;
object-fit: contain;
}
.ks-team__name {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
line-height: 125%;
display: inline-block;
color: var(--sgw-plugin-card-text);
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.ks-team__text {
max-width: 100%;
width: 100%;
}
.ks-team__score {
font-size: 16px;
line-height: 150%;
font-family: "Inter", sans-serif;
font-weight: 500;
display: block;
color: var(--sgw-plugin-card-text);
margin-left: auto;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.ks-team__score_lose {
color: var(--sgw-plugin-card-text-secondary);
}
.horizontal-wrapper {
width: 100%;
overflow: auto;
}
.horizontal-wrapper::-webkit-scrollbar {
height: 4px;
width: 4px;
background-color: transparent;
border-radius: 6px;
}
.horizontal-wrapper::-webkit-scrollbar-thumb {
background-color: #667085;
border-radius: 6px;
cursor: pointer;
}
.ks-divider {
display: inline-block;
width: 100%;
height: 1px;
background: var(--sgw-plugin-divider);
} .ks-accordion {
display: grid;
grid-template-columns: 1fr;
grid-gap: 8px;
}
.ks-accordion:first-child {
margin-top: 0;
}
.ks-accordion__button {
padding: 16px;
background: var(--sgw-plugin-card-bg);
border-radius: var(--sgw-plugin-radius-card);
border: 1px solid var(--sgw-plugin-card-stroke);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-family: "Inter", sans-serif;
min-height: 64px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
@media not all and (pointer: coarse) {
.ks-accordion__button:hover {
background: var(--sgw-plugin-contrast-bg);
border-color: transparent;
}
.ks-accordion__button:hover .ks-accordion__button-icon {
-webkit-transform: scale(1.1);
transform: scale(1.1);
background: var(--sgw-plugin-button-bg-hover);
}
}
.ks-accordion__button[aria-expanded=true] {
background: var(--sgw-plugin-contrast-bg);
border-color: transparent;
}
.ks-accordion__button[aria-expanded=true] .ks-accordion__button-icon svg {
-webkit-transform: rotate(180deg) translate(1px, 1px);
transform: rotate(180deg) translate(1px, 1px);
}
.ks-accordion__button[aria-expanded=true] .ks-accordion__button-title, .ks-accordion__button[aria-expanded=true] .ks-accordion__button-formats {
color: var(--sgw-plugin-contrast-color);
}
.ks-accordion__button-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
row-gap: 8px;
}
@media (max-width: 800px) {
.ks-accordion__button-body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.ks-accordion__button-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
min-width: 200px;
max-width: 200px;
}
@media (max-width: 800px) {
.ks-accordion__button-heading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 100%;
margin-bottom: 4px;
}
}
.ks-accordion__button-heading .ks-badge {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
justify-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.ks-accordion__button-icon {
width: 28px;
height: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--sgw-plugin-button-bg);
border-radius: var(--sgw-plugin-button-radius);
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
will-change: transform;
}
@media (max-width: 800px) {
.ks-accordion__button-icon {
-ms-flex-item-align: end;
align-self: flex-end;
}
}
.ks-accordion__button-icon svg {
color: var(--sgw-plugin-button-color);
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
will-change: transform;
}
.ks-accordion__button-date {
font-size: 14px;
line-height: normal;
font-family: "Inter", sans-serif;
font-weight: 400;
color: var(--sgw-plugin-card-text-secondary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
width: 240px;
}
@media (max-width: 800px) {
.ks-accordion__button-date {
width: auto;
}
}
.ks-accordion__button-title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 20px;
font-weight: 600;
line-height: 125%;
text-align: left;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.ks-accordion__collapse {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
padding-bottom: 0;
-webkit-transition: padding 0.25s ease, grid-template-rows 0.25s ease;
transition: padding 0.25s ease, grid-template-rows 0.25s ease;
transition: padding 0.25s ease, grid-template-rows 0.25s ease, -ms-grid-rows 0.25s ease;
}
.ks-accordion__collapse.show {
grid-template-rows: 1fr;
padding-bottom: 16px;
padding-top: 8px;
}
.ks-accordion__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 0;
overflow: hidden;
}
.ks-accordion__body .ks-container {
max-width: 100%;
width: 100%;
}
.ks-accordion__body > *:first-child {
margin-top: 0;
}
.ks-accordion__body > *:last-child {
margin-bottom: 0;
}
.ks-match-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
width: 100%;
}
@media (max-width: 1200px) {
.ks-match-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 800px) {
.ks-match-cards {
grid-template-columns: 1fr;
}
}
.ks-match-cards_table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
overflow: hidden;
}
.ks-match-cards_table tbody, .ks-match-cards_table thead {
width: 100%;
}
.ks-match-cards + .ks-button {
margin: 0 auto;
margin-top: 24px;
display: block;
}
.ks-match-cards + .ks-button.is-hidden {
display: none;
}
@media (max-width: 800px) {
.ks-match-cards + .ks-button {
margin-top: 16px;
}
}
.ks-filters-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 16px;
}
.ks-filters-wrapper .sh-page-catalog__title:not(:first-child) {
margin-top: 16px;
}
@media (max-width: 800px) {
.ks-filters-wrapper .sh-page-catalog__title:not(:first-child) {
margin-top: 8px;
}
}