.body {
  font-family: 'Manrope', sans-serif;
  color: #ebebeb;
  background-color: #0b0f17;
  margin: 0;
}

.main-wrapper {
  width: 1400px;
  height: 1123px;
  margin: 0 auto;
  padding: 0 115px;
  box-sizing: border-box;
  overflow: hidden;
}

.main-wrapper--play {
  height: 939px;
}

.main {
  position: relative;
  padding-top: 60px;
  padding-bottom: 68px;
}

.main__text {
  color: #d8d8d8;
  font-size: 18px;
  font-weight: 400;
  margin: 8px 0 50px 0;
}

.content-wrapper {
  width: 640px;
}

.header {
  height: 105px;
  padding: 0;
}

.header__nav {
  display: flex;
  height: 100%;
  align-items: center;
}

.header__nav-list {
  display: flex;
  list-style: none;
  margin: 0 0 0 75px;
  padding: 0;
}

.header__nav-item {
  margin-left: 40px;
}

.header__nav-link {
  font-size: 16px;
  color: #ebebeb;
  text-decoration: none;
  text-transform: uppercase;
}

.header__nav-link:hover {
  color: rgba(235, 235, 235, 0.6);
  transition: 0.1s linear;
}

.header__nav-link:active {
  color: #2364e2;
}

.header__nav-link--active {
  color: #2364e2;
  pointer-events: none;
}

.logo__img {
  padding-right: 14px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.line {
  width: 1400px;
  height: 1px;
  margin: 0 0 0 -115px;
  background-color: rgba(235, 235, 235, 0.1);
}

.line--vertically {
  position: absolute;
  top: 205px;
  left: 180px;
  width: 276px;
  margin: 0;
  transform: rotate(90deg);
}

.create-game-header {
  color: #ebebeb;
  font-weight: 500;
  font-size: 50px;
  margin: 0;
}

.second-header {
  color: #ebebeb;
  font-weight: 400;
  font-size: 32px;
  margin: 0 0 20px 0;
}

.row-wrapper {
  padding: 0 0 10px 0;
}

.row-wrapper--left {
  padding-right: 50px;
}

.row-wrapper--right {
  padding-left: 50px;
}

.form {
  position: relative;
  width: 650px;
  display: flex;
  flex-wrap: wrap;
}

.form__fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.form__list {
  display: flex;
  width: 270px;
  height: 285px;
  padding: 0;
  margin: 0 0 20px 0;
  flex-direction: column;
  justify-content: space-between;
  list-style: none;
}

.form__list--time {
  height: 112px;
}

.form__item {
  display: flex;
  flex-direction: column;
}

.form__input {
  width: 100%;
  height: 48px;
  padding: 5px 10px;
  box-sizing: border-box;
  font-size: 16px;
  color: #d8d8d8;
  background-color: #0b0f17;
  border: rgba(235, 235, 235, 0.2) 1px solid;
  outline: none;
}

.form__input:hover,
.form__input:active {
  border: rgba(235, 235, 235, 0.6) 1px solid;
  transition: 0.1s linear;
}

.form__label {
  margin: 0 0 12px 0;
  font-weight: 400;
  font-size: 16px;
  color: #d8d8d8;
}

.button__wrapper {
  width: 370px;
  height: 58px;
  margin: 0;
}

.button {
  width: 75%;
  height: auto;
  display: flex;
  justify-content: center;
  padding: 21px;
  font-size: 16px;
  font-weight: 500;
  color: #ebebeb;
  background-color: #2364e2;
  box-sizing: border-box;
  cursor: pointer;
}

.button:hover {
  background-color: rgba(35, 100, 226, 0.6);
  transition: 0.1s linear;
}

.main-img {
  position: absolute;
  left: 770px;
  top: 175px;
  width: 400px;
  height: 386px;
  z-index: 100;
  -o-object-fit: contain;
     object-fit: contain;
}

.background-wrapper {
  pointer-events: none;
}

.shadow {
  position: absolute;
  top: 575px;
  left: 715px;
  width: 470px;
  height: 54px;
  border-radius: 50%;
  opacity: 50%;
  background: radial-gradient(50.79% 48.93% at 49.27% 50.74%, rgba(1, 1, 2, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
}

.background-ellipse-1 {
  position: absolute;
  top: 242px;
  left: 692px;
  width: 396px;
  height: 235px;
  background-color: #61ecff;
  filter: blur(180px);
  opacity: 50%;
  border-radius: 50%;
}

.background-ellipse-1--play-right {
  top: 228px;
  left: 935px;
  opacity: 40%;
}

.background-ellipse-1--play-left {
  top: 308px;
  left: 135px;
  opacity: 40%;
}

.background-ellipse-2 {
  position: absolute;
  top: 457px;
  left: 871px;
  height: 390px;
  width: 493px;
  border-radius: 50%;
  opacity: 30%;
  background-color: #6461ff;
  filter: blur(180px);
}

.background-ellipse-2--play-left {
  opacity: 20%;
  top: 527px;
  left: -145px;
}

.background-ellipse-2--play-right {
  top: 447px;
  left: 663px;
}

.background-ellipse-3 {
  position: absolute;
  top: -34px;
  left: 929px;
  height: 429px;
  width: 429px;
  border-radius: 50%;
  opacity: 30%;
  background-color: #103aab;
  filter: blur(180px);
}

.background-ellipse-3--play-left {
  top: 36px;
  left: -135px;
}

.background-ellipse-3--play-right {
  top: -44px;
  left: 635px;
}

.footer {
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.footer__text {
  font-size: 14px;
  font-weight: 400;
  color: #d8d8d8;
  opacity: 80%;
  margin: 0;
}

.footer__link {
  color: #d8d8d8;
}

.footer__link:hover {
  color: rgba(235, 235, 235, 0.6);
  transition: 0.1s linear;
}

.footer__link:active {
  color: #2364e2;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.main-play {
  display: flex;
  padding-top: 65px;
}

.chess-board--wrapper {
  margin: 0 15px;
}

.chess-board {
  height: 600px;
  width: 600px;
  background-color: #ebebeb;
  position: relative;
  border-collapse: collapse;
  box-sizing: border-box;
}

.chess-board__td {
  height: 75px;
  width: 75px;
  background-color: #a5abb8;
  box-sizing: border-box;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.chess-board__td--black-pawn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjA5ODcgMTkuMzE3OEMyNi45MTg5IDE3LjQ2NiAyOC43MjM3IDE0LjA3MDkgMjguNzIzNyAxMC40MDE5QzI4LjcyMzcgNC42NTcwOCAyNC4xNDY0IDAgMTguNSAwQzEyLjg1MzYgMCA4LjI3NjMyIDQuNjU3MDggOC4yNzYzMiAxMC40MDE5QzguMjc2MzIgMTQuMTg0MyAxMC4yNjA2IDE3LjQ5NTMgMTMuMjI3OSAxOS4zMTU4TDcuMDU5MjEgMjEuNzk0NEw4LjUxOTc0IDI0LjUxODdIMTMuNjMxNkw1Ljg0MjEgNDUuNTcwMUgxLjk0NzM3TDAgNTNIMzdMMzUuMDUyNiA0NS41NzAxSDMxLjE1NzlMMjIuMzk0NyAyNC41MTg3SDI4LjcyMzdMMzAuMTg0MiAyMS43OTQ0TDI0LjA5ODcgMTkuMzE3OFoiIGZpbGw9IiMwQjBGMTciLz4KPC9zdmc+Cg==);
  background-size: 37px 53px;
}

.chess-board__td--black-rook {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNSA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNTNMMS4zMjA4NCA0NS4wNzI3SDQuNDAyNTlWMTYuOTg3Mkw4LjkxMjk3ZS0wNSAxMi40NTczVjBIMTUuMTg4N1Y4LjYwNjg0SDE5LjU5MTJWMEgzNVYxMi40NTczTDMwLjU5NzUgMTYuOTg3MlY0NS4wNzI3SDMzLjY3OTJMMzUgNTNIMFoiIGZpbGw9IiMwQjBGMTciLz4KPC9zdmc+Cg==);
  background-size: 35px 53px;
}

.chess-board__td--black-bishop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzMyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjgzNjggNS4xNTgwOUMxOC43NTM4IDQuNzE1MTYgMTkuMzg0OCAzLjc4ODgzIDE5LjM4NDggMi43MTc5NUMxOS4zODQ4IDEuMjE2ODYgMTguMTQ0OSAwIDE2LjYxNTYgMEMxNS4wODYzIDAgMTMuODQ2NCAxLjIxNjg2IDEzLjg0NjQgMi43MTc5NUMxMy44NDY0IDMuNzkxODEgMTQuNDgxIDQuNzIwMjUgMTUuNDAyIDUuMTYxNzRDMTEuNTczNiA5LjQwMjIzIDAgMjMuMDQ5NiAwIDMzLjA2ODRDMCAzOS4zNTQxIDQuMjI1OTYgNDUuMzM2MSA5LjkyMzMgNDguMDYyM0g0LjE1NDA3TDIuMzA3OTIgNTNIMzAuOTIzM0wyOS4wNzcxIDQ4LjA2MjNIMjMuMTExMkMyOC43OTk1IDQ1LjMzNTkgMzMgMzkuMzUzIDMzIDMzLjA2ODRDMzMgMjcuNjQyMiAyOS44OTE0IDIxLjM5OTUgMjYuMzgyMSAxNi4wODEyTDE3LjUzODcgMjQuNjg4TDE1LjIzMSAyMi40MjMxTDI0LjQ2MTggMTMuMzA2MkMyMS44NTMgOS43MDAwNiAxOS4yOTEzIDYuNzU2ODMgMTcuODM2OCA1LjE1ODA5WiIgZmlsbD0iIzBCMEYxNyIvPgo8L3N2Zz4K);
  background-size: 33px 53px;
}

