:root {
  --dark-blue: #06065F;
  --blue: #0000EF;
  --orange-light: #FFF9F1;
  --text-gray: #595965;
  --white: #F1F1F1;
  --hover: #1B003A;
  --swiper-scrollbar-drag-bg-color: var(--dark-blue);
  --swiper-scrollbar-sides-offset: 0px;
  --swiper-scrollbar-bg-color: transparent;
  --gray-light: #DFDFDF;
  --bg-gray: #DADAEC;
  --text-color: #40405D;
  --bg-quote: #E8E8F5;
}

body {
  background: #F0F0F6;
}

.btn.btn-gray {
  background: #DADAEC;
}
.btn.btn-blue:hover {
  color: var(--white);
}

blockquote:not(.read-also):after {
  -webkit-text-stroke: 1px #DADAEC;
}
blockquote {
  background: var(--bg-quote);
}

blockquote::before {
  background-image: url(../../img/shared/icon__quote.svg);
}
blockquote.read-also {
  background: #fff;
  border-color: #DFC8FF;
}

blockquote:not(.read-also) a {
  color: var(--white) !important;
}

#scrollToTopBtn:hover {
  background: var(--dark-blue) !important;
}

#scrollToTopBtn:hover svg path {
  stroke: var(--white) !important;
}

header .btn-blue:hover {
  background: var(--white) !important;
}

header .btn-blue:hover span {
  color: var(--blue) !important;
}

.play-tooltip {
  background: var(--bg-gray) !important;
  border: 1px solid #DADAEC !important;
  color: var(--text-color) !important;
}

.play-tooltip svg {
  width: 16px;
  height: 16px;
  color: var(--blue);
}
.modal-body {
  background: #F0F0F6 !important;
}
#age .modal-body,
#play-modal .modal-body {
  overflow: hidden;
}

#age .modal-warn,
#play-modal .modal-warn {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--blue);
  color: #FDFAFF;
  gap: 10px;
  margin-top: -24px;
  width: calc(100% + 48px);
  position: relative;
  z-index: 1;
  justify-content: flex-start;
  padding: 12px;
}

#age .modal-close,
#play-modal .modal-close {
  z-index: 2;
  top: 15px;
}

#age .modal-close svg path,
#play-modal .modal-close svg path {
  stroke: #fff;
}

#age .modal-close:hover svg path,
#play-modal .modal-close:hover svg path {
  stroke: var(--dark-blue)
}

#age .modal-warn .icon:before,
#play-modal .modal-warn .icon:before {
  content: '';
  display: block;
  background: url(../../img/gambling/icon__warn.svg) no-repeat;
  width: 32px;
  height: 32px;
}

#age .modal-warn .icon svg,
#play-modal .modal-warn .icon svg {
  display: none;
}
#age .model-descr a,
#play-modal .model-descr a {
  color: var(--blue);
  font-weight: 600;
  text-decoration: underline;
}

@media (max-width: 1279px) {
  #age .modal-btns,
  #play-modal .modal-btns {
    width: 100%;
  }
  #age .modal-btns .btn,
  #play-modal .modal-btns .btn {
    width: 100%;
  }

  #age .modal-warn,
  #play-modal .modal-warn {
    font-size: 14px;
    font-weight: 400;
  }
}