@charset "UTF-8";
html .cms-control-content:has(> .password-wrapper)::after {
  right: 26px !important;
}
html .cms-control-content:has(> .password-wrapper) .password-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
}
html .cms-control-content:has(> .password-wrapper) .password-wrapper::after {
  right: 26px !important;
}
html .cms-control-content:has(> .password-wrapper) .password-wrapper input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 70px;
}
html .cms-control-content:has(> .password-wrapper) .password-wrapper .eye-toggle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35px;
  height: 35px;
  aspect-ratio: 1;
  border: 0;
  -webkit-appearance: none;
  background-color: transparent;
  box-shadow: none;
  cursor: pointer;
  padding: 0;
  background-size: 18px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 2px 2px 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzcuNDUgMTM4LjY4Ij48cGF0aCBkPSJNODMuMzIuMThjMzcuNzQtMi42Nyw3MS4zNSwyNC42LDg4LjY2LDU2LjE1LDYuODQsMTIuNDYsNy40OCwxMi41MS43MiwyNS4yMS00MC42MSw3Ni4zMi0xMjcuNjcsNzYuMTktMTY4LjA1LS4zNS01Ljk5LTExLjM2LTYuMy0xMS4xMi0uMzUtMjIuNTlDMTkuNDEsMjkuNDcsNDkuNDEsMi41OCw4My4zMi4xOFpNMTMzLjY0LDY5LjU3YzAtMjQuNzgtMjAuMS00NC44Ny00NC45LTQ0Ljg3cy00NC45LDIwLjA5LTQ0LjksNDQuODcsMjAuMSw0NC44Nyw0NC45LDQ0Ljg3LDQ0LjktMjAuMDksNDQuOS00NC44N1oiIGZpbGw9IiM3ODc4NzgiLz48cGF0aCBkPSJNNTguNjIsNjkuNTdoMjkuODl2LTI5Ljg2YzMxLjU5LS41OSw0MS41OSw0NC43NSwxMi42NCw1Ni45My0yMC42Nyw4LjctNDAuOTYtNS40OC00Mi41My0yNy4wN1oiIGZpbGw9IiM3ODc4NzgiLz48L3N2Zz4=);
}
html .cms-control-content:has(> .password-wrapper) .password-wrapper .eye-toggle[aria-visible=true], html .cms-control-content:has(> .password-wrapper) .password-wrapper .eye-toggle[aria-pressed=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzguOTcgMTc4Ljc3Ij48cGF0aCBkPSJNOS4yOSwwbDM0Ljk0LDMzLjY2YzIuNDUuNjQsOS4zMy00Ljk5LDEyLjI2LTYuMzMsMzguNTYtMTcuNjMsNzYuMjItMi4xNCwxMDIuMTMsMjguMzYsNC42LDUuNDEsMjAuNDUsMjguMDYsMjAuMTMsMzQuMjItLjI1LDQuODMtMTEuNDMsMjIuMjQtMTQuODMsMjYuODgtNC45OSw2LjgzLTExLjEsMTIuODktMTYuODMsMTkuMDhsMzEuODcsMzMuMDItOC45LDkuODhMLjEzLDEwLjg4Qy0xLjE0LDguNDIsNy40OCwyLjE1LDkuMjksMFpNODMuMTQsNDVjLTMuNjMuNDYtMTYuNjUsNC42OS0xOC4yNiw3LjctMS4yNywyLjM4LDcuMyw4Ljg3LDkuMTcsMTAuNzcsMjcuOTctMTMuNjYsNTUuNjYsMTMuNDUsNDEuMzgsNDEuMzksMS44LDEuOTMsOS4wNCwxMC45NSwxMS44Miw5LjE4LjgzLS41Myw0LjUyLTguNDMsNS4wMi05Ljk4LDEwLjI2LTMyLjEzLTE1Ljg3LTYzLjMyLTQ5LjEyLTU5LjA2WiIgZmlsbD0iIzc4Nzg3OCIvPjxwYXRoIGQ9Ik0xMjAuMjUsMTUzLjNjLTQxLjgsMTYuNDQtODAuNzUtMy4zMi0xMDUuNDMtMzcuNTItMy4xNC00LjM2LTEzLjY4LTIwLjM5LTE0LjEyLTI0LjgxLS44LTcuOTksMTUuOTctMjkuNzIsMjEuNTItMzYuMjJsMjMuNzUsMjIuODFjLTcuMTIsMjYuMzIsMTIuNTIsNTUuMTEsMzkuODcsNTYuODYsNC4zMy4yOCwxMy45Ny0xLjY3LDE2LjQ2LS41MiwxLjA2LjQ5LDE1LjA4LDE0LjYxLDE2LjQ3LDE2LjQxLjc3LDEsMS45MywxLjI3LDEuNDgsMi45OFoiIGZpbGw9IiM3ODc4NzgiLz48L3N2Zz4=);
}
html iframe#launcher:not([style*=cubic-bezier]) {
  display: none !important;
}
html .chat-link {
  cursor: pointer;
}
html .chat-link * {
  pointer-events: none;
}
html .control-invalid .eye-toggle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzcuNDUgMTM4LjY4Ij48cGF0aCBkPSJNODMuMzIuMThjMzcuNzQtMi42Nyw3MS4zNSwyNC42LDg4LjY2LDU2LjE1LDYuODQsMTIuNDYsNy40OCwxMi41MS43MiwyNS4yMS00MC42MSw3Ni4zMi0xMjcuNjcsNzYuMTktMTY4LjA1LS4zNS01Ljk5LTExLjM2LTYuMy0xMS4xMi0uMzUtMjIuNTlDMTkuNDEsMjkuNDcsNDkuNDEsMi41OCw4My4zMi4xOFpNMTMzLjY0LDY5LjU3YzAtMjQuNzgtMjAuMS00NC44Ny00NC45LTQ0Ljg3cy00NC45LDIwLjA5LTQ0LjksNDQuODcsMjAuMSw0NC44Nyw0NC45LDQ0Ljg3LDQ0LjktMjAuMDksNDQuOS00NC44N1oiIGZpbGw9IiNmYTMzM2EiLz48cGF0aCBkPSJNNTguNjIsNjkuNTdoMjkuODl2LTI5Ljg2YzMxLjU5LS41OSw0MS41OSw0NC43NSwxMi42NCw1Ni45My0yMC42Nyw4LjctNDAuOTYtNS40OC00Mi41My0yNy4wN1oiIGZpbGw9IiNmYTMzM2EiLz48L3N2Zz4=) !important;
}
html .control-invalid .eye-toggle[aria-visible=true], html .control-invalid .eye-toggle[aria-pressed=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzguOTcgMTc4Ljc3Ij48cGF0aCBkPSJNOS4yOSwwbDM0Ljk0LDMzLjY2YzIuNDUuNjQsOS4zMy00Ljk5LDEyLjI2LTYuMzMsMzguNTYtMTcuNjMsNzYuMjItMi4xNCwxMDIuMTMsMjguMzYsNC42LDUuNDEsMjAuNDUsMjguMDYsMjAuMTMsMzQuMjItLjI1LDQuODMtMTEuNDMsMjIuMjQtMTQuODMsMjYuODgtNC45OSw2LjgzLTExLjEsMTIuODktMTYuODMsMTkuMDhsMzEuODcsMzMuMDItOC45LDkuODhMLjEzLDEwLjg4Qy0xLjE0LDguNDIsNy40OCwyLjE1LDkuMjksMFpNODMuMTQsNDVjLTMuNjMuNDYtMTYuNjUsNC42OS0xOC4yNiw3LjctMS4yNywyLjM4LDcuMyw4Ljg3LDkuMTcsMTAuNzcsMjcuOTctMTMuNjYsNTUuNjYsMTMuNDUsNDEuMzgsNDEuMzksMS44LDEuOTMsOS4wNCwxMC45NSwxMS44Miw5LjE4LjgzLS41Myw0LjUyLTguNDMsNS4wMi05Ljk4LDEwLjI2LTMyLjEzLTE1Ljg3LTYzLjMyLTQ5LjEyLTU5LjA2WiIgZmlsbD0iI2ZhMzMzYSIvPjxwYXRoIGQ9Ik0xMjAuMjUsMTUzLjNjLTQxLjgsMTYuNDQtODAuNzUtMy4zMi0xMDUuNDMtMzcuNTItMy4xNC00LjM2LTEzLjY4LTIwLjM5LTE0LjEyLTI0LjgxLS44LTcuOTksMTUuOTctMjkuNzIsMjEuNTItMzYuMjJsMjMuNzUsMjIuODFjLTcuMTIsMjYuMzIsMTIuNTIsNTUuMTEsMzkuODcsNTYuODYsNC4zMy4yOCwxMy45Ny0xLjY3LDE2LjQ2LS41MiwxLjA2LjQ5LDE1LjA4LDE0LjYxLDE2LjQ3LDE2LjQxLjc3LDEsMS45MywxLjI3LDEuNDgsMi45OFoiIGZpbGw9IiNmYTMzM2EiLz48L3N2Zz4=) !important;
}
html .control-valid .eye-toggle {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzcuNDUgMTM4LjY4Ij48cGF0aCBkPSJNODMuMzIuMThjMzcuNzQtMi42Nyw3MS4zNSwyNC42LDg4LjY2LDU2LjE1LDYuODQsMTIuNDYsNy40OCwxMi41MS43MiwyNS4yMS00MC42MSw3Ni4zMi0xMjcuNjcsNzYuMTktMTY4LjA1LS4zNS01Ljk5LTExLjM2LTYuMy0xMS4xMi0uMzUtMjIuNTlDMTkuNDEsMjkuNDcsNDkuNDEsMi41OCw4My4zMi4xOFpNMTMzLjY0LDY5LjU3YzAtMjQuNzgtMjAuMS00NC44Ny00NC45LTQ0Ljg3cy00NC45LDIwLjA5LTQ0LjksNDQuODcsMjAuMSw0NC44Nyw0NC45LDQ0Ljg3LDQ0LjktMjAuMDksNDQuOS00NC44N1oiIGZpbGw9IiMwNWZmZDUiLz48cGF0aCBkPSJNNTguNjIsNjkuNTdoMjkuODl2LTI5Ljg2YzMxLjU5LS41OSw0MS41OSw0NC43NSwxMi42NCw1Ni45My0yMC42Nyw4LjctNDAuOTYtNS40OC00Mi41My0yNy4wN1oiIGZpbGw9IiMwNWZmZDUiLz48L3N2Zz4=) !important;
}
html .control-valid .eye-toggle[aria-visible=true], html .control-valid .eye-toggle[aria-pressed=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzguOTcgMTc4Ljc3Ij48cGF0aCBkPSJNOS4yOSwwbDM0Ljk0LDMzLjY2YzIuNDUuNjQsOS4zMy00Ljk5LDEyLjI2LTYuMzMsMzguNTYtMTcuNjMsNzYuMjItMi4xNCwxMDIuMTMsMjguMzYsNC42LDUuNDEsMjAuNDUsMjguMDYsMjAuMTMsMzQuMjItLjI1LDQuODMtMTEuNDMsMjIuMjQtMTQuODMsMjYuODgtNC45OSw2LjgzLTExLjEsMTIuODktMTYuODMsMTkuMDhsMzEuODcsMzMuMDItOC45LDkuODhMLjEzLDEwLjg4Qy0xLjE0LDguNDIsNy40OCwyLjE1LDkuMjksMFpNODMuMTQsNDVjLTMuNjMuNDYtMTYuNjUsNC42OS0xOC4yNiw3LjctMS4yNywyLjM4LDcuMyw4Ljg3LDkuMTcsMTAuNzcsMjcuOTctMTMuNjYsNTUuNjYsMTMuNDUsNDEuMzgsNDEuMzksMS44LDEuOTMsOS4wNCwxMC45NSwxMS44Miw5LjE4LjgzLS41Myw0LjUyLTguNDMsNS4wMi05Ljk4LDEwLjI2LTMyLjEzLTE1Ljg3LTYzLjMyLTQ5LjEyLTU5LjA2WiIgZmlsbD0iIzA1ZmZkNSIvPjxwYXRoIGQ9Ik0xMjAuMjUsMTUzLjNjLTQxLjgsMTYuNDQtODAuNzUtMy4zMi0xMDUuNDMtMzcuNTItMy4xNC00LjM2LTEzLjY4LTIwLjM5LTE0LjEyLTI0LjgxLS44LTcuOTksMTUuOTctMjkuNzIsMjEuNTItMzYuMjJsMjMuNzUsMjIuODFjLTcuMTIsMjYuMzIsMTIuNTIsNTUuMTEsMzkuODcsNTYuODYsNC4zMy4yOCwxMy45Ny0xLjY3LDE2LjQ2LS41MiwxLjA2LjQ5LDE1LjA4LDE0LjYxLDE2LjQ3LDE2LjQxLjc3LDEsMS45MywxLjI3LDEuNDgsMi45OFoiIGZpbGw9IiMwNWZmZDUiLz48L3N2Zz4=) !important;
}
@media (width <= 767px) {
  html.root-registration #application > .header .header {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    background-color: rgb(var(--color-black));
    padding: 10px 20px;
  }
  html.root-registration #application > .header .header .logo-wrapper {
    width: auto !important;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  html.root-registration #application > .header .header .logo-wrapper a {
    line-height: 0;
  }
  html.root-registration #application > .header .header .logo-wrapper a img {
    height: 20px;
  }
  html.root-registration #application > .header .header .actions-wrapper {
    display: flex;
    gap: 8px;
  }
  html.root-registration #application > .header .header .actions-wrapper > div.chat-link {
    background-color: rgb(var(--color-primary-base));
    color: rgb(var(--color-black));
    font-weight: 600;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    gap: 8px;
    padding: 4px 10px;
    cursor: pointer;
  }
  html.root-registration #application > .header .header .actions-wrapper > div.chat-link svg {
    width: 11px;
  }
  html.root-registration #application > .header .header .actions-wrapper > div:last-child {
    padding: 0;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    white-space: nowrap;
    gap: 2px;
    line-height: 1.1em;
    flex-direction: column;
    align-items: self-start;
  }
  html.root-registration #application > .header .header .actions-wrapper > div:last-child a {
    color: rgb(var(--color-primary-base));
    text-decoration: underline;
    font-weight: bold;
  }
}
html.root-registration #application #main-content {
  max-width: 800px;
  margin: 100px auto;
  padding: 0 20px;
}
@media (width <= 1023px) {
  html.root-registration #application #main-content {
    padding: 0 15px;
    margin: 60px auto;
  }
}
@media (width <= 767px) {
  html.root-registration #application #main-content {
    padding: 0;
    margin: 0 auto 40px auto;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row {
  background: linear-gradient(90deg, transparent 10%, rgb(var(--color-primary-base)) 50%, transparent 90%);
  padding: 1px 0;
  position: relative;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row {
    flex-direction: column;
    padding: 0;
    background: none;
  }
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div {
    width: 100% !important;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.banner-wrapper {
  overflow: hidden;
  line-height: 0;
  background-color: rgb(var(--color-black));
  position: relative;
  padding: 40px;
  width: 50%;
  padding: 40px;
  background-image: url(https://static.versusbet.com/assets/images/common/registration--video-back.svg);
  background-size: cover;
  background-position: bottom right;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.banner-wrapper {
    display: none;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.banner-wrapper video {
  width: 100%;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper {
  background-color: rgb(var(--color-neutral-14));
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper {
    padding: 20px 10px 30px 10px;
    border: 0;
    background-color: rgb(var(--color-black));
    border-bottom: 1px solid rgb(var(--color-neutral-11));
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div {
  display: flex;
  flex-direction: column;
  min-height: 0;
  z-index: 1;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div {
    position: relative;
    left: 0;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper {
  border-bottom: 0;
  background-color: rgb(var(--color-black));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
  background-color: rgb(var(--color-black));
  padding: 10px 20px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .logo-wrapper {
  width: auto !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .logo-wrapper a {
  line-height: 0;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .logo-wrapper a img {
  height: 20px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .actions-wrapper {
  display: flex;
  gap: 8px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .actions-wrapper > div.chat-link {
  background-color: rgb(var(--color-primary-base));
  color: rgb(var(--color-black));
  font-weight: 600;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
  gap: 8px;
  padding: 2px 8px;
  cursor: pointer;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .actions-wrapper > div.chat-link svg {
  width: 11px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .actions-wrapper > div:last-child {
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  gap: 2px;
  line-height: 1.1em;
  align-items: center;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .help-wrapper .header .actions-wrapper > div:last-child a {
  color: rgb(var(--color-primary-base));
  text-decoration: underline;
  font-weight: bold;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container {
  border: 0;
  margin: 10px 20px;
  border-radius: 0;
  line-height: 0;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container {
    margin: 0;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container .register-slider {
  position: relative;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container .register-slider > img {
  transition: all 0.2s ease;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container .register-slider > img.hidden {
  display: block !important;
  opacity: 0;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper > div .banner-container .register-slider > img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container {
  display: flex;
  height: auto;
  min-height: 0;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset {
  padding: 20px;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset {
    padding: 20px 0;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:not(:first-child) {
  position: relative;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:not(:first-child)::before {
  display: none;
  content: "";
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjE4MTY0IDMuOTQ5NDNMMC4xNDk3MDEgMC44OTM4MThDMC4wNDY1NzM1IDAuNzg5ODg2IC0wLjAwMzI3MTI0IDAuNjY2ODk5IDAuMDAwMTY2MzM0IDAuNTI0ODU4QzAuMDAzNjAzOTEgMC4zODI4MTcgMC4wNTY4ODYzIDAuMjU5ODMxIDAuMTYwMDEzIDAuMTU1ODk5QzAuMjYzMTQxIDAuMDUxOTY2MiAwLjM4NTE3NCAwIDAuNTI2MTE1IDBDMC42NjcwNTUgMCAwLjc4OTA4OSAwLjA1MTk2NjIgMC44OTIyMTYgMC4xNTU4OTlMNC4wNTgyMiAzLjM1NzAxQzQuMTQwNzIgMy40NDAxNiA0LjIwMjYgMy41MzM3IDQuMjQzODUgMy42Mzc2M0M0LjI4NTEgMy43NDE1NiA0LjMwNTcyIDMuODQ1NSA0LjMwNTcyIDMuOTQ5NDNDNC4zMDU3MiA0LjA1MzM2IDQuMjg1MSA0LjE1NzI5IDQuMjQzODUgNC4yNjEyM0M0LjIwMjYgNC4zNjUxNiA0LjE0MDcyIDQuNDU4NyA0LjA1ODIyIDQuNTQxODRMMC44ODE5MDMgNy43NDI5NkMwLjc3ODc3NiA3Ljg0Njg5IDAuNjU4NDYxIDcuODk3MTMgMC41MjA5NTggNy44OTM2NkMwLjM4MzQ1NiA3Ljg5MDIgMC4yNjMxNDEgNy44MzY1IDAuMTYwMDEzIDcuNzMyNTdDMC4wNTY4ODYzIDcuNjI4NjMgMC4wMDUzMjI2OSA3LjUwNTY1IDAuMDA1MzIyNjkgNy4zNjM2MUMwLjAwNTMyMjY5IDcuMjIxNTcgMC4wNTY4ODYzIDcuMDk4NTggMC4xNjAwMTMgNi45OTQ2NUwzLjE4MTY0IDMuOTQ5NDNaIiBmaWxsPSIjQkZCRkJGIi8+PC9zdmc+);
  width: 8px;
  height: 8px;
  left: -14px;
  top: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div .number {
  aspect-ratio: 1;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  font-size: 14px;
  color: rgb(var(--color-neutral-4));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div .number::before {
  content: "";
  top: -1px;
  left: 0;
  right: -1px;
  bottom: 0;
  transform: rotate(45deg);
  position: absolute;
  background-color: rgb(var(--color-neutral-12));
  z-index: -1;
  border: 1px solid rgb(var(--color-neutral-12));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div span {
  color: rgb(var(--color-neutral-4));
  font-size: 12px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div.active::before, html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjE4MTY0IDMuOTQ5NDNMMC4xNDk3MDEgMC44OTM4MThDMC4wNDY1NzM1IDAuNzg5ODg2IC0wLjAwMzI3MTI0IDAuNjY2ODk5IDAuMDAwMTY2MzM0IDAuNTI0ODU4QzAuMDAzNjAzOTEgMC4zODI4MTcgMC4wNTY4ODYzIDAuMjU5ODMxIDAuMTYwMDEzIDAuMTU1ODk5QzAuMjYzMTQxIDAuMDUxOTY2MiAwLjM4NTE3NCAwIDAuNTI2MTE1IDBDMC42NjcwNTUgMCAwLjc4OTA4OSAwLjA1MTk2NjIgMC44OTIyMTYgMC4xNTU4OTlMNC4wNTgyMiAzLjM1NzAxQzQuMTQwNzIgMy40NDAxNiA0LjIwMjYgMy41MzM3IDQuMjQzODUgMy42Mzc2M0M0LjI4NTEgMy43NDE1NiA0LjMwNTcyIDMuODQ1NSA0LjMwNTcyIDMuOTQ5NDNDNC4zMDU3MiA0LjA1MzM2IDQuMjg1MSA0LjE1NzI5IDQuMjQzODUgNC4yNjEyM0M0LjIwMjYgNC4zNjUxNiA0LjE0MDcyIDQuNDU4NyA0LjA1ODIyIDQuNTQxODRMMC44ODE5MDMgNy43NDI5NkMwLjc3ODc3NiA3Ljg0Njg5IDAuNjU4NDYxIDcuODk3MTMgMC41MjA5NTggNy44OTM2NkMwLjM4MzQ1NiA3Ljg5MDIgMC4yNjMxNDEgNy44MzY1IDAuMTYwMDEzIDcuNzMyNTdDMC4wNTY4ODYzIDcuNjI4NjMgMC4wMDUzMjI2OSA3LjUwNTY1IDAuMDA1MzIyNjkgNy4zNjM2MUMwLjAwNTMyMjY5IDcuMjIxNTcgMC4wNTY4ODYzIDcuMDk4NTggMC4xNjAwMTMgNi45OTQ2NUwzLjE4MTY0IDMuOTQ5NDNaIiBmaWxsPSIjZGRmZjAwIi8+PC9zdmc+);
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div.active .number, html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) .number {
  font-weight: 600;
  color: rgb(var(--color-tertiary-base));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div.active .number::before, html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) .number::before {
  border: 1px solid rgb(var(--color-tertiary-darker30));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div.active span, html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) span {
  font-weight: 600;
  color: rgb(var(--color-tertiary-base));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active)::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjE4MTY0IDMuOTQ5NDNMMC4xNDk3MDEgMC44OTM4MThDMC4wNDY1NzM1IDAuNzg5ODg2IC0wLjAwMzI3MTI0IDAuNjY2ODk5IDAuMDAwMTY2MzM0IDAuNTI0ODU4QzAuMDAzNjAzOTEgMC4zODI4MTcgMC4wNTY4ODYzIDAuMjU5ODMxIDAuMTYwMDEzIDAuMTU1ODk5QzAuMjYzMTQxIDAuMDUxOTY2MiAwLjM4NTE3NCAwIDAuNTI2MTE1IDBDMC42NjcwNTUgMCAwLjc4OTA4OSAwLjA1MTk2NjIgMC44OTIyMTYgMC4xNTU4OTlMNC4wNTgyMiAzLjM1NzAxQzQuMTQwNzIgMy40NDAxNiA0LjIwMjYgMy41MzM3IDQuMjQzODUgMy42Mzc2M0M0LjI4NTEgMy43NDE1NiA0LjMwNTcyIDMuODQ1NSA0LjMwNTcyIDMuOTQ5NDNDNC4zMDU3MiA0LjA1MzM2IDQuMjg1MSA0LjE1NzI5IDQuMjQzODUgNC4yNjEyM0M0LjIwMjYgNC4zNjUxNiA0LjE0MDcyIDQuNDU4NyA0LjA1ODIyIDQuNTQxODRMMC44ODE5MDMgNy43NDI5NkMwLjc3ODc3NiA3Ljg0Njg5IDAuNjU4NDYxIDcuODk3MTMgMC41MjA5NTggNy44OTM2NkMwLjM4MzQ1NiA3Ljg5MDIgMC4yNjMxNDEgNy44MzY1IDAuMTYwMDEzIDcuNzMyNTdDMC4wNTY4ODYzIDcuNjI4NjMgMC4wMDUzMjI2OSA3LjUwNTY1IDAuMDA1MzIyNjkgNy4zNjM2MUMwLjAwNTMyMjY5IDcuMjIxNTcgMC4wNTY4ODYzIDcuMDk4NTggMC4xNjAwMTMgNi45OTQ2NUwzLjE4MTY0IDMuOTQ5NDNaIiBmaWxsPSIjZGRmZjAwIi8+PC9zdmc+);
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) .number {
  font-size: 0;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) .number::before {
  background-color: rgb(var(--color-primary-base));
  border: 1px solid rgb(var(--color-primary-base));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) .number::after {
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  width: 12px;
  height: 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjczNTEgMi42MDY5NEw1LjU0MTcxIDkuNzM5ODdDNS4zNzM2MyA5LjkwNjQzIDUuMTQ1NzIgMTAgNC45MDgwOSAxMEM0LjY3MDQ1IDEwIDQuNDQyNTUgOS45MDY0MyA0LjI3NDQ2IDkuNzM5ODdMMC4yNjIwNTUgNS43NDAxQzAuMDk0MjUwMSA1LjU3MzQ1IDAgNS4zNDc1OCAwIDUuMTEyMDhDMCA0Ljg3NjU4IDAuMDk0MjUwMSA0LjY1MDcxIDAuMjYyMDU1IDQuNDg0MDZMMS4zODI1MyAzLjM3MzAxQzEuNTUwNTIgMy4yMDcxMiAxLjc3Nzk1IDMuMTEzOTkgMi4wMTUwMyAzLjExMzk5QzIuMjUyMTIgMy4xMTM5OSAyLjQ3OTU0IDMuMjA3MTIgMi42NDc1NCAzLjM3MzAxTDQuOTMwNSA1LjU2ODQ0TDEwLjM1MTMgMC4yNTkyOTdDMTAuNTE5MyAwLjA5MzI0MjUgMTAuNzQ2OSAwIDEwLjk4NDEgMEMxMS4yMjEzIDAgMTEuNDQ4OSAwLjA5MzI0MjUgMTEuNjE2OSAwLjI1OTI5N0wxMi43MzQ2IDEuMzQ0NzlDMTIuODE4NiAxLjQyNzM4IDEyLjg4NTQgMS41MjU2NiAxMi45MzA5IDEuNjMzOTVDMTIuOTc2NSAxLjc0MjI1IDEyLjk5OTkgMS44NTg0MSAxMyAxLjk3NTc1QzEzLjAwMDEgMi4wOTMwOSAxMi45NzY3IDIuMjA5MjcgMTIuOTMxMiAyLjMxNzYxQzEyLjg4NTggMi40MjU5NCAxMi44MTkxIDIuNTI0MjggMTIuNzM1MSAyLjYwNjk0WiIgZmlsbD0iIzEyMTIxMiIvPjwvc3ZnPg==);
  z-index: 2;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset [class*=cms-form-field-name-steps-] > span .steps-wrapper > div:has(~ .active) span {
  color: rgb(var(--color-white));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-title span {
  font: var(--font-category);
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info {
  border: 1px solid rgb(var(--color-primary-darker50));
  border-radius: 2px;
  padding: 10px;
  background-color: rgb(var(--color-info-darker70));
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info::before {
  content: "";
  position: relative;
  width: 16px;
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjIgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExIDBDOC44MjQ0MSAwIDYuNjk3NjcgMC42NDUxMzkgNC44ODg3MyAxLjg1MzgzQzMuMDc5NzkgMy4wNjI1MyAxLjY2OTg5IDQuNzgwNDkgMC44MzczMyA2Ljc5MDQ4QzAuMDA0NzY2MTMgOC44MDA0NyAtMC4yMTMwNzEgMTEuMDEyMiAwLjIxMTM2NyAxMy4xNDZDMC42MzU4MDQgMTUuMjc5OCAxLjY4MzQ1IDE3LjIzOTggMy4yMjE4MyAxOC43NzgyQzQuNzYwMjEgMjAuMzE2NSA2LjcyMDIyIDIxLjM2NDIgOC44NTQwMSAyMS43ODg2QzEwLjk4NzggMjIuMjEzMSAxMy4xOTk1IDIxLjk5NTIgMTUuMjA5NSAyMS4xNjI3QzE3LjIxOTUgMjAuMzMwMSAxOC45Mzc1IDE4LjkyMDIgMjAuMTQ2MiAxNy4xMTEzQzIxLjM1NDkgMTUuMzAyMyAyMiAxMy4xNzU2IDIyIDExQzIxLjk5NjkgOC4wODM1NiAyMC44MzcgNS4yODc0NiAxOC43NzQ4IDMuMjI1MjNDMTYuNzEyNSAxLjE2Mjk5IDEzLjkxNjQgMC4wMDMwNzk4MSAxMSAwWk0xMC4xNTM4IDUuOTIzMDhDMTAuMTUzOCA1LjY5ODY2IDEwLjI0MyA1LjQ4MzQ0IDEwLjQwMTcgNS4zMjQ3NUMxMC41NjA0IDUuMTY2MDcgMTAuNzc1NiA1LjA3NjkyIDExIDUuMDc2OTJDMTEuMjI0NCA1LjA3NjkyIDExLjQzOTYgNS4xNjYwNyAxMS41OTgzIDUuMzI0NzVDMTEuNzU3IDUuNDgzNDQgMTEuODQ2MiA1LjY5ODY2IDExLjg0NjIgNS45MjMwOFYxMS44NDYyQzExLjg0NjIgMTIuMDcwNiAxMS43NTcgMTIuMjg1OCAxMS41OTgzIDEyLjQ0NDVDMTEuNDM5NiAxMi42MDMyIDExLjIyNDQgMTIuNjkyMyAxMSAxMi42OTIzQzEwLjc3NTYgMTIuNjkyMyAxMC41NjA0IDEyLjYwMzIgMTAuNDAxNyAxMi40NDQ1QzEwLjI0MyAxMi4yODU4IDEwLjE1MzggMTIuMDcwNiAxMC4xNTM4IDExLjg0NjJWNS45MjMwOFpNMTEgMTYuOTIzMUMxMC43NDkgMTYuOTIzMSAxMC41MDM2IDE2Ljg0ODYgMTAuMjk0OSAxNi43MDkyQzEwLjA4NjEgMTYuNTY5NyA5LjkyMzQ1IDE2LjM3MTUgOS44MjczOSAxNi4xMzk2QzkuNzMxMzIgMTUuOTA3NiA5LjcwNjE5IDE1LjY1MjQgOS43NTUxNiAxNS40MDYyQzkuODA0MTMgMTUuMTYgOS45MjUwMiAxNC45MzM5IDEwLjEwMjUgMTQuNzU2NEMxMC4yOCAxNC41Nzg5IDEwLjUwNjIgMTQuNDU4IDEwLjc1MjQgMTQuNDA5QzEwLjk5ODYgMTQuMzYgMTEuMjUzOCAxNC4zODUyIDExLjQ4NTcgMTQuNDgxMkMxMS43MTc2IDE0LjU3NzMgMTEuOTE1OSAxNC43NCAxMi4wNTUzIDE0Ljk0ODdDMTIuMTk0OCAxNS4xNTc0IDEyLjI2OTIgMTUuNDAyOCAxMi4yNjkyIDE1LjY1MzhDMTIuMjY5MiAxNS45OTA1IDEyLjEzNTUgMTYuMzEzMyAxMS44OTc1IDE2LjU1MTNDMTEuNjU5NSAxNi43ODk0IDExLjMzNjYgMTYuOTIzMSAxMSAxNi45MjMxWiIgZmlsbD0iI0VBRjhGOCIvPjwvc3ZnPg==);
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info span {
  flex: 1;
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info span p {
  font: var(--font-seo);
  color: rgb(var(--color-info-lighter90));
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info span p:last-child {
  margin: 0;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form fieldset .cms-form-field-name-main-info span p {
    font-size: 14px;
    line-height: 1.2em;
  }
}
html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form [class*=Controls__controlsContainer--] {
  padding: 0 20px 20px 20px;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .page-layout-row > div.form-wrapper .form-container form [class*=Controls__controlsContainer--] {
    padding: 0;
  }
}
html.root-registration #application #main-content .page-layout-column .disclaimer-wrapper .register-disclaimer {
  padding: 40px 20px 0 20px;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .disclaimer-wrapper .register-disclaimer {
    padding: 30px 10px 0 10px;
  }
}
html.root-registration #application #main-content .page-layout-column .disclaimer-wrapper .register-disclaimer p {
  color: rgb(var(--color-neutral-4));
  font: var(--font-legal);
  text-align: center;
}
@media (width <= 767px) {
  html.root-registration #application #main-content .page-layout-column .disclaimer-wrapper .register-disclaimer p {
    text-align: left;
    font-size: 11px;
  }
}
html.root-registration #application #main-content .page-layout-column .disclaimer-wrapper .register-disclaimer p a {
  color: rgb(var(--color-neutral-4));
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 1.5px;
  text-decoration-color: rgb(var(--color-neutral-4)/0.5);
}
html .swiper {
  margin: 25px auto;
  max-width: 1600px;
  background: transparent;
  padding: 0 20px;
  overflow: visible;
}
@media (width <= 1023px) {
  html .swiper {
    padding: 0 15px;
  }
}
@media (width <= 767px) {
  html .swiper {
    margin: 15px auto 25px auto;
    padding: 0 10px;
  }
}
html .swiper .swiper-wrapper .swiper-slide {
  line-height: 0;
}
html .swiper .swiper-wrapper .swiper-slide [data-game] {
  cursor: pointer;
}
html .swiper .swiper-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-top: 25px;
  width: 100%;
  gap: 6px;
  position: relative;
}
html .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  display: inline-block;
  box-shadow: 0 0 0 1px rgb(var(--color-white)) !important;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: relative;
  background-color: transparent !important;
  transform: none !important;
  opacity: 1;
}
html .swiper .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  transition: all 0.2s ease;
}
html .swiper .swiper-pagination .swiper-pagination-bullet[class*=active] {
  box-shadow: 0 0 0 1px rgb(var(--color-primary-base)) !important;
}
html .swiper .swiper-pagination .swiper-pagination-bullet[class*=active]::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: rgb(var(--color-primary-base)) !important;
  border-radius: 50%;
}
html .portlet_name_banner {
  margin: 25px 10% 25px 10% !important;
  max-width: 1600px;
  background: transparent;
}
@media (width <= 767px) {
  html .portlet_name_banner {
    margin: 15px 30px 25px 10px !important;
  }
}
html .portlet_name_banner .portlet__content_type_banner {
  margin-left: -10px;
  width: calc(50% + 10px);
}
@media (width <= 767px) {
  html .portlet_name_banner .portlet__content_type_banner {
    width: calc(100% + 20px);
  }
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner {
  overflow: visible;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner [class*=Banner__sliderContainer--] {
  overflow: visible;
  width: 100%;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner [class*=Banner__sliderContainer--] [class*=Banner__slider--] {
  height: auto !important;
  width: 100%;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner [class*=Banner__sliderContainer--] [class*=Banner__slider--] [class*=Slider__slide--] {
  padding: 0 10px;
  position: relative;
  opacity: 1;
  visibility: visible;
  line-height: 0;
}
@media (width <= 767px) {
  html .portlet_name_banner .portlet__content_type_banner .cms-banner [class*=Banner__sliderContainer--] [class*=Banner__slider--] [class*=Slider__slide--] {
    padding: 0 5px;
  }
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner [class*=Banner__sliderContainer--] [class*=Banner__slider--] [class*=Slider__slide--] img {
  position: relative !important;
  height: auto;
  width: 100%;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container {
  height: 14px !important;
  width: 100% !important;
  transform: translateX(-8px) !important;
}
@media (width <= 767px) {
  html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container {
    transform: translateX(calc(-50% + 12px)) !important;
  }
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container .cms-bullets-carousel-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  gap: 6px;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container .cms-bullets-carousel-container .cms-bullets-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  display: inline-block;
  box-shadow: 0 0 0 1px rgb(var(--color-white)) !important;
  border-radius: 50%;
  transition: all 0.2s ease;
  position: relative;
  background-color: transparent !important;
  transform: none !important;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container .cms-bullets-carousel-container .cms-bullets-bullet::before {
  content: "";
  transition: all 0.2s ease;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container .cms-bullets-carousel-container .cms-bullets-bullet[class*=active] {
  box-shadow: 0 0 0 1px rgb(var(--color-primary-base)) !important;
}
html .portlet_name_banner .portlet__content_type_banner .cms-banner .cms-bullets-container .cms-bullets-carousel-container .cms-bullets-bullet[class*=active]::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: rgb(var(--color-primary-base)) !important;
  border-radius: 50%;
}
html.root-home .home-wrapper .grid-banners {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 40px;
}
@media (width <= 819px) {
  html.root-home .home-wrapper .grid-banners {
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    max-width: 460px;
    margin: auto;
    gap: 20px 40px;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .grid-banners {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 0 10px;
  }
}
html.root-home .home-wrapper .grid-banners > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
html.root-home .home-wrapper .grid-banners > a::before {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgb(var(--color-primary-base)), rgb(var(--color-secondary-base)));
  width: 80%;
  aspect-ratio: 1;
  left: 10%;
  transform: translateY(15%);
  z-index: 0;
  border-radius: 50%;
  filter: blur(15px);
  z-index: -1;
}
html.root-home .home-wrapper .grid-banners > a img {
  max-width: 120px;
  z-index: 3;
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .grid-banners > a img {
    max-width: 80px;
  }
}
html.root-home .home-wrapper .grid-banners > a .gradient-box {
  position: relative;
  width: 100%;
  margin-top: -30px;
  aspect-ratio: 1.75;
  overflow: hidden;
  background: linear-gradient(135deg, rgb(var(--color-primary-base)) 0%, transparent 10%, transparent 90%, rgb(var(--color-primary-base)) 100%);
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .grid-banners > a .gradient-box {
    margin-top: -20px;
  }
}
html.root-home .home-wrapper .grid-banners > a .gradient-box::before {
  content: "";
  position: absolute;
  background: radial-gradient(circle at 50% 45%, rgb(var(--color-primary-base)) 40%, transparent 75%);
  top: 0;
  left: -10px;
  right: -10px;
  aspect-ratio: 1;
  transform: translateY(-80%);
  z-index: 0;
  opacity: 0.3;
  z-index: 2;
}
html.root-home .home-wrapper .grid-banners > a .gradient-box span {
  padding-top: 15px;
  text-transform: uppercase;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2em;
  z-index: 1;
  position: relative;
  color: rgb(var(--color-white));
  background-color: rgb(var(--color-black));
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .grid-banners > a .gradient-box span {
    padding-top: 10px;
    font-size: 12px;
    top: 1.5px;
    left: 1.5px;
    right: 1.5px;
    bottom: 1.5px;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .grid-banners > a .gradient-box span {
    font-size: 10px;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper {
    height: 362px;
    overflow: hidden;
    width: 100%;
    margin: -70px 0 0 0;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding-top: 10px;
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners {
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
    padding: 80px 10px;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div {
  background: linear-gradient(135deg, rgb(var(--color-primary-base)) 0%, transparent 10%, transparent 90%, rgb(var(--color-primary-base)) 100%);
  padding: 2px;
  position: relative;
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div {
    padding: 1.5px;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div {
    width: 240px;
    padding: 1px;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div::before {
  content: "";
  position: absolute;
  background: rgb(var(--color-primary-base));
  width: 70%;
  aspect-ratio: 1;
  left: 15%;
  z-index: 1;
  border-radius: 50%;
  filter: blur(40px);
  opacity: 0.6;
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div {
  background-color: rgb(var(--color-black));
  position: relative;
  z-index: 2;
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div img {
  max-width: calc(100% + 40px);
  margin: -40px -20px 0 -20px;
  z-index: 2;
  position: relative;
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div img {
    margin: -40px 0 0 0;
    max-width: 100%;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info {
  background: linear-gradient(0deg, rgb(var(--color-black)) calc(100% - 67px), transparent);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 20px 20px 20px;
  margin-top: -160px;
  z-index: 3;
  position: relative;
  border-radius: 0 0 10px 10px;
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info {
    padding: 100px 20px 20px 20px;
    background: linear-gradient(0deg, rgb(var(--color-black)) 60%, transparent 75%);
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info {
    padding: 40px 20px 20px 20px;
    background: linear-gradient(0deg, rgb(var(--color-black)) calc(100% - 40px), transparent);
    margin-top: -110px;
  }
}
html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info h3 {
  font: var(--font-headline);
  text-transform: uppercase;
  color: rgb(var(--color-white));
  margin: 30px 0;
}
@media (width <= 1249px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info h3 {
    font-size: 36px;
    line-height: 1em;
    text-align: center;
  }
}
@media (width <= 1023px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info h3 {
    max-width: 150px;
  }
}
@media (width <= 767px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div > div .info h3 {
    margin: 20px 0;
    font-size: 30px;
    max-width: 100% !important;
  }
}
@media (width <= 819px) {
  html.root-home .home-wrapper .bets-wrapper .bets-banners > div:nth-child(3) .info h3 {
    max-width: 100px;
  }
}
html.root-home .home-wrapper .category-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 0 20px;
}
@media (width <= 767px) {
  html.root-home .home-wrapper .category-title {
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }
}
html.root-home .home-wrapper .category-title h2 {
  text-transform: uppercase;
  padding: 0;
  font: inherit;
  color: transparent;
  background: linear-gradient(to right, rgb(var(--color-primary-base)) 0, rgb(var(--color-primary-base)) 130px, rgb(var(--color-white)) 130px, rgb(var(--color-white)) 100%);
  background-clip: text;
}
html.root-home .home-wrapper .category-title img {
  width: 22px;
}
@media (width <= 767px) {
  html.root-home .home-wrapper .category-title img {
    width: 16px;
  }
}
html.root-home .home-wrapper .category-title a {
  font: var(--font-link);
  color: rgb(var(--color-primary-base));
  text-transform: none;
}
html.root-home .home-wrapper .category-title a svg {
  width: 6px;
  vertical-align: middle;
  margin-left: 6px;
  transition: all 0.3s ease;
}
html.root-home .home-wrapper .category-title a:hover svg {
  animation: arrow 0.4s ease 0s 1;
}
html.root-home .sports-wrapper {
  background-image: url(https://static.versusbet.com/assets/images/home/sports-back.webp);
  background-attachment: fixed;
  background-size: cover;
  background-position: top center;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper {
    background-attachment: unset;
    background-position: top center;
    background-size: 120%;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper {
    background-position: 84% 50%;
    background-size: cover;
    padding-bottom: 14px;
  }
}
html.root-home .sports-wrapper .container {
  max-width: 1140px;
  padding: 40px 20px 50px 20px;
  margin: 0 auto;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container {
    padding: 40px 15px;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container {
    padding: 30px 10px 0 10px;
  }
}
html.root-home .sports-wrapper .container .category-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  font: var(--font-category);
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .category-title {
    position: relative;
    z-index: 5;
  }
}
html.root-home .sports-wrapper .container .category-title img {
  width: 20px;
  filter: brightness(0) invert(1);
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .category-title img {
    width: 18px;
  }
}
html.root-home .sports-wrapper .container .category-title h2 {
  color: rgb(var(--color-white));
  font: inherit;
  padding: 0;
}
html.root-home .sports-wrapper .container .category-title a {
  font: var(--font-link);
  color: rgb(var(--color-white));
  text-transform: uppercase;
}
html.root-home .sports-wrapper .container .category-title a svg {
  width: 6px;
  vertical-align: middle;
  margin-left: 6px;
  transition: all 0.3s ease;
}
html.root-home .sports-wrapper .container .category-title a svg path {
  fill: rgb(var(--color-white)) !important;
}
html.root-home .sports-wrapper .container .category-title a:hover svg {
  animation: arrow 0.4s ease 0s 1;
}
html.root-home .sports-wrapper .container .sports-container {
  margin-top: -30px;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container {
    overflow: visible;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container {
    margin: -30px -10px 0 -10px;
    height: 380px;
    overflow: hidden;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding-top: 60px;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container .banners {
    overflow: visible;
    padding: 90px 0 0 0;
    margin-top: -60px;
    gap: 10px;
    align-items: stretch;
  }
}
@media (width <= 819px) {
  html.root-home .sports-wrapper .container .sports-container .banners {
    margin-top: -30px;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners {
    padding: 90px 10px 80px 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div {
  padding: 2px;
  position: relative;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div {
    width: 100%;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div {
    width: 180px;
    padding: 1px;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgb(var(--color-primary-base)) 0%, transparent 10%, transparent 90%, rgb(var(--color-primary-base)) 100%);
  clip-path: polygon(0 0, 100% 0, 100% 2px, 2px 2px, 2px calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 50%, 100% 50%, 100% 100%, 0 100%);
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div::before {
    clip-path: polygon(0 0, 100% 0, 100% 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - 1.5px), calc(100% - 1.5px) 50%, 100% 50%, 100% 100%, 0 100%);
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div::before {
    clip-path: polygon(0 0, 100% 0, 100% 1px, 1px 1px, 1px calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) 50%, 100% 50%, 100% 100%, 0 100%);
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div {
  background: linear-gradient(0deg, transparent, rgb(var(--color-black)));
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div {
    height: 100%;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div img {
  margin: -20px -5px 0 -5px;
  max-width: calc(100% + 10px);
  z-index: 1;
}
@media (width <= 1249px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div img[src*=basket] {
    margin-bottom: -30px;
  }
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div img[src*=basket] {
    margin-bottom: 0;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px;
  margin-top: -50px;
  z-index: 2;
  position: relative;
  flex: 1;
  gap: 30px;
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div .info {
    margin-top: -40px;
    padding: 30px 10px 20px 10px;
    gap: 20px;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info::before {
  content: "";
  position: absolute;
  background: linear-gradient(0deg, transparent 0%, rgb(var(--color-black)) 70%, transparent);
  top: -20%;
  left: 0;
  right: 0;
  bottom: 0%;
  z-index: -1;
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info h3 {
  font: var(--font-headline);
  color: rgb(var(--color-white));
  text-transform: uppercase;
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info h3 + div {
  padding-bottom: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div .info h3 + div {
    font-size: 10px;
  }
}
@media (width <= 1023px) {
  html.root-home .sports-wrapper .container .sports-container .banners > div > div .info .button-yellow span {
    display: none;
  }
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info .button-yellow svg {
  display: none;
  width: 20px;
  vertical-align: bottom;
  margin: -2px 6px -2px 0;
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info .button-yellow svg .circle {
  transform-origin: center;
  animation: spin 6s linear infinite;
  transition: animation-duration 0.2s linear;
}
html.root-home .sports-wrapper .container .sports-container .banners > div > div .info .button-yellow:hover svg .circle {
  animation-duration: 2s;
}
@media (width <= 767px) {
  html.root-home .sports-wrapper .container .sports-container .pagination {
    bottom: 34px !important;
  }
}
html.root-home .gradient-separator {
  background: linear-gradient(90deg, #01473C, #06FFD8);
  height: 5px;
}
html.root-home .portlet-wrapper.seo-wrapper .container {
  max-width: 1100px;
}
html .portlet-wrapper.seo-wrapper {
  background: rgb(var(--color-black));
  padding: 50px 20px 100px 20px;
  z-index: 3;
}
@media (width <= 1249px) {
  html .portlet-wrapper.seo-wrapper {
    padding: 40px 15px 60px 15px;
  }
}
@media (width <= 767px) {
  html .portlet-wrapper.seo-wrapper {
    padding: 30px 10px 30px 10px;
  }
}
html .portlet-wrapper.seo-wrapper .container {
  max-width: 1540px;
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 40px;
  font: var(--font-seo);
}
@media (width <= 1249px) {
  html .portlet-wrapper.seo-wrapper .container {
    display: block;
    column-count: 2;
    column-gap: 20px;
  }
}
@media (width <= 767px) {
  html .portlet-wrapper.seo-wrapper .container {
    gap: 10px;
    flex-direction: column;
    display: flex;
  }
}
html .portlet-wrapper.seo-wrapper .container > div {
  flex: 1;
}
html .portlet-wrapper.seo-wrapper .container > div * {
  font: inherit;
  color: rgb(var(--color-white));
}
html .portlet-wrapper.seo-wrapper .container > div a {
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 1.5px;
  text-decoration-color: rgba(255, 255, 255, 0.5);
}
html .portlet-wrapper.seo-wrapper .container > div strong {
  font-weight: 600;
}
html .portlet-wrapper.seo-wrapper .container > div ul {
  padding-left: 1.5em;
}
html .portlet-wrapper.seo-wrapper .container > div .links {
  column-count: 2;
}
@media (width <= 1249px) {
  html .portlet-wrapper.seo-wrapper .container > div .links br {
    display: none;
  }
  html .portlet-wrapper.seo-wrapper .container > div .links > a {
    display: block;
  }
}
html .portlet-wrapper.seo-wrapper .container > div .title {
  font: var(--font-input);
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
  color: rgb(var(--color-primary-base));
}
html .portlet-wrapper.seo-wrapper .container > div .title:not(:first-child) {
  margin: 1em 0 0.5em 0;
}
@media (width <= 1249px) {
  html .portlet-wrapper.seo-wrapper .container > div .title {
    margin: 1em 0 0.5em 0;
  }
}
html .portlet-wrapper.seo-wrapper .container > div .title * {
  color: rgb(var(--color-primary-base));
}
@media (width <= 1249px) {
  html .portlet-wrapper.seo-wrapper .container > div:first-child .title:first-child {
    margin: 0 0 0.5em 0;
  }
}
html .brands-wrapper {
  height: 296px;
  overflow: visible;
  margin-top: -45px;
}
@media (width <= 767px) {
  html .brands-wrapper {
    height: auto;
    overflow: hidden;
  }
}
html .brands-wrapper .container {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  padding-top: 60px;
}
@media (width <= 1023px) {
  html .brands-wrapper .container {
    gap: 40px;
  }
}
@media (width <= 767px) {
  html .brands-wrapper .container {
    padding: 60px 10px 80px 10px;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: -30px;
  }
}
html .brands-wrapper .container > a {
  display: inline-block;
  flex: 1;
  background: linear-gradient(135deg, rgb(var(--color-primary-base)) 0%, transparent 10%, transparent 90%, rgb(var(--color-primary-base)) 100%);
  position: relative;
  aspect-ratio: 1;
  padding: 2px;
}
@media (width <= 1249px) {
  html .brands-wrapper .container > a:nth-child(n+5) {
    display: none;
  }
}
@media (width <= 1023px) {
  html .brands-wrapper .container > a {
    aspect-ratio: 1;
    padding: 1.5px;
  }
}
@media (width <= 767px) {
  html .brands-wrapper .container > a {
    width: 150px;
    padding: 2px;
  }
}
html .brands-wrapper .container > a .box {
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 1;
}
html .brands-wrapper .container > a .box img {
  position: absolute;
  z-index: 1;
  max-width: calc(100% + 50px);
  top: -25px;
  left: -25px;
  right: -25px;
}
@media (width <= 1023px) {
  html .brands-wrapper .container > a .box img:not(.logo) {
    max-width: calc(100% + 30px);
    top: -15px;
    left: -15px;
    right: -15px;
  }
}
html .brands-wrapper .container > a .box img.logo {
  position: absolute;
  top: unset;
  left: 50%;
  bottom: 55px;
  z-index: 3;
  object-fit: contain;
  object-position: center;
  width: 120px;
  height: 60px;
  transform: translateX(-50%);
  margin: 0;
}
@media (width <= 767px) {
  html .brands-wrapper .container > a .box img.logo {
    width: 90px;
    height: 40px;
    bottom: 40px;
  }
}
html .brands-wrapper .container > a .box span {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html .brands-wrapper .container > a .box span:hover, html .brands-wrapper .container > a .box span:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html .brands-wrapper .container > a .box span {
    padding: 8px 16px;
  }
}
@media (width <= 767px) {
  html .brands-wrapper .container > a .box span {
    padding: 4px 10px;
    bottom: 10px;
  }
}
html .brands-wrapper .container > a .box::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: radial-gradient(circle at 50% 70%, rgb(var(--color-black)/0.6), transparent 80%);
  z-index: 2;
  pointer-events: none;
}
html .campaign-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
  background-color: transparent;
}
@media (width <= 767px) {
  html .campaign-wrapper {
    margin-top: -30px;
  }
}
html .campaign-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(ellipse 59% 81% at 71% 45%, rgba(6, 255, 216, 0.1294117647) 11%, rgba(6, 255, 216, 0) 47%), radial-gradient(ellipse 45% 40% at 50% 50%, rgba(6, 255, 216, 0.0588235294) 0%, rgba(6, 255, 216, 0) 70%);
  pointer-events: none;
  z-index: 0;
  padding-bottom: 98px;
}
html .campaign-wrapper .title {
  font: var(--font-headline);
  font-size: 40px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: rgb(var(--color-white));
  position: relative;
  z-index: 1;
  line-height: 1.2em;
}
@media (width <= 767px) {
  html .campaign-wrapper .title {
    font-size: 32px;
  }
}
html .campaign-wrapper .title .highlight {
  color: rgb(var(--color-primary-base));
}
html .campaign-wrapper .video {
  position: relative;
  width: 62%;
  aspect-ratio: 16/9;
  z-index: 1;
  background: linear-gradient(135deg, rgb(var(--color-primary-base)) 0%, transparent 10%, transparent 90%, rgb(var(--color-primary-base)) 100%);
}
@media (width <= 767px) {
  html .campaign-wrapper .video {
    width: calc(100% - 20px);
  }
}
html .campaign-wrapper .video iframe {
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
@media (width <= 1023px) {
  html .campaign-wrapper .video iframe {
    top: 1.5px;
    left: 1.5px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  }
}
@media (width <= 767px) {
  html .campaign-wrapper .video iframe {
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
  }
}
html.root-page [class^=AppRouter__content--] #main-content {
  max-width: 100%;
  padding: 60px 20px 100px 20px;
}
@media (width <= 1023px) {
  html.root-page [class^=AppRouter__content--] #main-content {
    padding: 40px 15px 60px 15px;
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content {
    padding: 20px 10px 40px 10px;
    background-size: 100dvw 100%, 800px, 1000px, cover;
    background-position: left center, -650px 70%, calc(100% + 500px) 30%, center;
  }
}
html.root-page [class^=AppRouter__content--] #main-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 600px;
  background: linear-gradient(rgb(var(--color-black)), transparent);
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content::before {
    height: 300px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper {
  border: 1px solid rgb(var(--color-neutral-8));
  background-color: rgb(var(--color-black));
  max-width: 1100px;
  margin: auto;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header {
  height: 200px;
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid rgb(var(--color-neutral-8));
  padding: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media (width <= 1023px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header {
    padding: 20px;
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header {
    padding: 20px 15px;
    height: 140px;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    background-position: 70% 50%;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header .open-index {
  display: none;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header .open-index {
    display: flex;
    font-weight: 600;
    text-transform: uppercase;
    gap: 6px;
    align-items: center;
    cursor: pointer;
    font-size: 10px;
  }
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header .open-index svg {
    width: 12px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header h1 {
  font: var(--font-display);
  color: rgb(var(--color-white));
  text-transform: uppercase;
  max-width: 500px;
  line-height: 1;
  margin-bottom: -8px;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .header h1 {
    font-size: 36px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar {
  width: 280px;
  border-right: 1px solid rgb(var(--color-neutral-8));
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar {
    position: fixed;
    background-color: rgb(var(--color-black)/0.5);
    backdrop-filter: blur(10px);
    top: 86px;
    left: 0;
    border: 0;
    height: calc(100dvh - 86px);
    width: 100dvw;
  }
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar:not(.active) {
    display: none;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar .close {
  display: none;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar .close {
    display: block;
    height: 14px;
    width: 14px;
    background-position: center;
    background-size: contain;
    top: 14px;
    right: 14px;
    position: absolute;
    left: 221px;
    top: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTMgMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEyLjI5MTggMi4xNjMyQzEyLjc4NjMgMS42Njg2NCAxMi43ODYzIDAuODY1NDggMTIuMjkxOCAwLjM3MDkyQzExLjc5NzIgLTAuMTIzNjQgMTAuOTk0MSAtMC4xMjM2NCAxMC40OTk1IDAuMzcwOTJMNi4zMzMzMyA0LjU0MTA1TDIuMTYzMiAwLjM3NDg3NkMxLjY2ODY0IC0wLjExOTY4NCAwLjg2NTQ4IC0wLjExOTY4NCAwLjM3MDkyIDAuMzc0ODc2Qy0wLjEyMzY0IDAuODY5NDM2IC0wLjEyMzY0IDEuNjcyNiAwLjM3MDkyIDIuMTY3MTZMNC41NDEwNSA2LjMzMzMzTDAuMzc0ODc2IDEwLjUwMzVDLTAuMTE5NjgzIDEwLjk5OCAtMC4xMTk2ODMgMTEuODAxMiAwLjM3NDg3NiAxMi4yOTU3QzAuODY5NDM2IDEyLjc5MDMgMS42NzI2IDEyLjc5MDMgMi4xNjcxNiAxMi4yOTU3TDYuMzMzMzMgOC4xMjU2MkwxMC41MDM1IDEyLjI5MThDMTAuOTk4IDEyLjc4NjMgMTEuODAxMiAxMi43ODYzIDEyLjI5NTcgMTIuMjkxOEMxMi43OTAzIDExLjc5NzIgMTIuNzkwMyAxMC45OTQxIDEyLjI5NTcgMTAuNDk5NUw4LjEyNTYyIDYuMzMzMzNMMTIuMjkxOCAyLjE2MzJaIj48L3BhdGg+PC9zdmc+);
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] {
    max-width: 250px;
    background-color: rgb(var(--color-neutral-13));
    box-shadow: 0 0 40px rgb(var(--color-black));
    margin-right: auto;
    height: 100%;
    transform: translateX(-100%);
    transition: all 0.3s ease;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article {
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article {
    width: 100%;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article .title {
  color: rgb(var(--color-primary-base));
  font: var(--font-helper);
  font-weight: bold;
  text-transform: uppercase;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article .title {
    font-size: 14px;
    line-height: 1.2em;
    color: rgb(var(--color-white));
    border-bottom: 1px solid rgb(var(--color-neutral-8));
    padding: 15px 30px 15px 20px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article .menu-wrapper {
  font: var(--font-body);
  color: rgb(var(--color-white));
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article .menu-wrapper {
    padding: 15px 20px;
    flex: 1;
    overflow: scroll;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar > [data-web-content-id] article .menu-wrapper a {
  color: inherit;
  font: inherit;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .sidebar.active > [data-web-content-id] {
  transform: none;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content {
  flex: 1;
  padding: 30px;
}
@media (width <= 1023px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content {
    padding: 20px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content p, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content ul, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content li, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content strong, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content td, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content th {
  font: var(--font-body);
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content a:not([class*=button]) {
  color: rgb(var(--color-white));
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 1.5px;
  text-decoration-color: rgb(var(--color-white));
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content a[class*=button] {
  margin: 20px 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content a[class*=button]:last-child {
  margin-bottom: 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content ul {
  padding-left: 1em;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content .streaming-banners {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content .streaming-banners a {
  width: 100%;
  line-height: 0;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content .streaming-banners {
    flex-direction: column;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h2 {
  color: rgb(var(--color-primary-base));
  font: var(--font-footer);
  text-transform: uppercase;
  margin: 20px 0 5px 0;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h2 {
    font-size: 22px;
    line-height: 1.2em;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h2 a {
  color: inherit !important;
  text-decoration: none !important;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h3 {
  font: var(--font-helper);
  color: rgb(var(--color-white));
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 10px 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h3 a {
  color: inherit !important;
  text-decoration: none !important;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h4 {
  font: var(--font-helper);
  font-weight: bold;
  margin: 5px 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content > h2:first-child, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content h3:first-child {
  margin-top: 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table {
  border: 1px solid;
  border-collapse: collapse;
  margin: 0.5em 0;
  width: auto;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tbody {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr {
  border-top: 1px solid;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr:first-child {
  border-top: 0;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr {
    border: 1px solid !important;
    display: flex;
    flex-direction: column;
    border-top: 0 !important;
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr:has(th):not(:has(td)) {
    display: none !important;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr td, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr th {
  padding: 6px 10px;
  border-left: 1px solid;
  vertical-align: top;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr td:last-child, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr th:last-child {
  border-right: 1px solid;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr td, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr th {
    border: 0 !important;
    border-top: 1px solid !important;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr td p, html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr th p {
  margin: 0;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table tr th {
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.horses tr td {
  position: relative;
  padding-left: 30px;
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.horses tr td:not(:last-child) {
    padding-bottom: 0;
  }
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.horses tr td:not(:last-child)::before {
    content: "";
    position: absolute;
    background-image: url(https://static.versusbet.com/assets/images/flags/gb.svg), url(https://static.versusbet.com/assets/images/flags/gb.svg), url(https://static.versusbet.com/assets/images/flags/gb.svg), url(https://static.versusbet.com/assets/images/flags/gb.svg), url(https://static.versusbet.com/assets/images/flags/gb.svg), url(https://static.versusbet.com/assets/images/flags/gb.svg);
    width: 14px;
    top: 6px;
    left: 10px;
    bottom: 0;
    background-size: 14px;
    background-position: 0 3px, 0 21px, 0 39px, 0 57px, 0 75px, 0 93px;
    background-repeat: no-repeat;
  }
}
@media (width <= 767px) {
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.horses tr td:last-child {
    border: 0 !important;
    padding-top: 0;
  }
  html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.horses tr td:last-child::before {
    content: "";
    position: absolute;
    background-image: url(https://static.versusbet.com/assets/images/flags/ie.svg), url(https://static.versusbet.com/assets/images/flags/ie.svg), url(https://static.versusbet.com/assets/images/flags/ie.svg), url(https://static.versusbet.com/assets/images/flags/ie.svg), url(https://static.versusbet.com/assets/images/flags/ie.svg), url(https://static.versusbet.com/assets/images/flags/ie.svg);
    width: 14px;
    top: 0;
    left: 10px;
    bottom: 6px;
    background-size: 14px;
    background-position: 0 3px, 0 21px, 0 39px, 0 57px, 0 75px, 0 93px;
    background-repeat: no-repeat;
  }
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.images {
  border: 0 !important;
  margin-top: 20px !important;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.images tr {
  display: flex;
  gap: 20px;
  border: 0 !important;
}
html.root-page [class^=AppRouter__content--] #main-content .page-wrapper .container .content table.images tr td {
  padding: 0;
  line-height: 0;
  border: 0 !important;
}
html.root-page.root-rules .page-wrapper .header h1 {
  max-width: 100% !important;
}
html.root-legal #application #main-content .legal {
  padding: 60px 20px 140px 20px;
  font: var(--font-seo);
}
@media (width <= 1023px) {
  html.root-legal #application #main-content .legal {
    padding: 40px 15px 80px 15px;
  }
}
@media (width <= 767px) {
  html.root-legal #application #main-content .legal {
    padding: 40px 10px 40px 10px;
  }
}
html.root-legal #application #main-content .legal * {
  font: inherit;
}
html.root-legal #application #main-content .legal ul {
  padding-left: 1em;
  margin: 0 0 0.5em 0;
}
html.root-legal #application #main-content .legal h1 {
  font: var(--font-headline);
  color: rgb(var(--color-primary-base));
  text-transform: uppercase;
  line-height: 1.2em;
  margin-bottom: 30px;
}
html.root-legal #application #main-content .legal h2 {
  color: rgb(var(--color-primary-base));
  font: var(--font-footer);
  text-transform: uppercase;
  margin: 20px 0 5px 0;
}
html.root-legal #application #main-content .legal h3 {
  font: var(--font-helper);
  color: rgb(var(--color-primary-base));
  font-weight: bold;
  text-transform: uppercase;
  margin: 20px 0 5px 0;
}
html.root-legal #application #main-content .legal h4 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
html.root-legal #application #main-content .legal table {
  border: 1px solid;
  border-collapse: collapse;
  margin: 0.5em 0;
  width: auto;
}
html.root-legal #application #main-content .legal table tr {
  border-top: 1px solid;
}
html.root-legal #application #main-content .legal table tr:first-child {
  border-top: 0;
}
html.root-legal #application #main-content .legal table tr td, html.root-legal #application #main-content .legal table tr th {
  padding: 6px 10px;
  border-left: 1px solid;
}
html.root-legal #application #main-content .legal table tr td:last-child, html.root-legal #application #main-content .legal table tr th:last-child {
  border-right: 1px solid;
}
html.root-legal #application #main-content .legal table tr td:has([src*=mini-]), html.root-legal #application #main-content .legal table tr th:has([src*=mini-]) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
html.root-legal #application #main-content .legal table tr td:has([src*=mini-]) img, html.root-legal #application #main-content .legal table tr th:has([src*=mini-]) img {
  height: 14px;
}
html.root-legal #application #main-content .legal table tr th {
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}
html.root-legal #application #main-content .legal .list {
  margin-bottom: 0.5em;
  column-count: 6;
}
html.root-legal #application #main-content .legal .list span {
  display: block;
}
html.root-legal #application #main-content .legal a {
  color: rgb(var(--color-white));
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 1.5px;
  text-decoration-color: rgb(var(--color-white));
}
html.root-legal #application #main-content .legal strong {
  font-weight: bold;
}
html.root-legal #application #main-content .legal .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html.root-legal #application #main-content .legal .button:hover, html.root-legal #application #main-content .legal .button:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html.root-legal #application #main-content .legal .button {
    padding: 8px 16px;
  }
}
html.root-legal #application #main-content .legal .button {
  margin: 20px 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings {
  padding: 0;
  max-width: 800px;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] {
  padding: 0;
  margin: 0;
  background-color: transparent;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li {
  border: 0;
  padding: 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label {
  height: auto;
  flex-direction: row;
  gap: 6px;
  justify-content: flex-start;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label [class*=CheckboxShallow__label--] {
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: rgb(var(--color-white));
  opacity: 1;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input {
  display: none;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class*=CheckboxShallow__] {
  border: 1px solid rgb(var(--color-neutral-8));
  width: 36px;
  height: 18px;
  display: inline-block;
  border-radius: 100px;
  transition: all 0.2s ease;
  position: absolute;
  top: 1px;
  left: 0;
  overflow: hidden;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class*=CheckboxShallow__]::before {
  content: "";
  position: absolute;
  background-image: none;
  background-color: rgb(var(--color-neutral-8));
  transition: all 0.2s ease;
  width: 12px;
  height: 12px;
  top: 2px;
  left: 12px;
  bottom: unset;
  border-radius: 50%;
  transform: translateX(-10px);
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class*=CheckboxShallow__]::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 2px;
  left: 20px;
  opacity: 0;
  background-color: rgb(var(--color-black));
  border-radius: 50%;
  transform: translateX(-10px) scale(0.5);
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class*=CheckboxShallow__] + [class*=CheckboxShallow__label--] {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 10px;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class*=CheckboxShallow__] + [class*=CheckboxShallow__label--]::before {
  content: "";
  width: 36px;
  height: 18px;
  position: relative;
  display: inline-block;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input:checked {
  background-color: rgb(var(--color-primary-base));
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input:checked + [class*=CheckboxShallow__] {
  border: 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input:checked + [class*=CheckboxShallow__]::before {
  background-color: rgb(var(--color-primary-base));
  transform: scale(10);
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input:checked + [class*=CheckboxShallow__]::after {
  transform: none;
  opacity: 1;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class^=CheckboxShallow__toggleMark--] {
  position: relative;
  background: transparent;
  top: -1px;
  border: 1px solid rgb(var(--color-white));
  margin: 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class^=CheckboxShallow__toggleMark--]::before {
  background-color: rgb(var(--color-white));
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class^=CheckboxShallow__toggleMark--]::after {
  margin: 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div label input + [class^=CheckboxShallow__toggleMark--] + [class*=CheckboxShallow__label--]::before {
  display: none;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class*=InfoList__list--] > li > div [class^=CookieSettings__description--] {
  color: rgb(var(--color-white));
  margin-bottom: 0.5em;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] {
  padding: 10px 0 0 0;
  justify-content: flex-start;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 24px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  font: var(--font-body);
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: rgb(var(--color-tertiary-base));
  color: rgb(var(--color-black));
  transition: all 0.2s ease;
  outline: 0;
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] button:hover, html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] button:focus-visible {
  outline: 0;
  background-color: rgb(var(--color-tertiary-darker20));
  color: rgb(var(--color-black));
}
@media (width <= 1023px) {
  html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] button {
    padding: 8px 16px;
  }
}
html.root-legal #application #main-content .legal .cms-cookie-settings [class^=CookieSettings__formActions--] button {
  box-shadow: none;
}
html.root-legal #application #main-content .legal .rtp-values {
  width: 100%;
}
html.root-legal #application #main-content .legal .rtp-values th select {
  display: none;
}
html.root-legal #application #main-content .legal .rtp-values th:not(:first-child) {
  text-align: right;
}
@media (width <= 767px) {
  html.root-legal #application #main-content .legal .rtp-values th {
    display: none;
  }
  html.root-legal #application #main-content .legal .rtp-values th:first-child {
    display: table-cell !important;
  }
  html.root-legal #application #main-content .legal .rtp-values th:nth-child(2) {
    display: table-cell !important;
    padding: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDBkMGQwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0ic3F1YXJlIj48cGF0aCBkPSJtNiA5IDYgNiA2LTYiLz48L3N2Zz4=");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
  }
  html.root-legal #application #main-content .legal .rtp-values th:nth-child(2) span {
    display: none;
  }
  html.root-legal #application #main-content .legal .rtp-values th:nth-child(2) select {
    display: block;
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 6px 20px 6px 10px;
    width: 76px;
    font: var(--font-seo);
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(var(--color-white));
    text-align: left;
  }
}
@media (width <= 767px) {
  html.root-legal #application #main-content .legal .rtp-values td {
    display: none;
  }
  html.root-legal #application #main-content .legal .rtp-values td:first-child, html.root-legal #application #main-content .legal .rtp-values td.active {
    display: table-cell !important;
  }
}
html.root-legal #application #main-content .legal .rtp-values .rtp-val {
  text-align: right;
}

@keyframes arrow {
  0% {
    transform: none;
    opacity: 1;
  }
  40% {
    transform: translateX(13px);
    opacity: 1;
  }
  80% {
    transform: translateX(20px);
    opacity: 0;
  }
  81% {
    transform: translateX(-4px);
    opacity: 0;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-34%);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}