.chess-board__td--black-knight {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0MSA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjQ0MzcgNTYuMjU3M0MzOS40NjIzIDU2LjQ5MzUgMzkuNDQwMyA1Ni43Njk2IDM5LjM3ODQgNTdIOC4xMjAxNkM3LjkyNTEgNTYuMzk5MyA4LjAwODA3IDU1LjcxOTUgOC40NzY3NCA1NC45NTJDOS4wMTc3OSA1NC4wNTI1IDEwLjA1OTMgNTMuNDg2IDExLjAzNjQgNTIuOTM0MkMxMi4wODMyIDUyLjM0NDQgMTMuMTI1NSA1MS43MDY1IDEzLjg0ODQgNTAuODE5NEMxNS4yMjI3IDQ5LjEyOTkgMTQuMDc2MSA0Ny4yNDk1IDE0Ljg1ODEgNDUuNDQ4M0MxNS4zNTI0IDQ0LjMxMjEgMTYuMjk3NyA0My44NDE4IDE3LjQyNDggNDMuNjYzM0wxNy41NTgxIDQyLjQwOTJDMTUuMDEzNSA0Mi4yOTU5IDEyLjk2MTQgNDIuMTk0MyAxMi4wNjY0IDQyLjE0OTNDMTEuOTIwNCA0Mi4xNDE3IDExLjc3OTYgNDIuMDk4OSAxMS42NTk1IDQyLjAyNTVDMTEuNTM5NSA0MS45NTIxIDExLjQ0NDggNDEuODUxIDExLjM4NTkgNDEuNzMzM0w5LjI3MDIyIDM3LjQ5NzVDOS4yMTYzIDM3LjM4OTMgOS4xOTQ0OCAzNy4yNzA4IDkuMjA2ODMgMzcuMTUzMUM5LjIxOTE4IDM3LjAzNTQgOS4yNjUyOSAzNi45MjI0IDkuMzQwODMgMzYuODI0N0wxOS45NTM1IDIzLjEyNDhMMjAuMjYwNyAyMS41NjE4TDkuNjY5MTcgMjMuNDA5NkM5LjY2OTE3IDIzLjQwOTYgOC41MDQ5OSAyNC43NTQ2IDguMjM1NzkgMjYuMzg5N0M3Ljk2NjU5IDI4LjAyNDkgNC4yMjY5IDI3Ljk5ODUgNC4yMjY5IDI3Ljk5ODVMMCAyMi43MzY4QzAgMjIuNzM2OCA1Ljk0ODkgMTQuMDkwNyA0Ljk2MzAxIDEyLjE5MjRMMy41NTUyMiA5LjQ4MTY0QzMuNTU1MjIgOS40ODE2NCA3LjI5OTMyIDcuMjkzMTQgMTIuNzgyMiA2LjAyNTgzTDEyLjk4OTYgMC4yNzY3NTFDMTMuMDAwMiAtMC4wMjUxMzgxIDEzLjUxMzkgLTAuMTA0Mjk3IDEzLjczODEgMC4xNjExMTdMMTguMDIxNSA1LjIyMDI3QzE4LjEzNTMgNS4zNDk4OCAyMC42MzIzIDUuNTMyMjUgMjEuMDIyNCA1LjY1NTY1QzIzLjkwNzggNi41Njk0NCAyNi42MTI2IDcuODc1MDkgMjkuMDM4NCA5LjUyNTFDMzQuMzA1MyAxMy4wOTQ2IDM3Ljk4MzYgMTguMTczNyAzOS40MzQgMjMuODc5OUMzOS43MzIzIDI1LjA1NjUgNDEuOTA3MSAzOC4wMDQzIDQwLjU2ODIgMzguMjg2OEwzNi4zNTggMzkuMTMyN0MzNi4yOTM2IDQxLjE5MzkgMzYuMDg4OCA0Mi41MjEgMzUuODc2MSA0Mi42OTU2QzM1LjYzMDcgNDIuODk2NiAzMy4xNjAzIDQyLjkxNiAyOS44ODA0IDQyLjg0NjlMMzAuMDA4NCA0My44NjA1QzMxLjE2NDcgNDQuMDAzMyAzMi4wNTg4IDQ0LjM1NDggMzIuNjIyOCA0NS42NDE1QzMzLjQxMDkgNDcuNDM5NyAzMi4yNzA2IDQ5LjMyNDcgMzMuNjUxOSA1MS4wMDk2QzM0LjM3NzQgNTEuODk1MSAzNS40MjUxIDUyLjUyOTkgMzYuNDcxIDUzLjExNjZDMzcuNDUzNCA1My42NjUzIDM4LjQ5NCA1NC4yMjk1IDM5LjA0MjEgNTUuMTI5N0MzOS4yNjUyIDU1LjQ3NjQgMzkuNDAyIDU1Ljg2MDcgMzkuNDQzNyA1Ni4yNTczWiIgZmlsbD0iIzBCMEYxNyIvPgo8L3N2Zz4K);
  background-size: 41px 57px;
}

.chess-board__td--black-queen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1MyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjgzNDMgNS4wNjUxNUMyOC4yMDcgNS4wMDQzMiAyOS4zMDA4IDMuODk0MjEgMjkuMzAwOCAyLjUzMzg2QzI5LjMwMDggMS4xMzQ0NCAyOC4xNDMyIDAgMjYuNzE1NCAwQzI1LjI4NzcgMCAyNC4xMzAxIDEuMTM0NDQgMjQuMTMwMSAyLjUzMzg2QzI0LjEzMDEgMy43NTEzMSAyNS4wMDYyIDQuNzY4MjEgMjYuMTc0MSA1LjAxMjA1TDIzLjA1MjggMjQuNzA1MkwxMy43NTA1IDExLjIxMjJDMTQuMzAxNCAxMC43NDc1IDE0LjY1MDQgMTAuMDU5MSAxNC42NTA0IDkuMjkwODRDMTQuNjUwNCA3Ljg5MTQyIDEzLjQ5MjggNi43NTY5NyAxMi4wNjUgNi43NTY5N0MxMC42MzczIDYuNzU2OTcgOS40Nzk2OCA3Ljg5MTQyIDkuNDc5NjggOS4yOTA4NEM5LjQ3OTY4IDEwLjY5MDMgMTAuNjM3MyAxMS44MjQ3IDEyLjA2NSAxMS44MjQ3QzEyLjMwNjggMTEuODI0NyAxMi41NDA3IDExLjc5MjIgMTIuNzYyNyAxMS43MzE0TDE2LjE1ODUgMzAuNDA2NEw0Ljg5MjE3IDI0Ljc5NDlDNS4wMzAxOSAyNC41Mjg1IDUuMTIxNSAyNC4yMzUgNS4xNTU3OSAyMy45MjQ3QzUuMTU5MzcgMjMuODkxNyA1LjE2MjMyIDIzLjg1ODUgNS4xNjQ2MyAyMy44MjUyQzUuMTY2OTQgMjMuNzkzIDUuMTY4NjMgMjMuNzYwNSA1LjE2OTQ3IDIzLjcyOEM1LjE3MDMxIDIzLjcwMTkgNS4xNzA3MyAyMy42NzU3IDUuMTcwNzMgMjMuNjQ5NEM1LjE3MDczIDIyLjI1IDQuMDEzMTIgMjEuMTE1NSAyLjU4NTM3IDIxLjExNTVDMS4xNTc2MSAyMS4xMTU1IDAgMjIuMjUgMCAyMy42NDk0QzAgMjUuMDQ4OCAxLjE1NzYxIDI2LjE4MzMgMi41ODUzNyAyNi4xODMzQzMuMTQ0MzkgMjYuMTgzMyAzLjY2MTk3IDI2LjAwOTMgNC4wODQ4NyAyNS43MTM2TDE3LjAyMDMgNDguMTQzNEgxNC40MzVMMTMuMTQyMyA1M0gzOS44NTc3TDM4LjEzNDEgNDguMTQzNEgzNS43NjQyTDQ5LjA0NjQgMjUuNzk5N0M0OS40NDMyIDI2LjA0MjcgNDkuOTEyMiAyNi4xODMzIDUwLjQxNDYgMjYuMTgzM0M1MS44NDI0IDI2LjE4MzMgNTMgMjUuMDQ4OCA1MyAyMy42NDk0QzUzIDIyLjI1IDUxLjg0MjQgMjEuMTE1NSA1MC40MTQ2IDIxLjExNTVDNDguOTg2OSAyMS4xMTU1IDQ3LjgyOTMgMjIuMjUgNDcuODI5MyAyMy42NDk0QzQ3LjgyOTMgMjQuMDkwNSA0Ny45NDQ0IDI0LjUwNTMgNDguMTQ2NSAyNC44NjY0TDM2Ljg0MTUgMzAuNDA2NEw0MC40MTc4IDExLjc3NEM0MC41ODQ5IDExLjgwNzMgNDAuNzU3OCAxMS44MjQ3IDQwLjkzNSAxMS44MjQ3QzQyLjM2MjcgMTEuODI0NyA0My41MjAzIDEwLjY5MDMgNDMuNTIwMyA5LjI5MDg0QzQzLjUyMDMgNy44OTE0MiA0Mi4zNjI3IDYuNzU2OTcgNDAuOTM1IDYuNzU2OTdDMzkuNTA3MiA2Ljc1Njk3IDM4LjM0OTYgNy44OTE0MiAzOC4zNDk2IDkuMjkwODRDMzguMzQ5NiAxMC4xMTMyIDM4Ljc0OTMgMTAuODQ0IDM5LjM2ODggMTEuMzA2OUwyOS45NDcyIDI0LjcwNTJMMjYuODM0MyA1LjA2NTE1WiIgZmlsbD0iIzBCMEYxNyIvPgo8L3N2Zz4K);
  background-size: 53px 53px;
}

