/* Ukrainian computer setup SEO content. Keeps the settings screen unchanged as the first viewport. */
.computer-ua-seo-content{
  display:none;
}

html[lang="uk"].setup-computer body{
  overflow-x:hidden;
  overflow-y:auto;
}

html[lang="uk"].setup-computer .dialog-head{
  position:relative;
}

html[lang="uk"].setup-computer .computer-settings-slot{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
}

html[lang="uk"].setup-computer .computer-settings-slot .chessvola-global-settings-button{
  width:38px;
  height:38px;
  border:0;
  color:#d8c69f;
  font-size:21px;
}

html[lang="uk"].setup-computer .computer-settings-slot .chessvola-global-settings-button:hover{
  color:#f4cd73;
}

html[lang="uk"].setup-computer[data-theme="light"] .computer-settings-slot .chessvola-global-settings-button{
  color:#6b5c4f;
}

html[lang="uk"].setup-computer[data-theme="light"] .computer-settings-slot .chessvola-global-settings-button:hover{
  color:#8f5e0d;
}

html[lang="uk"].setup-computer #board .piece-glyph{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans",serif;
  font-size:clamp(34px,8vw,68px);
  line-height:1;
  pointer-events:none;
  user-select:none;
  opacity:.78;
  transform:translateY(-1px);
  text-shadow:0 3px 4px #0009;
}

html[lang="uk"].setup-computer #board .piece-glyph.black{
  color:#120d09;
}

html[lang="uk"].setup-computer #board .piece-glyph.white{
  color:#fff7df;
  text-shadow:0 2px 3px #000b;
}

html[lang="uk"].setup-computer .computer-ua-seo-content{
  position:relative;
  z-index:1;
  display:block;
  width:min(860px,calc(100% - 28px));
  margin:0 auto;
  padding:clamp(30px,5vw,54px) 0 clamp(38px,6vw,66px);
  color:#d8c69f;
  text-align:center;
}

html[lang="uk"].setup-computer .computer-ua-seo-content h1{
  margin:0 0 12px;
  color:#f4cd73;
  font-family:Georgia,serif;
  font-size:clamp(24px,3.3vw,34px);
  line-height:1.15;
}

html[lang="uk"].setup-computer .computer-ua-seo-content p{
  max-width:760px;
  margin:0 auto;
  font-size:clamp(14px,1.8vw,16px);
  line-height:1.65;
}

html[lang="uk"].setup-computer .computer-ua-seo-content a{
  color:#f4cd73;
  font-weight:700;
  text-underline-offset:3px;
}

html[lang="uk"].setup-computer[data-theme="light"] .computer-ua-seo-content{
  color:#5f5549;
}

html[lang="uk"].setup-computer[data-theme="light"] .computer-ua-seo-content h1,
html[lang="uk"].setup-computer[data-theme="light"] .computer-ua-seo-content a{
  color:#8d5e12;
}

@media(max-width:520px){
  html[lang="uk"].setup-computer .computer-settings-slot{
    left:12px;
  }

  html[lang="uk"].setup-computer .computer-ua-seo-content{
    width:min(100% - 22px,860px);
    padding-top:24px;
  }
}