/* We suppose that the user can set their font size to any arbitrary value within sensible ranges, i.e. small enough for a few words to fit on a single line.
To do so, we can use pixels for horizontal dimensions and rem for vertical ones.
When the vertical dimensions need to match the horizontal dimensions, we can use px for vertical dimensions too.
*/
._horizontal-container {
  padding-left: 0;
  padding-right: 0;
  width: 80%;
  margin: auto;
}
._horizontal-container.-sm {
  width: 40%;
}
._padding.-padding-hori-mobile {
  padding-left: 0;
  padding-right: 0;
}
._rtxt.-txtl {
  font-size: 25px;
}
._vertical-container {
  gap: 32px;
  padding-bottom: 32px;
  padding-top: 32px;
}
._vertical-container.-sm {
  gap: 16px;
  padding-bottom: 16px;
  padding-top: 16px;
}
._vertical-container.-l {
  gap: 40px;
}
._wrapper {
  margin: auto;
  max-width: 90rem;
  width: 85%;
}
._wrapper.-s {
  max-width: 75rem;
}
._wrapper.-xs {
  max-width: 65rem;
}
._wrappers {
  width: 50%;
}
.glide.-arrows > .controls .button.-right {
  transform: translateX(-100%);
}
.glide > .glide__bullets {
  gap: 42px;
}
.glide > .glide__bullets > .glide__bullet {
  width: 236px;
  height: 92px;
}
.site-maps-and-mods-tests > .content {
  background: url("headcrab-transparent.svg") no-repeat top 180px left 160px / 140px 126px, url("marine-transparent.svg") no-repeat top 64px right 46px / 186px 266px;
}
.site-maps-and-mods-tests > .content > .list {
  width: 100%;
  flex-wrap: nowrap;
}
.site-maps-and-mods-tests > .content > .list > .item {
  flex: 0 0 25%;
}
.site-section-beginners-short > ._wrapper > .links {
  flex-direction: row;
}
.site-section-beginners > ._wrapper {
  gap: 2%;
}
.site-section-beginners > ._wrapper > .left, .site-section-beginners > ._wrapper > .right {
  flex-basis: 48%;
}
.site-social-networks > .content {
  font-size: 1.5rem;
}
.std-markdown-container img + em {
  max-width: 50%;
}
.std-markdown-container .side-note img {
  max-width: 50%;
}
.social-networks-container > ._horizontal-container > .text {
  font-size: 1.5rem;
}
.std-article > .columns {
  display: grid;
  grid-template-columns: 24px 1fr 16px 256px 24px;
}
.std-article > .columns > .nav {
  grid-row: 1;
  grid-column: 4;
}
.std-article > .columns > .nav > .article-nav {
  position: sticky;
  top: 18px;
}
.std-article > .columns > .content {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row: 1;
  display: grid;
  grid-template-columns: subgrid;
}
.std-article > .columns > .content > .section {
  display: grid;
  grid-template-columns: subgrid;
  grid-column-start: 1;
  grid-column-end: 6;
}
.std-article > .columns > .content > .section > .sectioncontent {
  grid-column: 2;
  padding-left: 12px;
  padding-right: 12px;
}
.std-inline-list {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.std-inline-list.-dotsep .item:not(:first-child) {
  padding-left: 16px;
  list-style-type: "-";
}
.std-metadata {
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 32px;
}
.std-review > .relatedlinks > .std-button {
  border-radius: 12px;
}
.std-review > .relatedlinks > .list > .std-button, .std-review > .relatedlinks > .std-button {
  font-size: 1em;
}
.std-review > .relatedlinks > .list > .std-button {
  border-radius: 12px;
}
.std-review > .relatedlinks > .list > .link {
  font-size: 1em;
}
.std-review > .relatedlinks > .list:hover, .std-review > .relatedlinks > .list:focus-within {
  border-radius: 0 0 12px 12px;
}
.std-review > .relatedlinks > .list:hover > .std-button, .std-review > .relatedlinks > .list:focus-within > .std-button {
  border-radius: 12px 12px 0 0;
}
.tag-list {
  gap: 40px;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: start;
}
.tag-list.-sm {
  gap: 12px;
}
.article-advice {
  padding-left: 157px;
  background-image: url("mapping-fusion-advice.svg");
  background-position: center left 16px;
  background-size: 125px 106px;
  background-repeat: no-repeat;
}
.article-mosaic > .article-mosaic-image {
  max-width: 316px;
}
.article-nav {
  flex: 0 0 16%;
  background: none;
}
.article-nav > .frame {
  background-color: #0a3f5c;
  flex: 0 0 auto;
}
.article-nav > .frame.-articlenav {
  display: unset;
  color: #72c5f0;
  text-align: right;
}
.article-nav > .frame.-articlenav > .list > .item {
  border-right: 8px solid;
  padding-left: 0;
}
.article-nav > .frame.-articlenav > .list > .item.-active {
  color: #ffffff;
  font-weight: 700;
}
.article-nav > .frame > .list {
  flex-direction: column;
}
.article-nav > .frame > .list > .item > .list > .std-button {
  font-weight: 600;
}