.chess-board__td--black-king {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjUgMzguODk3MUMyNC4wNzYgNDIuNTA0NCAyMC4wOTM3IDQ0Ljk2MTQgMTUuNTI3MyA0NS4yODYyQzE1LjE4NTQgNDUuMzEwNSAxNC44NDAyIDQ1LjMyMjkgMTQuNDkyMiA0NS4zMjI5QzYuNDg4MzMgNDUuMzIyOSAwIDM4Ljc4MzUgMCAzMC43MTY2QzAgMjIuNjQ5NyA2LjQ4ODMzIDE2LjExMDMgMTQuNDkyMiAxNi4xMTAzQzE3Ljg0ODMgMTYuMTEwMyAyMC45MzggMTcuNDE0NSAyMy4zOTQ1IDE5LjM0NDVDMjQuNTk1MiAyMC4yODc4IDI1LjY0NDYgMjEuNDE3NSAyNi41IDIyLjY5MDVDMjcuNDY5NCAyMS4yNDc4IDI4LjY4OCAxOS45ODkyIDMwLjA5MzYgMTguOTc3M0MzMi40NjU4IDE3LjI2OTUgMzUuMzcwNCAxNi4xMTAzIDM4LjUwNzggMTYuMTEwM0M0Ni41MTE3IDE2LjExMDMgNTMgMjIuNjQ5NyA1MyAzMC43MTY2QzUzIDM4Ljc4MzUgNDYuNTExNyA0NS4zMjI5IDM4LjUwNzggNDUuMzIyOUMzOC4xNTk4IDQ1LjMyMjkgMzcuODE0NiA0NS4zMTA1IDM3LjQ3MjcgNDUuMjg2MkMzMi45MDYzIDQ0Ljk2MTQgMjguOTI0IDQyLjUwNDQgMjYuNSAzOC44OTcxWiIgZmlsbD0iIzBCMEYxNyIvPgo8cGF0aCBkPSJNMjYuNSAyMi42OTA1QzI3LjQ2OTQgMjEuMjQ3OCAyOC42ODggMTkuOTg5MiAzMC4wOTM2IDE4Ljk3NzNMMzAgMjBMMjkuOTUzIDE2TDI4IDEzVjhIMzNWNC45OTY5N0gyOFYwSDI1VjQuOTk2OTdMMjAgNVY4LjAwMzAzTDI1IDhWMTNMMjMgMTZWMjBMMjMuMzk0NSAxOS4zNDQ1QzI0LjU5NTIgMjAuMjg3OCAyNS42NDQ2IDIxLjQxNzUgMjYuNSAyMi42OTA1WiIgZmlsbD0iIzBCMEYxNyIvPgo8cGF0aCBkPSJNMjYuNSAzOC44OTcxQzI0LjA3NiA0Mi41MDQ0IDIwLjA5MzcgNDQuOTYxNCAxNS41MjczIDQ1LjI4NjJMMTMuMjUgNTJINDAuMTY0MUwzNy40NzI3IDQ1LjI4NjJDMzIuOTA2MyA0NC45NjE0IDI4LjkyNCA0Mi41MDQ0IDI2LjUgMzguODk3MVoiIGZpbGw9IiMwQjBGMTciLz4KPC9zdmc+Cg==);
  background-size: 53px 52px;
}

.chess-board__td--white-pawn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjA5ODcgMTkuMzE3OEMyNi45MTg5IDE3LjQ2NiAyOC43MjM3IDE0LjA3MDkgMjguNzIzNyAxMC40MDE5QzI4LjcyMzcgNC42NTcwOCAyNC4xNDY0IDAgMTguNSAwQzEyLjg1MzYgMCA4LjI3NjMyIDQuNjU3MDggOC4yNzYzMiAxMC40MDE5QzguMjc2MzIgMTQuMTg0MyAxMC4yNjA2IDE3LjQ5NTMgMTMuMjI3OSAxOS4zMTU4TDcuMDU5MjEgMjEuNzk0NEw4LjUxOTc0IDI0LjUxODdIMTMuNjMxNkw1Ljg0MjEgNDUuNTcwMUgxLjk0NzM3TDAgNTNIMzdMMzUuMDUyNiA0NS41NzAxSDMxLjE1NzlMMjIuMzk0NyAyNC41MTg3SDI4LjcyMzdMMzAuMTg0MiAyMS43OTQ0TDI0LjA5ODcgMTkuMzE3OFoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 37px 53px;
}

.chess-board__td--white-rook {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNSA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNTNMMS4zMjA4NCA0NS4wNzI2SDQuNDAyNTlWMTYuOTg3Mkw4LjkxMjk3ZS0wNSAxMi40NTczVjBIMTUuMTg4N1Y4LjYwNjg0SDE5LjU5MTJWMEgzNVYxMi40NTczTDMwLjU5NzUgMTYuOTg3MlY0NS4wNzI2SDMzLjY3OTJMMzUgNTNIMFoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 35px 53px;
}

.chess-board__td--white-bishop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzMyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjgzNjggNS4xNTgwOUMxOC43NTM4IDQuNzE1MTYgMTkuMzg0OCAzLjc4ODgzIDE5LjM4NDggMi43MTc5NUMxOS4zODQ4IDEuMjE2ODYgMTguMTQ0OSAwIDE2LjYxNTYgMEMxNS4wODYzIDAgMTMuODQ2NCAxLjIxNjg2IDEzLjg0NjQgMi43MTc5NUMxMy44NDY0IDMuNzkxODEgMTQuNDgxIDQuNzIwMjUgMTUuNDAyIDUuMTYxNzRDMTEuNTczNiA5LjQwMjIzIDAgMjMuMDQ5NiAwIDMzLjA2ODRDMCAzOS4zNTQxIDQuMjI1OTYgNDUuMzM2MSA5LjkyMzMgNDguMDYyM0g0LjE1NDA3TDIuMzA3OTIgNTNIMzAuOTIzM0wyOS4wNzcxIDQ4LjA2MjNIMjMuMTExMkMyOC43OTk1IDQ1LjMzNTkgMzMgMzkuMzUzIDMzIDMzLjA2ODRDMzMgMjcuNjQyMiAyOS44OTE0IDIxLjM5OTUgMjYuMzgyMSAxNi4wODEyTDE3LjUzODcgMjQuNjg4TDE1LjIzMSAyMi40MjMxTDI0LjQ2MTggMTMuMzA2MkMyMS44NTMgOS43MDAwNiAxOS4yOTEzIDYuNzU2ODMgMTcuODM2OCA1LjE1ODA5WiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  background-size: 33px 53px;
}

.chess-board__td--white-knight {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0MSA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjQ0MzcgNTYuMjU3M0MzOS40NjIzIDU2LjQ5MzUgMzkuNDQwMyA1Ni43Njk2IDM5LjM3ODQgNTdIOC4xMjAxNkM3LjkyNTEgNTYuMzk5MyA4LjAwODA3IDU1LjcxOTUgOC40NzY3NCA1NC45NTJDOS4wMTc3OSA1NC4wNTI1IDEwLjA1OTMgNTMuNDg2IDExLjAzNjQgNTIuOTM0MkMxMi4wODMyIDUyLjM0NDQgMTMuMTI1NSA1MS43MDY1IDEzLjg0ODQgNTAuODE5NEMxNS4yMjI3IDQ5LjEyOTkgMTQuMDc2MSA0Ny4yNDk1IDE0Ljg1ODEgNDUuNDQ4M0MxNS4zNTI0IDQ0LjMxMjEgMTYuMjk3NyA0My44NDE4IDE3LjQyNDggNDMuNjYzM0wxNy41NTgxIDQyLjQwOTJDMTUuMDEzNSA0Mi4yOTU5IDEyLjk2MTQgNDIuMTk0MyAxMi4wNjY0IDQyLjE0OTNDMTEuOTIwNCA0Mi4xNDE3IDExLjc3OTYgNDIuMDk4OSAxMS42NTk1IDQyLjAyNTVDMTEuNTM5NSA0MS45NTIxIDExLjQ0NDggNDEuODUxIDExLjM4NTkgNDEuNzMzM0w5LjI3MDIyIDM3LjQ5NzVDOS4yMTYzIDM3LjM4OTMgOS4xOTQ0OCAzNy4yNzA4IDkuMjA2ODMgMzcuMTUzMUM5LjIxOTE4IDM3LjAzNTQgOS4yNjUyOSAzNi45MjI0IDkuMzQwODMgMzYuODI0N0wxOS45NTM1IDIzLjEyNDhMMjAuMjYwNyAyMS41NjE4TDkuNjY5MTcgMjMuNDA5NkM5LjY2OTE3IDIzLjQwOTYgOC41MDQ5OSAyNC43NTQ2IDguMjM1NzkgMjYuMzg5N0M3Ljk2NjU5IDI4LjAyNDkgNC4yMjY5IDI3Ljk5ODUgNC4yMjY5IDI3Ljk5ODVMMCAyMi43MzY4QzAgMjIuNzM2OCA1Ljk0ODkgMTQuMDkwNyA0Ljk2MzAxIDEyLjE5MjRMMy41NTUyMiA5LjQ4MTY0QzMuNTU1MjIgOS40ODE2NCA3LjI5OTMyIDcuMjkzMTQgMTIuNzgyMiA2LjAyNTgzTDEyLjk4OTYgMC4yNzY3NTFDMTMuMDAwMiAtMC4wMjUxMzgxIDEzLjUxMzkgLTAuMTA0Mjk3IDEzLjczODEgMC4xNjExMTdMMTguMDIxNSA1LjIyMDI3QzE4LjEzNTMgNS4zNDk4OCAyMC42MzIzIDUuNTMyMjUgMjEuMDIyNCA1LjY1NTY1QzIzLjkwNzggNi41Njk0NCAyNi42MTI2IDcuODc1MDkgMjkuMDM4NCA5LjUyNTFDMzQuMzA1MyAxMy4wOTQ2IDM3Ljk4MzYgMTguMTczNyAzOS40MzQgMjMuODc5OUMzOS43MzIzIDI1LjA1NjUgNDEuOTA3MSAzOC4wMDQzIDQwLjU2ODIgMzguMjg2OEwzNi4zNTggMzkuMTMyN0MzNi4yOTM2IDQxLjE5MzkgMzYuMDg4OCA0Mi41MjEgMzUuODc2MSA0Mi42OTU2QzM1LjYzMDcgNDIuODk2NiAzMy4xNjAzIDQyLjkxNiAyOS44ODA0IDQyLjg0NjlMMzAuMDA4NCA0My44NjA1QzMxLjE2NDcgNDQuMDAzMyAzMi4wNTg4IDQ0LjM1NDggMzIuNjIyOCA0NS42NDE1QzMzLjQxMDkgNDcuNDM5NyAzMi4yNzA2IDQ5LjMyNDcgMzMuNjUxOSA1MS4wMDk2QzM0LjM3NzQgNTEuODk1MSAzNS40MjUxIDUyLjUyOTkgMzYuNDcxIDUzLjExNjZDMzcuNDUzNCA1My42NjUzIDM4LjQ5NCA1NC4yMjk1IDM5LjA0MjEgNTUuMTI5N0MzOS4yNjUyIDU1LjQ3NjQgMzkuNDAyIDU1Ljg2MDcgMzkuNDQzNyA1Ni4yNTczWiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  background-size: 41px 57px;
}

