@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v25/S6uyw4BMUTPHvxk.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/lato/v25/S6u9w4BMUTPHh6UVew8.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A-gdyEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A7YdyEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A4QdyEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A2gayEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3A1EayEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3AzYayEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xm9-HUzqDCFdgfMm4GnA4aZFrUvtOK3Ax8ayEU.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_chQF5e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QF5e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_dNQF5e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_ehR15e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_eYR15e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_f_R15e.ttf) format('truetype');
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_fWR15e.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua9rENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuRqGpjeaLi42kO8QvnQOs5beU3yksanMY0Ehpyw.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua9rENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuRqGpjeaLi42kO8QvnQOs5beU3yksanMY3Mhpyw.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua9rENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuRqGpjeaLi42kO8QvnQOs5beU3yksanMY58mpyw.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua9rENHsxJlGDuGo1OIlL3L2JB874GPhFI9_IqmuRqGpjeaLi42kO8QvnQOs5beU3yksanMY6Ympyw.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIKli.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IKli.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrzaJ6li.ttf) format('truetype');
}
@font-face {
  font-family: 'Google Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/googlesans/v69/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrzjJ6li.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC0C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4W61C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4TC1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4QK1C4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4e6yC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4deyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4bCyC4E.ttf) format('truetype');
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/outfit/v15/QGYyz_MVcBeNP4NjuGObqx1XmO1I4ZmyC4E.ttf) format('truetype');
}
:root {
  --font-family-lato: 'Lato', sans-serif;
  --font-family-google-sans: 'Google Sans', sans-serif;
  --font-family-figtree: 'Figtree', sans-serif;
  --font-family-outfit: 'Outfit', sans-serif;
  --border-neon-green: #22ec0b;
  --border-crimson: #be2121;
  --border-orange: #ff7800;
  --border-lavender: #ca6cdc;
  --border-sky-blue: #328af2;
  --border-emerald: #10a112;
  --border-mint: #0ae474;
  --border-indigo: #625fe6;
  --border-azure: #2f74b7;
  --border-amber: #ffc300;
  --border-cyan-deep: #1492c3;
  --border-olive-alpha: rgba(121, 168, 51, 0.99);
  --border-purple: #812bb8;
  --border-rose: #cc8c8c;
  --border-rose-deep: #ef0a45;
  --border-green-soft: #63e08d;
}
html[theme='light'] :root {
  --header: #fafafa;
  --bgColor: #fafafa;
  --nav-color: #fafafa;
  --header-color: #fafafa;
  --gray: #bdc1c5;
  --secondary: #2b94ff;
  --lightSkin: #f4f5f6;
  --zeus-logo-bg: #f4f5f6;
  --zeus-circle-border: #111c24;
  --zeus-bg: #19232d;
  --list-block-title-bg: #cdcecf;
  --last-winner-item-bg: #f4f5f6;
  --popup: #fafafa;
  --zeus-body-bg: url('https://cdn-files.online/images/hepbet/zeus-bg-white.jpg');
  --skin: #fafafa;
}
html[theme='brand'] :root,
html[theme='dark'] :root {
  --header: #1e2b38;
  --bgColor: #1e2b38;
  --nav-color: #131b24;
  --header-color: #1e2b38;
  --gray: #3a5465;
  --secondary: #2b94ff;
  --lightSkin: #17232e;
  --zeus-logo-bg: #0d161d;
  --zeus-circle-border: #111c24;
  --zeus-bg: #19232d;
  --list-block-title-bg: #111c24;
  --last-winner-item-bg: #17232e;
  --popup: #131b24;
  --zeus-body-bg: url('https://cdn-files.online/images/hepbet/zeus-bg-dark.jpg');
  --skin: #17232e;
}
body {
  --font-family-lato: 'Lato', sans-serif;
  --font-family-google-sans: 'Google Sans', sans-serif;
  --font-family-figtree: 'Figtree', sans-serif;
  --font-family-outfit: 'Outfit', sans-serif;
  --border-neon-green: #22ec0b;
  --border-crimson: #be2121;
  --border-orange: #ff7800;
  --border-lavender: #ca6cdc;
  --border-sky-blue: #328af2;
  --border-emerald: #10a112;
  --border-mint: #0ae474;
  --border-indigo: #625fe6;
  --border-azure: #2f74b7;
  --border-amber: #ffc300;
  --border-cyan-deep: #1492c3;
  --border-olive-alpha: rgba(121, 168, 51, 0.99);
  --border-purple: #812bb8;
  --border-rose: #cc8c8c;
  --border-rose-deep: #ef0a45;
  --border-green-soft: #63e08d;
  user-select: unset !important;
}
html[theme='light'] body {
  --header: #fafafa;
  --bgColor: #fafafa;
  --nav-color: #fafafa;
  --header-color: #fafafa;
  --gray: #bdc1c5;
  --secondary: #2b94ff;
  --lightSkin: #f4f5f6;
  --zeus-logo-bg: #f4f5f6;
  --zeus-circle-border: #111c24;
  --zeus-bg: #19232d;
  --list-block-title-bg: #cdcecf;
  --last-winner-item-bg: #f4f5f6;
  --popup: #fafafa;
  --zeus-body-bg: url('https://cdn-files.online/images/hepbet/zeus-bg-white.jpg');
  --skin: #fafafa;
}
html[theme='brand'] body,
html[theme='dark'] body {
  --header: #1e2b38;
  --bgColor: #1e2b38;
  --nav-color: #131b24;
  --header-color: #1e2b38;
  --gray: #3a5465;
  --secondary: #2b94ff;
  --lightSkin: #17232e;
  --zeus-logo-bg: #0d161d;
  --zeus-circle-border: #111c24;
  --zeus-bg: #19232d;
  --list-block-title-bg: #111c24;
  --last-winner-item-bg: #17232e;
  --popup: #131b24;
  --zeus-body-bg: url('https://cdn-files.online/images/hepbet/zeus-bg-dark.jpg');
  --skin: #17232e;
}
.hidden {
  display: none !important;
}
aside.left {
  margin: 0 1.2rem 0 0 !important;
}
.Button-primaryType {
  background: var(--gray) !important;
  color: var(--main) !important;
}
.Popup-popupWrapperStyles .Button-primaryType {
  color: var(--text) !important;
  background-color: var(--secondary) !important;
}
.Button-secondaryType {
  background: var(--secondary) !important;
  color: var(--main) !important;
  border: none !important;
}
.HomePage-parentStyles .sliderWrapper > .sliderBody {
  z-index: 1;
}
.HomePage-parentStyles .sliderWrapper > .sliderBody .SliderStyles-listStyles .imageBlock {
  aspect-ratio: 2754/890 !important;
}
.HomePage-parentStyles .sliderWrapper > .sliderBody .SliderStyles-listStyles .imageBlock .timer {
  transform: translate3d(0, 10px, 0) !important;
  bottom: unset !important;
  top: 10px !important;
  right: 10px !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles {
  position: absolute;
  bottom: 10px;
  width: fit-content;
  left: 10px;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, -20px) !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles::before,
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles::after,
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .arrowBlock {
  display: none !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles {
  gap: 20px;
  padding: 0 10px;
  width: fit-content;
  border-radius: 10px;
  overflow: visible !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup {
  width: 65px !important;
  height: 65px !important;
  position: relative !important;
  overflow: visible !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .overlay {
  background: transparent !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .overlay img {
  width: 52px;
  height: 52px;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .title {
  position: absolute;
  bottom: -5px;
  width: 100% !important;
  border-radius: 22px !important;
  background: var(--primary);
  font-weight: 600;
  font-size: 8px;
  padding: 2px 0;
  color: var(--light);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .title p.textEllipsis {
  padding: 0 5px !important;
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(1) > .overlay {
  border-color: var(--border-neon-green);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(1) .title {
  background: var(--border-neon-green);
  box-shadow: 0px 5px 6px 2px rgba(34, 236, 11, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(2) > .overlay {
  border-color: var(--border-crimson);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(2) .title {
  background: var(--border-crimson);
  box-shadow: 0px 5px 6px 2px rgba(190, 33, 33, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(3) > .overlay {
  border-color: var(--border-orange);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(3) .title {
  background: var(--border-orange);
  box-shadow: 0px 5px 6px 2px rgba(255, 120, 0, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(4) > .overlay {
  border-color: var(--border-lavender);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(4) .title {
  background: var(--border-lavender);
  box-shadow: 0px 5px 6px 2px rgba(202, 108, 220, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(5) > .overlay {
  border-color: var(--border-sky-blue);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(5) .title {
  background: var(--border-sky-blue);
  box-shadow: 0px 5px 6px 2px rgba(50, 138, 242, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(6) > .overlay {
  border-color: var(--border-emerald);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(6) .title {
  background: var(--border-emerald);
  box-shadow: 0px 5px 6px 2px rgba(16, 161, 18, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(7) > .overlay {
  border-color: var(--border-mint);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(7) .title {
  background: var(--border-mint);
  box-shadow: 0px 5px 6px 2px rgba(10, 228, 116, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(8) > .overlay {
  border-color: var(--border-indigo);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(8) .title {
  background: var(--border-indigo);
  box-shadow: 0px 5px 6px 2px rgba(98, 95, 230, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(9) > .overlay {
  border-color: var(--border-azure);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(9) .title {
  background: var(--border-azure);
  box-shadow: 0px 5px 6px 2px rgba(47, 116, 183, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(10) > .overlay {
  border-color: var(--border-olive-alpha);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(10) .title {
  background: var(--border-olive-alpha);
  box-shadow: 0px 5px 6px 2px rgba(121, 168, 51, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(11) > .overlay {
  border-color: var(--border-rose);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(11) .title {
  background: var(--border-rose);
  box-shadow: 0px 5px 6px 2px rgba(204, 140, 140, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(12) > .overlay {
  border-color: var(--border-rose-deep);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(12) .title {
  background: var(--border-rose-deep);
  box-shadow: 0px 5px 6px 2px rgba(239, 10, 69, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(13) > .overlay {
  border-color: var(--border-purple);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(13) .title {
  background: var(--border-purple);
  box-shadow: 0px 5px 6px 2px rgba(129, 43, 184, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(14) > .overlay {
  border-color: var(--border-green-soft);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(14) .title {
  background: var(--border-green-soft);
  box-shadow: 0px 5px 6px 2px rgba(99, 224, 141, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(15) > .overlay {
  border-color: var(--border-amber);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(15) .title {
  background: var(--border-amber);
  box-shadow: 0px 5px 6px 2px rgba(255, 195, 0, 0.6);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(16) > .overlay {
  border-color: var(--border-cyan-deep);
}
.HomePage-parentStyles .sliderWrapper > .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(16) .title {
  background: var(--border-cyan-deep);
  box-shadow: 0px 5px 6px 2px rgba(20, 146, 195, 0.6);
}
.HomePage-parentStyles .listBlock {
  background: var(--lightSkin);
  padding: 0 0 20px 0;
  border-radius: 20px;
}
.HomePage-parentStyles .listBlock .Title-parentStyles {
  padding: 20px;
  border-radius: 20px 20px 0 0;
  background: var(--list-block-title-bg);
}
.HomePage-parentStyles .listBlock .listBlock {
  margin: 0 20px;
}
main > .SubNavigation-linearStyles {
  margin: 0 !important;
  padding: 0 !important;
}
main > .SubNavigation-linearStyles,
.Hint-hintParentStyles .content,
.Select-selectDropDown .listParent > div {
  background: var(--nav-color) !important;
}
.Select-selectDropDown-d149 {
  right: 0 !important;
  left: auto !important;
}
.topEvents img.sportBackground {
  display: none !important;
}
.topEvents .TopEvents-singleEventStyles {
  background-image: url('https://cdn-files.online/images/hepbet/futbol-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--bgColor);
}
.Footer-ageRestrictionStyles,
.Footer-ageRestrictionStyles + .chatWrapper {
  display: none !important;
}
.Payment-scrollablePartStyles > .singlePayment {
  padding: 3px !important;
}
.Footer-desktopParentStyles .Footer-footerLineStyles .Footer-menuListStyles {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.Footer-desktopParentStyles .Footer-footerLineStyles .Footer-menuListStyles {
  grid-template-areas: 'n2 n1 n3' !important;
  grid-template-rows: repeat(1, auto) !important;
}
.Stories-storySliderWrapperStyles .innerContent .storyBlock .storyAction {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  transform: translateY(10px) !important;
  opacity: 0 !important;
}
.Stories-storySliderWrapperStyles .innerContent .storyBlock .storyAction button {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
}
.Popup-accountPopupStyles .Payment-singlePaymentStyles .paymentInfoText p:first-child {
  background: var(--gray) !important;
  justify-content: center;
  display: flex;
  margin: 0 0 20px;
  border-radius: 10px;
  padding: 10px;
}
.Popup-accountPopupStyles .Payment-singlePaymentStyles .paymentInfoText p:last-child {
  width: 70% !important;
  margin: 0 auto !important;
  overflow: hidden;
  border-radius: 20px;
}
div[data-testid='license'] div[id^='anj'] {
  width: 100% !important;
}
div[data-testid='license'] div[id^='anj'] div:nth-child(1) {
  max-width: 100px !important;
  margin: 0 auto !important;
}
div[data-testid='license'] div[id^='anj'] div:nth-child(1) a {
  max-width: 100px !important;
}
.Input-multiSelectSearchParent .suggestListWrapper .list,
.GlobalSearch-parentStyles .innerContent .Search-parentStyles .Input-inputBlockStyles > input {
  background: var(--lightSkin) !important;
}
#layout:has(.SkillGame-parentStyles) > aside.right,
#layout:has(.esportFeatured) > aside.right,
#layout:has(.sportSectionNavigation) > aside.right,
#layout:has(.Promotions-desktopPromotionListStyles) > aside.right,
#layout:has(.page-casino) > aside.right,
#layout:has(.page-liveCasino) > aside.right,
#layout:has(.page-sport) > aside.right,
#layout:has(.marketsGroup) > aside.right,
aside.right:has(.tournamentWidget) {
  display: none !important;
}
@media screen and (min-width: 1340px) {
  .Casino-filteredGameListStyles {
    grid-template-columns: repeat(6, minmax(auto, 1fr)) !important;
  }
}
#comm100-float-button-5f34518f-a03c-418d-b6d8-27ceb399c85d-2 div {
  bottom: 10px !important;
}
#comm100-float-button-5f34518f-a03c-418d-b6d8-27ceb399c85d-2 div a img {
  width: 70px;
}
@media screen and (max-width: 1600px) {
  .Betslip-desktopBarStyles {
    right: unset !important;
    left: 20px !important;
    width: 37rem;
  }
}
.Promotions-desktopPromotionListStyles {
  grid-template-columns: repeat(20, 1fr) !important;
}
.Promotions-desktopPromotionListStyles > .singleItem:nth-child(-n + 4) {
  grid-column: span 5;
}
.Promotions-desktopPromotionListStyles > .singleItem:nth-child(n + 5) {
  grid-column: span 4;
}
main:has(.Promotions-desktopPromotionListStyles) .Title-titleStyles {
  font-size: 0 !important;
}
main:has(.Promotions-desktopPromotionListStyles) .Title-titleStyles::after {
  content: 'Size Özel Bonuslar';
  font-size: 1.6rem;
  font-weight: inherit;
  display: block;
}
main .subNavigation + .mediumGap .sliderWrapper .sliderBody .SliderStyles-listStyles .singleItem .imageBlock {
  aspect-ratio: 2754 / 890 !important;
}
main .subNavigation + .mediumGap .sliderWrapper .sliderBody .SliderStyles-listStyles .singleItem .imageBlock .SliderStyles-imageStyles {
  background: var(--bgColor) !important;
}
[data-testid='top-events'] .TopEvents-eventListStyles {
  gap: 1rem;
}
[data-testid='top-events'] [data-testid='event'] {
  corner-shape: scoop;
  box-shadow: #396797 0px 0px 4px 0px;
}
.Market-showMoreButtonStyles {
  text-transform: capitalize !important;
}
.page-casino .barWithAction button[name='randomGame'] [data-testid='text-content'] span,
.subNavigation:has([data-testid='casino-tab']) + .mediumGap .barWithAction button[name='randomGame'] [data-testid='text-content'] span {
  font-size: 0 !important;
}
.page-casino .barWithAction button[name='randomGame'] [data-testid='text-content'] span::after,
.subNavigation:has([data-testid='casino-tab']) + .mediumGap .barWithAction button[name='randomGame'] [data-testid='text-content'] span::after {
  content: 'Rastgele Oyun Öner';
  font-size: 1.5rem;
  font-weight: inherit;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles {
  max-width: 70rem !important;
  background: transparent !important;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles {
  max-width: 70rem !important;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles button {
  display: none !important;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupHeaderStyles {
  position: absolute;
  background: transparent;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupHeaderStyles .title {
  display: none !important;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupHeaderStyles i {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bgColor);
  position: absolute;
  top: 20px;
  right: 20px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p {
  position: relative;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown] {
  position: absolute;
  left: var(--overlay-x);
  top: var(--overlay-y);
  width: 160px;
  height: fit-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: #f1c814;
  line-height: 34px;
  gap: 3px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown][data-type='date'] span {
  font-size: 18px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown][data-type='date'] span:not([class*='Label']) {
  line-height: 14px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown][data-type='date'] span[class*='Label'] {
  font-size: 10px;
  line-height: 10px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown][data-type='time'] {
  font-size: 34px;
}
.Popup-cmsPopupStyles.Popup-popupWrapperStyles .popupContainerStyles .Popup-popupChildrenStyles .Integration-contentStyles p img#register-count + div[data-cms-countdown][data-type='time'] span {
  line-height: 34px;
  font-size: 34px;
}
.LoginAndRegistration-loginAndRegisterBlockParentStyles[data-testid='registartion-popup'] {
  background-image: url(https://hepbet.dev/site/1772115825954_eehmxq_hos-geldiniz-banner.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 110px;
}
.LoginAndRegistration-loginAndRegisterBlockParentStyles[data-testid='registartion-popup'] h6,
.LoginAndRegistration-loginAndRegisterBlockParentStyles[data-testid='registartion-popup'] h4 {
  display: none !important;
}
.Popup-popupWrapperStyles:has([data-testid='registartion-popup']) + .Popup-popupWrapperStyles [data-testid='confirmation-popup'] > .buttonsGroup button:last-child {
  display: none !important;
}
#countdown-popup {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#countdown-popup .overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.85);
}
#countdown-popup .countdown-popup-content {
  position: relative;
  z-index: 1;
  max-width: 70rem;
  width: 100%;
  padding: 2.4rem;
}
#countdown-popup .countdown-popup-close {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bgColor);
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
#countdown-popup .countdown-popup-img-wrapper {
  position: relative;
  width: 100%;
  line-height: 0;
}
#countdown-popup .countdown-popup-img-wrapper img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}
#countdown-popup .countdown-popup-timer {
  position: absolute;
  width: 160px;
  left: var(--overlay-x);
  top: var(--overlay-y);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  color: #f1c814;
  pointer-events: none;
}
#countdown-popup .countdown-popup-timer[data-type='date'] .countdown-val {
  font-size: 18px;
  line-height: 14px;
}
#countdown-popup .countdown-popup-timer[data-type='date'] .countdown-label {
  font-size: 10px;
  line-height: 10px;
}
#countdown-popup .countdown-popup-timer[data-type='time'] .countdown-time {
  font-size: 34px;
  line-height: 34px;
}
.HomePage-parentStyles .sliderWrapper .sliderBody .SliderStyles-listStyles .singleItem .imageBlock .SliderStyles-imageStyles {
  background: var(--bgColor) !important;
}
.Header-headerAndNavigation .desktopParentNavStyles {
  background: var(--nav-color);
}
.Header-headerAndNavigation .desktopParentNavStyles .Navigation-navStyles + .Footer-switchersBlockStyles .selectWrapper div[data-testid='oddsFormatWrapper'] > .Select-selectDropDown {
  right: 0 !important;
  left: auto !important;
}
.Header-headerAndNavigation .desktopHeaderStyles {
  background: var(--header-color);
}
.WhatsNew-notificationListStyles > .innerBox {
  background: var(--nav-color) !important;
}
.WhatsNew-headerStyles {
  background: var(--header) !important;
}
.Header-headerAndNavigation .desktopParentNavStyles {
  order: 2 !important;
}
.Header-headerAndNavigation .desktopParentNavStyles + .Header-headerStyles {
  order: 1 !important;
}
.Header-headerAndNavigation .desktopParentNavStyles + .Header-headerStyles .Button-primaryType,
.Header-headerAndNavigation .desktopParentNavStyles + .Header-headerStyles .Button-secondaryType {
  font-family: var(--font-family-lato) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}
.Header-headerAndNavigation .desktopParentNavStyles + .Header-headerStyles .Button-primaryType:hover,
.Header-headerAndNavigation .desktopParentNavStyles + .Header-headerStyles .Button-secondaryType:hover {
  opacity: 0.8 !important;
}
.Hint-hintParentStyles.rightPosition {
  z-index: 12 !important;
}
#root > .rfm-marquee-container {
  display: none !important;
}
.Header-rightSideStyles > .shortcutButton:has(a[href*='?section=account&menu=payment&nested=deposit']) {
  background: var(--secondary) !important;
  color: var(--secondary-invert) !important;
}
.Navigation-navItemStyles .name {
  font-family: var(--font-family-lato) !important;
  font-size: 1.4rem !important;
}
html[theme='light'] .Navigation-navItemStyles:not(.active)::before {
  background: linear-gradient(to right, #ffffff 0%, rgba(var(--secondary-rgb), 0) 100%) !important;
}
.Navigation-navItemStyles:not(.active) {
  position: relative;
  background: transparent !important;
}
.Navigation-navItemStyles:not(.active)::before {
  border-radius: 0.5rem !important;
  overflow: hidden !important;
  content: '';
  position: absolute;
  transition: all 0.3s ease !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(to right, var(--secondary) 0%, rgba(var(--secondary-rgb), 0) 100%) !important;
  transform: rotate(180deg) !important;
}
.Navigation-navItemStyles:not(.active):hover::before {
  width: 0% !important;
}
html[theme='light'] .GlobalSearch-globalSearchInputStyles .inputBlock {
  background: linear-gradient(270deg, #bdc1c5, transparent) !important;
}
.Header-logoStyles {
  position: absolute !important;
  left: 50px;
  height: 57px !important;
  top: 0;
  width: 120px;
  display: flex;
  align-items: center;
}
.Header-logoStyles img {
  /* display: none !important; */
  max-height: 50px !important;
}
html[theme='light'] .desktopParentNavStyles {
  background: var(--gray) !important;
}
html[theme='light'] .Header-logoStyles {
  background-image: url(https://cdn-files.online/images/hepbet/logo-light.jpg);
  background-size: 89px;
  background-repeat: no-repeat;
  background-position: center;
}
html[theme='light'] .Header-logoStyles img {
  display: none !important;
}
.LeftMenuNavigation-leftMenuDesktopNavItem {
  font-family: var(--font-family-lato) !important;
  color: rgba(var(--main-rgb), 1) !important;
}
.LeftMenuNavigation-leftMenuDesktopNavItem.active,
.LeftMenuNavigation-leftMenuDesktopNavItem:hover {
  background: var(--gray) !important;
}
.LeftMenuNavigation-leftMenuDesktopNavItem.active .title,
.LeftMenuNavigation-leftMenuDesktopNavItem:hover .title,
.LeftMenuNavigation-leftMenuDesktopNavItem.active p,
.LeftMenuNavigation-leftMenuDesktopNavItem:hover p {
  font-weight: 700 !important;
}
.LeftMenuNavigation-leftMenuDesktopNavItem.active .iconBlock,
.LeftMenuNavigation-leftMenuDesktopNavItem:hover .iconBlock {
  color: rgba(var(--main-rgb), 0.7) !important;
}
.LeftMenuNavigation-leftMenuDesktopNavItem .iconBlock {
  background-color: transparent !important;
}
.TopMenuButtonsContainer {
  display: flex;
  gap: 0.5rem !important;
}
.TopMenuButtonsContainer .TopMenuLinksSpor,
.TopMenuButtonsContainer .TopMenuLinksCasino {
  position: relative;
  color: var(--main) !important;
  background-color: var(--gray) !important;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1rem !important;
  border-radius: 0.5rem !important;
  margin-right: 0.5rem !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  overflow: hidden;
}
.TopMenuButtonsContainer .TopMenuLinksSpor::before,
.TopMenuButtonsContainer .TopMenuLinksCasino::before {
  position: absolute;
  right: -25px;
  top: -21px;
  content: '';
  width: 8rem;
  height: 8rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(1);
  transform: rotate(35deg);
  opacity: 0.2;
}
.TopMenuButtonsContainer .TopMenuLinksSpor.active,
.TopMenuButtonsContainer .TopMenuLinksCasino.active,
.TopMenuButtonsContainer .TopMenuLinksSpor:hover,
.TopMenuButtonsContainer .TopMenuLinksCasino:hover {
  background-color: var(--secondary) !important;
}
.TopMenuButtonsContainer .TopMenuLinksCasino::before {
  background-image: url(https://cdn-files.online/images/hepbet/icons/slot.png);
}
.TopMenuButtonsContainer .TopMenuLinksSpor::before {
  background-image: url(https://cdn-files.online/images/hepbet/icons/sports.png);
}
html[theme='light'] .TopMenuButtonsContainer .TopMenuLinksSpor,
html[theme='light'] .TopMenuButtonsContainer .TopMenuLinksCasino {
  background-color: var(--secondary) !important;
  color: var(--light) !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a .iconBlock {
  background-position: center;
  background-size: 2.5rem;
  background-repeat: no-repeat;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a .iconBlock svg {
  display: none !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/casino'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/highlight-slot.svg');
  background-size: 3.5rem !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/live-casino'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/highlight-casino.svg');
  background-size: 3.5rem !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/pre-match'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/sports.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href$='/live'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/live-bet.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a.WorldCupMenuLink {
  cursor: pointer;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a.WorldCupMenuLink .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/highlight-fifa-26.svg');
  background-size: 3.5rem !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a.HepIPTV {
  cursor: pointer;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a.HepIPTV .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/highlight-ip-tv.svg');
  background-size: 3.5rem !important;
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/virtual-sports'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/sanal-spor.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/esport'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/e-spor.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/games'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/oyunlar.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/open-game/806666'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/aviator.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/frame/bonus'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/bonus.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/frame/wheel'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/wheel.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/frame/vipwheel'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/vip-wheel.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='https://hepbetaffiliate1.com'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/ortaklik.png');
}
.LeftMenuNavigation-leftMenuDesktopNavigation a[href*='/pre-match/sport/Soccer?tab=express'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/wars.png');
}
html[theme='light'] a[href*='/casino'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/slot.png');
}
html[theme='light'] a[href*='/live-casino'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/live-casino.png');
}
html[theme='light'] a[href*='/pre-match'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/sports.png');
}
html[theme='light'] a[href*='/live/sport'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/live-bet.png');
}
html[theme='light'] a[href*='/virtual-sports'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/sanal-spor.png');
}
html[theme='light'] a[href*='/esport'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/e-spor.png');
}
html[theme='light'] a[href*='/games'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/oyunlar.png');
}
html[theme='light'] a[href*='/open-game/806666'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/aviator.png');
}
html[theme='light'] a[href*='/frame/bonus8'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/bonus.png');
}
html[theme='light'] a[href*='/frame/wheel'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/wheel.png');
}
html[theme='light'] a[href*='/frame/vipwheel'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/vip-wheel.png');
}
html[theme='light'] a[href*='https://hepbetaffiliate1.com'] .iconBlock {
  background-image: url('https://cdn-files.online/images/hepbet/icons/light/ortaklik.png');
}
aside > .collapsed ~ .TopMenuButtonsContainer {
  flex-wrap: wrap;
  flex-direction: column;
}
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksCasino span,
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksSpor span {
  display: none !important;
}
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksCasino::before,
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksSpor::before {
  display: none !important;
}
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksCasino::after,
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksSpor::after {
  position: relative !important;
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-size: 2.5rem;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksCasino::after {
  background-image: url(https://cdn-files.online/images/hepbet/icons/slot.png);
}
aside > .collapsed ~ .TopMenuButtonsContainer .TopMenuLinksSpor::after {
  background-image: url(https://cdn-files.online/images/hepbet/icons/sports.png);
}
.provider-carousel {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 1000px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  background: var(--zeus-body-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.provider-carousel::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 30%, rgba(135, 206, 250, 0.03) 0%, transparent 50%), radial-gradient(ellipse at 80% 40%, rgba(255, 215, 0, 0.03) 0%, transparent 50%);
  animation: sky-ambient 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
.provider-carousel .provider-circle--outer:hover .provider-item,
.provider-carousel .provider-circle--inner:hover .provider-item,
.provider-carousel .provider-circle--outer:hover .orbit-dot--outer,
.provider-carousel .provider-circle--inner:hover .orbit-dot--inner {
  animation-play-state: paused;
}
.provider-carousel .provider-circle--outer {
  width: 780px;
  height: 780px;
  --circle-size: 780px;
  --orbit-duration: 60s;
  z-index: 3;
  /* Outer dots: sağlayıcı sayısı kadar, araya (yarım açı offset) yerleşir */
}
.provider-carousel .provider-circle--outer .provider-item {
  animation: provider-orbit var(--orbit-duration) linear infinite;
}
.provider-carousel .provider-circle--outer .orbit-dot--outer {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  transform-origin: 6px 6px;
  z-index: 2;
  --dot-angle: calc((360deg / var(--dot-total)) * var(--dot-i) + (180deg / var(--dot-total)));
  --dot-distance: calc(var(--circle-size) / 2);
  transform: rotate(var(--dot-angle)) translateX(var(--dot-distance));
  animation: dot-orbit var(--orbit-duration) linear infinite;
}
.provider-carousel .provider-circle--inner {
  width: 460px;
  height: 460px;
  --circle-size: 460px;
  --orbit-duration: 45s;
  z-index: 4;
  /* Inner dots: sağlayıcı sayısı kadar, araya (yarım açı offset) yerleşir */
}
.provider-carousel .provider-circle--inner .provider-item {
  animation: provider-orbit-reverse var(--orbit-duration) linear infinite;
}
.provider-carousel .provider-circle--inner .orbit-dot--inner {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffd166;
  /* pastel örnek */
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  transform-origin: 6px 6px;
  z-index: 2;
  --dot-angle: calc((360deg / var(--dot-total)) * var(--dot-i) + (180deg / var(--dot-total)));
  --dot-distance: calc(var(--circle-size) / 2);
  transform: rotate(var(--dot-angle)) translateX(var(--dot-distance));
  animation: dot-orbit-reverse var(--orbit-duration) linear infinite;
}
.provider-carousel .provider-circle--outer,
.provider-carousel .provider-circle--inner {
  position: absolute;
  border: 1px solid var(--zeus-circle-border);
  border-radius: 50%;
  --gap: 6px;
}
.provider-carousel .provider-circle--outer .provider-item,
.provider-carousel .provider-circle--inner .provider-item {
  --item-w: 140px;
  --item-h: 44px;
  width: var(--item-w);
  height: var(--item-h);
  position: absolute;
  left: calc(50% - var(--item-w) / 2);
  top: calc(50% - var(--item-h) / 2);
  transform-origin: calc(var(--item-w) / 2) calc(var(--item-h) / 2);
  --angle: calc((360deg / var(--total)) * var(--i));
  --distance: calc(var(--circle-size) / 2);
  transform: rotate(var(--angle)) translateX(var(--distance)) rotate(calc(-1 * var(--angle)));
  display: flex;
  align-items: center;
}
.provider-carousel .provider-circle--outer .provider-item .provider-link,
.provider-carousel .provider-circle--inner .provider-item .provider-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  text-decoration: none;
  color: var(--main);
  background: var(--zeus-logo-bg);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  border-radius: 20px;
  border: 2px solid var(--zeus-logo-bg);
  transition: transform 0.3s ease-in-out, border 0.3s ease-in-out;
}
.provider-carousel .provider-circle--outer .provider-item .provider-link:hover,
.provider-carousel .provider-circle--inner .provider-item .provider-link:hover {
  transform: scale(1.2);
  border: 2px solid var(--secondary);
}
.provider-carousel .provider-circle--outer .provider-item .provider-link .provider-logo,
.provider-carousel .provider-circle--inner .provider-item .provider-link .provider-logo {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.provider-carousel .provider-circle--outer .provider-item .provider-link .provider-name,
.provider-carousel .provider-circle--inner .provider-item .provider-link .provider-name {
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.2px;
}
.provider-carousel .provider-circle--outer .provider-item .provider-link .provider-badge,
.provider-carousel .provider-circle--inner .provider-item .provider-link .provider-badge {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #f2f4f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #111827;
}
.provider-carousel .center-zeus {
  background: url(https://cdn-files.online/images/hepbet/zeus-body.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  position: relative;
  transition: background-size 0.3s ease-in-out;
  aspect-ratio: 400 / 544;
  top: 30px;
  height: 404px;
}
.provider-carousel .center-zeus::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #24292d52;
  opacity: 0;
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease-in-out;
}
.provider-carousel .center-zeus::before {
  opacity: 0;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://cdn-files.online/images/hepbet/play.png);
  background-repeat: no-repeat;
  z-index: 4;
  background-size: 40px;
  background-position: center;
  transition: opacity 0.3s ease-in-out;
  display: none;
}
.provider-carousel .center-zeus:hover {
  background-size: 100%;
}
.provider-carousel .center-zeus:hover::before {
  opacity: 1;
}
.provider-carousel .center-zeus:hover::after {
  opacity: 1;
}
.provider-carousel .planet {
  position: absolute;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.provider-carousel .planet.planet--mars {
  width: 120px;
  height: 120px;
  background-image: url(https://cdn-files.online/images/hepbet/mars.png);
  top: 40px;
  right: 40px;
  animation: planet-float-mars 6s ease-in-out infinite;
}
.provider-carousel .planet.planet--saturn {
  width: 164px;
  height: 128px;
  background-image: url(https://cdn-files.online/images/hepbet/saturn.png);
  bottom: 40px;
  left: 40px;
  animation: planet-float-saturn 7s ease-in-out infinite;
}
.provider-carousel .lightning {
  position: absolute;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 1;
}
.provider-carousel .lightning.lightning--left {
  background-image: url(https://cdn-files.online/images/hepbet/lightning-left.png);
  bottom: 0;
  left: 0;
  aspect-ratio: 373 / 475;
  width: 400px;
  animation: lightning-strike-left 15s infinite;
  animation-delay: 2s;
}
.provider-carousel .lightning.lightning--right {
  background-image: url(https://cdn-files.online/images/hepbet/lightning-right.png);
  top: 0;
  right: 0;
  aspect-ratio: 482 / 456;
  width: 440px;
  animation: lightning-strike-right 18s infinite;
  animation-delay: 7s;
}
.provider-carousel .lightning.lightning--center {
  background-image: url(https://cdn-files.online/images/hepbet/lightning-center.png);
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
  aspect-ratio: 700 / 800;
  animation: lightning-strike-center 12s infinite;
  animation-delay: 3s;
  height: 110%;
}
@keyframes sky-ambient {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes lightning-strike-left {
  0%,
  94%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
  94.5% {
    opacity: 0.9;
    filter: drop-shadow(0 0 60px #87cefa) drop-shadow(0 0 100px rgba(255, 255, 255, 0.8)) brightness(1.8);
  }
  95% {
    opacity: 0;
    filter: drop-shadow(0 0 20px rgba(135, 206, 250, 0.5)) brightness(1);
  }
  95.5% {
    opacity: 1;
    filter: drop-shadow(0 0 80px #87cefa) drop-shadow(0 0 140px #ffffff) brightness(2.2);
  }
  96% {
    opacity: 0.3;
    filter: drop-shadow(0 0 30px rgba(135, 206, 250, 0.6)) brightness(1.2);
  }
  96.5% {
    opacity: 1;
    filter: drop-shadow(0 0 70px #87cefa) drop-shadow(0 0 120px rgba(255, 255, 255, 0.9)) brightness(2);
  }
  97%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
}
@keyframes lightning-strike-right {
  0%,
  91%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
  91.5% {
    opacity: 0.8;
    filter: drop-shadow(0 0 65px #ffd700) drop-shadow(0 0 110px rgba(255, 255, 255, 0.85)) brightness(1.7);
  }
  92% {
    opacity: 0;
    filter: drop-shadow(0 0 25px rgba(255, 215, 0, 0.5)) brightness(1);
  }
  92.5% {
    opacity: 1;
    filter: drop-shadow(0 0 90px #ffd700) drop-shadow(0 0 150px #ffffff) brightness(2.3);
  }
  93% {
    opacity: 0.4;
    filter: drop-shadow(0 0 35px rgba(255, 215, 0, 0.6)) brightness(1.3);
  }
  93.5% {
    opacity: 1;
    filter: drop-shadow(0 0 85px #ffd700) drop-shadow(0 0 130px rgba(255, 255, 255, 0.95)) brightness(2.1);
  }
  94% {
    opacity: 0.2;
    filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.4)) brightness(1.1);
  }
  94.5%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
}
@keyframes lightning-strike-center {
  0%,
  88%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
  88.5% {
    opacity: 0.7;
    filter: drop-shadow(0 0 50px #c8b4ff) drop-shadow(0 0 90px rgba(255, 255, 255, 0.7)) brightness(1.6);
  }
  89% {
    opacity: 0;
    filter: drop-shadow(0 0 15px rgba(200, 180, 255, 0.4)) brightness(1);
  }
  89.5% {
    opacity: 1;
    filter: drop-shadow(0 0 100px #c8b4ff) drop-shadow(0 0 160px #ffffff) brightness(2.4);
  }
  90% {
    opacity: 0.2;
    filter: drop-shadow(0 0 25px rgba(200, 180, 255, 0.5)) brightness(1.1);
  }
  90.5% {
    opacity: 0.9;
    filter: drop-shadow(0 0 80px #c8b4ff) drop-shadow(0 0 130px rgba(255, 255, 255, 0.9)) brightness(2.1);
  }
  91% {
    opacity: 0.4;
    filter: drop-shadow(0 0 35px rgba(200, 180, 255, 0.6)) brightness(1.3);
  }
  91.5% {
    opacity: 1;
    filter: drop-shadow(0 0 90px #c8b4ff) drop-shadow(0 0 150px #ffffff) brightness(2.3);
  }
  92%,
  100% {
    opacity: 0;
    filter: drop-shadow(0 0 0px transparent) brightness(1);
  }
}
@keyframes provider-orbit {
  0% {
    transform: rotate(calc(var(--angle) + 0deg)) translateX(var(--distance)) rotate(calc(-1 * (var(--angle) + 0deg)));
  }
  100% {
    transform: rotate(calc(var(--angle) + 360deg)) translateX(var(--distance)) rotate(calc(-1 * (var(--angle) + 360deg)));
  }
}
@keyframes provider-orbit-reverse {
  0% {
    transform: rotate(calc(var(--angle) + 0deg)) translateX(var(--distance)) rotate(calc(-1 * (var(--angle) + 0deg)));
  }
  100% {
    transform: rotate(calc(var(--angle) - 360deg)) translateX(var(--distance)) rotate(calc(-1 * (var(--angle) - 360deg)));
  }
}
/* Outer dots CW animasyonu */
@keyframes dot-orbit {
  0% {
    transform: rotate(calc(var(--dot-angle) + 0deg)) translateX(var(--dot-distance));
  }
  100% {
    transform: rotate(calc(var(--dot-angle) + 360deg)) translateX(var(--dot-distance));
  }
}
/* Inner dots CCW animasyonu */
@keyframes dot-orbit-reverse {
  0% {
    transform: rotate(calc(var(--dot-angle) + 0deg)) translateX(var(--dot-distance));
  }
  100% {
    transform: rotate(calc(var(--dot-angle) - 360deg)) translateX(var(--dot-distance));
  }
}
@keyframes planet-float-mars {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-8px, -12px);
  }
}
@keyframes planet-float-saturn {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(10px, -8px);
  }
}
.Betslip-stakeInfoStyles::before {
  content: '';
  width: 100%;
  height: 60px;
  display: block;
  position: relative;
  border-top: solid 1px var(--gray);
  margin-bottom: 20px;
  border-bottom: solid 1px var(--gray);
  margin-top: 10px;
  background: url(https://hepbet.dev/logo/1769173023461_g6gh4c_310_x_220_beyaz_logo.png) center no-repeat;
  background-size: 90px;
}
.Betslip-stakeInfoStyles::after {
  content: '';
}
.HomePage-parentStyles .LastWinGames-parentStylesView1,
.HomePage-parentStyles .LastWinGames-parentStyles {
  position: relative;
  overflow: visible !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1::after,
.HomePage-parentStyles .LastWinGames-parentStyles::after {
  position: absolute;
  content: '';
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1::after,
.HomePage-parentStyles .LastWinGames-parentStyles::after {
  background-image: url('https://cdn-files.online/images/hepbet/last-win-right.png');
  width: 113px;
  height: 200px;
  top: -18px;
  z-index: 2;
  aspect-ratio: 275 / 620;
  left: 30px;
  transform: scale(-1, 1);
  display: none !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock {
  position: relative;
  overflow: visible !important;
  background: var(--lightSkin) !important;
  padding: 0 0 20px 0;
  border-radius: 20px;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock h3,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock h3 {
  position: relative;
  opacity: 1;
  transform: unset !important;
  line-height: 22px;
  width: 100%;
  height: 58px;
  display: flex !important;
  justify-content: flex-start;
  padding: 20px;
  border-radius: 20px 20px 0 0;
  background: var(--list-block-title-bg);
  margin: 0px 0px 1.6rem;
  gap: 0.8rem;
  display: flex;
  font-size: 1.8rem;
  align-items: center;
  font-weight: normal;
  text-transform: capitalize;
  color: var(--text) !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .lastWinPeriod,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .lastWinPeriod {
  display: none !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container {
  gap: 12px !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee {
  gap: 12px !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-initial-child-container,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-initial-child-container {
  gap: 12px !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child {
  border-radius: 10px;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item {
  min-width: 120px !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
  align-items: center;
  padding: 0 !important;
  gap: 10px;
  background-color: var(--last-winner-item-bg) !important;
  border-radius: 12px !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .imageBlock,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .imageBlock {
  width: 110px !important;
  height: 100% !important;
  grid-row: 1 / 3;
  grid-column: 1;
  border-radius: 12px !important;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .imageBlock img,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .imageBlock img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .player,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .player {
  grid-row: 1;
  grid-column: 2;
  margin: 0 !important;
  text-align: left !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  opacity: 0.8;
  align-self: end;
}
.HomePage-parentStyles .LastWinGames-parentStylesView1 .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .amount,
.HomePage-parentStyles .LastWinGames-parentStyles .lastWinBlock .rfm-marquee-container .rfm-marquee .rfm-child .item .amount {
  grid-row: 2;
  grid-column: 2;
  margin: 0 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  align-self: start;
  color: var(--secondary) !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] > div:first-of-type {
  display: none !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Breadcrumbs-parentStyles {
  grid-column: 1 / -1 !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Promotions-promotionImageStyles {
  float: none !important;
  order: 2 !important;
  grid-column: span 5 !important;
  margin-left: 0 !important;
  max-width: unset !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles {
  order: 1 !important;
  grid-column: span 7 !important;
  padding-top: 0 !important;
  gap: 10px;
  display: flex;
  flex-direction: column;
  color: rgba(var(--main-rgb), 1) !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler {
  border-radius: 20px;
  corner-shape: squircle;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler input[type='checkbox'] {
  height: 100% !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler .spoiler-content {
  background: var(--nav-color);
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler .spoiler-title {
  background: var(--nav-color);
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler .spoiler-title .spoiler-toggle {
  background: var(--secondary);
  color: var(--main);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  corner-shape: squircle;
  position: relative;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles .spoiler .spoiler-title .spoiler-toggle::before {
  position: absolute !important;
  top: 10px !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol {
  white-space: normal !important;
  display: flex !important;
  gap: 20px !important;
  flex-direction: column !important;
  list-style: none !important;
  padding-left: 0 !important;
  counter-reset: promo-step;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol:first-of-type li strong:first-child {
  width: 100%;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol > li {
  position: relative;
  background: var(--nav-color);
  padding: 20px 20px 20px 70px;
  border-radius: 20px;
  border: 1px solid var(--gray);
  corner-shape: squircle;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol > li ul {
  list-style: circle !important;
  white-space: normal !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol > li ul li {
  margin: 10px 0 !important;
}
main:has(.Promotions-promotionImageStyles) div[data-testid='imageAndContent'] .Integration-promoIntegrationStyles ol > li::before {
  counter-increment: promo-step;
  content: counter(promo-step);
  position: absolute;
  left: 20px;
  top: 20px;
  font-weight: 700;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background: var(--secondary);
  color: var(--main);
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem {
  transition: all 0.4s ease !important;
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem a + .infoBlock {
  display: none !important;
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem:hover {
  transform: scale(1.08) rotate(3deg) !important;
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem:hover::before {
  animation: slide 1s;
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem::before {
  content: '';
  top: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0)) !important;
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem::before .button {
  background: var(--secondary);
  color: var(--main);
  border: none;
  border-radius: var(--borderRadiusSmall);
}
main:has(.Promotions-desktopPromotionListStyles) div[data-testid='promotionsBanner'] .singleItem::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--borderRadiusSmall);
  border: 1px solid var(--secondary);
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  animation: borderPulse 3s ease-in-out infinite;
}
@keyframes borderPulse {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
}
.Footer-parentStyles {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-template-areas: 'help socialMedia' 'help license' 'help longText';
  gap: 3rem !important;
  align-items: start !important;
}
.Footer-parentStyles .helpSection {
  grid-area: help;
}
.Footer-parentStyles .socialMedia {
  grid-area: socialMedia;
  gap: 0 !important;
  display: grid !important;
}
.Footer-parentStyles .socialMedia::before {
  content: 'SOSYAL MEDYA HESAPLARIMIZ';
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--secondary);
  margin-bottom: 1rem;
}
.Footer-parentStyles .socialMedia .Footer-socialIconStyles {
  justify-content: flex-start !important;
}
.Footer-parentStyles .socialMedia .Footer-socialIconStyles a {
  width: 50px;
  height: 50px;
  padding: 0 !important;
  border: none !important;
}
.Footer-parentStyles .socialMedia .Footer-socialIconStyles a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Footer-parentStyles .license {
  grid-area: license;
  justify-content: start !important;
  gap: 0 !important;
  display: grid !important;
}
.Footer-parentStyles .license::before {
  content: 'SPONSORLUKLARIMIZ VE LİSANSIMIZ';
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--secondary);
  margin-bottom: 1rem;
}
.Footer-parentStyles .license .Footer-licenseListStyles {
  gap: 20px !important;
}
.Footer-parentStyles .license .Footer-licenseListStyles > div {
  order: 3 !important;
  margin: 0 !important;
}
.Footer-parentStyles .license .Footer-licenseListStyles > div:nth-child(1 of :has(img)) {
  order: 1 !important;
  background: var(--gray) !important;
}
.Footer-parentStyles .license .Footer-licenseListStyles > div:nth-child(2 of :has(img)) {
  order: 2 !important;
  background: var(--gray) !important;
}
.Footer-parentStyles .longText {
  grid-area: longText;
}
.Footer-parentStyles .longText .Footer-footerLongTextStyles {
  text-align: justify;
  line-height: 2rem;
  font-size: 1.2rem;
}
.Footer-parentStyles .Footer-copyrightStyles {
  padding: 0 3rem !important;
  text-align: left !important;
}
.Footer-parentStyles .Footer-footerLineStyles {
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  border-top: none !important;
  padding: 0 3rem !important;
}
.Footer-parentStyles .Footer-footerLineStyles:first-child {
  gap: 2.8rem !important;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: repeat(3, auto) !important;
  grid-template-areas: 'n2 n1 n3' 'n4 n5 n6' 'n4 n5 n7';
  flex-basis: 100%;
  gap: 3rem !important;
  padding-bottom: 2.8rem;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(1) {
  grid-area: n1;
  order: 2;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(2) {
  grid-area: n2;
  order: 1;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(3) {
  grid-area: n3;
  order: 4;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(4) {
  grid-area: n4;
  order: 3;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(5) {
  grid-area: n5;
  order: 5;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(6) {
  grid-area: n6;
  order: 6;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(7) {
  grid-area: n7;
  order: 7;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul li.title {
  color: var(--secondary) !important;
}
.Footer-parentStyles .Footer-footerLineStyles .Footer-menuListStyles ul li:not(.title) {
  background: var(--gray) !important;
  padding: 5px 10px;
}
@media screen and (max-width: 1340px) {
  .Footer-desktopParentStyles .Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(2) {
    order: 1;
  }
}
.HelpContent-parentStyles {
  padding: 20px !important;
  max-width: 85% !important;
}
.HelpContent-parentStyles .wrapper {
  background: var(--nav-color);
  padding: 10px 20px;
  border-radius: 10px;
}
.HelpContent-parentStyles .Integration-contentStyles .buttons {
  display: flex;
  gap: 10px;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.HelpContent-parentStyles .Integration-contentStyles .buttons a.call,
.HelpContent-parentStyles .Integration-contentStyles .buttons a.whatsapp {
  background: var(--secondary) !important;
  color: var(--header-invert) !important;
  text-decoration: none !important;
  padding: 10px 20px;
  border-radius: 10px;
  corner-shape: squircle;
  font-family: var(--font-family-lato) !important;
  font-weight: 700 !important;
  gap: 10px !important;
  display: flex !important;
}
.HelpContent-parentStyles .Integration-contentStyles .buttons a.call::before,
.HelpContent-parentStyles .Integration-contentStyles .buttons a.whatsapp::before {
  font-family: 'SportsbookIcons' !important;
}
.HelpContent-parentStyles .Integration-contentStyles > ol {
  white-space: normal !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li {
  text-align: left !important;
  background: var(--nav-color);
  padding: 20px;
  border: 1px solid rgba(var(--main-rgb), 0.08);
  border-radius: 20px;
  corner-shape: squircle;
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li:not(:has(strong + ul)),
.HelpContent-parentStyles .Integration-contentStyles > ol > li:not(:has(span + ul)) {
  gap: 20px;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li ol {
  white-space: normal !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 30px !important;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li ul {
  background: var(--header-color);
  padding: 0 20px;
  margin: 10px 0 0 0;
  border-radius: 20px;
  corner-shape: squircle;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li ul li {
  list-style-type: disc !important;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li span:has(+ ul),
.HelpContent-parentStyles .Integration-contentStyles > ol > li strong:has(+ ul) {
  background: var(--header-color);
  display: flex;
  width: fit-content;
  padding: 10px 30px;
  margin: 10px 0 0 0;
  border-radius: 10px 10px 0 0;
  font-weight: 700;
}
.HelpContent-parentStyles .Integration-contentStyles > ol > li span + ul,
.HelpContent-parentStyles .Integration-contentStyles > ol > li strong + ul {
  margin-top: 0 !important;
  border-top-left-radius: 0 !important;
}
.BuilderPage-previewRowFlex:nth-child(1) {
  position: relative;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) {
  writing-mode: inherit;
  position: absolute;
  bottom: 10px;
  width: fit-content;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, -20px) !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles {
  width: fit-content;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles::before,
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles::after,
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .arrowBlock {
  display: none !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles {
  gap: 20px;
  padding: 0 10px;
  width: fit-content;
  border-radius: 10px;
  overflow: visible !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup {
  width: 65px !important;
  height: 65px !important;
  position: relative !important;
  overflow: visible !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .overlay {
  background: transparent !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .overlay img {
  width: 52px;
  height: 52px;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .title {
  position: absolute;
  bottom: -5px;
  width: 100% !important;
  border-radius: 22px !important;
  background: var(--primary);
  font-weight: 600;
  font-size: 8px;
  padding: 2px 0;
  color: var(--light);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup .title p.textEllipsis {
  padding: 0 5px !important;
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(1) > .overlay {
  border-color: var(--border-neon-green);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(1) .title {
  background: var(--border-neon-green);
  box-shadow: 0px 5px 6px 2px rgba(34, 236, 11, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(2) > .overlay {
  border-color: var(--border-crimson);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(2) .title {
  background: var(--border-crimson);
  box-shadow: 0px 5px 6px 2px rgba(190, 33, 33, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(3) > .overlay {
  border-color: var(--border-orange);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(3) .title {
  background: var(--border-orange);
  box-shadow: 0px 5px 6px 2px rgba(255, 120, 0, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(4) > .overlay {
  border-color: var(--border-lavender);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(4) .title {
  background: var(--border-lavender);
  box-shadow: 0px 5px 6px 2px rgba(202, 108, 220, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(5) > .overlay {
  border-color: var(--border-sky-blue);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(5) .title {
  background: var(--border-sky-blue);
  box-shadow: 0px 5px 6px 2px rgba(50, 138, 242, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(6) > .overlay {
  border-color: var(--border-emerald);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(6) .title {
  background: var(--border-emerald);
  box-shadow: 0px 5px 6px 2px rgba(16, 161, 18, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(7) > .overlay {
  border-color: var(--border-mint);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(7) .title {
  background: var(--border-mint);
  box-shadow: 0px 5px 6px 2px rgba(10, 228, 116, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(8) > .overlay {
  border-color: var(--border-indigo);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(8) .title {
  background: var(--border-indigo);
  box-shadow: 0px 5px 6px 2px rgba(98, 95, 230, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(9) > .overlay {
  border-color: var(--border-azure);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(9) .title {
  background: var(--border-azure);
  box-shadow: 0px 5px 6px 2px rgba(47, 116, 183, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(10) > .overlay {
  border-color: var(--border-olive-alpha);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(10) .title {
  background: var(--border-olive-alpha);
  box-shadow: 0px 5px 6px 2px rgba(121, 168, 51, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(11) > .overlay {
  border-color: var(--border-rose);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(11) .title {
  background: var(--border-rose);
  box-shadow: 0px 5px 6px 2px rgba(204, 140, 140, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(12) > .overlay {
  border-color: var(--border-rose-deep);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(12) .title {
  background: var(--border-rose-deep);
  box-shadow: 0px 5px 6px 2px rgba(239, 10, 69, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(13) > .overlay {
  border-color: var(--border-purple);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(13) .title {
  background: var(--border-purple);
  box-shadow: 0px 5px 6px 2px rgba(129, 43, 184, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(14) > .overlay {
  border-color: var(--border-green-soft);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(14) .title {
  background: var(--border-green-soft);
  box-shadow: 0px 5px 6px 2px rgba(99, 224, 141, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(15) > .overlay {
  border-color: var(--border-amber);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(15) .title {
  background: var(--border-amber);
  box-shadow: 0px 5px 6px 2px rgba(255, 195, 0, 0.6);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(16) > .overlay {
  border-color: var(--border-cyan-deep);
}
.BuilderPage-previewRowFlex:nth-child(1) div[data-builder-component]:nth-child(2) .Scrollable-relativeStyles .Scrollable-parentStyles .Stories-roundedStoriesGroup:nth-child(16) .title {
  background: var(--border-cyan-deep);
  box-shadow: 0px 5px 6px 2px rgba(20, 146, 195, 0.6);
}
.BuilderPage-previewRowFlex div[data-testid="top-events"] img.sportBackground {
  display: none !important;
}
.BuilderPage-previewRowFlex div[data-testid="top-events"] .TopEvents-singleEventStyles {
  background-image: url('https://cdn-files.online/images/hepbet/futbol-bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: var(--bgColor);
}
.Footer-desktopParentStyles {
  display: grid !important;
  border-top: solid 2px var(--gray) !important;
  padding: 0;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-template-areas: 'help socialMedia' 'help license' 'longText longText';
  gap: 3rem !important;
  align-items: start !important;
}
.Footer-footerLineStyles {
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  border-top: none !important;
  padding: 0 3rem !important;
}
.Footer-footerLineStyles:first-child {
  gap: 2.8rem !important;
}
.Footer-footerLineStyles.helpSection {
  grid-area: help;
}
.Footer-footerLineStyles.socialMedia {
  grid-area: socialMedia;
  gap: 0 !important;
  display: grid !important;
  justify-content: center;
  text-align: center;
}
.Footer-footerLineStyles.socialMedia::before {
  content: 'SOSYAL MEDYA HESAPLARIMIZ';
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 1rem;
}
.Footer-footerLineStyles.socialMedia .Footer-copyrightStyles {
  padding: 0 0 2rem 0 !important;
  text-align: left !important;
  display: none !important;
}
.Footer-footerLineStyles.license {
  grid-area: license;
  grid-template-columns: 1fr;
  gap: 0 !important;
  display: grid !important;
  justify-content: center !important;
  text-align: center !important;
}
.Footer-footerLineStyles.license::before {
  content: 'SPONSORLUKLARIMIZ VE LİSANSIMIZ';
  display: block;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 1rem;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles {
  gap: 20px !important;
  grid-template-columns: repeat(3, 1fr);
  display: grid !important;
  background: var(--nav-color);
  padding: 20px;
  border-radius: 20px;
  corner-shape: squircle;
  box-shadow: var(--gray) 0px 0px 20px 0px;
  margin-top: 10px;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles > div {
  order: 2 !important;
  margin: 0 !important;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles > div:nth-child(1 of :has(img)) {
  order: 1 !important;
  background: var(--gray) !important;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles > div:nth-child(1 of :has(img)) a + img {
  margin: 0 auto !important;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles > div:nth-child(2 of :has(img)) {
  order: 3 !important;
  background: var(--gray) !important;
}
.Footer-footerLineStyles.license .Footer-licenseListStyles > div:nth-child(2 of :has(img)) a + img {
  margin: 0 auto !important;
}
.Footer-footerLineStyles.longText {
  grid-area: longText;
}
.Footer-footerLineStyles.longText .Footer-footerLongTextStyles {
  text-align: justify;
  line-height: 2rem;
  font-size: 1.2rem;
  max-width: 100% !important;
}
.Footer-footerLineStyles .Footer-menuListStyles {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-rows: repeat(3, auto) !important;
  grid-template-areas: 'n2 n1 n3' 'n4 n5 n6' 'n4 n5 n7';
  flex-basis: 100%;
  gap: 3rem !important;
  padding-bottom: 2.8rem;
}
.Footer-footerLineStyles .Footer-menuListStyles ul {
  gap: 1.4rem !important;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(1) {
  grid-area: n1;
  order: 2;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(2) {
  grid-area: n2;
  order: 1;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(3) {
  grid-area: n3;
  order: 4;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(4) {
  grid-area: n4;
  order: 3;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(5) {
  grid-area: n5;
  order: 5;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(6) {
  grid-area: n6;
  order: 6;
}
.Footer-footerLineStyles .Footer-menuListStyles ul:nth-child(7) {
  grid-area: n7;
  order: 7;
}
.Footer-footerLineStyles .Footer-menuListStyles ul li.title {
  font-size: 1.2rem;
  color: var(--text) !important;
}
.Footer-footerLineStyles .Footer-menuListStyles ul li:not(.title) {
  background: var(--gray) !important;
  padding: 5px 10px;
  border-radius: 10px;
  corner-shape: squircle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}
input.visiblePlaceholder::placeholder {
  color: var(--main) !important;
  opacity: 1 !important;
}
input.visiblePlaceholder::-webkit-input-placeholder {
  color: var(--main) !important;
  opacity: 1 !important;
}
input.visiblePlaceholder::-moz-placeholder {
  color: var(--main) !important;
  opacity: 1 !important;
}
.HomePage-parentStyles .Scrollable-relativeStyles:has(.Stories-roundedStoriesGroup) .Scrollable-parentStyles {
  justify-content: center;
  padding-bottom: 20px;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup {
  width: 65px !important;
  height: 65px !important;
  position: relative !important;
  overflow: visible !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup .overlay {
  background: transparent !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup .overlay img {
  width: 52px;
  height: 52px;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup .title {
  position: absolute;
  bottom: -5px;
  width: 100% !important;
  border-radius: 22px !important;
  background: var(--primary);
  font-weight: 600;
  font-size: 8px;
  padding: 2px 0;
  color: var(--light);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup .title p.textEllipsis {
  padding: 0 5px !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(1) > .overlay {
  border-color: var(--border-neon-green) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(1) .title {
  background: var(--border-neon-green) !important;
  box-shadow: 0px 5px 6px 2px rgba(34, 236, 11, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(2) > .overlay {
  border-color: var(--border-crimson) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(2) .title {
  background: var(--border-crimson) !important;
  box-shadow: 0px 5px 6px 2px rgba(190, 33, 33, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(3) > .overlay {
  border-color: var(--border-orange) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(3) .title {
  background: var(--border-orange) !important;
  box-shadow: 0px 5px 6px 2px rgba(255, 120, 0, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(4) > .overlay {
  border-color: var(--border-lavender) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(4) .title {
  background: var(--border-lavender) !important;
  box-shadow: 0px 5px 6px 2px rgba(202, 108, 220, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(5) > .overlay {
  border-color: var(--border-sky-blue) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(5) .title {
  background: var(--border-sky-blue) !important;
  box-shadow: 0px 5px 6px 2px rgba(50, 138, 242, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(6) > .overlay {
  border-color: var(--border-emerald) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(6) .title {
  background: var(--border-emerald) !important;
  box-shadow: 0px 5px 6px 2px rgba(16, 161, 18, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(7) > .overlay {
  border-color: var(--border-mint) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(7) .title {
  background: var(--border-mint) !important;
  box-shadow: 0px 5px 6px 2px rgba(10, 228, 116, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(8) > .overlay {
  border-color: var(--border-indigo) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(8) .title {
  background: var(--border-indigo) !important;
  box-shadow: 0px 5px 6px 2px rgba(98, 95, 230, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(9) > .overlay {
  border-color: var(--border-azure) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(9) .title {
  background: var(--border-azure) !important;
  box-shadow: 0px 5px 6px 2px rgba(47, 116, 183, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(10) > .overlay {
  border-color: var(--border-olive-alpha) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(10) .title {
  background: var(--border-olive-alpha) !important;
  box-shadow: 0px 5px 6px 2px rgba(121, 168, 51, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(11) > .overlay {
  border-color: var(--border-rose) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(11) .title {
  background: var(--border-rose) !important;
  box-shadow: 0px 5px 6px 2px rgba(204, 140, 140, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(12) > .overlay {
  border-color: var(--border-rose-deep) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(12) .title {
  background: var(--border-rose-deep) !important;
  box-shadow: 0px 5px 6px 2px rgba(239, 10, 69, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(13) > .overlay {
  border-color: var(--border-purple) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(13) .title {
  background: var(--border-purple) !important;
  box-shadow: 0px 5px 6px 2px rgba(129, 43, 184, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(14) > .overlay {
  border-color: var(--border-green-soft) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(14) .title {
  background: var(--border-green-soft) !important;
  box-shadow: 0px 5px 6px 2px rgba(99, 224, 141, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(15) > .overlay {
  border-color: var(--border-amber) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(15) .title {
  background: var(--border-amber) !important;
  box-shadow: 0px 5px 6px 2px rgba(255, 195, 0, 0.6);
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(16) > .overlay {
  border-color: var(--border-cyan-deep) !important;
}
.HomePage-parentStyles .Stories-roundedStoriesGroup:nth-child(16) .title {
  background: var(--border-cyan-deep) !important;
  box-shadow: 0px 5px 6px 2px rgba(20, 146, 195, 0.6);
}