.main-grid {display: grid;grid-template-areas:"sform" "cnt" "relform";}
.sform{grid-area: sform;}
.cnt{grid-area: cnt;}
.relform{grid-area: relform;}
.grid-body {display: grid;column-gap:2rem;row-gap:0; grid-template-areas:"flt" "sovm" "rel" "sh";overflow-wrap: break-word;}
.sovm{grid-area: sovm;}
.sh{grid-area: sh;}
.rel{grid-area: rel;--max-height: calc(100vh - var(--offset));max-height: var(--max-height);}
.flt{grid-area: flt;}
.main-grid .container{padding: 0;}
@media screen and (min-width: 800px){.grid-body {display: grid;gap: 1rem;overflow-wrap: break-word;grid-template-areas: "sh flt" "sh sovm" "sh rel";grid-template-columns: minmax(12rem, 1fr) minmax(auto, 100%);grid-template-rows: auto 1fr;}.fltp{padding: 0;}}
@media screen and (min-width: 1024px){.grid-body {grid-template-areas:"sh sovm flt" "sh sovm rel";grid-template-columns: 12.5rem minmax(0, 52rem) minmax(14rem, 1fr);}.sh{width:12.5rem;}}
@media screen and (min-width: 1100px){.grid-body {grid-template-columns: 12.5rem minmax(0,52rem) minmax(17rem,1fr);}}