.chess-board__td--white-queen {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1MyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjgzNDMgNS4wNjUxNUMyOC4yMDcgNS4wMDQzMiAyOS4zMDA4IDMuODk0MjEgMjkuMzAwOCAyLjUzMzg2QzI5LjMwMDggMS4xMzQ0NCAyOC4xNDMyIDAgMjYuNzE1NCAwQzI1LjI4NzcgMCAyNC4xMzAxIDEuMTM0NDQgMjQuMTMwMSAyLjUzMzg2QzI0LjEzMDEgMy43NTEzMSAyNS4wMDYyIDQuNzY4MjEgMjYuMTc0MSA1LjAxMjA1TDIzLjA1MjggMjQuNzA1MkwxMy43NTA1IDExLjIxMjJDMTQuMzAxNCAxMC43NDc1IDE0LjY1MDQgMTAuMDU5MSAxNC42NTA0IDkuMjkwODRDMTQuNjUwNCA3Ljg5MTQyIDEzLjQ5MjggNi43NTY5NyAxMi4wNjUgNi43NTY5N0MxMC42MzczIDYuNzU2OTcgOS40Nzk2NyA3Ljg5MTQyIDkuNDc5NjcgOS4yOTA4NEM5LjQ3OTY3IDEwLjY5MDMgMTAuNjM3MyAxMS44MjQ3IDEyLjA2NSAxMS44MjQ3QzEyLjMwNjggMTEuODI0NyAxMi41NDA3IDExLjc5MjIgMTIuNzYyNyAxMS43MzE0TDE2LjE1ODUgMzAuNDA2NEw0Ljg5MjE3IDI0Ljc5NDlDNS4wMzAxOSAyNC41Mjg1IDUuMTIxNSAyNC4yMzUgNS4xNTU3OSAyMy45MjQ3QzUuMTU5MzcgMjMuODkxNyA1LjE2MjMyIDIzLjg1ODUgNS4xNjQ2MyAyMy44MjUyQzUuMTY2OTQgMjMuNzkzIDUuMTY4NjMgMjMuNzYwNSA1LjE2OTQ3IDIzLjcyOEM1LjE3MDMxIDIzLjcwMTkgNS4xNzA3MyAyMy42NzU3IDUuMTcwNzMgMjMuNjQ5NEM1LjE3MDczIDIyLjI1IDQuMDEzMTIgMjEuMTE1NSAyLjU4NTM3IDIxLjExNTVDMS4xNTc2MSAyMS4xMTU1IDAgMjIuMjUgMCAyMy42NDk0QzAgMjUuMDQ4OCAxLjE1NzYxIDI2LjE4MzMgMi41ODUzNyAyNi4xODMzQzMuMTQ0MzkgMjYuMTgzMyAzLjY2MTk3IDI2LjAwOTMgNC4wODQ4NyAyNS43MTM2TDE3LjAyMDMgNDguMTQzNEgxNC40MzVMMTMuMTQyMyA1M0gzOS44NTc3TDM4LjEzNDEgNDguMTQzNEgzNS43NjQyTDQ5LjA0NjQgMjUuNzk5N0M0OS40NDMyIDI2LjA0MjcgNDkuOTEyMiAyNi4xODMzIDUwLjQxNDYgMjYuMTgzM0M1MS44NDI0IDI2LjE4MzMgNTMgMjUuMDQ4OCA1MyAyMy42NDk0QzUzIDIyLjI1IDUxLjg0MjQgMjEuMTE1NSA1MC40MTQ2IDIxLjExNTVDNDguOTg2OSAyMS4xMTU1IDQ3LjgyOTMgMjIuMjUgNDcuODI5MyAyMy42NDk0QzQ3LjgyOTMgMjQuMDkwNSA0Ny45NDQ0IDI0LjUwNTMgNDguMTQ2NSAyNC44NjY0TDM2Ljg0MTUgMzAuNDA2NEw0MC40MTc4IDExLjc3NEM0MC41ODQ5IDExLjgwNzMgNDAuNzU3OCAxMS44MjQ3IDQwLjkzNSAxMS44MjQ3QzQyLjM2MjcgMTEuODI0NyA0My41MjAzIDEwLjY5MDMgNDMuNTIwMyA5LjI5MDg0QzQzLjUyMDMgNy44OTE0MiA0Mi4zNjI3IDYuNzU2OTcgNDAuOTM1IDYuNzU2OTdDMzkuNTA3MiA2Ljc1Njk3IDM4LjM0OTYgNy44OTE0MiAzOC4zNDk2IDkuMjkwODRDMzguMzQ5NiAxMC4xMTMyIDM4Ljc0OTMgMTAuODQ0IDM5LjM2ODggMTEuMzA2OUwyOS45NDcyIDI0LjcwNTJMMjYuODM0MyA1LjA2NTE1WiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  background-size: 53px 53px;
}

.chess-board__td--white-king {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjUgMzguODk3MUMyNC4wNzYgNDIuNTA0NCAyMC4wOTM3IDQ0Ljk2MTQgMTUuNTI3MyA0NS4yODYyQzE1LjE4NTQgNDUuMzEwNSAxNC44NDAyIDQ1LjMyMjkgMTQuNDkyMiA0NS4zMjI5QzYuNDg4MzMgNDUuMzIyOSAwIDM4Ljc4MzUgMCAzMC43MTY2QzAgMjIuNjQ5NyA2LjQ4ODMzIDE2LjExMDMgMTQuNDkyMiAxNi4xMTAzQzE3Ljg0ODMgMTYuMTEwMyAyMC45MzggMTcuNDE0NSAyMy4zOTQ1IDE5LjM0NDVDMjQuNTk1MiAyMC4yODc4IDI1LjY0NDYgMjEuNDE3NSAyNi41IDIyLjY5MDVDMjcuNDY5NCAyMS4yNDc4IDI4LjY4OCAxOS45ODkyIDMwLjA5MzYgMTguOTc3M0MzMi40NjU4IDE3LjI2OTUgMzUuMzcwNCAxNi4xMTAzIDM4LjUwNzggMTYuMTEwM0M0Ni41MTE3IDE2LjExMDMgNTMgMjIuNjQ5NyA1MyAzMC43MTY2QzUzIDM4Ljc4MzUgNDYuNTExNyA0NS4zMjI5IDM4LjUwNzggNDUuMzIyOUMzOC4xNTk4IDQ1LjMyMjkgMzcuODE0NiA0NS4zMTA1IDM3LjQ3MjcgNDUuMjg2MkMzMi45MDYzIDQ0Ljk2MTQgMjguOTI0IDQyLjUwNDQgMjYuNSAzOC44OTcxWiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBkPSJNMjYuNSAyMi42OTA1QzI3LjQ2OTQgMjEuMjQ3OCAyOC42ODggMTkuOTg5MiAzMC4wOTM2IDE4Ljk3NzNMMzAgMjBMMjkuOTUzIDE2TDI4IDEzVjhIMzNWNC45OTY5N0gyOFYwSDI1VjQuOTk2OTdMMjAgNVY4LjAwMzAzTDI1IDhWMTNMMjMgMTZWMjBMMjMuMzk0NSAxOS4zNDQ1QzI0LjU5NTIgMjAuMjg3OCAyNS42NDQ2IDIxLjQxNzUgMjYuNSAyMi42OTA1WiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBkPSJNMjYuNSAzOC44OTcxQzI0LjA3NiA0Mi41MDQ0IDIwLjA5MzcgNDQuOTYxNCAxNS41MjczIDQ1LjI4NjJMMTMuMjUgNTJINDAuMTY0MUwzNy40NzI3IDQ1LjI4NjJDMzIuOTA2MyA0NC45NjE0IDI4LjkyNCA0Mi41MDQ0IDI2LjUgMzguODk3MVoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 53px 52px;
}

.chess-board__td-number {
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #0e121c;
}

.chess-board__td-letter {
  display: inline-block;
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-size: 12px;
  font-weight: 400;
  color: #0e121c;
}

.chess-board__row:nth-child(1) .chess-board__td:nth-child(even),
.chess-board__row:nth-child(2) .chess-board__td:nth-child(odd),
.chess-board__row:nth-child(3) .chess-board__td:nth-child(even),
.chess-board__row:nth-child(4) .chess-board__td:nth-child(odd),
.chess-board__row:nth-child(5) .chess-board__td:nth-child(even),
.chess-board__row:nth-child(6) .chess-board__td:nth-child(odd),
.chess-board__row:nth-child(7) .chess-board__td:nth-child(even),
.chess-board__row:nth-child(8) .chess-board__td:nth-child(odd) {
  background-color: #737780;
}

.chess-board__td:focus {
  background-color: #2364e2;
}

.chess-board__row:nth-child(1) .chess-board__td:nth-child(even):focus,
.chess-board__row:nth-child(2) .chess-board__td:nth-child(odd):focus,
.chess-board__row:nth-child(3) .chess-board__td:nth-child(even):focus,
.chess-board__row:nth-child(4) .chess-board__td:nth-child(odd):focus,
.chess-board__row:nth-child(5) .chess-board__td:nth-child(even):focus,
.chess-board__row:nth-child(6) .chess-board__td:nth-child(odd):focus,
.chess-board__row:nth-child(7) .chess-board__td:nth-child(even):focus,
.chess-board__row:nth-child(8) .chess-board__td:nth-child(odd):focus {
  background-color: #2364e2;
}

.players__player {
  width: 270px;
  height: 295px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 30px;
  margin-bottom: 10px;
  background-color: rgba(11, 15, 23, 0.5);
  position: relative;
  text-align: center;
}

.players__player--white {
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-bottom: 0;
}

.players__player--white .players__time {
  margin-bottom: 40px;
}

.players__player--black .players__time {
  margin-top: 48px;
}

.players__name {
  font-size: 18px;
  margin: 0;
}

.players__rating {
  font-size: 16px;
  margin: 5px 0 0 0;
}

.players__time {
  font-size: 50px;
  font-weight: 500;
  margin: 0;
}

.players__color-icon {
  min-height: 70px;
  width: 70px;
  margin: 10px 0;
  border-radius: 50%;
  border: #ebebeb 1px solid;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 40px;
}

.players__color-icon--white {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDM4LjI5NDlDMjMuOTk5NCAzNy45MjU5IDIzLjg3MjMgMzcuNTY3OCAyMy42MzkgMzcuMjc4NEMyMy40MDU4IDM2Ljk4OSAyMy4wODAxIDM2Ljc4NTIgMjIuNzE0NSAzNi42OTk5QzIyLjc1MDIgMzYuNTUxNCAyMi43NjI5IDM2LjM5ODYgMjIuNzUyMSAzNi4yNDY0QzIyLjcyODEgMzUuOTkwOCAyMi42NDkyIDM1Ljc0MzIgMjIuNTIwNSAzNS41MTk5QzIyLjIwNDMgMzQuOTM5OCAyMS42MDQxIDM0LjU3NjMgMjEuMDM3NCAzNC4yMjI4QzIwLjQzNDEgMzMuODQ0OCAxOS44Mjk4IDMzLjQzNTggMTkuNDExMyAzMi44NjUzQzE4LjYxNDUgMzEuNzc5NyAxOS4yNzIzIDMwLjU2NTIgMTguODE3NiAyOS40MDY3QzE4LjQ5MjMgMjguNTc3NyAxNy45NzY2IDI4LjM1MTEgMTcuMzA5NiAyOC4yNTkxTDE3LjIzNTggMjcuNjA2MUMxOS4xMjc3IDI3LjY1MDYgMjAuNTUyNyAyNy42MzgxIDIwLjY5NDMgMjcuNTA4NkMyMC44MTcgMjcuMzk2MSAyMC45MzUxIDI2LjU0MTEgMjAuOTcyMiAyNS4yMTMxTDIzLjQwMDggMjQuNjY4QzI0LjE3MzEgMjQuNDg2IDIyLjkxODYgMTYuMTQzOCAyMi43NDY1IDE1LjM4NThDMjEuOTA5OSAxMS43MDkyIDE5Ljc4ODIgOC40MzY3OCAxNi43NTAxIDYuMTM2OTlDMTUuMzUwOSA1LjA3Mzg5IDEzLjc5MDcgNC4yMzI2NyAxMi4xMjYzIDMuNjQzOTFDMTEuOTAxMiAzLjU2NDQxIDEwLjQ2MDkgMy40NDY5MSAxMC4zOTUyIDMuMzYzNEw3LjkyNDQ4IDAuMTAzODA3QzcuNzk1MTYgLTAuMDY3MTk3OSA3LjQ5ODg1IC0wLjAxNjE5NjQgNy40OTI3NCAwLjE3ODMwOUw3LjM3MzEgMy44ODI0MkM0LjIxMDQ0IDQuNjk4OTQgMi4wNTA3NCA2LjEwODk5IDIuMDUwNzQgNi4xMDg5OUwyLjg2Mjc5IDcuODU1NTRDMy40MzE0OCA5LjA3ODU3IDAgMTQuNjQ5MiAwIDE0LjY0OTJMMi40MzgxOCAxOC4wMzkzQzIuNDM4MTggMTguMDM5MyA0LjU5NTMzIDE4LjA1NjMgNC43NTA2MSAxNy4wMDI4QzQuOTA1OSAxNS45NDkzIDUuNTc3NDMgMTUuMDgyOCA1LjU3NzQzIDE1LjA4MjhMMTEuNjg2OSAxMy44OTIyTDExLjUwOTcgMTQuODk5Mkw1LjM4ODA0IDIzLjcyNkM1LjM0NDQ2IDIzLjc4OSA1LjMxNzg2IDIzLjg2MTggNS4zMTA3NCAyMy45Mzc2QzUuMzAzNjIgMjQuMDEzNCA1LjMxNjIgMjQuMDg5OCA1LjM0NzMxIDI0LjE1OTVMNi41Njc2NyAyNi44ODg2QzYuNjAxNjQgMjYuOTY0NCA2LjY1NjI3IDI3LjAyOTYgNi43MjU1MyAyNy4wNzY5QzYuNzk0NzkgMjcuMTI0MiA2Ljg3NiAyNy4xNTE4IDYuOTYwMiAyNy4xNTY2QzcuNDc2NDUgMjcuMTg1NiA4LjY2MDE2IDI3LjI1MTEgMTAuMTI4IDI3LjMyNDFMMTAuMDUxMSAyOC4xMzIxQzkuNDAwOTMgMjguMjQ3MSA4Ljg1NTY2IDI4LjU1MDIgOC41NzA1NSAyOS4yODIyQzguMTE5NDcgMzAuNDQyNyA4Ljc4MDgyIDMxLjY1NDIgNy45ODgxMiAzMi43NDI4QzcuNTcxMTUgMzMuMzE0MyA2Ljk2OTg4IDMzLjcyNTMgNi4zNjYwNiAzNC4xMDUzQzUuODAyNDYgMzQuNDYwOCA1LjIwMTcgMzQuODI1OCA0Ljg4OTYxIDM1LjQwNTRDNC42MTkyNiAzNS44OTk5IDQuNTcxNCAzNi4zMzc5IDQuNjgzOTIgMzYuNzI0OUM0LjMxNDg2IDM2LjgwODQgMy45ODU1OCAzNy4wMTI1IDMuNzQ5OTQgMzcuMzAzN0MzLjUxNDI5IDM3LjU5NDkgMy4zODYyMiAzNy45NTYgMy4zODY2OCAzOC4zMjc5VjM4LjM2MDlDMy4zODcyOCAzOC41NzY4IDMuNDMxMTYgMzguNzkwNCAzLjUxNTgyIDM4Ljk4OTZDMy42MDA0NyAzOS4xODg3IDMuNzI0MjQgMzkuMzY5NiAzLjg4MDA3IDM5LjUyMThDNC4wMzU4OSAzOS42NzQgNC4yMjA3MSAzOS43OTQ2IDQuNDIzOTggMzkuODc2NkM0LjYyNzI1IDM5Ljk1ODcgNC44NDQ5OCA0MC4wMDA2IDUuMDY0NzQgNDBMMjIuMzMwMSAzOS45NzI1QzIyLjc3MzcgMzkuOTcxNyAyMy4xOTg4IDM5Ljc5NzkgMjMuNTEyIDM5LjQ4OTNDMjMuODI1MSAzOS4xODA3IDI0LjAwMDcgMzguNzYyNiAyNCAzOC4zMjY5VjM4LjI5NDlaIiBmaWxsPSIjRUJFQkVCIi8+Cjwvc3ZnPgo=);
}