.bg-style{background-color: var(--white);padding: 1rem;}
.chapter{margin:2rem 0;}
.lnku a{text-decoration: underline;}
.aBar{color: #687091;font-size: 0.73em;}
.aBar2{color: #687091;}
.rel a{margin-left:0.5rem;font-weight: 600;color:var(--text-1);line-height: 2;padding: 1rem 0.5rem;border-bottom: 1px solid #eee;}
.rel a:hover{background-color:#ebf0fb;color:var(--text-1);}
.rel a:last-child{border-bottom:none;}
.rel a img{margin-right: 1rem;}
.pos{right: 1rem;color:var(--accent);font-weight: 600;}


.nav-article ol{list-style: none;counter-reset: li;}
.nav-article ol li:before {counter-increment: li; content: counters(li,".") ". ";font-weight: 600;color: initial;padding-right: 1rem;}
.nav-article ol.nav-art{margin: 0;padding-left: 1rem;}
.nav-article ol.nav-art ol{margin: 0;padding: 0;}
.nav-article ol.nav-art li:last-child{margin-bottom: 0;}
.nav-article ol.nav-art li{padding: 0;display: flex;margin: 0.7rem 0;}
nav.nav-article{border-top: 1px solid #eee;padding: 1rem;border-bottom: 1px solid #eee;max-width: 475px;margin: 2rem auto;}
nav.nav-article ol.nav-art li a {color: initial;border-bottom: 1px dashed #999;text-decoration: none !important;width: fit-content;}
.nav-article ol.nav-art li a:hover {color: var(--accent);}
.nav-article  .nav-art a:hover{color:var(--accent)}

@media screen and (min-width: 1024px){
.nav-article h2{font-size: 1.5rem;}
.nav-art-active{background:var(--bg-light);border-radius: 5px;}
.nav-article ol.nav-art li a{color: var(--text-2);}
.nav-article ol.nav-art li{padding: 0;}
}


article h2{position: relative; pointer-events: none;}
article h2:after{pointer-events: all;cursor:pointer;position: absolute;content: url(/img/static/svg/hlink.svg);padding-left:1rem;color: var(--text-2);}
article a:hover{text-decoration: underline;}


.li-inline li{display: inline-block;margin-right:15px;}
.li-inline li:first-of-type{margin-left: 0;}
.li-inline li:last-of-type{margin-right: 0;}
.letters-box{background: var(--bg-light);font-weight: 800;font-size: 1.5rem;padding: 2rem!important;margin: 2rem -2rem;}
@media screen and (min-width: 1024px){.letters-box{text-align: center;}}
ul a span.title{padding-left:0.5rem;}
.list-translate li{word-break: keep-all;}
/*.related_link{border: 1px solid #eee;border-radius: .5rem;padding: .4rem .5rem;background: #f5f5f5;overflow: hidden;font-weight: 500;text-decoration: underline;line-height: 1;}*/

.char-grid {display: grid;gap: 0;grid-template-areas:"imgend" "chara";}
@media screen and (min-width: 821px){.char-grid {grid-template-areas:"imgend chara";grid-template-columns: minmax(0,12rem) minmax(auto,100%);gap: 0 3rem;}}
.char-grid>.imgend {grid-area: imgend;max-width: 52rem;max-width: min(80vw + 4rem, var(--wdth));overflow-wrap: break-word;}
.char-grid>.char {grid-area: chara;max-width: 52rem;max-width: min(80vw + 4rem, var(--wdth));overflow-wrap: break-word;}
@media screen and (min-width: 769px) and (not (min-height: 44rem)){.char-grid>.imgend{overflow: auto;}}
@media screen and (min-width: 821px){.char-grid>.imgend {display: flex;flex-direction: column;}}
@media screen and (min-width: 1220px){.char-grid>.imgend{gap: 0;height: calc(100vh - var(--offset));overflow: auto;}}
.char ul{margin: 0;}
.fw-bold{font-weight: bold;}
.mr10{margin-right: 10px;}
.name-icon{width: auto;vertical-align: middle;}
.li-flags{column-count: 1;}
@media screen and (max-width: 820px){.znach_ico{display: block;width: 50px; height: 50px;margin: 0 auto;}.li-flags li{display: block;}}
@media screen and (min-width: 588px){.li-flags{column-count: 2;}.li-flags li{display: block;}}

.opn{position: relative;padding: 10px;border-bottom: 1px dotted #dfdfdf;margin-bottom: 10px;cursor: pointer;}
.opn strong:hover{color:#0069c2;}
.opn:last-child{border-bottom:none;margin-bottom:0;}
.opn:after{position: absolute;top:-16px;right:10px;content: "\203a";transform: rotate(90deg);font-size: 3rem;color: #0069c2;}
.opn_active:after{content: "\2039";}
.opn .opn_faq{display: none;}
.opn_active .opn_faq{display: block;padding: 15px 35px 10px;background: #fff;margin: 10px -10px -10px;} 
.opn ul{margin: 20px 0 20px 33px;}
.opn ul li{text-indent: 1.5em;letter-spacing: 1.7px;font-size: 0.9em;padding-bottom: 20px;list-style-type:"\1F44D";}
.opn ul li ::marker {color: #cc0000;}

.bb-span{color: var(--text-1);display: block;font-size: .8em;font-weight: 400;line-height: 1.2rem;text-align: center;}
.bn-span{line-height: 1;margin: 0;text-align: center;}
.bn-span-b{font-size: 4.5rem;color: var(--text-1)!important;text-transform: uppercase;z-index: 2;position: relative;}
.bg-animation {background: linear-gradient(-45deg, #fffee5, #fffeb2, #f286e2, #fffeb2, #fffeea );position: absolute;left:-55px;top:20px;background-size: 800% 800%;width: 80px;height: 80px;border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;display: block;z-index: 1;}
.wm-grid {display: grid;gap: 1rem;grid-template-areas:"t" "a" /*"w"*/ "m";padding:2rem 0;border-bottom: 1px dashed #cdcdcd;}
.w{grid-area: w;}
.m{grid-area: m;margin-bottom: 1rem;}
.t{grid-area: t;align-self: center;}
.a{grid-area: a;}
@media screen and (min-width: 600px){.wm-grid {grid-template-areas:"t a" /*"t w"*/ "t m";grid-template-columns: minmax(0,10rem) minmax(auto,100%);column-gap: 3rem;}}
.wm-grid i{letter-spacing: 2px;background-color: #fffbd8;}
li.wm-grid:last-child{border-bottom: none;}


.char-grid-num {display: grid;gap: 0;grid-template-areas:"name" "char0" "char1" "char2" "desc" "prop" "prop2";margin-top:2rem;}
.char-grid-num>.dname {grid-area: name;}
.dname>.name{font-size: 2rem;}
.char-grid-num>.num-n{grid-area: char0}
.char-grid-num>.num-type {grid-area: char1;}
.char-grid-num>.num-sym {grid-area: char2;/*margin-bottom: 2rem;*/}
.char-grid-num>.num-desc{grid-area: desc;border-top: 3px solid rgb(255, 229, 123);margin-top:1rem;}
.char-grid-num>.num-prop{grid-area: prop;}
.char-grid-num>.num-prop2{grid-area: prop2;}
.char-grid-num>.num-n,.char-grid-num>.num-type,.char-grid-num>.num-sym,.char-grid-num>.dname{max-width: 52rem;max-width: min(80vw + 4rem, var(--wdth));overflow-wrap: break-word;}
@media screen and (min-width: 769px) and (not (min-height: 44rem)){.char-grid-num>.dname{overflow: auto;}}
@media screen and (min-width: 821px){
.char-grid-num {grid-template-areas:"name char0" "name char1" "name char2" "desc desc" "prop prop2";grid-template-columns: minmax(auto,50%) minmax(auto,50%);gap: 0 3rem;margin-top:4rem;}
.char-grid-num>.dname {display: flex;flex-direction: column;align-self: center;}.dname>.name{font-size: 1.5rem;}
}
@media screen and (min-width: 1220px){.char-grid-num>.dname{gap: 0;height: calc(100vh - var(--offset));overflow: auto;}}

.cc{column-count: 1;}
@media screen and (min-width: 768px){.cc{column-count: 2;}}
.emo{margin: 0 0 3rem;min-height: 138px;}
.img_emo{width: 100px;height: 100px;}
.fs{font-size: 1.3rem;}
.bg-ob{width: fit-content;}
.bg-ob::before{position: absolute; content:"";background: var(--bg-dark2);border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;width: 45px;height:45px;z-index: 1;left:0;bottom: -3px;}
.bg-ob img{z-index: 2;position: relative;}

.bg-o{max-width: 150px;}
.bg-o span{z-index: 2;position: relative;}
.bg-o::before{position: absolute; content:"";background: var(--bg-dark2);border-radius: 50%;width: 40px;height:40px;z-index: 1;left:35%;}
.statline {align-items: center;padding: 0.5rem 1rem;margin: -1rem;z-index: 12;}
article .statline{position: sticky;bottom:0;background-color: var(--white);border-top: 1px solid var(--border-2);}
.statline svg,.statline img{padding: 5px;}
.statline .statitem{cursor: pointer;}
@media screen and (min-width: 768px){.statline{ padding: 1rem;}article .statline img{width:40px;height: 40px;}}
.login_item{padding: 5px;width: 30px;height: 30px;background: var(--black);border-radius: 50%;vertical-align: middle;}

span.btn>img:hover{border-radius: 5px;background: var(--border-2);}
.alike:before,.alike:after{content: '';position: absolute;left:50%;top:50%;}
.alike:before {animation: bubble 0.6s ease-out forwards;box-sizing: border-box;margin: -2.5rem;width: 4.5rem;height: 4.5rem;transform: scale(0);border-radius: 50%;}
.alike:after{margin: -0.1875rem;width: 0.375rem;height: 0.375rem;box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
animation: sparkles 0.6s ease-out forwards;}
@keyframes bubble {15% {transform: scale(1);border-color: #cc8ef5;border-width: 2.25rem;}
30%, 100% {transform: scale(1);border-color: #cc8ef5;border-width: 0;}}
@keyframes sparkles {0%, 20% {opacity: 0;}25% {opacity: 1;box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;}}
@keyframes heartbeat2 {
  0%, 100% { transform: scale(1);}
  30% { transform: scale(1.8);}
  60% { transform: scale(1.2);}
  80% { transform: scale(2.2);}
}
@keyframes heartbeat {
  0%, 100% {fill: none; stroke:#000;}
  30% {fill: #ffd0fb; stroke:#ffd0fb;}
  60% {fill: #f371c8; stroke:#f371c8;}
  80% {fill: #e91e63; stroke:#e91e63;}
}
@keyframes lke {
  0%{fill: #e91e63; stroke:#e91e63;}
  50% {fill: #f371c8; stroke:#cc5ea7;}
  100% {fill: none; stroke:#000;}
}

@keyframes logo-fill-animation--start-with-pink {
  0%    {fill: #e91e63; stroke:#e91e63;}
  12.5% {fill: #e91e62d7; stroke:#e91e63;}
  25%   {fill: #e91e62b0; stroke:#e91e63;}
  37.5% {fill: #e91e6281; stroke:#e91e63;}
  50%   {fill: #e91e6257; stroke:#e91e63;}
  62.5% {fill: #e91e623f; stroke:#e91e63;}
  75%   {fill: #e91e621c; stroke:#e91e63;}
  87.5% {fill: #e91e6205; stroke:#e91e63;}
  100%  {fill: none; stroke:#000;}
}
.heart {animation: heartbeat 800ms ease-in-out 5000ms 1, heartbeat 800ms ease-in-out 30000ms 1;}
.heart2 {animation: heartbeat2 800ms ease-in-out 5000ms 1, heartbeat2 800ms ease-in-out 30000ms 1;}
.alike .heart{
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 5s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-play-state: running;
  animation-timing-function: linear;
  fill: white;
animation-name: logo-fill-animation--start-with-pink;}

/*.form-styling{height: auto;overflow: hidden;max-width: 500px;line-height: 1;}
.form-styling .oh_ttl{font-size: 2rem;line-height: 120%;font-weight: 200;margin: 0 0 2rem;letter-spacing: -.5px;}
.form-styling p{margin: 1rem 0 2rem;}
.form-styling .iso_s{left:3px;top:15px;width: 20px;height: 20px;}
.input-sformbig{background-color: var(--white);border: 1px solid var(--border-1);caret-color: var(--accent);color: var(--text-1);height: var(--felem-height);padding: 0 60px 0 1.5rem;margin:0.5rem auto;}
.input-sformbig:focus-visible{outline:unset;}
.button{cursor:pointer;background-color: var(--accent);color:#fff;font-weight: 600; padding: 0.5rem;white-space: nowrap;right: 0;}
.button:hover{background-color: #90001e;}
.s-btn{max-width: 60px;}
.rel-btn{max-width: 150px;}

.form-styling input::placeholder {opacity: 0.5;}
.fixed_search {position: fixed;top:0;z-index: 99999;right:5.5rem;left: 5rem;transition: transform 1s;}
@media screen and (min-width: 768px){.fixed_search {top: 0;right: calc(100% / 2 - 135px);left: calc(100% / 2 - 120px);}

.input-sformbig{margin:0.5rem 1rem;}
.form-styling .iso_s{left:20px;}
.form-styling p{margin: 1rem 0 4rem;}
.input-sformbig{min-width: 5rem;padding: 0 2rem;}
.fixed_search {right: calc(100% / 2 - 250px);left: calc(100% / 2 - 250px);}
}*/


.form-styling{max-width: 768px;}
.oh_ttl{font-size: 1.5rem;margin:1rem auto;line-height: 1;max-width: 450px;}
.input-sformbig{background-color: var(--white);border: 1px solid var(--border-1);caret-color: var(--accent);color: var(--text-1);height: var(--felem-height);padding: 0 60px 0 1.5rem;margin:0.5rem auto;}
.input-sformbig:focus-visible{outline:unset;}
.button{background-color: var(--accent);color:var(--white);font-weight: 600; padding: 0.5rem;white-space: nowrap;}
.button:hover{background-color: #90001e;}
.button-sform-go{background-color: var(--accent);color:#fff;font-weight: 600; padding: 0.5rem 1rem!important;margin: 0 auto;max-width: 200px;text-align: center;white-space: nowrap;}

.form-styling input::placeholder {opacity: 0.5;}
.fixed_search {position: fixed;top:0;z-index: 99999;right:5.5rem;left: 5rem;transition: transform 1s;}
.fixed_search .iso_s{right: 10px;top:5px;width: 20px;height: 20px;}
@media screen and (min-width: 768px){
.fixed_search {top: 0;right: calc(100% / 2 - 135px);left: calc(100% / 2 - 120px);}
.input-sformbig{padding: 0 0.5rem;}
.fixed_search {right: calc(100% / 2 - 250px);left: calc(100% / 2 - 250px);}
.fixed_search .iso_s{right: 10px;}
}
.search-inp{padding: 0 2rem 0 1rem;color: #5b5b5b;font-size: 0.8rem;line-height: 1.75rem;}
.frm-active{height: 100vh;right:unset;left:unset;transition: transform 1s;width: 100%;background:var(--white);padding: 2rem;}
.close-icon{top: -25px;right:-25px;width: 30px;height:30px;}
@media screen and (min-width: 768px){
.frm-active{height: unset;box-shadow: 0px 2px 8px 4px #cbcbcb;}
}
.pop-n{font-size: 0.8em;margin: 0;padding-left: 0.5rem;}
.pop-n li a {padding: 0.2rem 0.5rem;background-color: var(--bg-dark);border-radius: 7px;color: var(--text-1);}
.rel .similar{margin-bottom: 1rem;}
.similar h2{margin-top:0;}
.similar a{-webkit-transition: .2s;transition: .2s;text-decoration: none;line-height: 1.1;padding: 1rem 0;border-bottom:1px solid #eee;color:#333;}
.rel .similar a{border: none;padding: 0.5rem;margin: 0;}
.similar a:first-child{padding-top:0;}
.similar .grd_s{display: grid;gap:0.5rem;}
.similar .img_cover{width:75px;min-width: 75px;height:110px;z-index: 1;border-radius: 10px;margin: 0;background-size: cover;background-repeat: no-repeat;background-position-x: center;background-position-y: center;}
.similar .bgt {margin:0;font-size: 0.92rem;line-height: 1.1rem;font-weight: 600;}
.similar .desc{color: #687091;font-size: 0.8em;}
.similar .statline{margin: 0;padding: 0.5rem 0 0;font-size: 0.8rem;}
@media screen and (min-width: 1024px){
.rel .similar .bgt{font-size: 0.95rem;line-height: 1.1rem;}
.similar .bgt{font-size: 1.3rem;line-height: 1.3rem;}
.similar .img_min{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.similar .img_cover{-webkit-filter: brightness(75%); }
.similar .bgt:hover{text-decoration: underline;}
.similar a:hover .img_min{-webkit-filter: brightness(100%);transform: scale(1.2);}
}
.similar .statline svg{padding: 0;}
.rel .similar .statview{display: none;}
.rel .similar .statview{display: none;}
.clamp-ellipsis-2 {-webkit-line-clamp: 2;}
.clamp-ellipsis-3 {-webkit-line-clamp: 3;}
.clamp-ellipsis {overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-box-orient: vertical;box-orient: vertical;}