.players__color-icon--black {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyNCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0IDM4LjI5NDlDMjMuOTk5NCAzNy45MjU5IDIzLjg3MjMgMzcuNTY3OCAyMy42MzkgMzcuMjc4NEMyMy40MDU4IDM2Ljk4OSAyMy4wODAxIDM2Ljc4NTIgMjIuNzE0NSAzNi42OTk5QzIyLjc1MDIgMzYuNTUxNCAyMi43NjI5IDM2LjM5ODYgMjIuNzUyMSAzNi4yNDY0QzIyLjcyODEgMzUuOTkwOCAyMi42NDkyIDM1Ljc0MzIgMjIuNTIwNSAzNS41MTk5QzIyLjIwNDMgMzQuOTM5OCAyMS42MDQxIDM0LjU3NjMgMjEuMDM3NCAzNC4yMjI4QzIwLjQzNDEgMzMuODQ0OCAxOS44Mjk4IDMzLjQzNTggMTkuNDExMyAzMi44NjUzQzE4LjYxNDUgMzEuNzc5NyAxOS4yNzIzIDMwLjU2NTIgMTguODE3NiAyOS40MDY3QzE4LjQ5MjMgMjguNTc3NyAxNy45NzY2IDI4LjM1MTEgMTcuMzA5NiAyOC4yNTkxTDE3LjIzNTggMjcuNjA2MUMxOS4xMjc3IDI3LjY1MDYgMjAuNTUyNyAyNy42MzgxIDIwLjY5NDMgMjcuNTA4NkMyMC44MTcgMjcuMzk2MSAyMC45MzUxIDI2LjU0MTEgMjAuOTcyMiAyNS4yMTMxTDIzLjQwMDggMjQuNjY4QzI0LjE3MzEgMjQuNDg2IDIyLjkxODYgMTYuMTQzOCAyMi43NDY1IDE1LjM4NThDMjEuOTA5OSAxMS43MDkyIDE5Ljc4ODIgOC40MzY3OCAxNi43NTAxIDYuMTM2OTlDMTUuMzUwOSA1LjA3Mzg5IDEzLjc5MDcgNC4yMzI2NyAxMi4xMjYzIDMuNjQzOTFDMTEuOTAxMiAzLjU2NDQxIDEwLjQ2MDkgMy40NDY5MSAxMC4zOTUyIDMuMzYzNEw3LjkyNDQ4IDAuMTAzODA3QzcuNzk1MTYgLTAuMDY3MTk3OSA3LjQ5ODg1IC0wLjAxNjE5NjQgNy40OTI3NCAwLjE3ODMwOUw3LjM3MzEgMy44ODI0MkM0LjIxMDQ0IDQuNjk4OTQgMi4wNTA3NCA2LjEwODk5IDIuMDUwNzQgNi4xMDg5OUwyLjg2Mjc5IDcuODU1NTRDMy40MzE0OCA5LjA3ODU3IDAgMTQuNjQ5MiAwIDE0LjY0OTJMMi40MzgxOCAxOC4wMzkzQzIuNDM4MTggMTguMDM5MyA0LjU5NTMzIDE4LjA1NjMgNC43NTA2MSAxNy4wMDI4QzQuOTA1OSAxNS45NDkzIDUuNTc3NDMgMTUuMDgyOCA1LjU3NzQzIDE1LjA4MjhMMTEuNjg2OSAxMy44OTIyTDExLjUwOTcgMTQuODk5Mkw1LjM4ODA0IDIzLjcyNkM1LjM0NDQ2IDIzLjc4OSA1LjMxNzg2IDIzLjg2MTggNS4zMTA3NCAyMy45Mzc2QzUuMzAzNjIgMjQuMDEzNCA1LjMxNjIgMjQuMDg5OCA1LjM0NzMxIDI0LjE1OTVMNi41Njc2NyAyNi44ODg2QzYuNjAxNjQgMjYuOTY0NCA2LjY1NjI3IDI3LjAyOTYgNi43MjU1MyAyNy4wNzY5QzYuNzk0NzkgMjcuMTI0MiA2Ljg3NiAyNy4xNTE4IDYuOTYwMiAyNy4xNTY2QzcuNDc2NDUgMjcuMTg1NiA4LjY2MDE2IDI3LjI1MTEgMTAuMTI4IDI3LjMyNDFMMTAuMDUxMSAyOC4xMzIxQzkuNDAwOTMgMjguMjQ3MSA4Ljg1NTY2IDI4LjU1MDIgOC41NzA1NSAyOS4yODIyQzguMTE5NDcgMzAuNDQyNyA4Ljc4MDgyIDMxLjY1NDIgNy45ODgxMiAzMi43NDI4QzcuNTcxMTUgMzMuMzE0MyA2Ljk2OTg4IDMzLjcyNTMgNi4zNjYwNiAzNC4xMDUzQzUuODAyNDYgMzQuNDYwOCA1LjIwMTcgMzQuODI1OCA0Ljg4OTYxIDM1LjQwNTRDNC42MTkyNiAzNS44OTk5IDQuNTcxNCAzNi4zMzc5IDQuNjgzOTIgMzYuNzI0OUM0LjMxNDg2IDM2LjgwODQgMy45ODU1OCAzNy4wMTI1IDMuNzQ5OTQgMzcuMzAzN0MzLjUxNDI5IDM3LjU5NDkgMy4zODYyMiAzNy45NTYgMy4zODY2OCAzOC4zMjc5VjM4LjM2MDlDMy4zODcyOCAzOC41NzY4IDMuNDMxMTYgMzguNzkwNCAzLjUxNTgyIDM4Ljk4OTZDMy42MDA0NyAzOS4xODg3IDMuNzI0MjQgMzkuMzY5NiAzLjg4MDA3IDM5LjUyMThDNC4wMzU4OSAzOS42NzQgNC4yMjA3MSAzOS43OTQ2IDQuNDIzOTggMzkuODc2NkM0LjYyNzI1IDM5Ljk1ODcgNC44NDQ5OCA0MC4wMDA2IDUuMDY0NzQgNDBMMjIuMzMwMSAzOS45NzI1QzIyLjc3MzcgMzkuOTcxNyAyMy4xOTg4IDM5Ljc5NzkgMjMuNTEyIDM5LjQ4OTNDMjMuODI1MSAzOS4xODA3IDI0LjAwMDcgMzguNzYyNiAyNCAzOC4zMjY5VjM4LjI5NDlaIiBmaWxsPSJibGFjayIgc3Ryb2tlPSIjRUJFQkVCIi8+Cjwvc3ZnPgo=);
}

.game-history-wrapper {
  position: relative;
  max-width: 270px;
}

.chess-moves-wrapper {
  max-height: 392px;
  margin-bottom: 10px;
  overflow: hidden;
}

.chess-moves {
  height: 392px;
  border-collapse: collapse;
  background-color: rgba(11, 15, 23, 0.5);
}

.chess-moves__td {
  border-left: 1px solid rgba(235, 235, 235, 0.1);
  height: 20px;
  width: 118px;
  padding: 2px 4px 2px 12px;
  box-sizing: border-box;
  margin: 2px 0;
}

.chess-moves__td--number {
  width: 34px;
}

.chess-moves__td:nth-child(1) {
  border-left: none;
  padding-left: 8px;
}

.chess-shape-icon {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}

.chess-shape-icon--queen {
  width: 13px;
  height: 13px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1MyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjgzNDMgNS4wNjUxNUMyOC4yMDcgNS4wMDQzMiAyOS4zMDA4IDMuODk0MjEgMjkuMzAwOCAyLjUzMzg2QzI5LjMwMDggMS4xMzQ0NCAyOC4xNDMyIDAgMjYuNzE1NCAwQzI1LjI4NzcgMCAyNC4xMzAxIDEuMTM0NDQgMjQuMTMwMSAyLjUzMzg2QzI0LjEzMDEgMy43NTEzMSAyNS4wMDYyIDQuNzY4MjEgMjYuMTc0MSA1LjAxMjA1TDIzLjA1MjggMjQuNzA1MkwxMy43NTA1IDExLjIxMjJDMTQuMzAxNCAxMC43NDc1IDE0LjY1MDQgMTAuMDU5MSAxNC42NTA0IDkuMjkwODRDMTQuNjUwNCA3Ljg5MTQyIDEzLjQ5MjggNi43NTY5NyAxMi4wNjUgNi43NTY5N0MxMC42MzczIDYuNzU2OTcgOS40Nzk2NyA3Ljg5MTQyIDkuNDc5NjcgOS4yOTA4NEM5LjQ3OTY3IDEwLjY5MDMgMTAuNjM3MyAxMS44MjQ3IDEyLjA2NSAxMS44MjQ3QzEyLjMwNjggMTEuODI0NyAxMi41NDA3IDExLjc5MjIgMTIuNzYyNyAxMS43MzE0TDE2LjE1ODUgMzAuNDA2NEw0Ljg5MjE3IDI0Ljc5NDlDNS4wMzAxOSAyNC41Mjg1IDUuMTIxNSAyNC4yMzUgNS4xNTU3OSAyMy45MjQ3QzUuMTU5MzcgMjMuODkxNyA1LjE2MjMyIDIzLjg1ODUgNS4xNjQ2MyAyMy44MjUyQzUuMTY2OTQgMjMuNzkzIDUuMTY4NjMgMjMuNzYwNSA1LjE2OTQ3IDIzLjcyOEM1LjE3MDMxIDIzLjcwMTkgNS4xNzA3MyAyMy42NzU3IDUuMTcwNzMgMjMuNjQ5NEM1LjE3MDczIDIyLjI1IDQuMDEzMTIgMjEuMTE1NSAyLjU4NTM3IDIxLjExNTVDMS4xNTc2MSAyMS4xMTU1IDAgMjIuMjUgMCAyMy42NDk0QzAgMjUuMDQ4OCAxLjE1NzYxIDI2LjE4MzMgMi41ODUzNyAyNi4xODMzQzMuMTQ0MzkgMjYuMTgzMyAzLjY2MTk3IDI2LjAwOTMgNC4wODQ4NyAyNS43MTM2TDE3LjAyMDMgNDguMTQzNEgxNC40MzVMMTMuMTQyMyA1M0gzOS44NTc3TDM4LjEzNDEgNDguMTQzNEgzNS43NjQyTDQ5LjA0NjQgMjUuNzk5N0M0OS40NDMyIDI2LjA0MjcgNDkuOTEyMiAyNi4xODMzIDUwLjQxNDYgMjYuMTgzM0M1MS44NDI0IDI2LjE4MzMgNTMgMjUuMDQ4OCA1MyAyMy42NDk0QzUzIDIyLjI1IDUxLjg0MjQgMjEuMTE1NSA1MC40MTQ2IDIxLjExNTVDNDguOTg2OSAyMS4xMTU1IDQ3LjgyOTMgMjIuMjUgNDcuODI5MyAyMy42NDk0QzQ3LjgyOTMgMjQuMDkwNSA0Ny45NDQ0IDI0LjUwNTMgNDguMTQ2NSAyNC44NjY0TDM2Ljg0MTUgMzAuNDA2NEw0MC40MTc4IDExLjc3NEM0MC41ODQ5IDExLjgwNzMgNDAuNzU3OCAxMS44MjQ3IDQwLjkzNSAxMS44MjQ3QzQyLjM2MjcgMTEuODI0NyA0My41MjAzIDEwLjY5MDMgNDMuNTIwMyA5LjI5MDg0QzQzLjUyMDMgNy44OTE0MiA0Mi4zNjI3IDYuNzU2OTcgNDAuOTM1IDYuNzU2OTdDMzkuNTA3MiA2Ljc1Njk3IDM4LjM0OTYgNy44OTE0MiAzOC4zNDk2IDkuMjkwODRDMzguMzQ5NiAxMC4xMTMyIDM4Ljc0OTMgMTAuODQ0IDM5LjM2ODggMTEuMzA2OUwyOS45NDcyIDI0LjcwNTJMMjYuODM0MyA1LjA2NTE1WiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  background-size: 13px 13px;
  margin-right: 4px;
}

.chess-shape-icon--king {
  width: 13px;
  height: 13px;
  margin-right: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iNTIiIHZpZXdCb3g9IjAgMCA1MyA1MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjUgMzguODk3MUMyNC4wNzYgNDIuNTA0NCAyMC4wOTM3IDQ0Ljk2MTQgMTUuNTI3MyA0NS4yODYyQzE1LjE4NTQgNDUuMzEwNSAxNC44NDAyIDQ1LjMyMjkgMTQuNDkyMiA0NS4zMjI5QzYuNDg4MzMgNDUuMzIyOSAwIDM4Ljc4MzUgMCAzMC43MTY2QzAgMjIuNjQ5NyA2LjQ4ODMzIDE2LjExMDMgMTQuNDkyMiAxNi4xMTAzQzE3Ljg0ODMgMTYuMTEwMyAyMC45MzggMTcuNDE0NSAyMy4zOTQ1IDE5LjM0NDVDMjQuNTk1MiAyMC4yODc4IDI1LjY0NDYgMjEuNDE3NSAyNi41IDIyLjY5MDVDMjcuNDY5NCAyMS4yNDc4IDI4LjY4OCAxOS45ODkyIDMwLjA5MzYgMTguOTc3M0MzMi40NjU4IDE3LjI2OTUgMzUuMzcwNCAxNi4xMTAzIDM4LjUwNzggMTYuMTEwM0M0Ni41MTE3IDE2LjExMDMgNTMgMjIuNjQ5NyA1MyAzMC43MTY2QzUzIDM4Ljc4MzUgNDYuNTExNyA0NS4zMjI5IDM4LjUwNzggNDUuMzIyOUMzOC4xNTk4IDQ1LjMyMjkgMzcuODE0NiA0NS4zMTA1IDM3LjQ3MjcgNDUuMjg2MkMzMi45MDYzIDQ0Ljk2MTQgMjguOTI0IDQyLjUwNDQgMjYuNSAzOC44OTcxWiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBkPSJNMjYuNSAyMi42OTA1QzI3LjQ2OTQgMjEuMjQ3OCAyOC42ODggMTkuOTg5MiAzMC4wOTM2IDE4Ljk3NzNMMzAgMjBMMjkuOTUzIDE2TDI4IDEzVjhIMzNWNC45OTY5N0gyOFYwSDI1VjQuOTk2OTdMMjAgNVY4LjAwMzAzTDI1IDhWMTNMMjMgMTZWMjBMMjMuMzk0NSAxOS4zNDQ1QzI0LjU5NTIgMjAuMjg3OCAyNS42NDQ2IDIxLjQxNzUgMjYuNSAyMi42OTA1WiIgZmlsbD0iI0VCRUJFQiIvPgo8cGF0aCBkPSJNMjYuNSAzOC44OTcxQzI0LjA3NiA0Mi41MDQ0IDIwLjA5MzcgNDQuOTYxNCAxNS41MjczIDQ1LjI4NjJMMTMuMjUgNTJINDAuMTY0MUwzNy40NzI3IDQ1LjI4NjJDMzIuOTA2MyA0NC45NjE0IDI4LjkyNCA0Mi41MDQ0IDI2LjUgMzguODk3MVoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 13px 13px;
}

.chess-shape-icon--knight {
  width: 9px;
  height: 13px;
  margin-right: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNTciIHZpZXdCb3g9IjAgMCA0MSA1NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM5LjQ0MzcgNTYuMjU3M0MzOS40NjIzIDU2LjQ5MzUgMzkuNDQwMyA1Ni43Njk2IDM5LjM3ODQgNTdIOC4xMjAxNkM3LjkyNTEgNTYuMzk5MyA4LjAwODA3IDU1LjcxOTUgOC40NzY3NCA1NC45NTJDOS4wMTc3OSA1NC4wNTI1IDEwLjA1OTMgNTMuNDg2IDExLjAzNjQgNTIuOTM0MkMxMi4wODMyIDUyLjM0NDQgMTMuMTI1NSA1MS43MDY1IDEzLjg0ODQgNTAuODE5NEMxNS4yMjI3IDQ5LjEyOTkgMTQuMDc2MSA0Ny4yNDk1IDE0Ljg1ODEgNDUuNDQ4M0MxNS4zNTI0IDQ0LjMxMjEgMTYuMjk3NyA0My44NDE4IDE3LjQyNDggNDMuNjYzM0wxNy41NTgxIDQyLjQwOTJDMTUuMDEzNSA0Mi4yOTU5IDEyLjk2MTQgNDIuMTk0MyAxMi4wNjY0IDQyLjE0OTNDMTEuOTIwNCA0Mi4xNDE3IDExLjc3OTYgNDIuMDk4OSAxMS42NTk1IDQyLjAyNTVDMTEuNTM5NSA0MS45NTIxIDExLjQ0NDggNDEuODUxIDExLjM4NTkgNDEuNzMzM0w5LjI3MDIyIDM3LjQ5NzVDOS4yMTYzIDM3LjM4OTMgOS4xOTQ0OCAzNy4yNzA4IDkuMjA2ODMgMzcuMTUzMUM5LjIxOTE4IDM3LjAzNTQgOS4yNjUyOSAzNi45MjI0IDkuMzQwODMgMzYuODI0N0wxOS45NTM1IDIzLjEyNDhMMjAuMjYwNyAyMS41NjE4TDkuNjY5MTcgMjMuNDA5NkM5LjY2OTE3IDIzLjQwOTYgOC41MDQ5OSAyNC43NTQ2IDguMjM1NzkgMjYuMzg5N0M3Ljk2NjU5IDI4LjAyNDkgNC4yMjY5IDI3Ljk5ODUgNC4yMjY5IDI3Ljk5ODVMMCAyMi43MzY4QzAgMjIuNzM2OCA1Ljk0ODkgMTQuMDkwNyA0Ljk2MzAxIDEyLjE5MjRMMy41NTUyMiA5LjQ4MTY0QzMuNTU1MjIgOS40ODE2NCA3LjI5OTMyIDcuMjkzMTQgMTIuNzgyMiA2LjAyNTgzTDEyLjk4OTYgMC4yNzY3NTFDMTMuMDAwMiAtMC4wMjUxMzgxIDEzLjUxMzkgLTAuMTA0Mjk3IDEzLjczODEgMC4xNjExMTdMMTguMDIxNSA1LjIyMDI3QzE4LjEzNTMgNS4zNDk4OCAyMC42MzIzIDUuNTMyMjUgMjEuMDIyNCA1LjY1NTY1QzIzLjkwNzggNi41Njk0NCAyNi42MTI2IDcuODc1MDkgMjkuMDM4NCA5LjUyNTFDMzQuMzA1MyAxMy4wOTQ2IDM3Ljk4MzYgMTguMTczNyAzOS40MzQgMjMuODc5OUMzOS43MzIzIDI1LjA1NjUgNDEuOTA3MSAzOC4wMDQzIDQwLjU2ODIgMzguMjg2OEwzNi4zNTggMzkuMTMyN0MzNi4yOTM2IDQxLjE5MzkgMzYuMDg4OCA0Mi41MjEgMzUuODc2MSA0Mi42OTU2QzM1LjYzMDcgNDIuODk2NiAzMy4xNjAzIDQyLjkxNiAyOS44ODA0IDQyLjg0NjlMMzAuMDA4NCA0My44NjA1QzMxLjE2NDcgNDQuMDAzMyAzMi4wNTg4IDQ0LjM1NDggMzIuNjIyOCA0NS42NDE1QzMzLjQxMDkgNDcuNDM5NyAzMi4yNzA2IDQ5LjMyNDcgMzMuNjUxOSA1MS4wMDk2QzM0LjM3NzQgNTEuODk1MSAzNS40MjUxIDUyLjUyOTkgMzYuNDcxIDUzLjExNjZDMzcuNDUzNCA1My42NjUzIDM4LjQ5NCA1NC4yMjk1IDM5LjA0MjEgNTUuMTI5N0MzOS4yNjUyIDU1LjQ3NjQgMzkuNDAyIDU1Ljg2MDcgMzkuNDQzNyA1Ni4yNTczWiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  background-size: 9px 13px;
}

.chess-shape-icon--bishop {
  width: 8px;
  height: 13px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzMyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjgzNjggNS4xNTgwOUMxOC43NTM4IDQuNzE1MTYgMTkuMzg0OCAzLjc4ODgzIDE5LjM4NDggMi43MTc5NUMxOS4zODQ4IDEuMjE2ODYgMTguMTQ0OSAwIDE2LjYxNTYgMEMxNS4wODYzIDAgMTMuODQ2NCAxLjIxNjg2IDEzLjg0NjQgMi43MTc5NUMxMy44NDY0IDMuNzkxODEgMTQuNDgxIDQuNzIwMjUgMTUuNDAyIDUuMTYxNzRDMTEuNTczNiA5LjQwMjIzIDAgMjMuMDQ5NiAwIDMzLjA2ODRDMCAzOS4zNTQxIDQuMjI1OTYgNDUuMzM2MSA5LjkyMzMgNDguMDYyM0g0LjE1NDA3TDIuMzA3OTIgNTNIMzAuOTIzM0wyOS4wNzcxIDQ4LjA2MjNIMjMuMTExMkMyOC43OTk1IDQ1LjMzNTkgMzMgMzkuMzUzIDMzIDMzLjA2ODRDMzMgMjcuNjQyMiAyOS44OTE0IDIxLjM5OTUgMjYuMzgyMSAxNi4wODEyTDE3LjUzODcgMjQuNjg4TDE1LjIzMSAyMi40MjMxTDI0LjQ2MTggMTMuMzA2MkMyMS44NTMgOS43MDAwNiAxOS4yOTEzIDYuNzU2ODMgMTcuODM2OCA1LjE1ODA5WiIgZmlsbD0iI0VCRUJFQiIvPgo8L3N2Zz4K);
  margin-right: 4px;
  background-size: 8px 13px;
}

.chess-shape-icon--rook {
  width: 8px;
  height: 13px;
  margin-right: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNSA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNTNMMS4zMjA4NCA0NS4wNzI2SDQuNDAyNTlWMTYuOTg3Mkw4LjkxMjk3ZS0wNSAxMi40NTczVjBIMTUuMTg4N1Y4LjYwNjg0SDE5LjU5MTJWMEgzNVYxMi40NTczTDMwLjU5NzUgMTYuOTg3MlY0NS4wNzI2SDMzLjY3OTJMMzUgNTNIMFoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 9px 13px;
}

.chess-shape-icon--pawn {
  width: 8px;
  height: 13px;
  margin-right: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCAzNyA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0LjA5ODcgMTkuMzE3OEMyNi45MTg5IDE3LjQ2NiAyOC43MjM3IDE0LjA3MDkgMjguNzIzNyAxMC40MDE5QzI4LjcyMzcgNC42NTcwOCAyNC4xNDY0IDAgMTguNSAwQzEyLjg1MzYgMCA4LjI3NjMyIDQuNjU3MDggOC4yNzYzMiAxMC40MDE5QzguMjc2MzIgMTQuMTg0MyAxMC4yNjA2IDE3LjQ5NTMgMTMuMjI3OSAxOS4zMTU4TDcuMDU5MjEgMjEuNzk0NEw4LjUxOTc0IDI0LjUxODdIMTMuNjMxNkw1Ljg0MjEgNDUuNTcwMUgxLjk0NzM3TDAgNTNIMzdMMzUuMDUyNiA0NS41NzAxSDMxLjE1NzlMMjIuMzk0NyAyNC41MTg3SDI4LjcyMzdMMzAuMTg0MiAyMS43OTQ0TDI0LjA5ODcgMTkuMzE3OFoiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 8px 13px;
}

.message-block {
  height: 98px;
  list-style: none;
  border: rgba(235, 235, 235, 0.2) 1px solid;
  background-color: rgba(11, 15, 23, 0.5);
  box-sizing: border-box;
  padding: 15px 15px;
  margin-bottom: 30px;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.message-block__text {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.game-controls {
  display: flex;
}

.game-controls__button {
  width: 70px;
  height: 70px;
  border: 1px solid #2364e2;
  border-radius: 50%;
  background-color: transparent;
  margin: 0 15px;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.game-controls__button:hover {
  border: 1px solid rgba(35, 100, 226, 0.6);
  transition: 0.1s linear;
}
.game-controls__button:active {
  border: 1px solid #0b64e2;
}

.game-controls__button:first-child {
  margin-left: 0;
}

.game-controls__button:last-child {
  margin-right: 0;
}

.game-controls__button--flag {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxIDI1TTEgMTguMTQyOUw0LjQxNjM5IDE3LjM0NDJDNi45NjAzNSAxNi43NDk1IDkuNjE4NTkgMTcuMDI5NSAxMiAxOC4xNDI5QzE0LjM4MTQgMTkuMjU2MiAxNy4wMzk3IDE5LjUzNjIgMTkuNTgzNiAxOC45NDE1TDIzIDE4LjE0MjlWMi43MTQyOUwxOS41ODM2IDMuNTEyOTJDMTcuMDM5NyA0LjEwNzYxIDE0LjM4MTQgMy44Mjc2NyAxMiAyLjcxNDI5QzkuNjE4NTkgMS42MDA5IDYuOTYwMzUgMS4zMjA5NiA0LjQxNjM5IDEuOTE1NjVMMSAyLjcxNDI5VjE4LjE0MjlaIiBzdHJva2U9IiNFQkVCRUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-size: 22px 24px;
}

.game-controls__button--score {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMDQyMDcgMTEuMjVWMS41Mzc1TDAgMi44MjVWMS4yNzVMMi4wNDIwNyAwSDMuMzg3NDRWMTEuMjVIMi4wNDIwN1oiIGZpbGw9IiNFQkVCRUIiLz4KPHBhdGggZD0iTTEyLjMzMTUgMEw3LjcxODc4IDE4SDkuNTMyNjJMMTQuMTQ1MyAwSDEyLjMzMTVaIiBmaWxsPSIjRUJFQkVCIi8+CjxwYXRoIGQ9Ik0xNi43OTI3IDE4TDE2LjgwNDcgMTYuNzVMMjEuNjA5NiAxMi4yMzc1QzIyLjAxIDExLjg2MjUgMjIuMjc4MiAxMS41MDgzIDIyLjQxNDQgMTEuMTc1QzIyLjU1MDUgMTAuODMzMyAyMi42MTg2IDEwLjQ5MTcgMjIuNjE4NiAxMC4xNUMyMi42MTg2IDkuNDkxNjcgMjIuNDEwNCA4LjkzNzUgMjEuOTk0IDguNDg3NUMyMS41ODU1IDguMDM3NSAyMS4wNjkgNy44MTI1IDIwLjQ0NDQgNy44MTI1QzIwLjAxMTkgNy44MTI1IDE5LjYyNzYgNy45MjA4MyAxOS4yOTEyIDguMTM3NUMxOC45NTQ5IDguMzU0MTcgMTguNjg2NiA4LjYzNzUgMTguNDg2NCA4Ljk4NzVDMTguMjk0MiA5LjMzNzUgMTguMjA2MSA5LjcxNjY3IDE4LjIyMjEgMTAuMTI1SDE2Ljg0MDdDMTYuODQwNyA5LjQxNjY3IDE2Ljk5NjkgOC43OTE2NyAxNy4zMDkyIDguMjVDMTcuNjIxNSA3LjcgMTguMDUgNy4yNzA4MyAxOC41OTQ1IDYuOTYyNUMxOS4xMzkxIDYuNjU0MTcgMTkuNzU5NyA2LjUgMjAuNDU2NCA2LjVDMjEuMTI5MSA2LjUgMjEuNzI5NyA2LjY2MjUgMjIuMjU4MiA2Ljk4NzVDMjIuNzk0OCA3LjMwNDE3IDIzLjIxOTIgNy43NDE2NyAyMy41MzE1IDguM0MyMy44NDM4IDguODUgMjQgOS40NzA4MyAyNCAxMC4xNjI1QzI0IDEwLjY1NDIgMjMuOTM1OSAxMS4wNzkyIDIzLjgwNzggMTEuNDM3NUMyMy42ODc3IDExLjc4NzUgMjMuNTAzNSAxMi4xMTY3IDIzLjI1NTIgMTIuNDI1QzIzLjAxNSAxMi43MjUgMjIuNzEwNyAxMy4wNDU4IDIyLjM0MjMgMTMuMzg3NUwxOC4xNjIxIDE3LjMyNUwxNy45MDk4IDE2LjY2MjVIMjRWMThIMTYuNzkyN1oiIGZpbGw9IiNFQkVCRUIiLz4KPC9zdmc+Cg==);
  background-size: 24px 18px;
}

.game-controls__button--back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyOSAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMzgxMDggMjEuNTEzQzkuMzE3NTUgMjIuNTExOCAxMC40NDI1IDIzLjMxNDggMTEuNjk5IDIzLjg2MThMMTIuMjE1MSAyNC4wODY2QzE1LjAxMjQgMjUuMzA0NSAxOC4xNTU0IDI1LjMwNDUgMjAuOTUyNyAyNC4wODY2QzIzLjc0OTkgMjIuODY4NiAyNS45NzIzIDIwLjUzMjUgMjcuMTMxIDE3LjU5MjJDMjguMjg5NyAxNC42NTE5IDI4LjI4OTcgMTEuMzQ4MSAyNy4xMzEgOC40MDc4QzI1Ljk3MjMgNS40Njc0NiAyMy43NDk5IDMuMTMxMzcgMjAuOTUyNyAxLjkxMzQ1QzE4LjE1NTQgMC42OTU1MTggMTUuMDEyNCAwLjY5NTUxOCAxMi4yMTUxIDEuOTEzNDVDOS40MTc4OCAzLjEzMTM3IDcuMTk1NDYgNS40Njc0NiA2LjAzNjggOC40MDc4QzUuNjI2NTQgOS40NDg5MSA1LjM2MTU0IDEwLjUzNTYgNS4yNDE4MSAxMS42MzU1TTUuMjQwOTQgMTEuNjQzNUM1LjIzOTQ0IDExLjY1NzUgNS4yMzc5NSAxMS42NzE0IDUuMjM2NDkgMTEuNjg1NE0xLjg0MTg1IDExLjY4NTRIOS4yNTkyNEMxMC4wMDc3IDExLjY4NTQgMTAuMzgyNiAxMi42MzY3IDkuODUzMzIgMTMuMTkzTDYuNDg2NzEgMTYuNzMxOEM1Ljk2OTY4IDE3LjI3NTMgNS4xMzE0MSAxNy4yNzUzIDQuNjE0MzggMTYuNzMxOEwxLjI0Nzc2IDEzLjE5M0MwLjcxODQ4NyAxMi42MzY3IDEuMDkzMzQgMTEuNjg1NCAxLjg0MTg1IDExLjY4NTRaIiBzdHJva2U9IiNFQkVCRUIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  background-size: 27px 24px;
}

a {
  text-decoration: none;
  width: 100%;
  z-index: 666;
}