.gradientBase {
  background: linear-gradient(10deg, #050723, #253357);
}
.gradientleft {
  background: transparent linear-gradient(180deg, #171E8B 0%, #0C0F4600 100%) 0% 0% no-repeat padding-box;
}
.clip-path {
  clip-path: polygon(0 10vh, 100vh 0, 100vh 100%, 0 100%);
}
@media (orientation: landscape) {
  .clip-path {
    clip-path: polygon(0 10vh, 100vw 0, 100vw 100%, 0 100%);
  }
}
.flex-center-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flex-row-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.border {
  border: 1px solid #F2F3F6;
}
.border-t {
  border-top: 1px solid #F2F3F6;
}
.border-r {
  border-right: 1px solid #F2F3F6;
}
.border-b {
  border-bottom: 1px solid #F2F3F6;
}
.border-l {
  border-left: 1px solid #F2F3F6;
}
.pseudoFill {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
[container] {
  transition: 0.5s ease;
  display: flex;
  position: relative;
  margin: 0 auto;
}
[container] .tool {
  min-width: 40px;
  white-space: nowrap;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
[container] .tool select {
  margin: 0 10px 0 5px;
  padding: 0 10px;
  width: 40px;
  background-color: rgba(255, 255, 255, 0.25);
}
[container] section[noSidePaddding] {
  padding-left: 0;
  padding-right: 0;
}
[container] section[noSidePaddding] .content {
  padding-left: 0;
  padding-right: 0;
}
[container] section[noSidePaddding] .content .cell {
  padding-left: 0;
  padding-right: 0;
}
[container][wrap="true"] {
  flex-wrap: wrap;
}
[container][padding="none"] {
  padding: 0px;
}
[container][padding="xsmall"] {
  padding: 5px;
}
[container][padding="small"] {
  padding: 10px;
}
[container][padding="medium"] {
  padding: 15px;
}
[container][padding="large"] {
  padding: 30px;
}
[container][padding="large-0"] {
  padding: 0 30px;
}
[container][padding="0-large"] {
  padding: 30px 0;
}
[container][padding="xlarge"] {
  padding: 60px;
}
[container][padding="xxlarge"] {
  padding: 90px;
}
[container][cell-padding="none"] > [block] {
  padding: 0px;
}
[container][cell-padding="xsmall"] > [block] {
  padding: 5px;
}
[container][cell-padding="large"] > [block] {
  padding: 30px;
}
[container][cell-padding="small"] > [block] {
  padding: 10px;
}
[container][cell-padding="medium"] > [block] {
  padding: 15px;
}
[container][cell-padding="xlarge"] > [block] {
  padding: 60px;
}
[container][cell-padding="xxlarge"] > [block] {
  padding: 90px;
}
[container][margin="none"] {
  margin: 0px;
}
[container][margin="xsmall"] {
  margin: 5px;
}
[container][margin="small"] {
  margin: 10px;
}
[container][margin="medium"] {
  margin: 15px;
}
[container][margin="large"] {
  margin: 30px;
}
[container][margin="xlarge"] {
  margin: 60px;
}
[container][margin="xxlarge"] {
  margin: 90px;
}
[container][block-width] > [block] {
  width: initial;
  width: unset;
  width: auto;
}
[container][block-width="1"] > [block] {
  width: 100%;
}
[container][block-width="12"] > [block] {
  width: 50%;
}
[container][block-width="13"] > [block] {
  width: 33.33%;
}
[container][block-width="23"] > [block] {
  width: 66.66%;
}
[container][block-width="14"] > [block] {
  width: 25%;
}
[container][block-width="24"] > [block] {
  width: 50%;
}
[container][block-width="34"] > [block] {
  width: 75%;
}
[container][block-width="15"] > [block] {
  width: 20%;
}
[container][block-width="25"] > [block] {
  width: 40%;
}
[container][block-width="35"] > [block] {
  width: 60%;
}
[container][block-width="45"] > [block] {
  width: 80%;
}
[container][block-width="stretch"] > [block] {
  flex: 1;
}
[container][block-height="1"] > [block] {
  height: 100%;
}
[container][block-height="12"] > [block] {
  height: 50%;
}
[container][block-height="13"] > [block] {
  height: 33.33%;
}
[container][block-height="14"] > [block] {
  height: 25%;
}
[container][block-height="15"] > [block] {
  height: 20%;
}
[container][block-height="stretch"] > [block] {
  flex: 1;
}
[container][width] {
  width: initial;
  width: unset;
  width: auto;
}
[container][width="1"] {
  width: 100%;
}
[container][width="12"] {
  width: 50%;
}
[container][width="13"] {
  width: 33.33%;
}
[container][width="23"] {
  width: 66.66%;
}
[container][width="14"] {
  width: 25%;
}
[container][width="24"] {
  width: 50%;
}
[container][width="34"] {
  width: 75%;
}
[container][width="15"] {
  width: 20%;
}
[container][width="25"] {
  width: 40%;
}
[container][width="35"] {
  width: 60%;
}
[container][width="45"] {
  width: 80%;
}
[container][type="tiles"],
[container][type="template"] {
  flex-wrap: wrap;
}
[container][type="horizontal"],
[container][type="tiles"],
[container][type="template"] {
  flex-direction: row;
  display: flex;
}
[container][type="horizontal"][align="left"],
[container][type="tiles"][align="left"],
[container][type="template"][align="left"] {
  justify-content: flex-start;
}
[container][type="horizontal"][align="center"],
[container][type="tiles"][align="center"],
[container][type="template"][align="center"] {
  justify-content: center !important;
}
[container][type="horizontal"][align="right"],
[container][type="tiles"][align="right"],
[container][type="template"][align="right"] {
  justify-content: flex-end;
}
[container][type="horizontal"][align="space"],
[container][type="tiles"][align="space"],
[container][type="template"][align="space"] {
  justify-content: space-between;
}
[container][type="horizontal"][valign="top"],
[container][type="tiles"][valign="top"],
[container][type="template"][valign="top"] {
  align-items: flex-start;
}
[container][type="horizontal"][valign="center"],
[container][type="tiles"][valign="center"],
[container][type="template"][valign="center"] {
  align-items: center;
}
[container][type="horizontal"][valign="bottom"],
[container][type="tiles"][valign="bottom"],
[container][type="template"][valign="bottom"] {
  align-items: flex-end;
}
[container][type="horizontal"][valign="stretch"],
[container][type="tiles"][valign="stretch"],
[container][type="template"][valign="stretch"] {
  align-items: stretch;
}
[container][type="vertical"] {
  flex-direction: column;
}
[container][type="vertical"][align="left"] {
  align-items: flex-start;
}
[container][type="vertical"][align="center"] {
  align-items: center;
}
[container][type="vertical"][align="right"] {
  align-items: flex-end;
}
[container][type="vertical"][valign="top"] {
  justify-content: flex-start;
}
[container][type="vertical"][valign="center"] {
  justify-content: center;
}
[container][type="vertical"][valign="bottom"] {
  justify-content: flex-end;
}
[block][align="left"] {
  text-align: left;
}
[block][align="right"] {
  text-align: right;
}
[block][align="center"] {
  text-align: center;
}
[block][align="justify"] {
  text-align: justify;
}
[block][width="1"] {
  width: 100%;
}
[block][width="09"] {
  width: 00%;
}
[block][width="08"] {
  width: 80%;
}
[block][width="07"] {
  width: 70%;
}
[block][width="06"] {
  width: 60%;
}
[block][width="05"] {
  width: 50%;
}
[block][width="04"] {
  width: 40%;
}
[block][width="03"] {
  width: 30%;
}
[block][width="02"] {
  width: 20%;
}
[block][width="01"] {
  width: 10%;
}
[block][width="0"] {
  width: 0%;
}
[block][width="12"] {
  width: 50%;
}
@media (max-width: 1000px) {
  [block][width="12"] {
    width: 100%;
  }
}
[block][width="13"] {
  width: 33.33%;
}
@media (max-width: 1000px) {
  [block][width="13"] {
    width: 100%;
  }
}
[block][width="23"] {
  width: 66.66%;
}
@media (max-width: 1000px) {
  [block][width="23"] {
    width: 100%;
  }
}
[block][width="14"] {
  width: 25%;
}
[block][width="24"] {
  width: 50%;
}
[block][width="34"] {
  width: 75%;
}
[block][width="15"] {
  width: 100%;
}
@media (min-width: 768px) {
  [block][width="15"] {
    width: 20%;
  }
}
[block][width="25"] {
  width: 40%;
}
[block][width="35"] {
  width: 60%;
}
[block][width="45"] {
  width: 100%;
}
@media (min-width: 768px) {
  [block][width="45"] {
    width: 80%;
  }
}
[block][width="16"] {
  width: 16.666%;
}
[block][width="17"] {
  width: 14.285%;
}
[block][width="18"] {
  width: 12.5%;
}
* {
  box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}
.ie8 body,
.ie8 body > .row > .content {
  min-width: 1140px;
}
* {
  background-repeat: no-repeat;
}
.only-print {
  display: none;
}
/******************************************************************************/
/******** sitelab:module; ***************************************************/
/***************************************************************************/
sitelab\:module {
  display: block;
  min-height: 40px;
}
sitelab\:module[data-class="dictionary"] {
  display: inline;
}
.row.mobile {
  overflow: visible;
}
/******************************************************************
//-- SPOLOCNE VLASTNOSTI
********************************************************************/
/* FLOAT NONE, LEFT, RIGHT */
.f-n {
  float: none;
  clear: both;
}
.f-l {
  float: left;
}
.f-r {
  float: right;
}
/* margin */
.m-na {
  margin: 0 !important;
}
.m-sm {
  margin: 5px !important;
}
.m-md {
  margin: 15px !important;
}
.m-lg {
  margin: 30px !important;
}
.m-xl {
  margin: 60px !important;
}
.m-xxl {
  margin: 100px !important;
}
.mt-na {
  margin-top: 0 !important;
}
.mt-sm {
  margin-top: 5px !important;
}
.mt-md {
  margin-top: 15px !important;
}
.mt-lg {
  margin-top: 30px !important;
}
.mt-xl {
  margin-top: 60px !important;
}
.mt-xxl {
  margin-top: 100px !important;
}
.mb-na {
  margin-bottom: 0 !important;
}
.mb-sm {
  margin-bottom: 5px !important;
}
.mb-md {
  margin-bottom: 15px !important;
}
.mb-lg {
  margin-bottom: 30px !important;
}
.mb-xl {
  margin-bottom: 60px !important;
}
.mb-xxl {
  margin-bottom: 100px !important;
}
.ml-na {
  margin-left: 0 !important;
}
.ml-sm {
  margin-left: 5px !important;
}
.ml-md {
  margin-left: 15px !important;
}
.ml-lg {
  margin-left: 30px !important;
}
.ml-xl {
  margin-left: 60px !important;
}
.ml-xxl {
  margin-left: 100px !important;
}
.mr-na {
  margin-right: 0 !important;
}
.mr-sm {
  margin-right: 5px !important;
}
.mr-md {
  margin-right: 15px !important;
}
.mr-lg {
  margin-right: 30px !important;
}
.mr-xl {
  margin-right: 60px !important;
}
.mr-xxl {
  margin-right: 100px !important;
}
/* padding */
.p-na {
  padding: 0 !important;
}
.p-sm {
  padding: 5px !important;
}
.p-md {
  padding: 15px !important;
}
.p-lg {
  padding: 30px !important;
}
.p-xl {
  padding: 60px !important;
}
.p-xxl {
  padding: 100px !important;
}
.pt-na {
  padding-top: 0 !important;
}
.pt-sm {
  padding-top: 5px !important;
}
.pt-md {
  padding-top: 15px !important;
}
.pt-lg {
  padding-top: 30px !important;
}
.pt-xl {
  padding-top: 60px !important;
}
.pt-xxl {
  padding-top: 100px !important;
}
.pb-na {
  padding-bottom: 0 !important;
}
.pb-sm {
  padding-bottom: 5px !important;
}
.pb-md {
  padding-bottom: 15px !important;
}
.pb-lg {
  padding-bottom: 30px !important;
}
.pb-xl {
  padding-bottom: 60px !important;
}
.pb-xxl {
  padding-bottom: 100px !important;
}
.pl-na {
  padding-left: 0 !important;
}
.pl-sm {
  padding-left: 5px !important;
}
.pl-md {
  padding-left: 15px !important;
}
.pl-lg {
  padding-left: 30px !important;
}
.pl-xl {
  padding-left: 60px !important;
}
.pl-xxl {
  padding-left: 100px !important;
}
.pr-na {
  padding-right: 0 !important;
}
.pr-sm {
  padding-right: 5px !important;
}
.pr-md {
  padding-right: 15px !important;
}
.pr-lg {
  padding-right: 30px !important;
}
.pr-xl {
  padding-right: 50px !important;
}
.pr-xxl {
  padding-right: 100px !important;
}
/**********  zarovnanie textu   ******************/
.t-left {
  text-align: left;
}
.t-right {
  text-align: right;
}
.t-center {
  text-align: center;
}
.t-justify {
  text-align: justify;
}
/**********  vertikalne zarovnanie  ******************/
.va-t {
  vertical-align: top;
}
.va-m {
  vertical-align: middle;
}
.va-b {
  vertical-align: bottom;
}
/********************* sirka ************************/
.w-1x {
  width: 1em;
}
.w-2x {
  width: 2em;
}
.w-3x {
  width: 3em;
}
.w-xxs {
  width: 60px;
}
.w-xs {
  width: 90px;
}
.w-sm {
  width: 160px;
}
.w {
  width: 200px;
}
.w-md {
  width: 240px;
}
.w-lg {
  width: 280px;
}
.w-xl {
  width: 320px;
}
.w-xxl {
  width: 360px;
}
.w-full {
  width: 100%;
}
.w-half {
  width: 50%;
}
.w-45 {
  width: 45%;
}
.w-third {
  width: 33.33%;
}
.w-quarter {
  width: 25%;
}
.w-auto {
  width: auto;
}
.w-auto-i {
  width: auto !important;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
/******************* pozicia *************************/
.pos-f {
  position: fixed;
}
.pos-a {
  position: absolute;
}
.pos-r {
  position: relative;
}
.pos-tl-zero {
  top: 0;
  left: 0;
}
.pos-tr-zero {
  top: 0;
  right: 0;
}
/******************* display *************************/
.d-t {
  display: table;
  height: 100%;
  width: 100%;
}
.d-tc {
  display: table-cell;
}
.d-tr {
  display: table-row;
}
.d-b {
  display: block;
}
.d-ib {
  display: inline-block;
}
.d-n {
  display: none;
}
.d-i {
  display: inline;
}
.d-f {
  display: inline;
}
/******************* tien *************************/
.shadow {
  -webkit-box-shadow: 7px 10px 17px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 7px 10px 17px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 7px 10px 17px 0px rgba(0, 0, 0, 0.35);
}
/*------------------*/
.ui-sortable-helper {
  transition: none;
}
.clear {
  clear: both;
}
/*-------------- spacer ----------------*/
.spacer {
  width: 100%;
}
.spacer.sm {
  height: 5px;
}
.spacer.md {
  height: 15px;
}
.spacer.lg {
  height: 30px;
}
.spacer.xl {
  height: 50px;
}
.spacer.xxl {
  height: 100px;
}
/*-------------- iframe ----------------*/
iframe {
  border: 0;
}
.block iframe {
  width: 100%;
}
/*-------------- obrazky ---------------*/
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
/* ----- fonts ------- */
.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
/* columns */
.cc-2 {
  column-count: 2;
}
@media (max-width: 767px) {
  .cc-2 {
    column-count: 1;
  }
}
html {
  width: 100%;
  height: 100%;
}
html.noscroll {
  overflow: hidden !important;
  pointer-events: none !important;
}
body,
[form] textarea,
[form] input,
[form] select,
.ui-widget {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  font-weight: 300;
  font-size: 16.6px;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  line-height: 1.2;
  color: #333333;
}
@media (max-height:800px) {
  body,
  [form] textarea,
  [form] input,
  [form] select,
  .ui-widget {
    font-size: 18px;
  }
}
@media (min-width: 980px) and (min-height: 900px) {
  body,
  [form] textarea,
  [form] input,
  [form] select,
  .ui-widget {
    font-size: 24px;
  }
}
body[component="application"] {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: #fff5eb;
}
@media (min-width: 1025px) {
  body[component="application"] {
    cursor: none;
  }
}
body[component="application"].noscroll {
  overflow: hidden !important;
  pointer-events: none !important;
}
body[component="application"] [component="page"] {
  width: 100%;
  height: 100%;
}
@media (min-height:571px) and (min-width: 769px) {
  body[component="application"] [component="page"] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
body[component="application"] [component="page"] #PageWrapper {
  overflow: hidden;
}
[component="application"],
[component="page"],
[component="Scroller"],
[component="Slider"],
[component="Slider"] .dragger,
[container="wrap"],
[template="main"],
[template="main"] .scroller,
[component="SliderSubmenu"] .scroller,
[component="EnchantedGallery"] .photo,
[block="map"] .map {
  /*FireFox*/
  scrollbar-width: none;
  /*IE10+*/
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /*Chrome, Safari, Edge*/
}
[component="application"]::-webkit-scrollbar,
[component="page"]::-webkit-scrollbar,
[component="Scroller"]::-webkit-scrollbar,
[component="Slider"]::-webkit-scrollbar,
[component="Slider"] .dragger::-webkit-scrollbar,
[container="wrap"]::-webkit-scrollbar,
[template="main"]::-webkit-scrollbar,
[template="main"] .scroller::-webkit-scrollbar,
[component="SliderSubmenu"] .scroller::-webkit-scrollbar,
[component="EnchantedGallery"] .photo::-webkit-scrollbar,
[block="map"] .map::-webkit-scrollbar {
  /*Chrome, Safari, Edge*/
  display: none;
}
@media (orientation: landscape) {
  .mobil,
  .button.mobil {
    display: none;
  }
}
@media (orientation: portrait) {
  .desktop,
  .button.desktop {
    display: none;
  }
}
#video.background {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100.1vw;
  min-height: 100.1%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  z-index: -1;
}
.grecaptcha-badge {
  visibility: hidden;
}
/* square mixin */
.square112 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  aspect-ratio: 1;
  background-size: 112px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square112 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  aspect-ratio: 1;
  background-size: 112px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.pseudoFill {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.floatY {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.floatX {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
}
.floatCenter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fillParent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.fillScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}
.app > .loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  transition: 0.5s;
  transition-delay: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.app > .loader:after {
  width: 40px !important;
  height: 40px !important;
  border-width: 2px;
  margin: -20px 0 0 -20px;
  top: 50%;
  left: 50%;
  border-color: #fff5eb #fff5eb #333333 #333333;
  box-shadow: 0 0 20px 0px inset #ffffff, 0 0 400px 230px #ffffff;
}
.app > .loader[load] {
  pointer-events: all !important;
  opacity: 1;
  transition-delay: 0s;
}
[load] {
  position: relative;
  transition: 0.3s;
  opacity: 0.5;
  pointer-events: none !important;
}
[load]:after {
  content: '';
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 245, 235, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5);
  animation: load 1s linear infinite;
  display: inline-block;
  position: absolute;
  z-index: 9999;
}
@keyframes load {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
[load].strong:after {
  border-color: rgba(255, 245, 235, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9);
}
[load].bold:after {
  border-width: 3px;
}
[load].quick:after {
  animation-duration: 0.5s;
}
[load].center:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-left: 0 !important;
}
[load].bigger:after {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
[load].big:after {
  width: 30px;
  height: 30px;
  margin-left: 30px;
}
[load]:after {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  border-width: 1px;
  top: 50%;
  left: 0;
}
.loader {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader.small {
  width: 20px;
  height: 20px;
}
.loader.small:after {
  margin: 0;
}
.loader[load] {
  opacity: 1;
}
.loader[load]:after {
  width: 20px;
  height: 20px;
}
.button.icon[load] {
  opacity: 1;
}
.button.icon[load]:after {
  width: 30px;
  height: 30px;
  border-width: 2px;
  margin-left: -17px;
  left: 50%;
  font-size: 0px;
}
.button.smaller[load] {
  opacity: 1;
  background: transparent !important;
  border-color: #fff5eb !important;
}
.button.smaller[load] i {
  opacity: 0;
}
.button.smaller[load]:after {
  width: 17px;
  height: 17px;
  border-width: 2px;
  left: -2px;
  border-color: #fff5eb #fff5eb #333333 #333333;
}
.button.smaller.icon[load]:after {
  width: 17px;
  height: 17px;
  border-width: 2px;
  left: 18px;
}
[big-load] {
  opacity: 1;
  transition: 0.3s;
  opacity: 0.5;
  pointer-events: none !important;
}
[big-load]:after {
  content: '';
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 245, 235, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5);
  animation: load 1s linear infinite;
  display: inline-block;
  position: absolute;
  z-index: 9999;
}
@keyframes load {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
[big-load].strong:after {
  border-color: rgba(255, 245, 235, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9);
}
[big-load].bold:after {
  border-width: 3px;
}
[big-load].quick:after {
  animation-duration: 0.5s;
}
[big-load].center:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-left: 0 !important;
}
[big-load].bigger:after {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
[big-load].big:after {
  width: 30px;
  height: 30px;
  margin-left: 30px;
}
[big-load]:after {
  width: 40px;
  height: 40px;
  border-width: 2px;
  margin: -20px 0 0 -20px;
  top: 50%;
  left: 50%;
  border-color: #fff5eb #333333 #333333;
  box-shadow: 0 0 20px 0px inset rgba(0, 0, 0, 0.5), 0 0 100px 30px rgba(0, 0, 0, 0.5);
}
.flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
[flex="r"],
.flexR {
  display: flex;
  flex-direction: row;
}
[flex="r"].reverse,
.flexR.reverse {
  flex-direction: row-reverse;
}
[flex="rs"],
.flexRs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
[flex="rs"].reverse,
.flexRs.reverse {
  flex-direction: row-reverse;
}
[flex="rs"].reverse,
.flexRs.reverse {
  flex-direction: row-reverse;
}
[flex="rst"],
.flexRst {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
[flex="rst"].reverse,
.flexRst.reverse {
  flex-direction: row-reverse;
}
[flex="rst"].reverse,
.flexRst.reverse {
  flex-direction: row-reverse;
}
[flex="rsc"],
.flexRsc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
[flex="rsc"].reverse,
.flexRsc.reverse {
  flex-direction: row-reverse;
}
[flex="rsc"].reverse,
.flexRsc.reverse {
  flex-direction: row-reverse;
}
[flex="rsb"],
.flexRsb {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
[flex="rsb"].reverse,
.flexRsb.reverse {
  flex-direction: row-reverse;
}
[flex="rsb"].reverse,
.flexRsb.reverse {
  flex-direction: row-reverse;
}
[flex="rl"],
.flexRl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
[flex="rl"].reverse,
.flexRl.reverse {
  flex-direction: row-reverse;
}
[flex="rl"].reverse,
.flexRl.reverse {
  flex-direction: row-reverse;
}
[flex="rl"].reverse,
.flexRl.reverse {
  justify-content: flex-end;
}
[flex="rlt"],
.flexRlt {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
[flex="rlt"].reverse,
.flexRlt.reverse {
  flex-direction: row-reverse;
}
[flex="rlt"].reverse,
.flexRlt.reverse {
  flex-direction: row-reverse;
}
[flex="rlt"].reverse,
.flexRlt.reverse {
  justify-content: flex-end;
}
[flex="rlc"],
.flexRlc {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
[flex="rlc"].reverse,
.flexRlc.reverse {
  flex-direction: row-reverse;
}
[flex="rlc"].reverse,
.flexRlc.reverse {
  flex-direction: row-reverse;
}
[flex="rlc"].reverse,
.flexRlc.reverse {
  justify-content: flex-end;
}
[flex="rlb"],
.flexRlb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
[flex="rlb"].reverse,
.flexRlb.reverse {
  flex-direction: row-reverse;
}
[flex="rlb"].reverse,
.flexRlb.reverse {
  flex-direction: row-reverse;
}
[flex="rlb"].reverse,
.flexRlb.reverse {
  justify-content: flex-end;
}
[flex="rc"],
.flexRc {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
[flex="rc"].reverse,
.flexRc.reverse {
  flex-direction: row-reverse;
}
[flex="rc"].reverse,
.flexRc.reverse {
  flex-direction: row-reverse;
}
[flex="rct"],
.flexRct {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
[flex="rct"].reverse,
.flexRct.reverse {
  flex-direction: row-reverse;
}
[flex="rct"].reverse,
.flexRct.reverse {
  flex-direction: row-reverse;
}
[flex="rcc"],
.flexRcc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[flex="rcc"].reverse,
.flexRcc.reverse {
  flex-direction: row-reverse;
}
[flex="rcc"].reverse,
.flexRcc.reverse {
  flex-direction: row-reverse;
}
[flex="rcb"],
.flexRcb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
[flex="rcb"].reverse,
.flexRcb.reverse {
  flex-direction: row-reverse;
}
[flex="rcb"].reverse,
.flexRcb.reverse {
  flex-direction: row-reverse;
}
[flex="rr"],
.flexRr {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
[flex="rr"].reverse,
.flexRr.reverse {
  flex-direction: row-reverse;
}
[flex="rr"].reverse,
.flexRr.reverse {
  flex-direction: row-reverse;
}
[flex="rr"].reverse,
.flexRr.reverse {
  justify-content: flex-start;
}
[flex="rrt"],
.flexRrt {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}
[flex="rrt"].reverse,
.flexRrt.reverse {
  flex-direction: row-reverse;
}
[flex="rrt"].reverse,
.flexRrt.reverse {
  flex-direction: row-reverse;
}
[flex="rrt"].reverse,
.flexRrt.reverse {
  justify-content: flex-start;
}
[flex="rrc"],
.flexRrc {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
[flex="rrc"].reverse,
.flexRrc.reverse {
  flex-direction: row-reverse;
}
[flex="rrc"].reverse,
.flexRrc.reverse {
  flex-direction: row-reverse;
}
[flex="rrc"].reverse,
.flexRrc.reverse {
  justify-content: flex-start;
}
[flex="rrb"],
.flexRrb {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
}
[flex="rrb"].reverse,
.flexRrb.reverse {
  flex-direction: row-reverse;
}
[flex="rrb"].reverse,
.flexRrb.reverse {
  flex-direction: row-reverse;
}
[flex="rrb"].reverse,
.flexRrb.reverse {
  justify-content: flex-start;
}
[flex="c"],
.flexC {
  display: flex;
  flex-direction: column;
}
[flex="c"].reverse,
.flexC.reverse {
  flex-direction: column-reverse;
}
[flex="cl"],
.flexCl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[flex="cl"].reverse,
.flexCl.reverse {
  flex-direction: column-reverse;
}
[flex="cl"].reverse,
.flexCl.reverse {
  flex-direction: column-reverse;
}
[flex="cl"].reverse,
.flexCl.reverse {
  justify-content: flex-end;
}
[flex="clt"],
.flexClt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
[flex="clt"].reverse,
.flexClt.reverse {
  flex-direction: column-reverse;
}
[flex="clt"].reverse,
.flexClt.reverse {
  flex-direction: column-reverse;
}
[flex="clt"].reverse,
.flexClt.reverse {
  justify-content: flex-end;
}
[flex="cls"],
.flexClc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
[flex="cls"].reverse,
.flexClc.reverse {
  flex-direction: column-reverse;
}
[flex="cls"].reverse,
.flexClc.reverse {
  flex-direction: column-reverse;
}
[flex="cls"].reverse,
.flexClc.reverse {
  justify-content: center;
}
[flex="clb"],
.flexClb {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
[flex="clb"].reverse,
.flexClb.reverse {
  flex-direction: column-reverse;
}
[flex="clb"].reverse,
.flexClb.reverse {
  flex-direction: column-reverse;
}
[flex="clb"].reverse,
.flexClb.reverse {
  justify-content: flex-start;
}
[flex="cc"],
.flexCc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[flex="cc"].reverse,
.flexCc.reverse {
  flex-direction: column-reverse;
}
[flex="cc"].reverse,
.flexCc.reverse {
  flex-direction: column-reverse;
}
[flex="cc"].reverse,
.flexCc.reverse {
  justify-content: flex-end;
}
[flex="cct"],
.flexCct {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
[flex="cct"].reverse,
.flexCct.reverse {
  flex-direction: column-reverse;
}
[flex="cct"].reverse,
.flexCct.reverse {
  flex-direction: column-reverse;
}
[flex="cct"].reverse,
.flexCct.reverse {
  justify-content: flex-end;
}
[flex="ccc"],
.flexCcc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
[flex="ccc"].reverse,
.flexCcc.reverse {
  flex-direction: column-reverse;
}
[flex="ccc"].reverse,
.flexCcc.reverse {
  flex-direction: column-reverse;
}
[flex="ccc"].reverse,
.flexCcc.reverse {
  justify-content: center;
}
[flex="ccb"],
.flexCcb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
[flex="ccb"].reverse,
.flexCcb.reverse {
  flex-direction: column-reverse;
}
[flex="ccb"].reverse,
.flexCcb.reverse {
  flex-direction: column-reverse;
}
[flex="ccb"].reverse,
.flexCcb.reverse {
  justify-content: flex-start;
}
[flex="cr"],
.flexCr {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[flex="cr"].reverse,
.flexCr.reverse {
  flex-direction: column-reverse;
}
[flex="cr"].reverse,
.flexCr.reverse {
  flex-direction: column-reverse;
}
[flex="cr"].reverse,
.flexCr.reverse {
  justify-content: flex-end;
}
[flex="crt"],
.flexCrt {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
[flex="crt"].reverse,
.flexCrt.reverse {
  flex-direction: column-reverse;
}
[flex="crt"].reverse,
.flexCrt.reverse {
  flex-direction: column-reverse;
}
[flex="crt"].reverse,
.flexCrt.reverse {
  justify-content: flex-end;
}
[flex="crc"],
.flexCrc {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
[flex="crc"].reverse,
.flexCrc.reverse {
  flex-direction: column-reverse;
}
[flex="crc"].reverse,
.flexCrc.reverse {
  flex-direction: column-reverse;
}
[flex="crc"].reverse,
.flexCrc.reverse {
  justify-content: center;
}
[flex="crb"],
.flexCrb {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}
[flex="crb"].reverse,
.flexCrb.reverse {
  flex-direction: column-reverse;
}
[flex="crb"].reverse,
.flexCrb.reverse {
  flex-direction: column-reverse;
}
[flex="crb"].reverse,
.flexCrb.reverse {
  justify-content: flex-start;
}
[flex="cls"],
.flexCls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
[flex="cls"].reverse,
.flexCls.reverse {
  flex-direction: column-reverse;
}
[flex="cls"].reverse,
.flexCls.reverse {
  flex-direction: column-reverse;
}
[flex="ccs"],
.flexCcs {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
[flex="ccs"].reverse,
.flexCcs.reverse {
  flex-direction: column-reverse;
}
[flex="ccs"].reverse,
.flexCcs.reverse {
  flex-direction: column-reverse;
}
[flex="crs"],
.flexCrs {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
[flex="crs"].reverse,
.flexCrs.reverse {
  flex-direction: column-reverse;
}
[flex="crs"].reverse,
.flexCrs.reverse {
  flex-direction: column-reverse;
}
/* square mixin */
.square112 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  aspect-ratio: 1;
  background-size: 112px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square112 {
  width: 112px;
  height: 112px;
  min-width: 112px;
  aspect-ratio: 1;
  background-size: 112px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square88 {
  width: 88px;
  height: 88px;
  min-width: 88px;
  aspect-ratio: 1;
  background-size: 88px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1;
  background-size: 80px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square64 {
  width: 64px;
  height: 64px;
  min-width: 64px;
  aspect-ratio: 1;
  background-size: 64px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square56 {
  width: 56px;
  height: 56px;
  min-width: 56px;
  aspect-ratio: 1;
  background-size: 56px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square48 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  aspect-ratio: 1;
  background-size: 48px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  aspect-ratio: 1;
  background-size: 40px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1;
  background-size: 32px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  aspect-ratio: 1;
  background-size: 24px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.square16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  background-size: 16px;
}
.pseudoFill {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.floatY {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.floatX {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
}
.floatCenter {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fillParent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.fillScreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
}
[component="page"] {
  transition: 0s;
  position: relative;
  top: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  width: 100%;
}
@media (max-width: 980px) {
}
[component="page"] .overlay {
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  opacity: 0;
  transition: 0.5s;
}
[component="page"] .overlay.show {
  opacity: 1;
}
[component="page"] .overlay.hide {
  opacity: 0;
}
section .content .cell.course-menu {
  background-color: #fff;
  position: relative;
  z-index: 555;
  padding-top: 0;
}
section .content .cell.course-menu::before {
  content: "";
  display: block;
  height: calc(100% + 39px);
  position: absolute;
  width: 200%;
  left: -100%;
  top: -19px;
  background-color: white;
}
section .content .cell.course-menu [template="course-menu"] {
  height: calc(100% + 140px);
  background-color: white;
  position: relative;
  top: -140px;
}
section .content .cell.course-menu [template="course-menu"] .content {
  position: sticky;
  top: 0;
}
@media (max-width: 980px) {
  section .content .cell.course-menu {
    padding: 0;
    background-color: white;
    position: fixed;
    top: 90px;
    left: 0;
    width: 100%;
  }
  section .content .cell.course-menu::before {
    display: none;
  }
  section .content .cell.course-menu [template="course-menu"] {
    top: 0;
    height: auto;
    padding: 0;
  }
  section .content .cell.course-menu [template="course-menu"] .content {
    padding: 0;
  }
  section .content .cell.course-menu [template="course-menu"] .content .cell {
    padding: 0;
  }
  section .content .cell.course-menu [template="course-menu"] .content [block="logo"] {
    display: none;
  }
  section .content .cell.course-menu [template="course-menu"] .content .menu {
    padding-top: 0;
  }
}
section .content .cell.course-content {
  padding-top: 80px;
  padding-right: 10px;
  padding-left: 7%;
}
@media (max-width: 980px) {
  section .content .cell.course-content {
    padding: 0 15px;
    margin-top: 115px;
  }
}
[component="Slider"] {
  position: fixed;
  top: 0;
  display: flex;
  width: 100%;
  height: 100%;
  transition: 0.7s cubic-bezier(0.58, 0, 0, 0.99);
  z-index: 2100;
  overflow: hidden;
  pointer-events: all !important;
  transform: translate3d(0, 0, 0);
}
[component="Slider"][open-direction="left"] {
  left: 100%;
}
[component="Slider"][open-direction="left"].show {
  left: 0;
}
[component="Slider"][open-direction="right"] {
  right: 100%;
}
[component="Slider"][open-direction="right"].show {
  right: 0;
}
[component="Slider"].noSubpages [component="SliderNav"] .back,
[component="Slider"].noSubpages [component="SliderNav"] .next {
  display: none;
}
[component="Slider"][view-type="slider-submenu-scroll"] {
  padding-top: 100px;
  background: #fff5eb !important;
}
@media (min-height:571px) and (min-width: 769px) {
  [component="Slider"][view-type="slider-submenu-scroll"] {
    padding-top: 150px;
  }
}
[component="Slider"][view-type="slider-submenu-scroll"] .dragger {
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transform: none !important;
}
[component="Slider"][view-type="slider-submenu-scroll"] .dragger.disabled {
  overflow: hidden;
}
[component="Slider"][view-type="slider-submenu-scroll"] .sliderBackButton {
  display: none;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  [component="Slider"][view-type="slider-mixed"] .dragger {
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section {
    overflow-y: visible;
    min-height: auto;
    height: auto;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section:first-child [container] {
    padding-top: 60px;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section:last-child [container] {
    padding-bottom: 80px;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section[pattern="pictures"] [container] {
    flex-direction: column-reverse;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section [container] {
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 0px;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section [block][width="12"]:nth-child(even) {
    padding-bottom: 0;
    padding-top: 30px;
  }
  [component="Slider"][view-type="slider-mixed"] .dragger section [block][width="12"] [element="text"] {
    max-width: 550px;
  }
}
[component="Slider"] section[template="main"] {
  width: 100vw;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  [component="Slider"] section[template="main"] {
    height: 100%;
    min-height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  [component="Slider"] section[template="main"] [container] {
    min-height: 100%;
    height: auto;
    padding-top: 30px;
    padding-bottom: 80px;
  }
  [component="Slider"] section[template="main"] [container].fullscreen {
    min-height: 100vh;
    height: 100%;
  }
}
[component="Slider"] .dragger {
  display: flex;
  width: 100%;
  height: 100%;
}
[component="Slider"] .divided-wrapper {
  width: 100%;
  height: 100%;
  max-width: 1200px;
  display: flex;
  margin: auto;
}
@media (min-width: 980px) {
  [component="Slider"] .divided-wrapper {
    padding: 30px;
  }
}
[component="Slider"] .divided-wrapper section {
  height: 100%;
  min-height: 100%;
}
[component="Slider"] .divided-wrapper section [container] {
  padding: 30px;
  min-height: 100%;
}
@media (min-width: 980px) {
  [component="Slider"] .divided-wrapper section {
    width: 33.4%;
    min-width: 33.4%;
  }
}
[component="Slider"][color="sand"] {
  background: #c4ad8f;
}
[component="Slider"][color="sunset"] {
  background: #ffc7c7;
}
[component="Slider"][color="brown"] {
  background: #8a7370;
}
[component="Slider"][color="black"] {
  background: #333333;
}
[component="Slider"][color="blue"] {
  background: #94b0b5;
}
[component="Slider"][color="pastel"] {
  background: #e3d6cc;
}
[component="Slider"][color="snow"] {
  background: #fff5eb;
}
[component="Slider"][color="green"] {
  background: #9cbf8f;
}
.sliderBackButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px 15px 80px;
}
@media (min-width: 769px) {
  .sliderBackButton {
    display: none;
  }
}
.sliderBackButton .button {
  margin: 0;
}
[component="SliderNav"],
section[template] [component="LocationNav"].landscape {
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15px;
  z-index: 2230;
  transition: transform 1s;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  [component="SliderNav"],
  section[template] [component="LocationNav"].landscape {
    display: none;
  }
}
@media (min-width: 769px) and (min-height: 650px) {
  [component="SliderNav"],
  section[template] [component="LocationNav"].landscape {
    background-color: transparent !important;
  }
}
@media (min-width: 980px) {
  [component="SliderNav"],
  section[template] [component="LocationNav"].landscape {
    padding-bottom: 50px;
  }
}
@media (max-height: 750px) {
  [component="SliderNav"],
  section[template] [component="LocationNav"].landscape {
    padding-bottom: 15px;
  }
}
[component="SliderNav"].hide,
section[template] [component="LocationNav"].landscape.hide {
  transform: translateY(100%);
}
[component="SliderNav"].internal .button,
section[template] [component="LocationNav"].landscape.internal .button {
  background: #fff5eb;
}
[component="SliderNav"].internal .button.hidden,
section[template] [component="LocationNav"].landscape.internal .button.hidden {
  opacity: 0;
  pointer-events: none;
}
[component="SliderNav"][color-scheme="invert"],
section[template] [component="LocationNav"].landscape[color-scheme="invert"] {
  background: transparent;
}
[component="SliderNav"][color-scheme="invert"] .button,
section[template] [component="LocationNav"].landscape[color-scheme="invert"] .button {
  color: #fff5eb;
  border-color: #fff5eb;
}
[component="SliderNav"][color-scheme="invert"] .button.back:before,
section[template] [component="LocationNav"].landscape[color-scheme="invert"] .button.back:before,
[component="SliderNav"][color-scheme="invert"] .button.next:before,
section[template] [component="LocationNav"].landscape[color-scheme="invert"] .button.next:before {
  background-image: url(./images/arrow-white.1f2dfe3dae257e05371c7933dc2c3ab9.svg);
}
[component="SliderNav"].begin .button.back,
section[template] [component="LocationNav"].landscape.begin .button.back {
  opacity: 0;
  pointer-events: none;
}
[component="SliderNav"].end .button.next,
section[template] [component="LocationNav"].landscape.end .button.next {
  opacity: 0;
  pointer-events: none;
}
[component="SliderNav"].end .button.link,
section[template] [component="LocationNav"].landscape.end .button.link {
  opacity: 1;
  pointer-events: all;
}
[component="SliderNav"] .holder,
section[template] [component="LocationNav"].landscape .holder {
  position: relative;
  height: 50px;
}
[component="SliderNav"] .button,
section[template] [component="LocationNav"].landscape .button {
  margin: 0 10px;
}
[component="SliderNav"] .button.link,
section[template] [component="LocationNav"].landscape .button.link {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  white-space: nowrap;
}
[component="SliderNav"][color="sand"],
section[template] [component="LocationNav"].landscape[color="sand"] {
  background-color: #c4ad8f;
}
[component="SliderNav"][color="sunset"],
section[template] [component="LocationNav"].landscape[color="sunset"] {
  background-color: #ffc7c7;
}
[component="SliderNav"][color="brown"],
section[template] [component="LocationNav"].landscape[color="brown"] {
  background-color: #8a7370;
}
[component="SliderNav"][color="black"],
section[template] [component="LocationNav"].landscape[color="black"] {
  background-color: #333333;
}
[component="SliderNav"][color="blue"],
section[template] [component="LocationNav"].landscape[color="blue"] {
  background-color: #94b0b5;
}
[component="SliderNav"][color="pastel"],
section[template] [component="LocationNav"].landscape[color="pastel"] {
  background-color: #e3d6cc;
}
[component="SliderNav"][color="snow"],
section[template] [component="LocationNav"].landscape[color="snow"] {
  background-color: #fff5eb;
}
[component="SliderNav"][color="green"],
section[template] [component="LocationNav"].landscape[color="green"] {
  background-color: #9cbf8f;
}
[component="SliderNav"][color="green"] .button:hover,
section[template] [component="LocationNav"].landscape[color="green"] .button:hover {
  color: #fff5eb;
  border-color: #fff5eb;
}
[component="SliderNav"][color="green"] .button:hover:before,
section[template] [component="LocationNav"].landscape[color="green"] .button:hover:before {
  background-image: url(./images/arrow-white.1f2dfe3dae257e05371c7933dc2c3ab9.svg) !important;
}
[component="SliderNav"][color="transparent"],
section[template] [component="LocationNav"].landscape[color="transparent"] {
  background-color: transparent;
}
[component="SliderSubmenu"] {
  position: fixed;
  left: 0;
  top: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 2230;
  padding: 0 11px;
  transition: 1s;
  background: #fff5eb;
}
[component="SliderSubmenu"][content="enchanted"] a {
  font-size: 18px;
  padding: 10px 12px;
}
@media (max-height:570px), (max-width: 769px) {
  [component="SliderSubmenu"] {
    justify-content: space-between;
    top: 60px;
  }
}
[component="SliderSubmenu"].hide {
  top: -40px;
}
[component="SliderSubmenu"].hasFading:before {
  opacity: 1;
}
[component="SliderSubmenu"][color-scheme="invert"] a {
  color: #fff5eb;
}
[component="SliderSubmenu"].hide .holder {
  transform: translateY(-100%);
}
[component="SliderSubmenu"].begin .btn.prev {
  opacity: 0.15;
  pointer-events: none;
}
[component="SliderSubmenu"].end .btn.next {
  opacity: 0.15;
  pointer-events: none;
}
[component="SliderSubmenu"] .scroller {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 40px;
  background-color: #fff5eb;
}
[component="SliderSubmenu"] .scroller .button.back {
  margin: 0 20px 0 2px;
}
@media (max-width: 769px) {
  [component="SliderSubmenu"] .scroller .button.back {
    display: none;
  }
}
[component="SliderSubmenu"] .btn {
  display: none;
}
@media (max-height:570px), (max-width: 769px) {
  [component="SliderSubmenu"] .btn {
    display: flex;
  }
}
@media (max-width: 769px) {
  [component="SliderSubmenu"] .btn:hover {
    color: #333333;
  }
}
[component="SliderSubmenu"] .btn:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
[component="SliderSubmenu"] a {
  position: relative;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  transition: 0.5s;
  text-decoration: none;
  white-space: nowrap;
  font-size: 18px;
  padding: 10px 12px;
}
[component="SliderSubmenu"] a:after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 2px;
  background: #333333;
  opacity: 0;
  transition: 0.3s;
}
[component="SliderSubmenu"] a:hover {
  opacity: 0.5;
}
[component="SliderSubmenu"] a.selected:after {
  opacity: 1;
}
[component="SliderSubmenu"] a.selected:hover {
  opacity: 1;
}
[component="InlineSlider"] {
  position: relative;
  display: flex;
  max-width: 800px;
  margin: 10vh auto 0;
  width: 100%;
  z-index: 9899;
}
@media (max-width: 640px) {
  [component="InlineSlider"] {
    margin-bottom: 50px;
  }
}
[component="InlineSlider"] .slider {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 100px;
  overflow: hidden;
}
[component="InlineSlider"] .slider:before,
[component="InlineSlider"] .slider:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6665;
  width: 100px;
}
@media (max-width: 640px) {
  [component="InlineSlider"] .slider:before,
  [component="InlineSlider"] .slider:after {
    width: 50px;
  }
}
[component="InlineSlider"] .slider:before {
  background: linear-gradient(90deg, #c4ad8f, rgba(196, 173, 143, 0));
}
[component="InlineSlider"] .slider:after {
  left: auto;
  right: 0;
  background: linear-gradient(270deg, #c4ad8f, rgba(196, 173, 143, 0));
}
[component="InlineSlider"] .button {
  margin-top: 30px;
}
@media (max-width: 640px) {
  [component="InlineSlider"] .button {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0;
  }
  [component="InlineSlider"] .button.next {
    margin-left: 25px;
  }
  [component="InlineSlider"] .button.back {
    margin-left: -25px;
  }
}
[component="InlineSlider"] .button:hover {
  border-color: #333333 !important;
}
[component="InlineSlider"] .button:hover:before {
  background-image: url(./images/arrow-black.1736b0240c35b1e8351b65c3aeccaa65.svg) !important;
}
[component="InlineSlider"] .button.hidden {
  opacity: 0;
  pointer-events: none;
}
[component="InlineSlider"] .slide {
  display: flex;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  padding: 0 55px;
}
[component="InlineSlider"] .slide[order="0"] {
  left: 0;
}
@media (max-width: 640px) {
  [component="InlineSlider"] .slide {
    padding: 0 20px;
  }
}
[component="InlineSlider"] .slide .text {
  color: #fff5eb;
}
[component="InlineSlider"] .slide .text p {
  font-size: 18px;
}
@media (max-width: 769px) {
  [component="InlineSlider"] .slide .text p {
    font-size: 15px;
  }
}
[component="InlineSlider"] .slide .text p:last-child {
  margin: 0;
}
[component="OwlSlider"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
[component="OwlSlider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"].reverse {
  justify-content: center;
}
[component="OwlSlider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"].reverse {
  justify-content: center;
}
[component="OwlSlider"][container="Slider"] [block="slider"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  justify-content: flex-end;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  flex-direction: column-reverse;
}
[component="OwlSlider"][container="Slider"] [block="slider"].reverse {
  justify-content: flex-end;
}
[component="OwlSlider"][container="Slider"] [block="slider"] .image {
  width: 100%;
}
[component="OwlSlider"][container="Slider"] [block="slider"] .image img {
  object-fit: cover;
  max-height: 90vh;
  overflow: hidden;
}
[component="OwlSlider"][exceed] [block="slider"] .owl-stage-outer {
  overflow: visible;
}
[component="OwlSlider"] [block="slider"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
[component="OwlSlider"] [block="slider"].reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="slider"].reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="slider"].reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="slider"].reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="slider"] .owl-stage-outer {
  width: calc(100% - 1px);
}
[component="OwlSlider"] [block="slider"] .owl-stage-outer .owl-stage .owl-item {
  display: flex;
}
[component="OwlSlider"] [block="slider"] .owl-stage-outer .owl-stage .owl-item .slide {
  height: 100%;
}
[component="OwlSlider"] [block="nav"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-direction: row-reverse !important;
  width: 100%;
  padding: 0 12px 0 20px !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  flex-direction: row-reverse !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  flex-direction: row-reverse !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  justify-content: flex-end !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  flex-direction: row-reverse !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  flex-direction: row-reverse !important;
}
[component="OwlSlider"] [block="nav"].reverse {
  justify-content: flex-end !important;
}
[component="OwlSlider"] [block="nav"][theme="light"] .arrows .owl-prev,
[component="OwlSlider"] [block="nav"][theme="light"] .arrows .owl-next {
  border-color: #fff5eb;
}
[component="OwlSlider"] [block="nav"][theme="light"] .holder .dots button:after {
  background-color: rgba(51, 51, 51, 0.5);
}
[component="OwlSlider"] [block="nav"][theme="light"] .progress-bar {
  background: rgba(51, 51, 51, 0.2);
}
[component="OwlSlider"] [block="nav"][theme="light"] .progress-bar .inner {
  background: #333333;
}
[component="OwlSlider"] [block="nav"] button {
  background: transparent;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  transition: 0.3s;
  cursor: pointer;
}
[component="OwlSlider"] [block="nav"] .arrows {
  display: flex;
  align-items: center;
  position: relative;
  pointer-events: none;
  z-index: 99;
}
[component="OwlSlider"] [block="nav"] .arrows .owl-prev,
[component="OwlSlider"] [block="nav"] .arrows .owl-next {
  pointer-events: all;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  background: #333333;
  background: url(/files/icon.arrow.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
}
@media (min-width: 769px) {
  [component="OwlSlider"] [block="nav"] .arrows .owl-prev,
  [component="OwlSlider"] [block="nav"] .arrows .owl-next {
    width: 56px;
    height: 56px;
    border-width: 1px;
  }
}
[component="OwlSlider"] [block="nav"] .arrows .owl-prev.disabled,
[component="OwlSlider"] [block="nav"] .arrows .owl-next.disabled {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
[component="OwlSlider"] [block="nav"] .arrows .owl-prev:last-child,
[component="OwlSlider"] [block="nav"] .arrows .owl-next:last-child {
  margin-right: 0;
}
[component="OwlSlider"] [block="nav"] .arrows .owl-next {
  transform: rotate(0deg);
}
[component="OwlSlider"] [block="nav"] .counter {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  min-width: 48px;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  justify-content: flex-start;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .counter.reverse {
  justify-content: flex-start;
}
[component="OwlSlider"] [block="nav"] .counter .separator {
  padding: 0 1px 0 2px;
}
[component="OwlSlider"] [block="nav"] .holder {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 14px;
  position: relative;
  flex: 1;
  margin-top: 3px;
}
[component="OwlSlider"] [block="nav"] .holder.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder .progress {
  height: 2px;
  position: relative;
  background: #e3d6cc;
  flex-grow: 1;
}
[component="OwlSlider"] [block="nav"] .holder .progress .inner {
  position: absolute;
  left: 0;
  width: 0;
  bottom: 0;
  top: 0;
  transition: 0.5s;
  background: #333333;
}
[component="OwlSlider"] [block="nav"] .holder .dots {
  width: calc(100% - (2 * 10px));
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: -10px;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  justify-content: flex-end;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  flex-direction: row-reverse;
}
[component="OwlSlider"] [block="nav"] .holder .dots.reverse {
  justify-content: flex-end;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot {
  width: 40px;
  height: 32px;
  position: relative;
  padding-left: 10px;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot:before,
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot:after {
  content: '';
  position: absolute;
  top: calc(50% - 2px / 2);
  left: 10px;
  right: 0;
  height: 2px;
  pointer-events: none;
  z-index: -1;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot:before {
  background: #333333;
  transition: 0.5s;
  z-index: 3;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot:after {
  background: #e3d6cc;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot.active:before {
  right: 0;
}
[component="OwlSlider"] [block="nav"] .holder .dots .owl-dot.active ~ .owl-dot:before {
  right: 100%;
}
[component="Popup"] {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(227, 214, 204, 0.75);
  z-index: 5000;
  transition: 0.3s;
  opacity: 0;
  display: none;
}
[component="Popup"].bg-snow {
  background: rgba(255, 245, 235, 0.5);
}
[component="Popup"].bg-white {
  background: #fff5eb;
}
[component="Popup"].bg-sand {
  background: rgba(196, 173, 143, 0.5);
}
[component="Popup"][color="black"] {
  background: rgba(51, 51, 51, 0.5) !important;
}
[component="Popup"].visible {
  pointer-events: all;
  opacity: 1;
}
[component="Popup"].visible .inner {
  transform: translate3d(-50%, 0, 0);
  opacity: 1;
  transition-delay: 0.1s;
}
[component="Popup"] .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: 0.3s;
  z-index: 9999;
}
[component="Popup"] .close svg rect {
  transition: 0.3s;
  fill: #333333;
}
[component="Popup"] .close:hover svg rect {
  fill: #c4ad8f;
}
[component="Popup"] .inner {
  position: absolute;
  top: 60px;
  left: 50%;
  width: calc(100% - 120px);
  height: calc(100% - 120px);
  background-color: #FFF5EB;
  padding: 60px 0px 60px 60px;
  max-width: 770px;
  transform: translate3d(-50%, 10%, 0);
  opacity: 0;
  transition: 0.5s;
}
@media (max-width: 768px) {
  [component="Popup"] .inner {
    top: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px 0px 20px 20px;
  }
}
@media (min-height:571px) and (min-width: 769px) {
  [component="Popup"] .inner {
    max-height: 800px;
  }
}
[component="Popup"] .inner .scroll {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 60px;
}
@media (max-width: 768px) {
  [component="Popup"] .inner .scroll {
    padding-right: 30px;
  }
}
[component="Popup"] .inner h2,
[component="Popup"] .inner h3 {
  margin-top: 0;
}
[component="Popup"] .inner h4 {
  margin-bottom: 3px;
  font-size: 22px;
}
[component="Popup"] .inner p,
[component="Popup"] .inner li {
  font-size: 16px;
}
[component="Popup"] .inner a:visited {
  color: #333;
}
[component="Popup"][valign="center"] .inner {
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-height:571px) and (min-width: 769px) {
  [component="Popup"][height="auto"] .inner {
    height: auto;
  }
}
.cursor {
  position: fixed;
  transform: translate3(-50%, -50%, 0);
  z-index: 3147483631;
  pointer-events: none;
  height: 22px;
  width: 10px;
  animation: none;
  opacity: 0;
}
@media (max-width: 1025px) {
  .cursor {
    display: none !important;
  }
}
.cursor.show {
  opacity: 1;
}
.cursor.hide {
  display: none !important;
}
.cursor.dragging {
  visibility: hidden;
}
.cursor.black .cls-2 {
  fill: #333333 !important;
}
.cursor.white .cls-2 {
  fill: #fff5eb !important;
}
.cursor .move {
  display: none;
}
.cursor.second {
  height: 17px;
  width: 17px;
}
.cursor.second .dummy {
  display: none;
}
.cursor.second .move {
  display: block;
}
.cursor #head {
  transition: 0.5s;
}
.cursor #left {
  transform-origin: center top;
  transform: rotate(0deg);
  transition: 0.5s;
}
.cursor #right {
  transform-origin: center top;
  transform: rotate(0deg);
  transition: 0.5s;
}
.cursor.animate #left {
  animation: walk 1s infinite;
}
.cursor.animate #right {
  animation: walk 1s infinite;
  animation-delay: 0.5s;
}
@keyframes walk {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(9deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-9deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.cursor.attention #head {
  transition: 0.5s;
  transform-origin: center center;
  transform: scale(1.8) translateY(5px);
}
.cursor.attention #left {
  transition: 0.5s;
  animation: none !important;
  transform: rotate(90deg);
}
.cursor.attention #right {
  transition: 0.5s;
  animation: none !important;
  transform: rotate(-90deg);
}
.image-loading {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
  width: 30px;
  height: 30px;
  content: "";
  opacity: 1;
  border: 1px solid black;
  border-color: black;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
  animation-delay: initial;
  animation-direction: initial;
  animation-fill-mode: initial;
  animation-play-state: initial;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
table {
  border-collapse: collapse !important;
}
table TD,
table TH {
  padding: 5px 10px;
  border: 1px solid #e2e4e6;
}
table TD:first-child {
  border-left: none;
}
table TD:last-child {
  border-right: none;
}
table TR:last-child TD {
  border-bottom: none;
}
table TH,
table thead TD {
  background: #F1F1F1;
}
table.dataTable {
  width: auto !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: calc(50% - 8px);
  left: 4px;
  position: absolute;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: content-box;
  text-indent: 4px;
  background-color: transparent;
  font-family: "eca";
  font-style: normal;
  font-weight: normal;
  content: '\E80B';
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  font-size: 120%;
  width: 20px;
  height: 20px;
  color: #4ddc00;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '\E807';
  background-color: transparent;
}
@font-face {
  font-family: "Skilt Gothic";
  src: url(./fonts/85d841dd-c271-43ce-89c8-b4e83342cf20.ff85f38297dfab6a38e515b18fcd1dba.woff2) format("woff2"), url(./fonts/e99536f1-3d6b-446e-bcf6-f8af7038c64f.f1d49bafe7f29d35d662403254020c9d.woff) format("woff");
}
@font-face {
  font-family: "Skilt Gothic Medium";
  src: url(./fonts/57cbcab2-e71e-4f61-85d9-fa718dcfff50.12669cf6d49206270f1dc512f7cd31c3.woff2) format("woff2"), url(./fonts/13e55342-656d-43f0-b234-2858dab98016.4a5d7869cac2af20802851231442ddf9.woff) format("woff");
}
@font-face {
  font-family: "Skilt Gothic Light";
  src: url(./fonts/445c45df-7e0a-4a58-b9e6-0cbc2fe49132.6a83edca220bd02ae25e494284ebb739.woff2) format("woff2"), url(./fonts/f106f97f-c835-4914-a7b1-fe9b4fa36cff.42c879c9bf8fb41257e51cf1290f3abe.woff) format("woff");
}
@font-face {
  font-family: "Skilt Gothic Semibold";
  src: url(./fonts/41865bd5-a802-4bf6-80a8-758fadb2bf3b.455c146e65bb499e8fcb5c8179769adf.woff2) format("woff2"), url(./fonts/a59d15bc-5455-40b7-8c8f-97726f7564c1.5602b911109f7010211f1fb0e7f74676.woff) format("woff");
}
@font-face {
  font-family: "Meta";
  src: url(./fonts/font.76e2e53b58aa1c67a48ee2398197f611.woff2) format("woff2"), url(./fonts/font.ace703c411401d7f22b597253aeb1496.woff) format("woff");
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/MaterialIcons-Regular.e79bfd88537def476913f3ed52f4f4b3.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(./fonts/MaterialIcons-Regular.53436aca8627a49f4deaaa44dc9e3c05.woff2) format('woff2'), url(./fonts/MaterialIcons-Regular.6727ee94f5ee926b8b8eac61624d626e.woff) format('woff'), url(./fonts/MaterialIcons-Regular.4e85bc9ebe07e0340c9c4fc2f6c38908.ttf) format('truetype'), url(./images/MaterialIcons-Regular.60b333913565d0fd467d8616af325557.svg) format('svg');
}
.material-icons,
.icon {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.icon:after,
.button:after,
.icon:before,
.button:before {
  display: inline-block;
  vertical-align: middle;
}
h1,
h2,
h3,
h4,
h1 *,
h2 *,
h3 *,
h4 * {
  position: relative;
}
h1 {
  font-size: 32px;
  line-height: 1;
  text-align: left;
  margin: 0 0 10px;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
}
@media (max-width: 640px) {
  h1 {
    font-size: 40px;
  }
}
h2 {
  font-size: 60px;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 50px;
  line-height: 1.05;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
h3 {
  font-size: 40px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 40px;
  line-height: 1.05;
}
@media (max-height:800px) {
  h3 {
    font-size: 35px;
  }
}
@media (max-width: 980px) {
  h3 {
    margin-bottom: 25px;
    font-size: 26.6px;
  }
}
h4 {
  font-size: 40px;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 50px;
  line-height: 1.05;
}
h5 {
  font-size: 30px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 25px;
  line-height: 1.05;
}
h6 {
  font-size: 26px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.05;
}
p {
  margin: 0 0 20px 0;
}
h1 a,
h2 a,
h3 a,
h4 a {
  color: inherit;
  text-decoration: none;
}
h1 p,
h2 p,
h3 p,
h4 p {
  line-height: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
  margin: 0px;
  padding: 0px;
}
em {
  font-weight: 700;
}
strong,
b {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  font-style: normal;
  font-weight: 700;
}
a {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: #333333;
}
.perex {
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.4;
}
ol {
  padding-left: 20px;
}
[component="page"] ul {
  padding-left: 20px;
  margin-top: 0px;
  list-style-type: none;
}
[component="page"] ul li {
  counter-increment: step;
  position: relative;
  margin-bottom: 12px;
  line-height: 1.2;
}
[component="page"] ul li:before {
  content: url("/preview-file/bullet.svg");
  width: 10px;
  height: 10px;
  position: absolute;
  left: -22px;
  top: 1px;
}
[component="page"] ul li ul {
  margin-left: 20px;
}
[component="page"] ul li ul li {
  margin-bottom: 5px;
}
/*-- Oddelovač --*/
hr {
  border: 0;
  border-top: 2px solid #333333;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 0;
  width: 100%;
}
/*-- Normálny button --*/
.button.normal,
a.button,
.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 205px;
  min-height: 45px;
  background-color: #ffc7c7;
  color: #333333;
  text-decoration: none;
  margin-top: 45px;
  padding: 0 33px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  font-size: 28px;
  letter-spacing: -0.02em;
  cursor: pointer;
  transition: 0.3s;
  z-index: 2;
}
@media (max-width: 769px), (max-height:650px) {
  .button.normal,
  a.button,
  .button {
    font-size: 20.3px;
    min-width: 165px;
    min-height: 33px;
    margin-top: 25px;
  }
}
.button.normal img,
a.button img,
.button img {
  padding-right: 10px;
}
.button.normal.hasPadding,
a.button.hasPadding,
.button.hasPadding {
  padding: 0 20px;
}
.button.normal[load],
a.button[load],
.button[load] {
  padding-right: 40px;
}
.button.normal[load]:after,
a.button[load]:after,
.button[load]:after {
  right: 0px;
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
  margin: 0;
  left: auto;
}
.button.normal.submit,
a.button.submit,
.button.submit {
  letter-spacing: 0;
}
.button.normal.disabled,
a.button.disabled,
.button.disabled {
  pointer-events: none;
  opacity: 0.8;
  background-color: #eaeaea;
}
/*-- Menší button --*/
.button.small {
  min-width: 30px;
  min-height: 30px;
  text-decoration: none;
  margin-top: 0px;
  padding: 0 20px;
  cursor: pointer;
  transition: 0.3s;
  z-index: 2;
}
.button.small:before {
  background-size: 16px !important;
}
/*-- button yellow --*/
.button.yellow {
  background-color: #FBC46B;
}
.button.yellow::before,
.button.yellow::after {
  background-color: #FBC46B;
  border-color: #FBC46B;
}
.button.yellow:hover {
  border-color: #e3d6cc;
  background-color: #e3d6cc;
}
.button.yellow:hover::before,
.button.yellow:hover::after {
  border-color: #FBC46B;
}
/*-- button sunset --*/
.button.sunset {
  background-color: #ffc7c7;
}
.button.sunset::before,
.button.sunset::after {
  background-color: #ffc7c7;
  border-color: #ffc7c7;
}
.button.sunset:hover {
  border-color: #e3d6cc;
  background-color: #e3d6cc;
}
.button.sunset:hover::before,
.button.sunset:hover::after {
  border-color: #ffc7c7;
}
/*-- button brown --*/
.button.brown {
  background-color: #8a7370;
  color: #fff5eb;
}
.button.brown::before,
.button.brown::after {
  color: #8a7370;
  background-color: #8a7370;
}
.button.brown:hover {
  background-color: #ffc7c7;
  color: #8a7370;
}
.button.brown:hover::before,
.button.brown:hover::after {
  border-color: #8a7370;
}
/*-- button black --*/
.button.black {
  background-color: #333333;
  color: #fff5eb;
}
.button.black::before,
.button.black::after {
  background-color: #333333;
  border-color: #333333;
}
.button.black:hover {
  background-color: #fff5eb;
  color: #333333;
}
.button.black:hover::before,
.button.black:hover::after {
  border-color: #333333;
}
/*-- button black --*/
.button.black2 {
  background-color: #333333;
  color: #fff5eb;
}
.button.black2:hover {
  background-color: #c4ad8f;
  color: #fff5eb;
}
/*-- button blue --*/
.button.blue {
  background-color: #94b0b5;
  color: #fff5eb;
}
.button.blue::before,
.button.blue::after {
  background-color: #94b0b5;
  color: #94b0b5;
}
.button.blue:hover {
  background-color: #e3d6cc;
  border-color: #e3d6cc;
  color: #333333;
}
.button.blue:hover::before,
.button.blue:hover::after {
  border-color: #94b0b5;
}
/*-- button pastel --*/
.button.pastel {
  background-color: #e3d6cc;
}
.button.pastel::before,
.button.pastel::after {
  background-color: #e3d6cc;
  color: #e3d6cc;
}
.button.pastel:hover {
  border-color: #e3d6cc;
  color: #333333;
}
.button.pastel:hover::before,
.button.pastel:hover::after {
  border-color: #e3d6cc;
}
/*-- button sand --*/
.button.sand {
  background-color: #c4ad8f;
  color: #fff5eb;
}
.button.sand::before,
.button.sand::after {
  background-color: #c4ad8f;
  color: #c4ad8f;
}
.button.sand:hover {
  border-color: #c4ad8f;
  color: #333333;
}
.button.sand:hover::before,
.button.sand:hover::after {
  border-color: #c4ad8f;
}
/*-- button sand2 --*/
.button.sand2 {
  background-color: #c4ad8f;
  color: #fff5eb;
}
.button.sand2:hover {
  background-color: #e3d6cc;
  color: #333333;
}
/*-- button snow --*/
.button.snow {
  background-color: #fff5eb;
}
.button.snow::before,
.button.snow::after {
  background-color: #fff5eb;
  color: #fff5eb;
}
.button.snow:hover {
  border-color: #fff5eb;
  color: #333333;
}
.button.snow:hover::before,
.button.snow:hover::after {
  border-color: #fff5eb;
}
/*-- button green --*/
.button.green {
  background-color: #9cbf8f;
  color: #fff5eb;
}
.button.green::before,
.button.green::after {
  background-color: #9cbf8f;
  color: #9cbf8f;
}
.button.green:hover {
  background-color: #c4ad8f;
  color: #fff5eb;
}
.button.green:hover::before,
.button.green:hover::after {
  border-color: #9cbf8f;
}
/*-- button play --*/
.button.video {
  background: transparent;
  width: 83px;
  min-width: 83px;
  height: 83px;
  min-height: 83px;
  margin: 0 !important;
  background-image: url(./images/play-icon.acd201e257ced4057db7ab44afedc4f1.svg);
  background-size: 83px;
  background-repeat: no-repeat;
  z-index: 2;
}
.button.video:hover {
  background-image: url(./images/play-icon-inverse.34388c83694889840ee1a538071f2323.svg);
}
/*-- button left square --*/
.button[sqaure='right'] {
  transition: 0.3s;
}
@media (orientation: portrait) {
  .button[sqaure='right']::before,
  .button[sqaure='right']::after {
    display: none;
    border-right: 2px;
  }
}
.button[sqaure='right']::before {
  content: '';
  position: absolute;
  right: -20px;
  width: 20px;
  height: 22px;
  z-index: 2;
  top: 0px;
  border-left: 0;
  transition: 0.3s;
}
@media (max-width: 769px), (max-height:650px) {
  .button[sqaure='right']::before {
    right: -16px;
    width: 16px;
    height: 16px;
  }
}
.button[sqaure='right']:hover {
  color: #fff5eb;
  background-color: #94b0b5;
  border-color: #94b0b5;
}
.button[sqaure='right']:hover::before,
.button[sqaure='right']:hover::after {
  background-color: #94b0b5;
  border-color: #94b0b5;
}
/*-- button right square --*/
.button[sqaure='left'] {
  border-left: 0;
  margin-left: 16px;
  transition: 0.3s;
}
@media (max-width: 769px), (max-height:650px) {
  .button[sqaure='left'] {
    margin-left: 13px;
  }
}
@media (orientation: portrait) {
  .button[sqaure='left'] {
    margin-left: 0;
  }
  .button[sqaure='left']::before,
  .button[sqaure='left']::after {
    display: none;
  }
}
.button[sqaure='left']::before {
  content: '';
  position: absolute;
  left: -20px;
  bottom: 0px;
  width: 20px;
  height: 22px;
  z-index: 2;
  border: 2px solid;
  border-right: 0;
  transition: 0.3s;
}
@media (max-width: 769px), (max-height:650px) {
  .button[sqaure='left']::before {
    left: -16px;
    width: 16px;
    height: 16px;
  }
}
.button[sqaure='left']:hover {
  background-color: #94b0b5;
  border-color: #94b0b5;
  color: #fff5eb;
}
.button[sqaure='left']:hover::before,
.button[sqaure='left']:hover::after {
  background-color: #94b0b5;
  border-color: #94b0b5;
}
[color-scheme='invert'] .button.ghost {
  border-color: #fff5eb;
  color: #fff5eb;
}
[color-scheme='invert'] .button.back:before,
[color-scheme='invert'] .button.left:before,
[color-scheme='invert'] .button.right:before,
[color-scheme='invert'] .button.down:before,
[color-scheme='invert'] .button.next:before {
  background-image: url(./images/arrow-white.1f2dfe3dae257e05371c7933dc2c3ab9.svg);
}
/*-- ghost button --*/
.button.ghost {
  background-color: transparent;
  border: 2px solid #333333;
  font-size: 22px;
  min-width: 130px;
  min-height: 50px;
  border-radius: 30px;
}
@media (max-width: 769px), (max-height:700px) {
  .button.ghost {
    font-size: 16px;
    min-width: 96px;
    min-height: 37px;
  }
}
.button.ghost.small {
  min-width: 30px;
  min-height: 30px;
  margin-top: 0;
  padding: 0 20px;
}
.button.ghost:hover {
  border: 2px solid #c4ad8f;
  color: #c4ad8f;
}
/*-- rounded button --*/
.button.rounded {
  border-radius: 100px;
}
/*-- button icon back --*/
.button.back:before,
.button.prev:before,
.button.left:before,
.button.right:before,
.button.down:before,
.button.next:before {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(./images/arrow.faada39d39c730420171e5823f00d77a.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
  width: 30px;
  height: 30px;
  transform: rotate(180deg);
  transition: 0.3s;
}
@media (max-width: 769px), (max-height:650px) {
  .button.back:before,
  .button.prev:before,
  .button.left:before,
  .button.right:before,
  .button.down:before,
  .button.next:before {
    background-size: 16px;
  }
}
.button.back:hover:before,
.button.prev:hover:before,
.button.left:hover:before,
.button.right:hover:before,
.button.down:hover:before,
.button.next:hover:before {
  background-image: url(./images/arrow-sand.32d9e818dea888dbf7a4bdb85be97f38.svg);
}
/*-- button icon back --*/
.button.back,
.button.prev,
.button.left {
  padding-left: 5px !important;
}
/*-- button icon next --*/
.button.right:before,
.button.next:before {
  transform: rotate(0deg);
  padding-right: 0;
}
/*-- button icon down --*/
.button.down:before {
  transform: rotate(90deg);
}
/*-- button icon close --*/
.button.close:before {
  content: 'close';
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*-- button icon --*/
.button.icon {
  min-width: 50px;
  min-height: 50px;
  padding: 0 !important;
}
.button.icon.small {
  min-width: 30px;
  min-height: 30px;
}
@media (max-width: 769px), (max-height:650px) {
  .button.icon {
    min-width: 37px;
    min-height: 37px;
  }
}
/*-- submit button --*/
.submit.circle-btn,
.button.submit.circle-btn {
  border: 1px solid #333333;
  border-radius: 100px;
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  background-color: transparent;
  width: 170px;
  min-width: 170px;
  height: 170px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.5s;
  padding: 0 6px;
}
@media (max-height:700px) and (orientation:landscape), (max-width: 769px), (max-height: 800px) {
  .submit.circle-btn,
  .button.submit.circle-btn {
    min-width: 75px;
    width: 75px;
    height: 75px;
  }
}
.submit.circle-btn:hover,
.button.submit.circle-btn:hover {
  background-color: #fff5eb;
  color: #c4ad8f !important;
}
.button[for='video'] {
  position: absolute;
  top: 40px;
  right: 40px;
  margin: 0 !important;
  z-index: 55;
  transform: translateY(-100px);
}
.btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 4;
  transition: 0.3s;
}
.btn .icon {
  position: relative;
  z-index: 5;
}
.btn.prev:before {
  left: 0;
  background: linear-gradient(90deg, #fff5eb 30%, rgba(255, 245, 235, 0));
}
.btn.next:before {
  right: 0;
  background: linear-gradient(270deg, #fff5eb 30%, rgba(255, 245, 235, 0));
}
.btn:hover {
  background: #333333;
  color: #fff5eb;
}
/************************************************************************/
/*  Video */
/*************************************************************************/
/*-- Video normal --*/
.video.normal {
  border: 1px solid red;
}
/************************************************************************/
/*  TEXTY */
/*************************************************************************/
[data-type='text'] {
  max-width: 100%;
  z-index: 1;
}
/*-- Bežný text --*/
/*-- Tmavý text --*/
.text.black {
  color: #333333;
}
/*-- Biely text --*/
.text.white {
  color: #fff5eb;
}
/*-- Zmenšený text --*/
.text.smaller {
  font-size: 16px;
}
.text.smaller h2 {
  font-size: 40px;
}
@media (max-width: 980px) {
  .text.smaller h2 {
    font-size: 33px;
    margin-bottom: 35px;
  }
}
.text.smaller p {
  font-size: 16px;
}
/*-- Malý text --*/
.text.small {
  font-size: 12px;
}
.text.small p {
  font-size: 12px;
}
/*-- Väčší text --*/
.text.bigger {
  font-size: 22px;
}
.text.bigger p {
  font-size: 22px;
}
@media (max-width: 1024px) {
  .text.bigger p {
    font-size: 20px;
  }
}
@media (max-width: 520px) {
  .text.bigger p {
    font-size: 18px;
  }
}
/*-- Veľký text --*/
.text.big {
  font-size: 40px;
  font-weight: 100;
  line-height: 40px;
}
.text.big p {
  font-size: 40px;
  font-weight: 100;
  line-height: 40px;
}
/*-- Kapitálky --*/
.text.upper {
  text-transform: uppercase;
}
/*-- Verzálky --*/
.text.lower {
  text-transform: lowercase;
}
/*-- Light --*/
.text.light {
  font-weight: 200;
}
/*-- Bold --*/
.text.bold {
  font-weight: 600;
}
/*-- Extra boldBold --*/
.text.exbold {
  font-weight: 900;
}
/************************************************************************/
/*  WRAP */
/*************************************************************************/
/*-- Text v jednom stĺpci --*/
/*-- Text v dvoch stĺpcoch --*/
@media (min-width: 980px) {
  .wrap.two-column,
  .two-column {
    column-count: 2;
    column-gap: 30px;
  }
  .wrap.two-column p,
  .two-column p {
    margin: 0;
    padding-bottom: 12px;
  }
}
/*-- Text na polovicu šírky --*/
.wrap.half-size,
.half-size {
  width: 100%;
}
@media (min-width: 980px) {
  .wrap.half-size,
  .half-size {
    width: 50%;
  }
  .wrap.half-size:first-child,
  .half-size:first-child {
    padding-right: 20px;
  }
}
/*-- Text v úzkom stĺpci--*/
@media (min-width: 980px) {
  .wrap.narrow-column,
  .narrow-column {
    padding: 0 200px;
  }
}
/************************************************************************/
/*  Ramik */
/*************************************************************************

/*-- Orámovanie --*/
/*-- Bez rámika --*/
.ramik.border-none,
*.border-none {
  border-width: 0 !important;
  outline: 0;
}
/*-- Sivý rámik --*/
.ramik.border-gray,
*.border-gray {
  border-width: 1px;
  border-style: solid;
  border-color: #ececec;
  padding: 13px 20px;
}
/************************************************************************/
/*  Pozadie */
/*************************************************************************/
.bg-dark,
.bg-light {
  background-size: cover;
  background-position: center;
}
/*-- Bez pozadia --*/
.pozadie.bg-none,
*.bg-none {
  background: none;
}
/*-- SUNSET --*/
.pozadie.bg-sunset,
*.bg-sunset {
  background: #ffc7c7;
}
/*-- BROWN --*/
.pozadie.bg-brown,
*.bg-brown {
  background: #8a7370;
}
/*-- BLACK --*/
.pozadie.bg-black,
*.bg-black {
  background: #333333;
}
/*-- blue --*/
.pozadie.bg-blue,
*.bg-blue {
  background: #94b0b5;
}
/*-- pastel --*/
.pozadie.bg-pastel,
*.bg-pastel {
  background: #e3d6cc;
}
/*-- sand --*/
.pozadie.bg-sand,
*.bg-sand {
  background: #c4ad8f;
}
/*-- snow --*/
.pozadie.bg-snow,
*.bg-snow {
  background: #fff5eb;
}
/*-- green --*/
.pozadie.bg-green,
*.bg-green {
  background: #9cbf8f;
}
/*-- pastel --*/
.pozadie.bg-pastel,
*.bg-pastel {
  background: #e3d6cc;
}
/*-- pastel --*/
.pozadie.bg-pastel-dark,
*.bg-pastel-dark {
  background: #C4AD8F;
}
/************************************************************************/
/*  Oblé Rohy */
/*************************************************************************/
/*-- Bez zaoblenia --*/
.radius.radius-none,
*.radius-none {
  border-radius: 0px;
}
/*-- Malé zaoblenie --*/
.radius.radius-small,
*.radius-small {
  border-radius: 5px;
}
/*-- Stredné zaoblenie --*/
.radius.radius-medium,
*.radius-medium {
  border-radius: 10px;
}
/*-- Veľké zaoblenie --*/
.radius.radius-large,
*.radius-large {
  border-radius: 10px;
}
/*-- kruh --*/
.radius.radius-circle,
*.radius-circle {
  border-radius: 50%;
}
/*-- img crown --*/
img.crownaaaa {
  clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 87.6% 7.8%, 74.8% 0%, 62.5% 7.8%, 50.1% 0px, 37.6% 7.8%, 25% 0px, 12.7% 7.8%, 0% 0%);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff5eb inset !important;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(51, 51, 51, 0.5);
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  ::-webkit-input-placeholder {
    font-size: 24px;
  }
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(51, 51, 51, 0.5);
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  ::-moz-placeholder {
    font-size: 24px;
  }
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(51, 51, 51, 0.5);
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  :-ms-input-placeholder {
    font-size: 24px;
  }
}
:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(51, 51, 51, 0.5);
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  :-moz-placeholder {
    font-size: 24px;
  }
}
input[type='text'],
input[type='email'],
input[type='phone'],
input[type='type'],
input[type='company'],
textarea {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  -webkit-appearance: none;
  border-radius: 0 !important;
  color: #333333;
  text-align: left;
  background: transparent;
  border: none;
  margin-bottom: 28px;
  width: 100%;
  transition: 0.3s;
  border-bottom: 2px solid black;
  padding-bottom: 13px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  input[type='text'],
  input[type='email'],
  input[type='phone'],
  input[type='type'],
  input[type='company'],
  textarea {
    font-size: 24px;
    margin-bottom: 24px;
    padding-bottom: 20px;
  }
}
input[type='text']:focus,
input[type='email']:focus,
input[type='phone']:focus,
input[type='type']:focus,
input[type='company']:focus,
textarea:focus {
  outline: none;
}
label.checkbox {
  display: block;
  margin-bottom: 10px;
}
label.checkbox input {
  display: none;
}
label.checkbox div {
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #333333;
  cursor: pointer;
  line-height: 1.2;
  text-align: left;
}
@media (min-width: 445px) and (max-width: 768px), (min-width: 920px) {
  label.checkbox div {
    align-items: center;
  }
  label.checkbox div span {
    padding-top: 3px;
  }
}
label.checkbox div:before,
label.checkbox div:after {
  content: '';
  margin-right: 10px;
  width: 13px;
  min-width: 13px;
  height: 13px;
  border: 1px solid #333333;
  background-color: transparent;
  border-radius: 50px;
}
label.checkbox div:after {
  position: absolute;
  background-color: #333333;
  transform: scale(0);
  transition: 0.3s;
}
label.checkbox div:hover:before {
  background-color: rgba(51, 51, 51, 0.3);
}
label.checkbox input:checked ~ div:after {
  transform: scale(1);
}
input.invalid,
textarea.invalid,
label.invalid {
  color: #8a7370;
  border-color: #8a7370;
  animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
input.invalid *,
textarea.invalid *,
label.invalid * {
  color: #8a7370 !important;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.message {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 5;
  padding: 15px;
  background: #333333;
  color: white;
  pointer-events: none;
  opacity: 0;
  transition: 0s;
}
.message.show {
  opacity: 1;
}
.message.success {
  background: #333333;
}
.message.error {
  background: #333333;
}
@media only screen and (min-width: 768px) {
  [form="business"] .items,
  [form="work"] .items {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  [form="business"] .items #email,
  [form="work"] .items #email,
  [form="business"] .items #type,
  [form="work"] .items #type,
  [form="business"] .items #company,
  [form="work"] .items #company {
    margin-left: 25px;
  }
}
[form="business"] .items p,
[form="work"] .items p {
  text-align: left;
  font-size: 10px;
}
[form="business"] .items input,
[form="work"] .items input {
  text-align: center;
}
[form="business"] .items .submit,
[form="work"] .items .submit {
  margin-top: 0;
}
[form="business"] label,
[form="work"] label {
  text-align: left;
}
[form="business"] textarea,
[form="work"] textarea {
  border-radius: 8px!important;
  background-color: #E3D6CC;
  border-bottom: none;
  resize: none;
  padding: 15px 0 0 15px;
  min-height: 140px;
}
[form="business"] textarea::-webkit-input-placeholder,
[form="work"] textarea::-webkit-input-placeholder {
  color: #000;
}
[form="business"] textarea:-moz-placeholder,
[form="work"] textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
}
[form="business"] textarea::-moz-placeholder,
[form="work"] textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
}
[form="business"] textarea:-ms-input-placeholder,
[form="work"] textarea:-ms-input-placeholder {
  color: #000;
}
[form="business"] textarea::placeholder,
[form="work"] textarea::placeholder {
  color: #000;
}
header[template="main"] {
  position: fixed;
  left: 0;
  display: flex;
  z-index: 2500;
  width: 100%;
  padding: 30px 30px 0;
  transition: transform 1s, top 1s;
  pointer-events: all;
  top: -90px;
}
header[template="main"].show {
  top: 0;
}
@media (max-height:570px), (max-width: 769px) {
  header[template="main"].hidden {
    transform: translateY(-100%);
  }
}
header[template="main"].hide {
  transform: translateY(-100%);
}
@media (max-height:570px), (max-width: 769px) {
  header[template="main"].subpage .instagram,
  header[template="main"].subpage .facebook {
    display: none;
  }
  header[template="main"].subpage [container] [block="title"] .button.back.button.back {
    display: inline-flex;
  }
  header[template="main"].subpage [container] [block="title"] .button.back.button.back:before {
    background-size: 14px;
  }
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  header[template="main"] {
    padding: 20px;
  }
}
@media (min-height:571px) and (min-width: 769px) {
  header[template="main"] {
    background: transparent !important;
  }
}
header[template="main"] .nav-buttons {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
header[template="main"] .nav-buttons .nav-button {
  margin-left: 25px;
}
@media (min-width: 1024px) {
  header[template="main"] .nav-buttons .nav-button {
    display: none;
  }
}
header[template="main"] .nav-buttons .instagram,
header[template="main"] .nav-buttons .facebook {
  margin: 0 25px;
  transition: 0.3s;
}
@media (max-width: 769px) {
  header[template="main"] .nav-buttons .instagram,
  header[template="main"] .nav-buttons .facebook {
    display: none;
  }
}
header[template="main"] .nav-buttons .instagram img,
header[template="main"] .nav-buttons .facebook img {
  width: 26px;
}
header[template="main"] .nav-buttons .instagram:hover,
header[template="main"] .nav-buttons .facebook:hover {
  opacity: 0.7;
}
header[template="main"] [container] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
header[template="main"] [container] .white-logo {
  display: none;
}
header[template="main"] [container] [block="title"] {
  display: flex;
}
header[template="main"] [container] [block="title"] h1 {
  font-size: 34px;
  margin-top: -3px;
  margin-bottom: 0;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
}
@media (max-height:570px), (max-width: 769px) {
  header[template="main"] [container] [block="title"] h1 {
    display: none;
  }
}
header[template="main"] [container] [block="title"] .button.back {
  display: none;
  min-width: 27px !important;
  min-height: 27px !important;
  margin: -3px 0 0 !important;
}
header[template="main"] [container] [block="title"] .instagram,
header[template="main"] [container] [block="title"] .facebook {
  margin: 0 15px 0 0;
}
@media (min-height:571px) and (min-width: 769px) {
  header[template="main"] [container] [block="title"] .instagram,
  header[template="main"] [container] [block="title"] .facebook {
    display: none;
  }
}
header[template="main"] [container] [block="title"] .instagram img,
header[template="main"] [container] [block="title"] .facebook img {
  width: 26px;
}
@media (max-width: 980px) {
  header[template="main"] [container] [block="title"] .instagram img,
  header[template="main"] [container] [block="title"] .facebook img {
    width: 20px;
  }
}
header[template="main"] [container] [block="logo"] {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 32px;
}
@media (max-width: 769px) {
  header[template="main"] [container] [block="logo"] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    width: unset;
    gap: unset;
  }
}
header[template="main"] [container] [block="logo"] img {
  height: 26px;
}
@media (max-width: 980px) {
  header[template="main"] [container] [block="logo"] img {
    height: 20px;
  }
}
header[template="main"][color="transparent"] {
  background-color: transparent;
}
header[template="main"][color="sand"] {
  background-color: #c4ad8f;
}
header[template="main"][color="yellow"] {
  background-color: #FBC46B;
}
header[template="main"][color="sunset"] {
  background-color: #ffc7c7;
}
@media (max-width: 769px) {
  header[template="main"][color="sunset"] .normal-logo {
    display: block !important;
  }
  header[template="main"][color="sunset"] .white-logo {
    display: none !important;
  }
  header[template="main"][color="sunset"] .nav-button:not(.open) .ikon .line {
    background-color: #333333 !important;
  }
}
header[template="main"][color="brown"] {
  background-color: #8a7370;
}
header[template="main"][color="black"] {
  background-color: #333333;
}
header[template="main"][color="blue"] {
  background-color: #94b0b5;
}
header[template="main"][color="pastel"] {
  background-color: #e3d6cc;
}
header[template="main"][color="snow"] {
  background-color: #fff5eb;
}
header[template="main"][color="green"] {
  background-color: #9cbf8f;
}
@media (max-width: 769px) {
  header[template="main"][color="green"] .normal-logo {
    display: block !important;
  }
  header[template="main"][color="green"] .white-logo {
    display: none !important;
  }
  header[template="main"][color="green"] .nav-button:not(.open) .ikon .line {
    background-color: #333333 !important;
  }
}
body {
  counter-reset: section;
}
html[color-scheme="invert"] .cursor .cls-2 {
  fill: #fff5eb;
}
html[color-scheme="invert"] header[template="main"] [container] [block="title"] {
  color: #fff5eb;
}
html[color-scheme="invert"] header[template="main"] [container] .normal-logo {
  display: none;
}
html[color-scheme="invert"] header[template="main"] [container] .white-logo {
  display: block;
}
html[color-scheme="invert"] header[template="main"] [container] nav.top a {
  color: #fff5eb;
}
html[color-scheme="invert"] header[template="main"] [container] nav.numbers ul li a {
  color: #fff5eb;
}
html[color-scheme="invert"] header[template="main"] [container] nav.numbers ul li a .m-icon:before {
  border-color: #fff5eb;
}
html[color-scheme="invert"] header[template="main"] [container] .nav-button:not(.open) .ikon .line {
  background-color: #fff5eb;
}
[component="navigation"][color="sand"] {
  background-color: #c4ad8f;
}
[component="navigation"][color="sunset"] {
  background-color: #ffc7c7;
}
[component="navigation"][color="brown"] {
  background-color: #8a7370;
}
[component="navigation"][color="brown"] nav.main a {
  color: #e3d6cc;
}
[component="navigation"][color="brown"] nav.main a:hover {
  color: #c4ad8f;
}
[component="navigation"][color="brown"] + .nav-buttons .nav-button.open .line {
  background-color: #e3d6cc;
}
[component="navigation"][color="black"] {
  background-color: #333333;
}
[component="navigation"][color="black"] nav.main a {
  color: #c4ad8f;
}
[component="navigation"][color="black"] nav.main a:hover {
  color: #e3d6cc;
}
[component="navigation"][color="black"] + .nav-buttons .nav-button.open .line {
  background-color: #c4ad8f;
}
[component="navigation"][color="blue"] {
  background-color: #94b0b5;
}
[component="navigation"][color="pastel"] {
  background-color: #e3d6cc;
}
[component="navigation"][color="snow"] {
  background-color: #fff5eb;
}
[component="navigation"][color="green"] {
  background-color: #9cbf8f;
}
[component="navigation"][color="green"] nav li a:hover {
  color: #e3d6cc;
}
[component="navigation"] {
  transition: 0.5s;
  transform-origin: left center;
  top: 0px;
  right: 0;
  position: fixed;
  pointer-events: all;
  z-index: 500;
  height: 100%;
  background-color: #ffc7c7;
  display: flex;
  flex-direction: column;
}
[component="navigation"].show {
  animation: show-nav 0.5s ease forwards;
}
[component="navigation"].show nav.main {
  opacity: 1;
}
[component="navigation"].hide {
  animation: hide-nav 0.5s ease forwards;
}
[component="navigation"].hide nav.main {
  opacity: 0;
}
@keyframes show-nav {
  0% {
    transform: scaleY(0) translateY(0%);
    opacity: 0;
  }
  100% {
    transform: scaleY(1) translateY(0%);
    opacity: 1;
  }
}
@keyframes hide-nav {
  0% {
    transform: scaleY(1) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scaleY(0) translateY(0%);
    opacity: 0;
  }
}
[component="navigation"][open-direction="right"] {
  transform: scaleX(1) translateX(100%);
  transform-origin: right center;
}
[component="navigation"][open-direction="right"].show {
  animation-name: show-nav-right;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
[component="navigation"][open-direction="right"].hide {
  animation-name: hide-nav-right;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
@keyframes show-nav-right {
  0% {
    transform: scaleX(1) translateX(100%);
    opacity: 1;
  }
  100% {
    transform: scaleX(1) translateX(0%);
    opacity: 1;
  }
}
@keyframes hide-nav-right {
  0% {
    transform: scaleX(1) translateX(0%);
    opacity: 1;
  }
  100% {
    transform: scaleX(1) translateX(100%);
    opacity: 1;
  }
}
[component="navigation"][open-direction="top"] {
  transform-origin: center top;
}
@media (max-width: 980px) {
  [component="navigation"][open-direction="top"] {
    transform: scaleX(1) translateY(-100%) skew(0deg, -7deg);
  }
}
[component="navigation"][open-direction="top"].show {
  animation-name: show-nav-top;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
[component="navigation"][open-direction="top"].hide {
  animation-name: hide-nav-top;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
@keyframes show-nav-top {
  0% {
    transform: scaleY(1) translateY(-100%) skew(0deg, -7deg);
    opacity: 1;
  }
  100% {
    transform: scaleY(1) translateY(0%) skew(0deg, -7deg);
    opacity: 1;
  }
}
@keyframes hide-nav-top {
  0% {
    transform: scaleY(1) translateY(0%) skew(0deg, -7deg);
    opacity: 1;
  }
  100% {
    transform: scaleY(1) translateY(-100%) skew(0deg, -7deg);
    opacity: 1;
  }
}
[component="navigation"][open-direction="left"] {
  transform-origin: left middle;
}
[component="navigation"][open-direction="left"].show {
  display: flex;
  animation-name: show-nav-left;
  animation-timing-function: ease;
}
[component="navigation"][open-direction="left"].hide {
  display: flex;
  opacity: 1;
  animation-name: hide-nav-left;
  animation-timing-function: ease;
}
@keyframes show-nav-left {
  0% {
    transform: scaleX(1) translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: scaleX(1) translateX(0%);
    opacity: 1;
  }
}
@keyframes hide-nav-left {
  0% {
    transform: scaleX(1) translateX(0%);
    opacity: 1;
  }
  100% {
    transform: scaleX(1) translateX(-100%);
    opacity: 1;
  }
}
[component="navigation"][open-direction="bottom"] {
  transform-origin: center bottom;
}
[component="navigation"][open-direction="bottom"].show {
  animation-name: show-nav-bottom;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
[component="navigation"][open-direction="bottom"].hide {
  animation-name: hide-nav-bottom;
  animation-duration: 0.5s;
  animation-delay: 0s;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
@keyframes show-nav-bottom {
  0% {
    transform: scaleY(1) translateY(100%);
    opacity: 1;
  }
  100% {
    transform: scaleY(1) translateY(0%);
    opacity: 1;
  }
}
@keyframes hide-nav-bottom {
  0% {
    transform: scaleY(1) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scaleY(1) translateY(100%);
    opacity: 1;
    padding-top: 0px;
  }
}
.nav-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 990;
  pointer-events: all;
  transition: 0.3s;
}
.nav-button:hover {
  opacity: 0.7;
}
.nav-button .ikon {
  position: relative;
  width: 34px;
  height: 26px;
}
@media (max-width: 980px) {
  .nav-button .ikon {
    width: 25px;
    height: 20px;
  }
}
.nav-button .ikon .line {
  width: 100%;
  background-color: #333333;
  height: 4px;
  margin-bottom: 7px;
  transition: 0.3s;
}
.nav-button .ikon .line:last-child {
  margin-bottom: 0;
}
@media (max-width: 980px) {
  .nav-button .ikon .line {
    height: 3px;
    margin-bottom: 5px;
  }
}
.nav-button.open .line {
  position: absolute;
  top: 11px;
  left: 1px;
  height: 4px !important;
  width: 32px;
}
@media (max-width: 980px) {
  .nav-button.open .line {
    top: 8px;
    left: 1px;
    height: 3px !important;
    width: 25px;
  }
}
.nav-button.open .line:nth-child(1) {
  transform: rotate(45DEG);
  margin: 0;
}
.nav-button.open .line:nth-child(2) {
  display: none;
}
.nav-button.open .line:nth-child(3) {
  transform: rotate(-45DEG);
  margin: 0;
}
@media (max-width: 640px) {
}
/***** NAV MAIN ***********************************/
header[template="main"] nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
header[template="main"] nav.top {
  flex-direction: row;
  justify-content: center;
  overflow-y: unset;
  -webkit-overflow-scrolling: unset;
  height: unset;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media (max-width: 1024px) {
  header[template="main"] nav.top {
    display: none;
  }
}
header[template="main"] nav.top ul {
  flex-direction: row;
  padding: 0;
  width: unset;
}
header[template="main"] nav.top ul li a {
  font-size: 20px;
  padding: 8px 12px;
  white-space: nowrap;
}
@media (max-width: 1200px) {
  header[template="main"] nav.top ul li a {
    padding: 8px;
  }
}
header[template="main"] nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  z-index: 2;
  padding: 20px 15px;
  width: 330px;
}
@media (min-width: 980px) {
  header[template="main"] nav ul {
    padding: 50px 25px;
  }
}
header[template="main"] nav li {
  position: relative;
  transition: 1s;
  transform-origin: left;
  margin: 0;
  z-index: 3;
  width: 100%;
}
@media (min-width: 980px) {
  header[template="main"] nav li {
    display: flex;
    flex-direction: column;
  }
}
header[template="main"] nav li.selected > a {
  opacity: 0.5;
}
header[template="main"] nav li.selected > a:hover {
  color: #333333;
  opacity: 0.3;
}
header[template="main"] nav li a {
  position: relative;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 24px;
  padding: 8px 15px 8px 15px;
  background-color: transparent;
  transition: 0.3s;
  line-height: 1.1;
  text-decoration: none;
  text-align: left;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
}
@media (max-height:700px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  header[template="main"] nav li a {
    font-size: 20px;
    padding: 10px 15px;
  }
}
header[template="main"] nav li a:hover {
  color: #8a7370;
}
header[template="main"] nav li a[load]:before {
  transition: 1s;
  transform: scaleX(0);
}
header[template="main"] nav li a[load]:after {
  width: 10px;
  height: 10px;
  margin: 0;
  top: 50%;
  left: 1px;
  border-width: 2px;
  border-color: #ffc7c7 #ffc7c7 #000000 #000000;
}
nav.main li.selected ul.dropdown {
  display: none !important;
}
nav.main li ul.dropdown {
  display: none;
  width: 100%;
  border-radius: 0;
  transform-origin: left top;
  min-height: 0;
  margin: 0;
  padding: 0 0 20px 33px;
}
@keyframes expand {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes collapse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
nav.main li ul.dropdown li.selected > a .m-icon {
  position: absolute;
  left: -20px;
  background-position: center;
  background-image: url(/preview-file/hearthBlack.svg);
  background-size: 10px;
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
}
nav.main li ul.dropdown li:hover > a {
  color: #8a7370;
}
nav.main li ul.dropdown li a {
  transform: none;
  font-size: 15px;
  text-align: left;
  padding: 6px 0px;
  text-transform: none;
  width: 100%;
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
}
nav.main li ul.dropdown li a:before {
  background-color: transparent;
}
nav.main li ul.dropdown li a:hover:before {
  background-color: #fff5eb;
}
nav.main li ul.dropdown li a .m-icon {
  display: none;
}
nav.main li ul.dropdown li a[load]:after {
  left: -5px;
  width: 15px;
  height: 15px;
}
nav.main li ul.dropdown.next {
  position: relative;
  display: flex;
  flex-direction: column;
  top: auto;
  left: auto;
  padding-left: 20px;
  margin-left: 0;
}
header[template="main"] nav.numbers {
  position: fixed;
  height: 100%;
  width: auto;
  top: 0;
  right: -90px;
  display: flex;
  justify-content: center;
  padding: 30px;
  min-width: auto;
  transition: 0.5s;
  pointer-events: none;
}
@media (max-height:700px) and (orientation:landscape) {
  header[template="main"] nav.numbers {
    display: none;
  }
}
@media (max-width: 980px) {
  header[template="main"] nav.numbers {
    display: none;
  }
}
header[template="main"] nav.numbers.show {
  right: 0;
}
header[template="main"] nav.numbers.hidden {
  transition-delay: 0s;
  transform: translateX(100%);
}
header[template="main"] nav.numbers ul {
  width: auto;
  list-style: none;
  padding: 0;
  align-items: flex-end;
}
header[template="main"] nav.numbers ul.dropdown {
  display: none !important;
}
header[template="main"] nav.numbers ul li {
  width: auto;
}
header[template="main"] nav.numbers ul li a {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  flex-direction: row-reverse;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  color: #333333;
  padding: 3px 0;
  transition: 0.3s;
  pointer-events: none;
}
header[template="main"] nav.numbers ul li a:hover span:last-child {
  opacity: 1;
}
header[template="main"] nav.numbers ul li a span {
  font-size: 20px;
}
header[template="main"] nav.numbers ul li a span:last-child {
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
header[template="main"] nav.numbers ul li a span.m-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  pointer-events: all;
  margin-left: 5px;
}
header[template="main"] nav.numbers ul li a span.m-icon:before {
  content: "";
  width: 10px;
  min-width: 10px;
  height: 10px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: #333333;
}
header[template="main"] nav.numbers ul li.selected a {
  display: flex;
  align-items: center;
  margin-left: 0 !important;
  opacity: 1 !important;
}
header[template="main"] nav.numbers ul li.selected a span::before {
  opacity: 0;
}
header[template="main"] nav.numbers ul li.selected a span.m-icon {
  background-position: center;
  background-image: url(/preview-file/hearthPastel.svg);
  background-size: 15px;
  display: block;
  background-repeat: no-repeat;
}
header[template="main"] nav.numbers[color="sand"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthSand.svg);
}
header[template="main"] nav.numbers[color="sunset"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthSunset.svg);
}
header[template="main"] nav.numbers[color="brown"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthBrown.svg);
}
header[template="main"] nav.numbers[color="black"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthBlack.svg);
}
header[template="main"] nav.numbers[color="blue"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthBlue.svg);
}
header[template="main"] nav.numbers[color="pastel"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthPastel.svg);
}
header[template="main"] nav.numbers[color="snow"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthSnow.svg);
}
header[template="main"] nav.numbers[color="green"] ul li.selected a span.m-icon {
  background-image: url(/preview-file/hearthGreen.svg);
}
section[template],
section[template],
section[component] {
  min-width: 100vw;
  padding-left: 0px;
  padding-right: 0px;
  transition: 0.5s;
  min-height: 100vh;
  height: 100vh;
  /*-- Video fullscreen --*/
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[template],
  section[template],
  section[component] {
    height: auto;
  }
}
section[template].hasSubmenu,
section[template].hasSubmenu,
section[component].hasSubmenu {
  padding-top: 100px;
  transition: 1s;
}
section[template].hasSubmenu:before,
section[template].hasSubmenu:before,
section[component].hasSubmenu:before {
  content: '';
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 60px;
  background: linear-gradient(0deg, rgba(255, 245, 235, 0), #fff5eb);
  z-index: 804;
  pointer-events: none;
}
@media (min-height:571px) and (min-width: 769px) {
  section[template].hasSubmenu,
  section[template].hasSubmenu,
  section[component].hasSubmenu {
    padding-top: 150px;
  }
  section[template].hasSubmenu:before,
  section[template].hasSubmenu:before,
  section[component].hasSubmenu:before {
    top: 150px;
    height: 100px;
  }
}
section[template].hasSubmenu [container],
section[template].hasSubmenu [container],
section[component].hasSubmenu [container] {
  padding: 0 30px;
  min-height: auto !important;
}
section[template].hasSubmenu.videoPlay,
section[template].hasSubmenu.videoPlay,
section[component].hasSubmenu.videoPlay {
  padding-top: 0;
}
section[template].hasSlider > [container],
section[template].hasSlider > [container],
section[component].hasSlider > [container] {
  transition-delay: 0s;
  transform: scale(0.85);
}
section[template].hasSlider > [container],
section[template].hasSlider > [container],
section[component].hasSlider > [container] {
  transition-delay: 0s;
  transform: scale(0.85);
}
section[template] [container],
section[template] [container],
section[component] [container] {
  width: 100%;
  min-height: 100vh;
  height: 100%;
  max-width: 1370px;
  padding: 90px 30px 90px 30px;
  transition-delay: 0.4s;
}
section[template] [container].overflowVisible,
section[template] [container].overflowVisible,
section[component] [container].overflowVisible {
  overflow: visible;
}
section[template] [container].fullscreen,
section[template] [container].fullscreen,
section[component] [container].fullscreen {
  max-width: 100%;
  padding: 0;
}
section[template] [container].fullwidth,
section[template] [container].fullwidth,
section[component] [container].fullwidth {
  max-width: 100%;
}
@media (max-height:600px) and (orientation:landscape) {
}
section[template] [container].videoPlay [element="text"],
section[template] [container].videoPlay [element="text"],
section[component] [container].videoPlay [element="text"],
section[template] [container].videoPlay [element="button"],
section[template] [container].videoPlay [element="button"],
section[component] [container].videoPlay [element="button"],
section[template] [container].videoPlay [element="image"],
section[template] [container].videoPlay [element="image"],
section[component] [container].videoPlay [element="image"] {
  transition: 0.5s;
  opacity: 0;
  transform: scale(0.7);
}
section[template] [container].videoPlay .button.close,
section[template] [container].videoPlay .button.close,
section[component] [container].videoPlay .button.close {
  transform: translateY(0);
}
@media (min-width: 980px) {
}
section[template] [element="video"].fullscreen,
section[template] [element="video"].fullscreen,
section[component] [element="video"].fullscreen {
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
section[template] [element="video"].fullscreen video,
section[template] [element="video"].fullscreen video,
section[component] [element="video"].fullscreen video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
  background: #333333;
  transition: 0.5s;
  opacity: 0;
}
section[template] [element="video"].fullscreen video.play,
section[template] [element="video"].fullscreen video.play,
section[component] [element="video"].fullscreen video.play {
  opacity: 1;
}
section[template] [block],
section[template] [block],
section[component] [block] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
@media (max-height:600px) and (orientation:landscape) {
}
@media (max-width: 980px) {
  section[template] [block],
  section[template] [block],
  section[component] [block] {
    padding: 15px;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template] [block],
  section[template] [block],
  section[component] [block] {
    padding: 30px;
  }
}
section[template='main'] {
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-start;
}
section[template='main'][id="povedzte-nam-svoj-nazor"],
section[template='main'][id="brownfieldy"] {
  z-index: 400;
}
section[template='main'][id="povedzte-nam-svoj-nazor"] .buttons .button,
section[template='main'][id="brownfieldy"] .buttons .button {
  margin-left: 8px;
  margin-right: 8px;
}
section[template='main'][id="povedzte-nam-svoj-nazor"] .buttons .button:last-child,
section[template='main'][id="brownfieldy"] .buttons .button:last-child {
  padding: 0 20px;
}
@media (orientation: portrait) {
  section[template='main'][id='viac-o-palme'] [container] {
    flex-direction: column;
  }
  section[template='main'][id='viac-o-palme'] [container] [block='text'][width='12'] {
    align-items: center;
    text-align: center;
  }
}
@media (orientation: landscape) {
  section[template='main'][id='viac-o-palme'] [container] h2 {
    transform-origin: left;
  }
}
@media (orientation: landscape) and (min-width: 769px) {
  section[template='main'][id='viac-o-palme'] [container] [block='text']:nth-child(even) {
    padding-left: 80px;
  }
}
section[template='main'][id='tvorcovia'] .buttons .button {
  margin-left: 8px;
  margin-right: 8px;
}
section[template='main'][id='tvorcovia'] .buttons .button:last-child {
  padding: 0 20px;
}
section[template='main'][id='tvorcovia'] .buttons .button:hover {
  background: #94b0b5;
  color: #fff5eb;
}
@media (max-height:700px) and (orientation:landscape) {
  section[template='main'][id='tvorcovia'] > [container] > [block] {
    padding: 0;
  }
  section[template='main'][id='tvorcovia'] > [container] > [block] .text.last {
    display: none;
  }
}
section[template='main'] [container] {
  display: flex;
  justify-content: center;
  text-align: center;
  max-width: 1150px;
  margin: 0 auto;
  overflow: hidden;
}
section[template='main'] [container].visible {
  overflow: visible;
}
section[template='main'] [container] .bottom-button {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 50px;
}
@media (max-height:600px) and (orientation:landscape) {
  section[template='main'] [container] .bottom-button {
    padding-bottom: 15px;
  }
}
section[template='main'] [block].bottom {
  position: absolute;
  color: #c4ad8f;
  font-size: 20px;
  bottom: 120px;
}
@media (max-height:650px) {
  section[template='main'] [block].bottom {
    bottom: 20px !important;
    padding: 0;
  }
}
@media (max-width:767px) and (orientation:portrait), (max-height:700px) and (orientation:landscape) {
  section[template='main'] [block].bottom {
    left: 50%;
    transform: translateX(-50%);
    max-width: 260px;
    font-size: 13px;
    bottom: 70px;
  }
}
section[template='main'] [block] .bg-wrapp {
  position: relative;
}
@media (max-width:767px) and (orientation:portrait), (max-height:700px) and (orientation:landscape) {
  section[template='main'] [block='text'].headline {
    padding-top: 80px;
  }
}
section[template='main'] [block='text'][width='12'] {
  align-items: flex-start;
  text-align: left;
}
@media (orientation: portrait) {
  section[template='main'] [block='text'][width='12'] {
    padding: 15px;
  }
}
section[template='main'] span.green-box {
  width: 93px;
  height: 38px;
  background: #9cbf8f;
  display: inline-block;
}
section[template='main'] span.green-box.mobile {
  width: 51px;
  height: 27px;
}
section[template='main'] span.brown-box {
  width: 93px;
  height: 38px;
  background: #8a7370;
  display: inline-block;
}
[component="SliderPictures"] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  pointer-events: none;
}
@media (min-height:571px) and (min-width: 769px) {
  .sitelab.editor-wrapper section[template][pattern="pictures"] {
    background: #fff5eb;
  }
}
section[template][pattern="pictures"] {
  overflow-y: auto;
}
@media (min-height:571px) and (min-width: 769px) {
  section[template][pattern="pictures"] {
    background: transparent;
  }
}
section[template][pattern="pictures"] [container] {
  max-width: 1370px;
  height: auto;
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][pattern="pictures"] [container] {
    padding: 30px 30px 80px 30px;
    flex-direction: row !important;
  }
}
@media ((max-width:767px) and (orientation:portrait)) {
  section[template][pattern="pictures"] [container] {
    flex-direction: column-reverse !important;
  }
}
section[template][pattern="pictures"] [block] {
  padding: 50px;
}
@media (max-width: 980px) {
  section[template][pattern="pictures"] [block] {
    padding: 15px;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][pattern="pictures"] [block="image"] {
    padding-bottom: 20px !important;
  }
}
@media (orientation: landscape) {
  section[template][pattern="pictures"] [block="image"] .image {
    height: 65vh;
    display: flex;
    align-items: center;
  }
  section[template][pattern="pictures"] [block="image"] .image img {
    max-height: 100%;
  }
}
@media (orientation: landscape) and (max-height:650px) {
  section[template][pattern="pictures"] [block="image"] .image {
    height: 75vh;
  }
}
[form="newsletter"] section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[form="newsletter"] section #email {
  text-align: center;
}
[form="newsletter"] section p {
  width: 50%;
  font-size: 13px!important;
}
@media (max-height:570px), (max-width: 769px) {
  [form="newsletter"] section p {
    width: 100%;
  }
}
section[template][layout="pictureLandscape"] {
  flex-direction: column;
}
section[template][layout="pictureLandscape"] .scroller {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
section[template][layout="pictureLandscape"] [container] {
  max-width: 1370px;
  height: auto;
  min-height: auto;
  overflow: visible;
  margin-top: -90px;
  text-align: left;
}
@media (max-width: 980px) {
  section[template][layout="pictureLandscape"] [container] {
    margin-top: -40px;
  }
}
@media (max-width: 769px) {
  section[template][layout="pictureLandscape"] [container] {
    margin-top: 0;
    flex-direction: column-reverse !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
section[template][layout="pictureLandscape"] [container]:nth-child(1) {
  margin-top: 0;
}
section[template][layout="pictureLandscape"] [container]:nth-child(even) {
  flex-direction: row-reverse;
}
section[template][layout="pictureLandscape"] [container]:last-child {
  padding-bottom: 30px;
}
section[template][layout="pictureLandscape"] [block] {
  padding: 50px;
}
@media (max-width: 980px) {
  section[template][layout="pictureLandscape"] [block] {
    padding: 15px;
  }
}
section[template][layout="pictureLandscape"] [block="text"] {
  width: 50%;
  align-items: flex-start;
}
@media (max-width: 769px) {
  section[template][layout="pictureLandscape"] [block="text"] {
    width: 100%;
  }
  section[template][layout="pictureLandscape"] [block="text"] .text {
    padding: 0 !important;
  }
}
section[template][layout="pictureLandscape"] [block="text"] h3 {
  font-size: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  section[template][layout="pictureLandscape"] [block="text"] h3 {
    font-size: 26.6px;
  }
}
section[template][layout="pictureLandscape"] [block="text"] p {
  font-size: 18px;
}
@media (max-width: 1024px) {
  section[template][layout="pictureLandscape"] [block="text"] p {
    font-size: 16.6px;
  }
}
section[template][layout="pictureLandscape"] [block="text"] .text:first-child {
  padding-top: 120px;
}
@media (max-width: 980px) {
  section[template][layout="pictureLandscape"] [block="text"] .text:first-child {
    padding-top: 60px;
  }
}
section[template][layout="pictureLandscape"] [block="text"] .text:last-child {
  padding-bottom: 60px;
}
@media (max-width: 980px) {
  section[template][layout="pictureLandscape"] [block="text"] .text:last-child {
    padding-top: 0px;
  }
}
section[template][layout="pictureLandscape"] [block="image"] {
  width: 50%;
  max-height: calc(100vh - 200px);
  justify-content: flex-start;
  overflow: hidden;
}
@media (max-height:700px) {
  section[template][layout="pictureLandscape"] [block="image"] {
    max-height: calc(100vh - 150px);
  }
}
section[template][layout="pictureLandscape"] [block="image"] [element="image"] {
  width: 100%;
}
section[template][layout="pictureLandscape"] [block="image"] [element="image"] img {
  width: 100%;
}
@media (max-width: 769px) {
  section[template][layout="pictureLandscape"] [block="image"] {
    width: 100%;
  }
}
@media (min-width: 769px) {
  section[template="sub"][layout="pictureLandscape"] [container]:nth-child(odd) [block="text"] {
    padding-left: 0;
  }
}
section[template="sub"][layout="pictureLandscape"] [container]:nth-child(even) {
  flex-direction: row-reverse;
}
@media (min-width: 769px) {
  section[template="sub"][layout="pictureLandscape"] [container]:nth-child(even) [block="image"] {
    padding-left: 0;
  }
}
section[template="sub"][layout="pictureLandscape"] [container].last {
  padding-bottom: 30px;
}
section[template="sub"][layout="pictureLandscape"] [block] {
  padding: 30px;
}
@media (max-width: 769px) {
  section[template="sub"][layout="pictureLandscape"] [block] {
    padding: 15px;
  }
}
section[template="sub"][layout="pictureLandscape"] [block="text"] p {
  font-size: 15px;
}
@media (max-width: 1024px) {
  section[template="sub"][layout="pictureLandscape"] [block="text"] p {
    font-size: 15px;
  }
}
section[template="sub"][layout="pictureLandscape"] [block="text"] .text:first-child {
  padding-top: 0;
}
@media (max-width: 980px) {
  section[template="sub"][layout="pictureLandscape"] [block="text"] .text:first-child {
    padding-top: 0;
  }
}
section[template="sub"][layout="pictureLandscape"] [block="text"] .text:last-child {
  padding-bottom: 0;
}
@media (max-width: 980px) {
  section[template="sub"][layout="pictureLandscape"] [block="text"] .text:last-child {
    padding-top: 0;
  }
}
@media (min-width: 769px) and (orientation: landscape) {
  section[template="sub"][layout="pictureLandscape"] [block="image"] {
    width: unset;
    height: calc(100vh - 200px);
  }
}
@media (max-width: 769px) {
  section[template="sub"][layout="pictureLandscape"] [block="image"] {
    max-height: unset !important;
  }
}
section[template="sub"][layout="pictureLandscape"] [block="image"] [element="image"] {
  height: 100%;
}
section[template="sub"][layout="pictureLandscape"] [block="image"] [element="image"] [component="MiniGallery"] {
  height: 100%;
}
section[template="sub"][layout="pictureLandscape"] [block="image"] [element="image"] img {
  width: 100%;
}
@media (max-width: 769px) {
  section[template="sub"][layout="pictureLandscape"] [block="image"] {
    width: 100%;
  }
}
section[template][layout="picturePortrait"] .scroller {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
section[template][layout="picturePortrait"] .scroller [container] {
  height: auto;
  min-height: auto;
  overflow: visible;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 860px;
  padding-bottom: 30px;
}
section[template][layout="picturePortrait"] .scroller [container="headline"] {
  padding-top: 6%;
}
@media (max-width: 769px) {
  section[template][layout="picturePortrait"] .scroller [container="headline"] {
    padding-top: 40px;
  }
}
section[template][layout="picturePortrait"] .scroller [block="image"] .image {
  position: relative;
}
@media (max-width: 769px) {
  section[template][layout="picturePortrait"] .scroller [block="image"] {
    padding-left: 0;
    padding-right: 0;
  }
}
section[template][layout="picturePortrait"] .scroller [block="text"] {
  padding-top: 0;
}
[component="CookieBar"] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #e2d5cc;
  padding: 20px 50px 20px;
  transition: 0.5s;
  transform: translateY(100%);
  z-index: 9000;
  pointer-events: all;
}
[component="CookieBar"].visible {
  transform: translateY(0%);
}
[component="CookieBar"] .close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
[component="CookieBar"] .close:hover {
  opacity: 0.5;
}
@media (max-width: 640px) {
  [component="CookieBar"] .close {
    right: 10px;
  }
}
[component="CookieBar"] .text {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  text-align: center;
  font-size: 16px;
  max-width: 650px;
  margin: 0 auto;
  color: #8a7370;
}
[component="CookieBar"] .text a {
  color: #8a7370;
}
[component="CookieBar"] .accept {
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
  color: #8A7370;
}
[component="CookieBar"] .accept:hover {
  color: #c4ad8f;
}
[component="MiniGallery"] {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[component="MiniGallery"] .container {
  height: 100%;
  position: relative;
  overflow: hidden;
}
[component="MiniGallery"] .container .picture {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 30px);
  width: 100%;
  transform: translateX(100%);
}
[component="MiniGallery"] .container .picture[order="0"] {
  transform: none;
}
[component="MiniGallery"] .container .picture.template {
  position: relative;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 769px) {
  [component="MiniGallery"] .container .picture img {
    height: calc(100% - 50px);
    width: auto !important;
  }
}
[component="MiniGallery"] .container .desc {
  font-size: 15px;
  padding: 10px 0 20px;
}
[component="MiniGallery"] .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
[component="MiniGallery"] .nav.start .button.back {
  opacity: 0.2;
  pointer-events: none;
}
[component="MiniGallery"] .nav.end .button.next {
  opacity: 0.2;
  pointer-events: none;
}
[component="MiniGallery"] .nav .button {
  margin: 0 10px;
}
[component="VideoPlayer"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #8a7370;
  z-index: 999999;
}
[component="VideoPlayer"].reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"].reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"].reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"].reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"] .inner {
  position: relative;
  padding: 24px;
}
[component="VideoPlayer"] .inner:hover .overlay {
  opacity: 1;
}
[component="VideoPlayer"] .overlay {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0;
  position: absolute;
  left: 24px;
  bottom: 24px;
  right: 24px;
  padding: 32px 16px 56px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) 70%, transparent);
  pointer-events: none;
  transition: 0.5s;
  display: none;
  z-index: 8888;
}
[component="VideoPlayer"] .overlay.reverse {
  flex-direction: column-reverse;
}
[component="VideoPlayer"] .overlay.reverse {
  flex-direction: column-reverse;
}
[component="VideoPlayer"] .overlay.reverse {
  justify-content: flex-end;
}
[component="VideoPlayer"] .overlay.reverse {
  flex-direction: column-reverse;
}
[component="VideoPlayer"] .overlay.reverse {
  flex-direction: column-reverse;
}
[component="VideoPlayer"] .overlay.reverse {
  justify-content: flex-end;
}
@media (max-width: 769px) and (orientation: portrait) {
  [component="VideoPlayer"] .overlay {
    display: flex;
    opacity: 1;
    position: relative;
    background: transparent;
    left: 0;
    top: 0;
  }
  [component="VideoPlayer"] .overlay p {
    height: unset !important;
  }
}
[component="VideoPlayer"] .overlay h4 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #fff5eb;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.04em;
  margin-bottom: 10px;
}
[component="VideoPlayer"] .overlay h4.reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"] .overlay h4.reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"] .overlay h4.reverse {
  justify-content: flex-end;
}
[component="VideoPlayer"] .overlay h4.reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"] .overlay h4.reverse {
  flex-direction: row-reverse;
}
[component="VideoPlayer"] .overlay h4.reverse {
  justify-content: flex-end;
}
[component="VideoPlayer"] .overlay h4 .btn {
  background: transparent;
}
[component="VideoPlayer"] .overlay h4 .btn:hover svg circle {
  fill: #c4ad8f;
}
[component="VideoPlayer"] .overlay h4 .btn svg {
  pointer-events: all;
  margin-left: 10px;
}
[component="VideoPlayer"] .overlay h4 .btn svg circle {
  transition: 0.3s;
}
[component="VideoPlayer"] .overlay p {
  color: #fff5eb;
  font-size: 16px;
  line-height: 1.5;
  max-width: 660px;
  height: 0;
  overflow: hidden;
}
[component="VideoPlayer"] video {
  transform: scale(0.7);
  display: flex;
}
[component="VideoPlayer"] .close {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
  z-index: 9;
  border-color: #fff5eb;
  margin: 0;
}
[component="VideoPlayer"] .close:before {
  color: #fff5eb;
}
[component="VideoPlayer"] .close:hover {
  background-color: transparent;
  color: #333333;
}
[component="VideoPlayer"] .close:hover:before {
  color: #c4ad8f;
}
.sitelab.editor-wrapper section[template="main"][content="home"] .base {
  opacity: 1;
}
.sitelab.editor-wrapper section[template="main"][content="home"] .headline,
.sitelab.editor-wrapper section[template="main"][content="home"] .mouse {
  transform: translateY(0);
  opacity: 1;
}
.sitelab.editor-wrapper section[template="main"][content="home"] .sun {
  top: 0;
  z-index: 2;
  opacity: 1;
}
.sitelab.editor-wrapper section[template="main"][content="home"] [block="image"][width="12"] [element="image"].landscape {
  transform: translateY(0);
}
section[template="main"][content="home"] .base {
  position: relative;
  opacity: 0;
  z-index: 3;
}
section[template="main"][content="home"] .headline,
section[template="main"][content="home"] .mouse {
  transform: translateY(100%);
  opacity: 0;
}
section[template="main"][content="home"] .heart {
  opacity: 0;
}
section[template="main"][content="home"] .sun {
  top: 59%;
  z-index: 2;
  opacity: 0;
}
section[template="main"][content="home"] .mouse {
  width: 44px;
}
@media (max-height:800px) {
  section[template="main"][content="home"] .mouse {
    width: 34px;
  }
}
section[template="main"][content="home"] .mouse #ball {
  animation: scroll 1.5s ease-in-out infinite;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
section[template="main"][content="home"] [container] {
  flex-direction: column;
  align-items: center;
}
@media (max-height:800px) {
  section[template="main"][content="home"] [container] {
    padding-bottom: 30px;
  }
}
@media (orientation: portrait) {
  section[template="main"][content="home"] [container] {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template="main"][content="home"] [container] {
    flex-direction: row;
    justify-content: center;
  }
}
section[template="main"][content="home"] [container] [block] {
  transform: scale(1);
  align-items: center;
  text-align: center;
}
@media (min-width: 769px) {
  section[template="main"][content="home"] [block][width="12"] {
    width: 100%;
    padding: 30px;
  }
}
section[template="main"][content="home"] [block="image"][width="12"] [element="image"].landscape {
  position: relative;
  transform: translateY(30%);
}
section[template="main"][content="home"] [block="image"][width="12"] [element="image"].landscape .img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 9.4%;
}
section[template="main"][content="home"] [block="image"][width="12"] [element="image"].landscape .heart {
  top: 0;
}
section[template="main"][content="home"] [block="image"][width="12"] .portrait {
  display: none;
}
section[template="main"][content="home"] [block="image"][width="12"] img {
  max-width: 960px;
  width: 100%;
}
@media (orientation: landscape) {
  section[template="main"][content="home"] [block="image"][width="12"] .landscape {
    padding: 0 10%;
  }
}
@media (orientation: portrait), (max-height:700px) and (orientation:landscape) {
  section[template="main"][content="home"] [block="image"][width="12"] .landscape {
    display: none;
  }
  section[template="main"][content="home"] [block="image"][width="12"] .portrait {
    display: block;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template="main"][content="home"] [block="image"][width="12"] {
    align-items: flex-end;
    padding-top: 0;
    padding-bottom: 0;
  }
  section[template="main"][content="home"] [block="image"][width="12"] .image .base {
    height: 75vh;
    width: auto;
  }
}
@media (orientation: portrait) {
  section[template="main"][content="home"] [block="image"][width="12"] {
    align-items: center;
  }
  section[template="main"][content="home"] [block="image"][width="12"] .image .base {
    height: 40vh;
    width: auto;
    min-height: 230px;
  }
}
section[template="main"][content="home"] [block="text"][width="12"] {
  max-width: 590px;
  padding-top: 10px;
}
@media (min-height: 720px) {
  section[template="main"][content="home"] [block="text"][width="12"] {
    padding-top: 30px;
  }
  section[template="main"][content="home"] [block="text"][width="12"] .button {
    margin-top: 15px;
  }
}
@media (max-width: 769px) {
  section[template="main"][content="home"] [block="text"][width="12"] {
    max-width: 450px;
  }
}
@media (max-height:800px) {
  section[template="main"][content="home"] [block="text"][width="12"] h2 {
    margin-bottom: 40px;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template="main"][content="home"] [block="text"][width="12"] {
    padding-top: 20px;
  }
  section[template="main"][content="home"] [block="text"][width="12"] h2 {
    margin-bottom: 30px;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template="main"][content="home"] [block="text"][width="12"] {
    align-items: flex-start;
    text-align: left;
    padding: 0 60px 0 0;
  }
}
@media (orientation: portrait) {
  section[template="main"][content="home"] [block="text"][width="12"] {
    align-items: center;
    text-align: center;
  }
}
.sitelab.editor-wrapper section[content="timeline"] [container="wrap"] > .holder {
  overflow-x: scroll;
}
section[template="main"].pribeh {
  align-items: center;
}
@media (max-height:600px) and (orientation:landscape) {
  section[template="main"].pribeh.main [container] {
    padding-top: 90px;
  }
}
section[template="main"].pribeh [container].auto {
  min-height: auto;
  overflow: visible;
}
section[content="timeline"] .content.bottom {
  min-height: auto !important;
  padding: 0 !important;
}
section[content="timeline"] [container="wrap"],
section[content="timeline"] [container="wrap-noscroll"] {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  min-width: 100%;
  flex-direction: row !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [container="wrap"],
  section[content="timeline"] [container="wrap-noscroll"] {
    align-items: flex-start;
  }
}
@media (max-height:700px) {
  section[content="timeline"] [container="wrap"],
  section[content="timeline"] [container="wrap-noscroll"] {
    height: 100%;
    padding-top: 80px !important;
    padding-bottom: 0px !important;
    justify-content: flex-start;
  }
}
section[content="timeline"] [container="wrap"] [block],
section[content="timeline"] [container="wrap-noscroll"] [block] {
  white-space: initial;
  display: inline-block;
  vertical-align: top;
  margin-left: -6px;
  padding-top: 100px;
  position: relative;
  text-align: left;
  transform-origin: top left;
  transform: scale(1);
}
section[content="timeline"] [element="time"] {
  padding-bottom: 25px;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  left: 0;
  max-width: 100%;
  transition: 0.5s;
}
section[content="timeline"] [element="time"] span {
  position: relative;
  font-size: 32px;
  font-family: 'Skilt Gothic Semibold', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  transition: 0.5s;
}
section[content="timeline"] [element="time"] span b {
  font-family: 'Skilt Gothic Semibold', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  position: absolute;
  font-size: 15px;
  display: block;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
}
section[content="timeline"] [element="time"] span .xko {
  font-size: 31px;
}
@media (max-height: 500px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[content="timeline"] [element="time"] span {
    font-size: 26px;
  }
  section[content="timeline"] [element="time"] span .xko {
    font-size: 25px;
  }
}
section[content="timeline"] [element="time"].first::after {
  content: "";
  display: block;
  border: 5px solid #333333;
  width: 20px;
  height: 20px;
  background-color: #fff5eb;
  border-radius: 100px;
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width:767px) and (orientation:portrait), (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [element="time"].first::after {
    width: 17px;
    height: 17px;
    bottom: -6px;
    border: 4px solid #333333;
  }
}
section[content="timeline"] [element="time"].first::before {
  left: 50%;
}
section[content="timeline"] [element="time"]::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background-color: #333333;
  position: absolute;
  bottom: 0;
}
@media (max-width:767px) and (orientation:portrait), (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [element="time"]::before {
    height: 4px;
  }
}
section[content="timeline"] [element="time"]::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #333333;
  width: 6px;
  height: 14px;
  bottom: 0;
  left: 50%;
  transition: 0.5s;
}
section[content="timeline"] [block="item"].headline {
  width: 40vw;
  margin: 0;
  padding-right: 4vw;
  padding-left: 30vw;
  box-sizing: content-box;
}
section[content="timeline"] [block="item"].headline h2 {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
}
section[content="timeline"] [block="item"].headline [element="text"] {
  max-width: 450px;
  margin: 0 auto;
}
@media (min-width: 769px) {
  section[content="timeline"] [block="item"].headline [element="time"] {
    display: none;
  }
}
@media (max-width: 769px) {
  section[content="timeline"] [block="item"].headline {
    width: 50vw;
    padding-left: 15px;
  }
  section[content="timeline"] [block="item"].headline [element="time"] {
    display: none;
  }
}
@media (max-height: 800px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].headline {
    padding-top: 15px;
  }
}
@media (max-width:767px) and (orientation:portrait), (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].headline {
    width: calc(100vw - 90px);
    padding-right: 15px;
    padding-left: 15px;
  }
  section[content="timeline"] [block="item"].headline [element="time"] {
    display: block;
  }
}
@media (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].headline {
    width: calc(100vw - 90px);
    padding-left: 15px;
    padding-top: 30px;
  }
  section[content="timeline"] [block="item"].headline [element="time"] {
    text-align: right;
    padding-right: 40px;
  }
  section[content="timeline"] [block="item"].headline [element="time"]:before,
  section[content="timeline"] [block="item"].headline [element="time"]:after {
    left: 90%;
  }
  section[content="timeline"] [block="item"].headline [element="text"].smaller {
    margin-top: -60px;
  }
}
section[content="timeline"] [block="item"].headline p {
  font-size: 24px;
}
@media (max-height: 800px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].headline p {
    font-size: 15px;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[content="timeline"] [block="item"].headline p {
    font-size: 20px;
  }
}
section[content="timeline"] [block="item"] {
  padding-left: 45px;
  padding-right: 45px;
  width: 210px;
  box-sizing: content-box;
  font-size: 15px;
}
@media (orientation: portrait) and (max-height:700px) {
  section[content="timeline"] [block="item"] {
    padding-bottom: 0;
  }
}
@media (max-height: 500px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[content="timeline"] [block="item"] {
    font-size: 13px;
  }
}
@media (max-height: 800px) and (orientation:landscape) {
  section[content="timeline"] [block="item"] {
    width: 40vw;
    display: inline-flex;
    justify-content: flex-end;
  }
}
@media (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [block="item"] {
    width: 70vw;
    padding-top: 70px !important;
  }
}
@media (min-width: 769px) {
  section[content="timeline"] [block="item"].bigger {
    opacity: 0;
  }
}
section[content="timeline"] [block="item"].bigger .time:before {
  width: 150%;
}
section[content="timeline"] [block="item"].last .time:before {
  width: 100%;
}
section[content="timeline"] [block="item"].end {
  margin-right: calc(50vw - 150px - 205px);
  width: 60px;
}
@media (max-width:767px) and (orientation:portrait), (max-height: 800px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].end {
    margin-right: 3%;
    max-width: 90px;
  }
}
section[content="timeline"] [block="item"].end .time:before {
  width: 100%;
}
section[content="timeline"] [block="item"].end .time::after {
  width: 0px;
  height: 0px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #333333;
  background-color: transparent;
  right: -10px;
  top: 52px;
  left: initial;
}
@media (max-width:767px) and (orientation:portrait), (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [block="item"].end .time::after {
    top: 45px;
  }
}
section[content="timeline"] [block="item"].current .block.image {
  transform: scale(1.15);
}
section[content="timeline"] [block="item"].current [element="time"] > span {
  display: block;
  transform: translateY(-10px);
}
section[content="timeline"] [block="item"].current [element="time"]:after {
  height: 28px;
}
section[content="timeline"] [block="item"].current.first [element="time"]::after {
  height: 26px;
  width: 26px;
  bottom: -10px;
}
section[content="timeline"] [block="item"].current.end [element="time"]::after {
  height: 22px;
  top: 48px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 16px solid #333333;
}
section[content="timeline"] [block="item"].current.noimage h5 {
  transform: scale(1.15);
}
section[content="timeline"] [block="item"] h5 {
  transition: 0.5s;
}
section[content="timeline"] [block="item"] .block.image {
  margin-bottom: 40px;
  transition: 0.5s;
}
@media (orientation: portrait) and (max-height:700px) {
  section[content="timeline"] [block="item"] .block.image {
    margin-bottom: 20px;
  }
}
@media (orientation: portrait) and (max-height:700px) {
  section[content="timeline"] [block="item"] .block.text h6 {
    margin-bottom: 10px;
  }
}
section[content="timeline"] [block="item"] .holder {
  display: flex;
  flex-direction: column;
}
section[content="timeline"] [block="item"] .holder a {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  line-height: 1.05;
}
@media (max-height: 630px) and (orientation: portrait) {
  section[content="timeline"] [block="item"] .holder .image.i1958 {
    overflow: hidden;
  }
  section[content="timeline"] [block="item"] .holder .image.i1958 img {
    margin-top: -40%;
  }
}
@media (max-height: 800px) and (orientation:landscape) {
  section[content="timeline"] [block="item"] .holder {
    flex-direction: row;
  }
  section[content="timeline"] [block="item"] .holder .image {
    width: 45%;
    margin-right: 20px;
    z-index: 40;
  }
  section[content="timeline"] [block="item"] .holder .image.i1958 {
    margin-top: -13%;
  }
  section[content="timeline"] [block="item"] .holder .image.i1930 {
    margin-top: 0%;
  }
  section[content="timeline"] [block="item"] .holder .image.i1960 {
    margin-top: 0%;
  }
  section[content="timeline"] [block="item"] .holder .image.i1980 {
    margin-top: -6%;
  }
  section[content="timeline"] [block="item"] .holder .image.i2014 {
    margin-top: -6%;
  }
  section[content="timeline"] [block="item"] .holder .image.i2019 {
    margin-top: -13%;
  }
  section[content="timeline"] [block="item"] .holder .image.i2020 {
    margin-top: 0%;
  }
  section[content="timeline"] [block="item"] .holder .text {
    width: 55%;
    flex: 1;
  }
}
@media (max-height: 500px) and (orientation:landscape) {
  section[content="timeline"] [block="item"] .holder .image {
    width: 20%;
  }
  section[content="timeline"] [block="item"] .holder .image.i1958 {
    margin-top: -9%;
  }
  section[content="timeline"] [block="item"] .holder .image.i2019 {
    margin-top: -9%;
  }
  section[content="timeline"] [block="item"] .holder .text {
    width: 80%;
    flex: 1;
  }
}
.time-line {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 10%;
  width: calc(50% + 1200px + 10px);
  right: -1200px;
  border-top: 6px solid #333333;
}
@media (max-width: 980px) {
  .time-line {
    border-top: 4px solid #333333;
  }
}
@media (max-height: 500px) and (orientation:landscape) {
  .time-line {
    top: 20%;
  }
}
@media (min-width: 769px) {
  .time-line {
    top: 22%;
  }
}
.time-line .item {
  position: relative;
  bottom: 69px;
  left: -2px;
  font-family: 'Skilt Gothic Semibold', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 32px;
}
@media (max-width: 980px) {
  .time-line .item {
    font-size: 26px;
    bottom: 46px;
  }
  .time-line .item:not(:first-child) {
    visibility: hidden;
  }
}
.time-line .item:last-child {
  visibility: hidden;
}
.time-line .item:first-child .number {
  margin-left: -25px;
}
.time-line .item .number {
  margin-left: -32px;
  padding-bottom: 15px;
}
@media (max-width: 980px) {
  .time-line .item .number {
    padding-bottom: 3px;
    margin-left: -19.5px !important;
  }
}
.time-line .item .pin {
  height: 12px;
  width: 6px;
  background: #333333;
}
@media (max-width: 980px) {
  .time-line .item .pin {
    width: 5px;
  }
}
.time-line .item.active .pin {
  border: 5px solid #333333;
  width: 20px;
  height: 20px;
  background-color: #fff5eb;
  border-radius: 100px;
  position: relative;
  top: 2px;
}
@media (max-width: 980px) {
  .time-line .item.active .pin {
    border: 4px solid #333333;
    width: 17px;
    height: 17px;
  }
}
section[template][content="locationMacro"] [component="LocationNav"],
section[template][content="locationMicro"] [component="LocationNav"] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  user-select: none;
}
section[template][content="locationMacro"] [component="LocationNav"].portrait,
section[template][content="locationMicro"] [component="LocationNav"].portrait {
  padding: 0;
  display: none;
}
@media (orientation: portrait), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [component="LocationNav"].portrait,
  section[template][content="locationMicro"] [component="LocationNav"].portrait {
    display: flex;
  }
}
section[template][content="locationMacro"] [component="LocationNav"].landscape,
section[template][content="locationMicro"] [component="LocationNav"].landscape {
  display: none;
}
@media (orientation: landscape) and (min-height: 601px) {
  section[template][content="locationMacro"] [component="LocationNav"].landscape,
  section[template][content="locationMicro"] [component="LocationNav"].landscape {
    display: flex;
  }
}
section[template][content="locationMacro"] [component="LocationNav"] .button,
section[template][content="locationMicro"] [component="LocationNav"] .button {
  user-select: none;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [component="LocationNav"] .button,
  section[template][content="locationMicro"] [component="LocationNav"] .button {
    margin: 5px;
  }
  section[template][content="locationMacro"] [component="LocationNav"] .button.back,
  section[template][content="locationMicro"] [component="LocationNav"] .button.back {
    margin-left: 0;
  }
  section[template][content="locationMacro"] [component="LocationNav"] .button.parent,
  section[template][content="locationMicro"] [component="LocationNav"] .button.parent {
    display: none;
  }
}
@media (orientation: portrait), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [component="LocationNav"] .button,
  section[template][content="locationMicro"] [component="LocationNav"] .button {
    min-width: 30px;
    min-height: 30px;
  }
  section[template][content="locationMacro"] [component="LocationNav"] .button:before,
  section[template][content="locationMicro"] [component="LocationNav"] .button:before {
    background-size: 13px;
  }
  section[template][content="locationMacro"] [component="LocationNav"] .button.parent,
  section[template][content="locationMicro"] [component="LocationNav"] .button.parent {
    min-width: 60px;
    font-size: 13px;
  }
}
section[template][content="locationMacro"] [component="LocationZoom"] {
  display: flex;
  flex-direction: row;
  user-select: none;
  padding: 0;
}
@media (orientation: landscape) {
  section[template][content="locationMacro"] [component="LocationZoom"] {
    margin-top: 5px;
  }
}
section[template][content="locationMacro"] [component="LocationZoom"] .button {
  margin: 5px;
  user-select: none;
}
@media (orientation: landscape) {
  section[template][content="locationMacro"] [component="LocationZoom"] .button {
    margin: 5px;
  }
}
section[template][content="locationMacro"] [component="LocationZoom"] .button.plus {
  margin-left: 0;
}
section[template][content="locationMacro"] [component="LocationZoom"] .button.minus {
  margin-right: 0;
}
section[template][content="locationMacro"] [component="LocationZoom"].start .minus {
  pointer-events: none;
  opacity: 0.3;
}
section[template][content="locationMacro"] [component="LocationZoom"].end .plus {
  pointer-events: none;
  opacity: 0.3;
}
section[template][content="locationMacro"] [component="LocationLegend"] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px 20px;
  background-color: #333333;
  color: #fff5eb;
  align-items: flex-start;
  box-shadow: -10px 30px 50px 5px rgba(0, 0, 0, 0.2);
}
@media (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [component="LocationLegend"] {
    margin-top: 30px;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] .info h3 {
    font-size: 16px;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] .info h3 span {
    display: inline;
  }
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [component="LocationLegend"] {
    right: auto;
    left: 50%;
    top: 45px;
    transform: translateX(-50%);
    width: 100%;
    align-items: center;
    padding: 15px 15px 5px;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] .info {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] .info h3 {
    display: none;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] .list {
    display: flex;
  }
}
@media (orientation: portrait) and (min-width: 769px) {
  section[template][content="locationMacro"] [component="LocationLegend"] {
    top: 65px;
  }
}
section[template][content="locationMacro"] [component="LocationLegend"] .action {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 245, 235, 0.2);
  padding-top: 5px;
}
@media (min-width: 1200px) {
  section[template][content="locationMacro"] [component="LocationLegend"] .action {
    display: none;
  }
}
@media (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [component="LocationLegend"] .action {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-top: 0;
  }
}
@media (orientation: landscape), (max-width: 480px) {
  section[template][content="locationMacro"] [component="LocationLegend"] .action h3 {
    display: none;
  }
}
section[template][content="locationMacro"] [component="LocationLegend"] h3 {
  font-size: 18px;
  text-align: left;
  margin-bottom: 15px;
}
section[template][content="locationMacro"] [component="LocationLegend"] h3 span {
  display: block;
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [component="LocationLegend"] h3 {
    margin-bottom: 0;
  }
  section[template][content="locationMacro"] [component="LocationLegend"] h3 span {
    display: inline;
  }
}
section[template][content="locationMacro"] [component="LocationLegend"] .item {
  font-size: 13px;
  padding-left: 40px;
  text-align: left;
  margin-bottom: 10px;
  background-size: 30px;
  transition: 0.3s;
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [component="LocationLegend"] .item {
    background-size: 25px;
    background-position: left center;
    padding: 0 10px 0 30px;
    width: 24%;
  }
}
section[template][content="locationMacro"] [component="LocationLegend"] .item:hover {
  opacity: 0.6;
}
section[template][content="locationMacro"] [component="LocationLegend"] .item:nth-child(1) {
  background-image: url(./images/arrowRoundedPastel.4772e7db3054d59b84f93cb9a28ba12b.svg);
}
section[template][content="locationMacro"] [component="LocationLegend"] .item:nth-child(2) {
  background-image: url(./images/arrowRoundedPink.f7254dd138a7fa9249a163a9d4d40432.svg);
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [component="LocationLegend"] .item:nth-child(2) {
    width: 30%;
  }
}
section[template][content="locationMacro"] [component="LocationLegend"] .item:nth-child(3) {
  background-image: url(./images/arrowRoundedBrown.e8651d8d04fa109e58778cd72fd0b3e5.svg);
}
section[template][content="locationMacro"] [component="LocationLegend"] .item:nth-child(4) {
  background-image: url(./images/arrowRoundedGreen.6a19dde96465c483f1a417021440f512.svg);
}
section[template][content="locationMacro"] [block="viewport"] {
  position: relative;
  padding: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
section[template][content="locationMacro"] [block="viewport"] .scroller {
  position: relative;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
}
@media (max-height:570px), (max-width: 769px) {
  section[template][content="locationMacro"] [block="viewport"] .scroller {
    overflow: auto;
  }
}
@media (min-width: 1200px) {
  section[template][content="locationMacro"] [block="viewport"] .scroller {
    height: auto;
  }
}
section[template][content="locationMacro"] [block="viewport"] .scroller .holder {
  width: 100%;
  height: 100%;
}
section[template][content="locationMacro"] [block="viewport"] .scroller svg {
  width: 100%;
  height: auto;
  transform-origin: left top;
  min-width: 1160px;
  max-width: 1600px;
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [block="viewport"] .scroller svg {
    width: auto;
    height: 100%;
  }
}
section[template][content="locationMacro"] [block="viewport"].animating #Legend,
section[template][content="locationMacro"] [block="viewport"].animating #Tram,
section[template][content="locationMacro"] [block="viewport"].animating #Car,
section[template][content="locationMacro"] [block="viewport"].animating #Train,
section[template][content="locationMacro"] [block="viewport"].animating #Bike,
section[template][content="locationMacro"] [block="viewport"].animating #Water,
section[template][content="locationMacro"] [block="viewport"].animating #BG {
  transition: unset;
}
section[template][content="locationMacro"] [block="viewport"].animating circle,
section[template][content="locationMacro"] [block="viewport"].animating #station,
section[template][content="locationMacro"] [block="viewport"].animating [data-name="station"],
section[template][content="locationMacro"] [block="viewport"].animating #sign,
section[template][content="locationMacro"] [block="viewport"].animating [data-name="sign"] {
  opacity: 0;
}
section[template][content="locationMacro"] [block="viewport"] #Legend,
section[template][content="locationMacro"] [block="viewport"] #Tram,
section[template][content="locationMacro"] [block="viewport"] #Car,
section[template][content="locationMacro"] [block="viewport"] #Train,
section[template][content="locationMacro"] [block="viewport"] #Bike,
section[template][content="locationMacro"] [block="viewport"] #Water,
section[template][content="locationMacro"] [block="viewport"] #BG {
  transition: 0.5s;
}
section[template][content="locationMacro"] [block="viewport"].train #Legend,
section[template][content="locationMacro"] [block="viewport"].train #Tram,
section[template][content="locationMacro"] [block="viewport"].train #Car,
section[template][content="locationMacro"] [block="viewport"].train #Bike,
section[template][content="locationMacro"] [block="viewport"].train #Water {
  opacity: 0.03;
}
section[template][content="locationMacro"] [block="viewport"].tram #Legend,
section[template][content="locationMacro"] [block="viewport"].tram #Car,
section[template][content="locationMacro"] [block="viewport"].tram #Train,
section[template][content="locationMacro"] [block="viewport"].tram #Bike,
section[template][content="locationMacro"] [block="viewport"].tram #Water {
  opacity: 0.03;
}
section[template][content="locationMacro"] [block="viewport"].car #Legend,
section[template][content="locationMacro"] [block="viewport"].car #Tram,
section[template][content="locationMacro"] [block="viewport"].car #Train,
section[template][content="locationMacro"] [block="viewport"].car #Water {
  opacity: 0.03;
}
section[template][content="locationMacro"] [block="viewport"].bike #Legend,
section[template][content="locationMacro"] [block="viewport"].bike #Tram,
section[template][content="locationMacro"] [block="viewport"].bike #Car,
section[template][content="locationMacro"] [block="viewport"].bike #Train,
section[template][content="locationMacro"] [block="viewport"].bike #Water {
  opacity: 0.03;
}
section[template][content="locationMacro"] [block="viewport"].bike #Bike path {
  stroke: #9cbf8f !important;
}
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Legend,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Tram,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Car,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Train,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Bike,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Water {
  opacity: 0.15;
}
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Rinzle [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Palma [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Guthaus [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Blumental [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Rozhlas [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Hrad [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Einpark [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Slavin [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Horsky [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Zahrady [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Dubravy [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #New [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Rinzle #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Palma #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Guthaus #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Blumental #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Rozhlas #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Hrad #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Einpark #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Slavin #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Horsky #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Zahrady #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #Dubravy #anim,
section[template][content="locationMacro"] [block="viewport"].mouseEnter #New #anim {
  opacity: 0 !important;
}
section[template][content="locationMacro"] [block="viewport"].mouseClick #Legend,
section[template][content="locationMacro"] [block="viewport"].mouseClick #Tram,
section[template][content="locationMacro"] [block="viewport"].mouseClick #Car,
section[template][content="locationMacro"] [block="viewport"].mouseClick #Train,
section[template][content="locationMacro"] [block="viewport"].mouseClick #Bike,
section[template][content="locationMacro"] [block="viewport"].mouseClick #Water {
  opacity: 0.03 !important;
}
section[template][content="locationMacro"] [block="viewport"] #RinzleText,
section[template][content="locationMacro"] [block="viewport"] #PalmaText,
section[template][content="locationMacro"] [block="viewport"] #GuthausText,
section[template][content="locationMacro"] [block="viewport"] #BlumentalText,
section[template][content="locationMacro"] [block="viewport"] #RozhlasText,
section[template][content="locationMacro"] [block="viewport"] #HradText,
section[template][content="locationMacro"] [block="viewport"] #EinparkText,
section[template][content="locationMacro"] [block="viewport"] #SlavinText,
section[template][content="locationMacro"] [block="viewport"] #HorskyText,
section[template][content="locationMacro"] [block="viewport"] #ZahradyText,
section[template][content="locationMacro"] [block="viewport"] #DubravyText,
section[template][content="locationMacro"] [block="viewport"] #NewText {
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}
section[template][content="locationMacro"] [block="viewport"] #RinzleText.visible,
section[template][content="locationMacro"] [block="viewport"] #PalmaText.visible,
section[template][content="locationMacro"] [block="viewport"] #GuthausText.visible,
section[template][content="locationMacro"] [block="viewport"] #BlumentalText.visible,
section[template][content="locationMacro"] [block="viewport"] #RozhlasText.visible,
section[template][content="locationMacro"] [block="viewport"] #HradText.visible,
section[template][content="locationMacro"] [block="viewport"] #EinparkText.visible,
section[template][content="locationMacro"] [block="viewport"] #SlavinText.visible,
section[template][content="locationMacro"] [block="viewport"] #HorskyText.visible,
section[template][content="locationMacro"] [block="viewport"] #ZahradyText.visible,
section[template][content="locationMacro"] [block="viewport"] #DubravyText.visible,
section[template][content="locationMacro"] [block="viewport"] #NewText.visible {
  opacity: 1;
}
section[template][content="locationMacro"] [block="viewport"] #PalmaText.visible {
  pointer-events: all;
}
section[template][content="locationMacro"] [block="viewport"] #PalmaText rect {
  transition: 0.3s;
}
section[template][content="locationMacro"] [block="viewport"] #PalmaText:hover rect {
  fill: rgba(255, 245, 235, 0.3) !important;
}
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseEnter,
section[template][content="locationMacro"] [block="viewport"] #New.mouseEnter {
  opacity: 1 !important;
  z-index: 9999 !important;
}
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #New.mouseEnter [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseEnter #anim,
section[template][content="locationMacro"] [block="viewport"] #New.mouseEnter #anim {
  opacity: 0 !important;
  z-index: 9998 !important;
}
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseClick,
section[template][content="locationMacro"] [block="viewport"] #New.mouseClick {
  pointer-events: none;
}
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #New.mouseClick [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #Rinzle.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Palma.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Guthaus.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Blumental.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Rozhlas.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Hrad.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Einpark.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Slavin.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Horsky.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Zahrady.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #Dubravy.mouseClick #anim,
section[template][content="locationMacro"] [block="viewport"] #New.mouseClick #anim {
  opacity: 0 !important;
}
section[template][content="locationMacro"] [block="viewport"] [data-name="anim"],
section[template][content="locationMacro"] [block="viewport"] #anim {
  animation: blink2 2s ease-out infinite;
}
@keyframes blink2 {
  0% {
    opacity: 0.7;
    r: 10;
  }
  40% {
    opacity: 0;
    r: 70;
  }
  100% {
    opacity: 0;
    r: 10;
  }
}
section[template][content="locationMacro"] {
  height: 100% !important;
}
section[template][content="locationMacro"].show {
  opacity: 1;
  pointer-events: all;
}
section[template][content="locationMacro"].hide {
  opacity: 0;
  pointer-events: none;
}
@media (orientation: portrait), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"].hide {
    opacity: 1 !important;
  }
}
section[template][content="locationMacro"] [container] {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  height: 100%;
}
@media (min-width: 769px) {
  section[template][content="locationMacro"] [container] {
    padding-bottom: 120px;
  }
}
@media (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMacro"] [container] {
    padding: 60px 0 0 0;
  }
}
@media (orientation: portrait) {
  section[template][content="locationMacro"] [container] {
    padding: 140px 0 0 0;
  }
}
@media (orientation: portrait) and (min-width: 769px) {
  section[template][content="locationMacro"] [container] {
    padding-top: 160px;
  }
}
section[template][id="lokalita"] {
  overflow: hidden;
}
section[template][id="lokalita"] [container] {
  overflow: visible;
}
section[template][id="lokalita"] img.top-bg {
  position: absolute;
  margin-top: -90.4%;
  top: 50%;
  left: 50%;
  min-width: 2800px;
  transform: translate(-50%, -50%);
}
@media (orientation: portrait) {
  section[template][id="lokalita"] img.top-bg {
    margin-top: -140%;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][id="lokalita"] img.top-bg {
    min-width: 1750px;
    margin-top: -133%;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][id="lokalita"] img.top-bg {
    min-width: 2250px;
    margin-top: -115%;
  }
}
.sitelab.editor-wrapper section[template][content="locationMicro"][type="popup"] {
  opacity: 1;
  pointer-events: all;
}
section[template][content="locationMicro"][type="nav"] {
  background: transparent;
  z-index: 2300;
  opacity: 1;
}
section[template][content="locationMicro"][type="nav"] [component="LocationNav"] {
  opacity: 0;
  pointer-events: none;
}
@media (orientation: portrait), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMicro"][type="nav"] [component="LocationNav"] {
    bottom: auto;
    justify-content: flex-start;
    padding-top: 5px;
  }
}
section[template][content="locationMicro"][type="nav"] [component="LocationNav"].show {
  opacity: 1;
  pointer-events: all;
  display: flex;
}
section[template][content="locationMicro"][type="nav"] [component="LocationNav"].hide {
  opacity: 0;
  pointer-events: none;
}
section[template][content="locationMicro"][type="nav"] [component="LocationNav"] .button.parent {
  display: flex !important;
}
section[template][content="locationMicro"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  z-index: 2200;
}
section[template][content="locationMicro"].show {
  opacity: 1;
  pointer-events: all;
}
section[template][content="locationMicro"].hide {
  opacity: 0;
  pointer-events: none;
}
@media (orientation: portrait), (max-height:600px) and (orientation:landscape) {
  section[template][content="locationMicro"] {
    top: 102px;
    height: calc(100% - 102px);
  }
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[template][content="locationMicro"] [container] {
    min-height: 100%;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 0px;
  }
}
section[template][content="locationMicro"] [block="svg"] {
  padding: 0;
}
section[template][content="locationMicro"][type="map"] {
  transform: scale(0.7);
  background: #333333;
}
section[template][content="locationMicro"][type="map"].show {
  transform: scale(1);
}
section[template][content="locationMicro"][type="popup"] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background: transparent;
  z-index: 2200;
}
section[template][content="locationMicro"][type="popup"].show {
  opacity: 1;
  pointer-events: all;
}
section[template][content="locationMicro"] svg.isBlur .link {
  opacity: 0.2;
  filter: blur(3px);
}
section[template][content="locationMicro"] svg.isBlur .rest {
  opacity: 0.2;
  filter: blur(3px);
}
section[template][content="locationMicro"] .link {
  cursor: pointer;
  transition: 0.5s;
}
section[template][content="locationMicro"] .link:hover {
  opacity: 0.4 !important;
  z-index: 2;
  position: relative;
}
section[template][content="locationMicro"] .link.highlighted {
  filter: blur(0px) !important;
  transition: 1s;
  transition-delay: 0.3s;
  opacity: 1 !important;
  z-index: 2;
  position: relative;
}
section[template][content="locationMicro"] svg g#zst-vinohrady rect,
section[template][content="locationMicro"] svg g#zst-predemstie rect,
section[template][content="locationMicro"] svg g#cvernovka > rect,
section[template][content="locationMicro"] svg rect#mhd-racianska,
section[template][content="locationMicro"] svg rect#Palma,
section[template][content="locationMicro"] svg g#karpaty rect,
section[template][content="locationMicro"] svg #Nobelova .text,
section[template][content="locationMicro"] svg #biely-kriz .text {
  transition: 0.5s;
}
section[template][content="locationMicro"] svg.no-text {
  opacity: 0.1;
}
section[template][content="locationMicro"] svg.no-text g#zst-vinohrady rect,
section[template][content="locationMicro"] svg.no-text g#zst-predemstie rect,
section[template][content="locationMicro"] svg.no-text g#cvernovka > rect,
section[template][content="locationMicro"] svg.no-text rect#mhd-racianska,
section[template][content="locationMicro"] svg.no-text rect#Palma,
section[template][content="locationMicro"] svg.no-text g#karpaty rect,
section[template][content="locationMicro"] svg.no-text #Nobelova .text,
section[template][content="locationMicro"] svg.no-text #biely-kriz .text {
  opacity: 0;
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .content {
    justify-content: center;
  }
  section[template][content="locationMicro"] svg {
    width: 130%;
    overflow: visible;
    transform: translate(-8%, 0);
  }
  section[template][content="locationMicro"] svg g#karpaty {
    transform: translate(24%, 6%);
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] svg {
    max-width: 400px;
    margin-top: 40px;
    transform: translate(0, 0);
  }
}
section[template][content="locationMicro"] .map-block-wrap {
  width: 730px;
  height: 611px;
  margin: auto;
  position: absolute;
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block-wrap {
    overflow: hidden;
  }
}
section[template][content="locationMicro"] .map-block-wrap .map-block {
  position: absolute;
  font-size: 15px;
  color: #fff5eb;
  text-align: left;
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 120px 40px 40px 40px;
    height: 100vh;
    top: 0;
  }
  section[template][content="locationMicro"] .map-block-wrap .map-block {
    position: initial;
  }
  section[template][content="locationMicro"] .map-block-wrap .map-block .block-text {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    padding: 0 40px;
    max-width: 300px;
  }
}
section[template][content="locationMicro"] .map-block.zst-predmesitie-block {
  left: 56.1%;
  top: 18.3%;
  max-width: 235px;
}
section[template][content="locationMicro"] .map-block.zst-predmesitie-block .block-text {
  position: absolute;
  top: 40% !important;
  left: 106%;
  min-width: 178px;
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.zst-predmesitie-block .block-text {
    left: 0;
    position: relative;
  }
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.zst-predmesitie-block img {
    position: absolute;
    top: 37%;
    left: -7%;
    width: 81%;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][content="locationMicro"] .map-block.zst-predmesitie-block img {
    top: 27%;
  }
}
section[template][content="locationMicro"] .map-block.vinohrady-block {
  max-width: 383.5px;
  top: 0.3%;
  left: 8.5%;
}
section[template][content="locationMicro"] .map-block.vinohrady-block .block-text {
  position: absolute;
  top: 25%;
  left: 71.3%;
  min-width: 171px;
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.vinohrady-block img {
    position: absolute;
    left: -57%;
    top: 27%;
    min-width: 144%;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][content="locationMicro"] .map-block.vinohrady-block img {
    top: 14%;
  }
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.vinohrady-block .block-text {
    left: 0;
    position: relative;
    top: 0;
  }
}
section[template][content="locationMicro"] .map-block.racianska-block {
  max-width: 331.1px;
  left: 28.1%;
  top: 6.9%;
}
@media (max-height:570px), (max-width: 769px) {
  section[template][content="locationMicro"] .map-block.racianska-block img.sipka {
    display: none;
  }
}
section[template][content="locationMicro"] .map-block.racianska-block .block-text {
  position: absolute;
  top: 38%;
  left: 54%;
  min-width: 169px;
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] .map-block.racianska-block .block-text {
    top: 40% !important;
  }
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.racianska-block img.cesta {
    position: absolute;
    left: -29%;
    top: 11%;
    min-width: 109%;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][content="locationMicro"] .map-block.racianska-block img.cesta {
    top: 0;
  }
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.racianska-block .block-text {
    left: 0;
    position: relative;
    top: 0;
  }
}
section[template][content="locationMicro"] .map-block.karpaty-block {
  max-width: 181.2px;
  top: 19.2%;
  left: 0;
}
section[template][content="locationMicro"] .map-block.karpaty-block .mobile {
  display: none;
}
section[template][content="locationMicro"] .map-block.karpaty-block h6 {
  display: none;
}
section[template][content="locationMicro"] .map-block.karpaty-block .block-text {
  position: absolute;
  left: 115%;
  min-width: 272px;
  top: 28.6%;
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] .map-block.karpaty-block .block-text {
    top: 40% !important;
  }
}
@media (max-width: 980px) {
  section[template][content="locationMicro"] .map-block.karpaty-block h6 {
    display: block;
  }
  section[template][content="locationMicro"] .map-block.karpaty-block .mobile {
    display: block;
    min-width: 130%;
    position: absolute;
    top: -40%;
    left: -15%;
  }
  section[template][content="locationMicro"] .map-block.karpaty-block .desktop {
    display: none;
  }
  section[template][content="locationMicro"] .map-block.karpaty-block .block-text {
    position: relative;
    top: 0;
    left: 0;
  }
}
@media (max-width: 980px) and (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] .map-block.karpaty-block .mobile {
    top: -195%;
  }
}
section[template][content="locationMicro"] [block="nobelova"] {
  position: absolute;
  right: -2%;
  top: 33.2%;
  align-items: flex-end;
}
section[template][content="locationMicro"] [block="nobelova"] [element="image"] img {
  width: 79.5px;
  height: auto;
}
section[template][content="locationMicro"] [block="nobelova"] [element="text"] {
  margin-top: 30px;
  font-size: 15px;
  max-width: 190px;
  text-align: right;
}
@media (max-height:570px), (max-width: 769px) {
  section[template][content="locationMicro"] [block="nobelova"] {
    right: 50%;
    top: 50%;
    align-items: flex-start;
    transform: translate(50%, -50%);
  }
  section[template][content="locationMicro"] [block="nobelova"] [element="image"] img {
    width: 125px;
  }
  section[template][content="locationMicro"] [block="nobelova"] [element="text"] {
    margin-top: 40px;
    text-align: left;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] [block="nobelova"] {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  section[template][content="locationMicro"] [block="nobelova"] [element="text"] {
    margin: 0 0 0 40px;
  }
}
section[template][content="locationMicro"] [block="biely-kriz"] {
  position: absolute;
  left: 13.7%;
  top: 53.9%;
  align-items: flex-start;
}
section[template][content="locationMicro"] [block="biely-kriz"] [element="image"] img {
  width: 114.47px;
  height: auto;
}
section[template][content="locationMicro"] [block="biely-kriz"] [element="text"] {
  margin-top: 30px;
  font-size: 15px;
  max-width: 170px;
  text-align: left;
}
@media (max-height:570px), (max-width: 769px) {
  section[template][content="locationMicro"] [block="biely-kriz"] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section[template][content="locationMicro"] [block="biely-kriz"] [element="image"] img {
    width: 145px;
  }
  section[template][content="locationMicro"] [block="biely-kriz"] [element="text"] {
    margin-top: 40px;
    text-align: left;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] [block="biely-kriz"] {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  section[template][content="locationMicro"] [block="biely-kriz"] [element="text"] {
    margin: 0 0 0 40px;
  }
}
section[template][content="locationMicro"] [block="cvernovka"] {
  position: absolute;
  left: 62.7%;
  top: 12.4%;
  align-items: flex-start;
}
section[template][content="locationMicro"] [block="cvernovka"] [element="image"] img {
  width: 122.13px;
  height: auto;
}
section[template][content="locationMicro"] [block="cvernovka"] [element="text"] {
  margin-top: 30px;
  font-size: 15px;
  max-width: 190px;
  text-align: left;
}
@media (max-height:570px), (max-width: 769px) {
  section[template][content="locationMicro"] [block="cvernovka"] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section[template][content="locationMicro"] [block="cvernovka"] [element="image"] img {
    width: 165px;
  }
  section[template][content="locationMicro"] [block="cvernovka"] [element="text"] {
    margin-top: 40px;
    text-align: left;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[template][content="locationMicro"] [block="cvernovka"] {
    width: 100%;
    flex-direction: row;
    align-items: center;
  }
  section[template][content="locationMicro"] [block="cvernovka"] [element="text"] {
    margin: 0 0 0 40px;
  }
}
section[content="maps"][type="popup"] {
  position: absolute;
  z-index: 2200;
  transition: 0s;
  transform: translateY(100%);
}
section[content="maps"][type="popup"].show {
  transform: translateY(0);
}
section[content="maps"][type="popup"] [container] {
  padding-bottom: 0;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"][type="popup"] [container] {
    height: 100%;
    padding: 11px 0 0 0 !important;
    justify-content: flex-start;
  }
}
section[content="maps"][type="popup"] [container] a.download {
  position: absolute;
  left: 50%;
  bottom: 110px;
  padding: 5px 11px 5px 7px;
  transform: translate(-50%, 0);
  background: #fff5eb;
  border-radius: 20px;
  border: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 13px;
  color: #333;
}
section[content="maps"][type="popup"] [container] a.download i {
  font-size: 18px;
  margin-right: 5px;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"][type="popup"] [container] a.download {
    font-size: 0;
    left: auto;
    bottom: auto;
    transform: none;
    top: 17px;
    right: 20px;
    border: 2px solid #333333;
    padding: 0;
    width: 30px;
    height: 30px;
    justify-content: center;
  }
  section[content="maps"][type="popup"] [container] a.download i {
    font-size: 17px;
    margin: 0;
  }
}
body[device="iphone"] [block="item"] .button {
  display: none;
}
body[device="iphone"] [block="item"] .button.iphone {
  display: flex !important;
}
section[template][id="mapy-pre-chodcov"] {
  overflow: hidden;
}
section[template][id="mapy-pre-chodcov"].hidden {
  pointer-events: none;
}
section[template][id="mapy-pre-chodcov"] [container] {
  overflow: visible;
}
section[template][id="mapy-pre-chodcov"] .text {
  color: #fff5eb;
}
section[template][id="mapy-pre-chodcov"] .text p {
  position: relative;
  max-width: 460px;
  margin: auto;
  z-index: 5;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[template][id="mapy-pre-chodcov"] .text p {
    max-width: 300px;
  }
}
@media (max-width: 400px) {
  section[template][id="mapy-pre-chodcov"] .text p {
    max-width: 100%;
  }
}
section[template][id="mapy-pre-chodcov"] .lines {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 2400px;
  transform: translate(-51.4%, -52.2%);
}
@media (max-width:767px) and (orientation:portrait) {
  section[template][id="mapy-pre-chodcov"] .lines {
    min-width: 1550px;
    transform: translate(-51.4%, -54.9%);
  }
}
@media (max-height:600px) and (orientation:landscape) {
  section[template][id="mapy-pre-chodcov"] .lines {
    min-width: 1550px;
    transform: translate(-51.4%, -53.9%);
  }
}
section[content="maps"] {
  transition: 0s;
}
section[content="maps"] [container="wrap"] {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  min-width: 100%;
  flex-direction: row !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [container="wrap"] {
    height: 100%;
    padding-top: 80px !important;
    justify-content: flex-start;
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [container="wrap"] .holder {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
section[content="maps"] [container="wrap"] [block] {
  white-space: initial;
  display: inline-block;
  position: relative;
  color: #fff5eb;
  vertical-align: middle;
}
section[content="maps"] [block="headline"] {
  width: 40vw;
  margin: 0;
  padding-right: 4vw;
  padding-left: calc(30vw - 30px);
  box-sizing: content-box;
  text-align: left;
}
@media (min-width: 1300px) {
  section[content="maps"] [block="headline"] {
    width: 30vw;
    margin: 0;
    padding-right: 4vw;
    padding-left: calc(35vw - 30px);
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [block="headline"] {
    width: 100%;
    padding: 15px;
  }
}
section[content="maps"] [block="item"] {
  position: relative;
  padding: 20px;
  width: 30%;
  transition: 0.5s;
  max-width: 400px;
  margin: auto;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [block="item"] {
    padding: 15px 0;
    width: 100%;
  }
}
section[content="maps"] [block="item"]:hover {
  z-index: 5;
}
section[content="maps"] [block="item"]:hover .image {
  opacity: 0;
}
@media (min-width: 1400px), (min-width: 420px) and (max-width: 768px) {
  section[content="maps"] [block="item"]:hover .image {
    opacity: 0.05;
  }
}
section[content="maps"] [block="item"]:hover .text {
  opacity: 1;
}
section[content="maps"] [block="item"].current {
  transform: scale(1.1);
}
section[content="maps"] [block="item"].current.hide {
  transform: scale(1);
}
section[content="maps"] [block="item"].hover {
  transform: scale(1.1);
}
section[content="maps"] [block="item"] .button {
  margin-top: 20px;
  font-size: 20px;
  min-width: 110px;
  min-height: 35px;
  padding: 0 20px;
}
section[content="maps"] [block="item"] .button.iphone {
  display: none;
}
section[content="maps"] [block="item"] .image {
  transition: 0.5s;
}
section[content="maps"] [block="item"] .text {
  position: absolute;
  min-width: 390px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
  opacity: 0;
  font-size: 18px;
  padding: 40px;
  background: #333333;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1400px), (min-width: 420px) and (max-width: 768px) {
  section[content="maps"] [block="item"] .text {
    min-width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    box-shadow: none;
  }
}
@media (max-width: 420px) {
  section[content="maps"] [block="item"] .text {
    min-width: 100vw;
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [block="item"] .text {
    padding: 30px;
  }
}
section[content="maps"] [block="more"] {
  padding: 100px;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="maps"] [block="more"] {
    padding: 20px;
    height: calc(100vh - 60px - 80px);
    display: flex !important;
    align-items: center;
  }
}
section[content="maps"] [block="more"] .button {
  border: 2px solid #fff5eb;
  border-radius: 100px;
  background-color: transparent;
  width: 170px;
  min-width: 170px;
  height: 170px;
  cursor: pointer;
  transition: 0.5s;
  margin-top: 0;
  color: #fff5eb;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 20px;
  padding: 20px;
}
section[content="maps"] [block="more"] .button:hover {
  background: #8a7370;
  border-color: #8a7370;
  color: #e3d6cc;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"].isSelected .tabs [route="1"]:hover,
section[content="maps"][type="popup"][for="parkova"] [block="nav"].hover .tabs [route="1"]:hover {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"].isSelected .tabs [route="1"].isSelected,
section[content="maps"][type="popup"][for="parkova"] [block="nav"].hover .tabs [route="1"].isSelected {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="parkova"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #94b0b5 !important;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="parkova"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #94b0b5 !important;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"] .tabs .item[route="1"] {
  background: #c4ad8f;
}
section[content="maps"][type="popup"][for="parkova"] [block="nav"] .tabs .item[route="2"] {
  background: #94b0b5;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].isSelected .tabs [route="1"]:hover,
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].hover .tabs [route="1"]:hover {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].isSelected .tabs [route="1"].isSelected,
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].hover .tabs [route="1"].isSelected {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #9cbf8f !important;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #9cbf8f !important;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"] .tabs .item[route="1"] {
  background: #8a7370;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="nav"] .tabs .item[route="2"] {
  background: #9cbf8f;
}
section[content="maps"][type="popup"][for="dunajska"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="dunajska"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="dunajska"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="dunajska"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="dunajska"] [block="nav"] .tabs .item[route="2"] {
  background: #8a7370;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"].isSelected .tabs [route="0"]:hover,
section[content="maps"][type="popup"][for="trhova"] [block="nav"].hover .tabs [route="0"]:hover {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"].isSelected .tabs [route="0"].isSelected,
section[content="maps"][type="popup"][for="trhova"] [block="nav"].hover .tabs [route="0"].isSelected {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="trhova"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="trhova"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"] .tabs .item[route="0"] {
  background: #c4ad8f;
}
section[content="maps"][type="popup"][for="trhova"] [block="nav"] .tabs .item[route="2"] {
  background: #ffc7c7;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"].isSelected .tabs [route="0"]:hover,
section[content="maps"][type="popup"][for="sportova"] [block="nav"].hover .tabs [route="0"]:hover {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"].isSelected .tabs [route="0"].isSelected,
section[content="maps"][type="popup"][for="sportova"] [block="nav"].hover .tabs [route="0"].isSelected {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="sportova"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="sportova"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"] .tabs .item[route="0"] {
  background: #c4ad8f;
}
section[content="maps"][type="popup"][for="sportova"] [block="nav"] .tabs .item[route="2"] {
  background: #8a7370;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="0"]:hover,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="0"]:hover {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="0"].isSelected,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="0"].isSelected {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="1"]:hover,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="1"]:hover {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="1"].isSelected,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="1"].isSelected {
  background: #8a7370 !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"][for="oddychova"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"] .tabs .item[route="0"] {
  background: #c4ad8f;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"] .tabs .item[route="1"] {
  background: #8a7370;
}
section[content="maps"][type="popup"][for="oddychova"] [block="nav"] .tabs .item[route="2"] {
  background: #ffc7c7;
}
section[content="maps"][type="popup"] [block="nav"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 45px;
  padding-top: 5px;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="nav"].isSelected .tabs .button {
    opacity: 1;
    pointer-events: all;
  }
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route],
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route] {
  background: #e3d6cc !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="0"]:hover,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="0"]:hover {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="0"].isSelected,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="0"].isSelected {
  background: #ffc7c7 !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="1"]:hover,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="1"]:hover {
  background: #94b0b5 !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="1"].isSelected,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="1"].isSelected {
  background: #94b0b5 !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="2"]:hover,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="2"]:hover {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="2"].isSelected,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="2"].isSelected {
  background: #c4ad8f !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="3"]:hover,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="3"]:hover {
  background: #9cbf8f !important;
}
section[content="maps"][type="popup"] [block="nav"].isSelected .tabs [route="3"].isSelected,
section[content="maps"][type="popup"] [block="nav"].hover .tabs [route="3"].isSelected {
  background: #9cbf8f !important;
}
section[content="maps"][type="popup"] [block="nav"] .headline {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 30px;
  margin-bottom: 15px;
}
section[content="maps"][type="popup"] [block="nav"] .headline .button {
  margin: 0 10px;
}
section[content="maps"][type="popup"] [block="nav"] .headline .button.left {
  width: 27px;
  height: 27px;
  display: none;
}
section[content="maps"][type="popup"] [block="nav"] .headline .button.left:before {
  background-size: 14px;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="nav"] .headline .button.left {
    display: flex;
  }
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="nav"] .headline {
    font-size: 25px;
    margin-bottom: 10px;
  }
  section[content="maps"][type="popup"] [block="nav"] .headline .button.left {
    position: fixed;
    top: 17px;
    left: 10px;
  }
  section[content="maps"][type="popup"] [block="nav"] .headline .button.close {
    display: none;
  }
}
section[content="maps"][type="popup"] [block="nav"] .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .button {
  margin: 0 15px;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .button {
  opacity: 0;
  pointer-events: none;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item {
  position: relative;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  width: 50px;
  height: 50px;
  font-size: 42px;
  border-radius: 100%;
  color: #fff5eb;
  transition: 0.3s;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item.isSelected span {
  opacity: 1;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="nav"] .tabs .item {
    width: 37px;
    height: 37px;
    line-height: 37px;
    font-size: 34px;
  }
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item span {
  color: #333333;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 22px;
  letter-spacing: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 10px;
  transform: translateX(-50%);
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="nav"] .tabs .item span {
    top: 90%;
    margin-top: 0;
    font-size: 18px;
  }
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item:hover {
  background: #e3d6cc !important;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item[route="0"] {
  background: #ffc7c7;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item[route="1"] {
  background: #94b0b5;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item[route="2"] {
  background: #c4ad8f;
}
section[content="maps"][type="popup"] [block="nav"] .tabs .item[route="3"] {
  background: #9cbf8f;
}
section[content="maps"][type="popup"] [component="SliderNav"] .button {
  background: #fff5eb;
}
section[content="maps"][type="popup"] [component="SliderNav"] .hidden {
  opacity: 0;
  pointer-events: none;
}
section[content="maps"][type="popup"][for="parkova"] [block="map"] .map .scroller {
  max-width: 790px;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .map .scroller {
  max-width: 850px;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .map .scroller {
  max-width: 510px;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .map .scroller {
  max-width: 810px;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .map .scroller {
  max-width: 500px;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .map .scroller svg {
  padding-bottom: 100px;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"][for="sportova"] [block="map"] .map .scroller svg {
    padding-bottom: 20px;
  }
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .map .scroller {
  max-width: 700px;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .map .scroller svg {
  padding: 0 0 130px 0;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"][for="oddychova"] [block="map"] .map .scroller svg {
    padding: 0;
  }
}
section[content="maps"][type="popup"] [block="map"] {
  position: relative;
  height: calc(100% - 151px);
  padding: 0;
  justify-content: unset;
  align-items: unset;
  opacity: 0;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] {
    height: calc(100% - 117px);
    max-height: 100%;
  }
}
section[content="maps"][type="popup"] [block="map"].visible {
  opacity: 1;
}
section[content="maps"][type="popup"] [block="map"].animated #R0,
section[content="maps"][type="popup"] [block="map"].animated #R1,
section[content="maps"][type="popup"] [block="map"].animated #R2,
section[content="maps"][type="popup"] [block="map"].animated #R3 {
  transition: 0.5s;
}
section[content="maps"][type="popup"] [block="map"].animated #R0 #P00,
section[content="maps"][type="popup"] [block="map"].animated #R1 #P00,
section[content="maps"][type="popup"] [block="map"].animated #R2 #P00,
section[content="maps"][type="popup"] [block="map"].animated #R3 #P00,
section[content="maps"][type="popup"] [block="map"].animated #R0 #P10,
section[content="maps"][type="popup"] [block="map"].animated #R1 #P10,
section[content="maps"][type="popup"] [block="map"].animated #R2 #P10,
section[content="maps"][type="popup"] [block="map"].animated #R3 #P10,
section[content="maps"][type="popup"] [block="map"].animated #R0 #P20,
section[content="maps"][type="popup"] [block="map"].animated #R1 #P20,
section[content="maps"][type="popup"] [block="map"].animated #R2 #P20,
section[content="maps"][type="popup"] [block="map"].animated #R3 #P20,
section[content="maps"][type="popup"] [block="map"].animated #R0 #P30,
section[content="maps"][type="popup"] [block="map"].animated #R1 #P30,
section[content="maps"][type="popup"] [block="map"].animated #R2 #P30,
section[content="maps"][type="popup"] [block="map"].animated #R3 #P30,
section[content="maps"][type="popup"] [block="map"].animated #R0 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"].animated #R1 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"].animated #R2 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"].animated #R3 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"].animated #R0 text,
section[content="maps"][type="popup"] [block="map"].animated #R1 text,
section[content="maps"][type="popup"] [block="map"].animated #R2 text,
section[content="maps"][type="popup"] [block="map"].animated #R3 text,
section[content="maps"][type="popup"] [block="map"].animated #R0 path,
section[content="maps"][type="popup"] [block="map"].animated #R1 path,
section[content="maps"][type="popup"] [block="map"].animated #R2 path,
section[content="maps"][type="popup"] [block="map"].animated #R3 path,
section[content="maps"][type="popup"] [block="map"].animated #R0 polygon,
section[content="maps"][type="popup"] [block="map"].animated #R1 polygon,
section[content="maps"][type="popup"] [block="map"].animated #R2 polygon,
section[content="maps"][type="popup"] [block="map"].animated #R3 polygon,
section[content="maps"][type="popup"] [block="map"].animated #R0 polyline,
section[content="maps"][type="popup"] [block="map"].animated #R1 polyline,
section[content="maps"][type="popup"] [block="map"].animated #R2 polyline,
section[content="maps"][type="popup"] [block="map"].animated #R3 polyline,
section[content="maps"][type="popup"] [block="map"].animated #R0 rect,
section[content="maps"][type="popup"] [block="map"].animated #R1 rect,
section[content="maps"][type="popup"] [block="map"].animated #R2 rect,
section[content="maps"][type="popup"] [block="map"].animated #R3 rect,
section[content="maps"][type="popup"] [block="map"].animated #R0 image,
section[content="maps"][type="popup"] [block="map"].animated #R1 image,
section[content="maps"][type="popup"] [block="map"].animated #R2 image,
section[content="maps"][type="popup"] [block="map"].animated #R3 image {
  opacity: 1;
  transition: 0.5s;
}
section[content="maps"][type="popup"] [block="map"].animated #MAP {
  transition: 0.5s;
}
section[content="maps"][type="popup"] [block="map"].animated #LEGEND {
  transition: 0.5s;
}
section[content="maps"][type="popup"] [block="map"] .scroller {
  margin: auto;
}
section[content="maps"][type="popup"] [block="map"].isSelected #MAP,
section[content="maps"][type="popup"] [block="map"].hover #MAP {
  opacity: 0.25 !important;
}
section[content="maps"][type="popup"] [block="map"].isSelected #MAP #R0,
section[content="maps"][type="popup"] [block="map"].hover #MAP #R0,
section[content="maps"][type="popup"] [block="map"].isSelected #MAP #R1,
section[content="maps"][type="popup"] [block="map"].hover #MAP #R1,
section[content="maps"][type="popup"] [block="map"].isSelected #MAP #R2,
section[content="maps"][type="popup"] [block="map"].hover #MAP #R2,
section[content="maps"][type="popup"] [block="map"].isSelected #MAP #R3,
section[content="maps"][type="popup"] [block="map"].hover #MAP #R3 {
  pointer-events: none;
}
section[content="maps"][type="popup"] [block="map"].isSelected #LEGEND,
section[content="maps"][type="popup"] [block="map"].hover #LEGEND {
  opacity: 0 !important;
}
section[content="maps"][type="popup"] [block="map"].isSelected #R1,
section[content="maps"][type="popup"] [block="map"].isSelected #R2,
section[content="maps"][type="popup"] [block="map"].isSelected #R3,
section[content="maps"][type="popup"] [block="map"].isSelected #R4,
section[content="maps"][type="popup"] [block="map"].isSelected #P00,
section[content="maps"][type="popup"] [block="map"].isSelected #P10,
section[content="maps"][type="popup"] [block="map"].isSelected #P20,
section[content="maps"][type="popup"] [block="map"].isSelected #P30,
section[content="maps"][type="popup"] [block="map"].isSelected [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"].isSelected text,
section[content="maps"][type="popup"] [block="map"].isSelected path,
section[content="maps"][type="popup"] [block="map"].isSelected polygon,
section[content="maps"][type="popup"] [block="map"].isSelected polyline,
section[content="maps"][type="popup"] [block="map"].isSelected rect,
section[content="maps"][type="popup"] [block="map"].isSelected image {
  pointer-events: none;
}
section[content="maps"][type="popup"] [block="map"] .map {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
section[content="maps"][type="popup"] [block="map"] .map svg {
  height: 100%;
  padding: 20px;
  transform-origin: left top;
}
section[content="maps"][type="popup"] [block="map"] .map svg #LEGEND,
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"] .map svg text {
  pointer-events: none;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .map svg {
    height: auto;
  }
}
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="ICON"],
section[content="maps"][type="popup"] [block="map"] .map svg #ICON {
  pointer-events: none;
}
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="ICON"] [data-name="text"],
section[content="maps"][type="popup"] [block="map"] .map svg #ICON [data-name="text"],
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="ICON"] #text,
section[content="maps"][type="popup"] [block="map"] .map svg #ICON #text {
  opacity: 0;
  transition: 0.3s;
}
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="ICON"] [data-name="text"].iconVisible,
section[content="maps"][type="popup"] [block="map"] .map svg #ICON [data-name="text"].iconVisible,
section[content="maps"][type="popup"] [block="map"] .map svg [data-name="ICON"] #text.iconVisible,
section[content="maps"][type="popup"] [block="map"] .map svg #ICON #text.iconVisible {
  opacity: 1;
  pointer-events: all;
}
section[content="maps"][type="popup"] [block="map"] .map svg #P00 {
  pointer-events: none !important;
}
section[content="maps"][type="popup"] [block="map"] .map svg #P00,
section[content="maps"][type="popup"] [block="map"] .map svg #P01,
section[content="maps"][type="popup"] [block="map"] .map svg #P02,
section[content="maps"][type="popup"] [block="map"] .map svg #P03,
section[content="maps"][type="popup"] [block="map"] .map svg #P04,
section[content="maps"][type="popup"] [block="map"] .map svg #P10,
section[content="maps"][type="popup"] [block="map"] .map svg #P11,
section[content="maps"][type="popup"] [block="map"] .map svg #P12,
section[content="maps"][type="popup"] [block="map"] .map svg #P13,
section[content="maps"][type="popup"] [block="map"] .map svg #P14,
section[content="maps"][type="popup"] [block="map"] .map svg #P20,
section[content="maps"][type="popup"] [block="map"] .map svg #P21,
section[content="maps"][type="popup"] [block="map"] .map svg #P22,
section[content="maps"][type="popup"] [block="map"] .map svg #P23,
section[content="maps"][type="popup"] [block="map"] .map svg #P24,
section[content="maps"][type="popup"] [block="map"] .map svg #P30,
section[content="maps"][type="popup"] [block="map"] .map svg #P31,
section[content="maps"][type="popup"] [block="map"] .map svg #P32,
section[content="maps"][type="popup"] [block="map"] .map svg #P33,
section[content="maps"][type="popup"] [block="map"] .map svg #P34 {
  opacity: 0;
}
section[content="maps"][type="popup"] [block="map"] .map svg #P00 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P01 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P02 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P03 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P04 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P10 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P11 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P12 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P13 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P14 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P20 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P21 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P22 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P23 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P24 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P30 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P31 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P32 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P33 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P34 [data-name="top"],
section[content="maps"][type="popup"] [block="map"] .map svg #P00 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P01 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P02 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P03 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P04 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P10 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P11 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P12 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P13 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P14 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P20 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P21 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P22 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P23 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P24 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P30 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P31 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P32 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P33 #top,
section[content="maps"][type="popup"] [block="map"] .map svg #P34 #top {
  fill: #e3d6cc !important;
}
section[content="maps"][type="popup"] [block="map"] .map svg #P00 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P01 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P02 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P03 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P04 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P10 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P11 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P12 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P13 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P14 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P20 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P21 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P22 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P23 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P24 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P30 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P31 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P32 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P33 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P34 [data-name="anim"],
section[content="maps"][type="popup"] [block="map"] .map svg #P00 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P01 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P02 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P03 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P04 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P10 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P11 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P12 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P13 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P14 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P20 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P21 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P22 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P23 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P24 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P30 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P31 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P32 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P33 #anim,
section[content="maps"][type="popup"] [block="map"] .map svg #P34 #anim {
  animation: blink 2s ease-out infinite;
}
@keyframes blink {
  0% {
    opacity: 0.2;
    r: 10;
  }
  40% {
    opacity: 0;
    r: 20;
  }
  100% {
    opacity: 0;
    r: 10;
  }
}
section[content="maps"][type="popup"] [block="map"] #R0,
section[content="maps"][type="popup"] [block="map"] #R1,
section[content="maps"][type="popup"] [block="map"] #R2,
section[content="maps"][type="popup"] [block="map"] #R3 {
  transition: 0s;
}
section[content="maps"][type="popup"] [block="map"] #R0 text,
section[content="maps"][type="popup"] [block="map"] #R1 text,
section[content="maps"][type="popup"] [block="map"] #R2 text,
section[content="maps"][type="popup"] [block="map"] #R3 text {
  transition: 0.5s;
  opacity: 0!important;
}
section[content="maps"][type="popup"] [block="map"] #R0 #P00,
section[content="maps"][type="popup"] [block="map"] #R1 #P00,
section[content="maps"][type="popup"] [block="map"] #R2 #P00,
section[content="maps"][type="popup"] [block="map"] #R3 #P00,
section[content="maps"][type="popup"] [block="map"] #R0 #P10,
section[content="maps"][type="popup"] [block="map"] #R1 #P10,
section[content="maps"][type="popup"] [block="map"] #R2 #P10,
section[content="maps"][type="popup"] [block="map"] #R3 #P10,
section[content="maps"][type="popup"] [block="map"] #R0 #P20,
section[content="maps"][type="popup"] [block="map"] #R1 #P20,
section[content="maps"][type="popup"] [block="map"] #R2 #P20,
section[content="maps"][type="popup"] [block="map"] #R3 #P20,
section[content="maps"][type="popup"] [block="map"] #R0 #P30,
section[content="maps"][type="popup"] [block="map"] #R1 #P30,
section[content="maps"][type="popup"] [block="map"] #R2 #P30,
section[content="maps"][type="popup"] [block="map"] #R3 #P30,
section[content="maps"][type="popup"] [block="map"] #R0 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"] #R1 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"] #R2 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"] #R3 [data-name="rozhlas"],
section[content="maps"][type="popup"] [block="map"] #R0 text,
section[content="maps"][type="popup"] [block="map"] #R1 text,
section[content="maps"][type="popup"] [block="map"] #R2 text,
section[content="maps"][type="popup"] [block="map"] #R3 text,
section[content="maps"][type="popup"] [block="map"] #R0 path,
section[content="maps"][type="popup"] [block="map"] #R1 path,
section[content="maps"][type="popup"] [block="map"] #R2 path,
section[content="maps"][type="popup"] [block="map"] #R3 path,
section[content="maps"][type="popup"] [block="map"] #R0 polygon,
section[content="maps"][type="popup"] [block="map"] #R1 polygon,
section[content="maps"][type="popup"] [block="map"] #R2 polygon,
section[content="maps"][type="popup"] [block="map"] #R3 polygon,
section[content="maps"][type="popup"] [block="map"] #R0 polyline,
section[content="maps"][type="popup"] [block="map"] #R1 polyline,
section[content="maps"][type="popup"] [block="map"] #R2 polyline,
section[content="maps"][type="popup"] [block="map"] #R3 polyline,
section[content="maps"][type="popup"] [block="map"] #R0 rect,
section[content="maps"][type="popup"] [block="map"] #R1 rect,
section[content="maps"][type="popup"] [block="map"] #R2 rect,
section[content="maps"][type="popup"] [block="map"] #R3 rect,
section[content="maps"][type="popup"] [block="map"] #R0 image,
section[content="maps"][type="popup"] [block="map"] #R1 image,
section[content="maps"][type="popup"] [block="map"] #R2 image,
section[content="maps"][type="popup"] [block="map"] #R3 image,
section[content="maps"][type="popup"] [block="map"] #R0 #green,
section[content="maps"][type="popup"] [block="map"] #R1 #green,
section[content="maps"][type="popup"] [block="map"] #R2 #green,
section[content="maps"][type="popup"] [block="map"] #R3 #green,
section[content="maps"][type="popup"] [block="map"] #R0 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R1 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R2 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R3 [data-name="green"] {
  opacity: 0;
  transition: 0s;
}
section[content="maps"][type="popup"] [block="map"] #R0 #green,
section[content="maps"][type="popup"] [block="map"] #R1 #green,
section[content="maps"][type="popup"] [block="map"] #R2 #green,
section[content="maps"][type="popup"] [block="map"] #R3 #green,
section[content="maps"][type="popup"] [block="map"] #R0 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R1 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R2 [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R3 [data-name="green"] {
  opacity: 0!important;
}
section[content="maps"][type="popup"] [block="map"] #R0 #route,
section[content="maps"][type="popup"] [block="map"] #R1 #route,
section[content="maps"][type="popup"] [block="map"] #R2 #route,
section[content="maps"][type="popup"] [block="map"] #R3 #route,
section[content="maps"][type="popup"] [block="map"] #R0 [data-name="route"],
section[content="maps"][type="popup"] [block="map"] #R1 [data-name="route"],
section[content="maps"][type="popup"] [block="map"] #R2 [data-name="route"],
section[content="maps"][type="popup"] [block="map"] #R3 [data-name="route"] {
  opacity: 1;
}
section[content="maps"][type="popup"] [block="map"] #R0.hidden,
section[content="maps"][type="popup"] [block="map"] #R1.hidden,
section[content="maps"][type="popup"] [block="map"] #R2.hidden,
section[content="maps"][type="popup"] [block="map"] #R3.hidden {
  opacity: 0;
  pointer-events: none;
}
section[content="maps"][type="popup"] [block="map"] #R0.show text,
section[content="maps"][type="popup"] [block="map"] #R1.show text,
section[content="maps"][type="popup"] [block="map"] #R2.show text,
section[content="maps"][type="popup"] [block="map"] #R3.show text,
section[content="maps"][type="popup"] [block="map"] #R0.show #green,
section[content="maps"][type="popup"] [block="map"] #R1.show #green,
section[content="maps"][type="popup"] [block="map"] #R2.show #green,
section[content="maps"][type="popup"] [block="map"] #R3.show #green,
section[content="maps"][type="popup"] [block="map"] #R0.show [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R1.show [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R2.show [data-name="green"],
section[content="maps"][type="popup"] [block="map"] #R3.show [data-name="green"] {
  opacity: 1!important;
}
section[content="maps"][type="popup"] [block="map"] #R0.show #P01,
section[content="maps"][type="popup"] [block="map"] #R1.show #P01,
section[content="maps"][type="popup"] [block="map"] #R2.show #P01,
section[content="maps"][type="popup"] [block="map"] #R3.show #P01,
section[content="maps"][type="popup"] [block="map"] #R0.show #P02,
section[content="maps"][type="popup"] [block="map"] #R1.show #P02,
section[content="maps"][type="popup"] [block="map"] #R2.show #P02,
section[content="maps"][type="popup"] [block="map"] #R3.show #P02,
section[content="maps"][type="popup"] [block="map"] #R0.show #P03,
section[content="maps"][type="popup"] [block="map"] #R1.show #P03,
section[content="maps"][type="popup"] [block="map"] #R2.show #P03,
section[content="maps"][type="popup"] [block="map"] #R3.show #P03,
section[content="maps"][type="popup"] [block="map"] #R0.show #P04,
section[content="maps"][type="popup"] [block="map"] #R1.show #P04,
section[content="maps"][type="popup"] [block="map"] #R2.show #P04,
section[content="maps"][type="popup"] [block="map"] #R3.show #P04,
section[content="maps"][type="popup"] [block="map"] #R0.show #P10,
section[content="maps"][type="popup"] [block="map"] #R1.show #P10,
section[content="maps"][type="popup"] [block="map"] #R2.show #P10,
section[content="maps"][type="popup"] [block="map"] #R3.show #P10,
section[content="maps"][type="popup"] [block="map"] #R0.show #P11,
section[content="maps"][type="popup"] [block="map"] #R1.show #P11,
section[content="maps"][type="popup"] [block="map"] #R2.show #P11,
section[content="maps"][type="popup"] [block="map"] #R3.show #P11,
section[content="maps"][type="popup"] [block="map"] #R0.show #P12,
section[content="maps"][type="popup"] [block="map"] #R1.show #P12,
section[content="maps"][type="popup"] [block="map"] #R2.show #P12,
section[content="maps"][type="popup"] [block="map"] #R3.show #P12,
section[content="maps"][type="popup"] [block="map"] #R0.show #P13,
section[content="maps"][type="popup"] [block="map"] #R1.show #P13,
section[content="maps"][type="popup"] [block="map"] #R2.show #P13,
section[content="maps"][type="popup"] [block="map"] #R3.show #P13,
section[content="maps"][type="popup"] [block="map"] #R0.show #P14,
section[content="maps"][type="popup"] [block="map"] #R1.show #P14,
section[content="maps"][type="popup"] [block="map"] #R2.show #P14,
section[content="maps"][type="popup"] [block="map"] #R3.show #P14,
section[content="maps"][type="popup"] [block="map"] #R0.show #P20,
section[content="maps"][type="popup"] [block="map"] #R1.show #P20,
section[content="maps"][type="popup"] [block="map"] #R2.show #P20,
section[content="maps"][type="popup"] [block="map"] #R3.show #P20,
section[content="maps"][type="popup"] [block="map"] #R0.show #P21,
section[content="maps"][type="popup"] [block="map"] #R1.show #P21,
section[content="maps"][type="popup"] [block="map"] #R2.show #P21,
section[content="maps"][type="popup"] [block="map"] #R3.show #P21,
section[content="maps"][type="popup"] [block="map"] #R0.show #P22,
section[content="maps"][type="popup"] [block="map"] #R1.show #P22,
section[content="maps"][type="popup"] [block="map"] #R2.show #P22,
section[content="maps"][type="popup"] [block="map"] #R3.show #P22,
section[content="maps"][type="popup"] [block="map"] #R0.show #P23,
section[content="maps"][type="popup"] [block="map"] #R1.show #P23,
section[content="maps"][type="popup"] [block="map"] #R2.show #P23,
section[content="maps"][type="popup"] [block="map"] #R3.show #P23,
section[content="maps"][type="popup"] [block="map"] #R0.show #P24,
section[content="maps"][type="popup"] [block="map"] #R1.show #P24,
section[content="maps"][type="popup"] [block="map"] #R2.show #P24,
section[content="maps"][type="popup"] [block="map"] #R3.show #P24,
section[content="maps"][type="popup"] [block="map"] #R0.show #P30,
section[content="maps"][type="popup"] [block="map"] #R1.show #P30,
section[content="maps"][type="popup"] [block="map"] #R2.show #P30,
section[content="maps"][type="popup"] [block="map"] #R3.show #P30,
section[content="maps"][type="popup"] [block="map"] #R0.show #P31,
section[content="maps"][type="popup"] [block="map"] #R1.show #P31,
section[content="maps"][type="popup"] [block="map"] #R2.show #P31,
section[content="maps"][type="popup"] [block="map"] #R3.show #P31,
section[content="maps"][type="popup"] [block="map"] #R0.show #P32,
section[content="maps"][type="popup"] [block="map"] #R1.show #P32,
section[content="maps"][type="popup"] [block="map"] #R2.show #P32,
section[content="maps"][type="popup"] [block="map"] #R3.show #P32,
section[content="maps"][type="popup"] [block="map"] #R0.show #P33,
section[content="maps"][type="popup"] [block="map"] #R1.show #P33,
section[content="maps"][type="popup"] [block="map"] #R2.show #P33,
section[content="maps"][type="popup"] [block="map"] #R3.show #P33,
section[content="maps"][type="popup"] [block="map"] #R0.show #P34,
section[content="maps"][type="popup"] [block="map"] #R1.show #P34,
section[content="maps"][type="popup"] [block="map"] #R2.show #P34,
section[content="maps"][type="popup"] [block="map"] #R3.show #P34,
section[content="maps"][type="popup"] [block="map"] #R0.show [data-name="ICON"],
section[content="maps"][type="popup"] [block="map"] #R1.show [data-name="ICON"],
section[content="maps"][type="popup"] [block="map"] #R2.show [data-name="ICON"],
section[content="maps"][type="popup"] [block="map"] #R3.show [data-name="ICON"],
section[content="maps"][type="popup"] [block="map"] #R0.show #ICON,
section[content="maps"][type="popup"] [block="map"] #R1.show #ICON,
section[content="maps"][type="popup"] [block="map"] #R2.show #ICON,
section[content="maps"][type="popup"] [block="map"] #R3.show #ICON,
section[content="maps"][type="popup"] [block="map"] #R0.show [data-name="handler"],
section[content="maps"][type="popup"] [block="map"] #R1.show [data-name="handler"],
section[content="maps"][type="popup"] [block="map"] #R2.show [data-name="handler"],
section[content="maps"][type="popup"] [block="map"] #R3.show [data-name="handler"],
section[content="maps"][type="popup"] [block="map"] #R0.show #handler,
section[content="maps"][type="popup"] [block="map"] #R1.show #handler,
section[content="maps"][type="popup"] [block="map"] #R2.show #handler,
section[content="maps"][type="popup"] [block="map"] #R3.show #handler {
  opacity: 1;
  pointer-events: all;
}
section[content="maps"][type="popup"][for="parkova"] [block="map"] .legend [route="0"] {
  left: 50%;
  top: 27%;
  max-width: 360px;
}
section[content="maps"][type="popup"][for="parkova"] [block="map"] .legend [route="1"] {
  left: 22%;
  top: 17%;
  max-width: 360px;
}
section[content="maps"][type="popup"][for="parkova"] [block="map"] .legend [route="2"] {
  left: 30%;
  top: 45%;
  max-width: 500px;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="0"] {
  top: auto;
  left: 12%;
  bottom: 64%;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="0"] [point] {
  max-width: 380px;
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="0"] [point="0"].second {
  left: 50%;
  margin-top: 4.5%;
  top: 0;
  bottom: auto;
  max-width: 350px;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="0"] [point="0"].second {
    margin-top: 15px !important;
  }
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="0"] [point="1"] {
  max-width: 400px;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="1"] {
  top: auto;
  left: 29%;
  bottom: 54%;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="1"] [point] {
  max-width: 300px;
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="1"] [point="1"] {
  max-width: 460px;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="2"] {
  top: auto;
  left: 25%;
  bottom: 48%;
}
section[content="maps"][type="popup"][for="zeleznicna"] [block="map"] .legend [route="2"] [point] {
  max-width: 250px;
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route] {
  max-width: 360px;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="0"] {
  left: 50%;
  top: 27%;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="1"] {
  left: 13%;
  bottom: 56%;
  top: auto;
  max-width: 330px;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="1"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="2"] {
  left: 13%;
  bottom: 48%;
  top: auto;
  max-width: 330px;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="2"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="dunajska"] [block="map"] .legend [route="3"] {
  left: 40%;
  top: 39%;
  max-width: 270px;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route] {
  max-width: 400px;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="0"] {
  left: 44%;
  bottom: 67%;
  top: auto;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="0"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="1"] {
  left: 23%;
  bottom: 67%;
  top: auto;
  max-width: 390px;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="1"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="2"] {
  left: 23%;
  bottom: 50%;
  top: auto;
  max-width: 390px;
}
section[content="maps"][type="popup"][for="trhova"] [block="map"] .legend [route="2"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route] {
  max-width: 360px;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route="0"] {
  left: 13%;
  top: 45%;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route="1"] {
  left: 43%;
  bottom: 57%;
  top: auto;
  max-width: 280px;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route="1"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route="2"] {
  left: 10%;
  top: 25%;
  max-width: 310px;
}
section[content="maps"][type="popup"][for="sportova"] [block="map"] .legend [route="2"] [point="2"] {
  max-width: 270px;
  margin-top: 30%;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route] {
  max-width: 300px;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route="0"] {
  left: 66%;
  bottom: 23%;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route="0"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route="1"] {
  left: 60%;
  top: 38%;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route="2"] {
  left: 36%;
  bottom: 51%;
  top: auto;
  max-width: 340px;
}
section[content="maps"][type="popup"][for="oddychova"] [block="map"] .legend [route="2"] [point] {
  top: auto;
  bottom: 0;
}
section[content="maps"][type="popup"] [block="map"] .legend {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
    background: rgba(255, 245, 235, 0.7);
    width: 100%;
    pointer-events: all;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend .button.close {
  position: absolute;
  right: 10px;
  top: -15px;
  display: none;
  background: #fff5eb;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend .button.close.visible {
    display: flex;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] {
  position: absolute;
  opacity: 0;
  width: 100%;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] {
    position: relative;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    display: none;
    padding: 20px;
    max-width: 100% !important;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route].visible {
  opacity: 1;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route].visible {
    display: block;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point="0"] {
  padding-right: 40px;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point="0"] {
    padding-right: 0;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point] {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  opacity: 0;
  text-align: left;
  background: rgba(255, 245, 235, 0.6);
  box-shadow: 0 0 30px 30px rgba(255, 245, 235, 0.6);
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point] {
    position: relative;
    top: auto!important;
    left: auto!important;
    bottom: auto!important;
    right: auto!important;
    width: 100%;
    display: none;
    max-width: 100% !important;
    margin: 0!important;
    text-align: left !important;
    box-shadow: none;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point].visible {
  opacity: 1;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point].visible {
    display: block;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point].visible .button.close {
  pointer-events: all;
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point] .button.close {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  cursor: none;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point] .button.close {
    display: none;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point] h4 {
  color: #333333;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 24px;
  margin-bottom: 12px;
  padding-right: 40px;
}
@media (max-width: 769px), (max-height:700px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point] h4 {
    font-size: 18px;
  }
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point] p {
  color: #333333;
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  font-size: 16px;
}
section[content="maps"][type="popup"] [block="map"] .legend [route] [point] p:last-child {
  margin-bottom: 0;
}
@media (max-width: 769px), (max-height:700px) and (orientation:landscape) {
  section[content="maps"][type="popup"] [block="map"] .legend [route] [point] p {
    font-size: 14px;
  }
}
section[template][id="brownfieldy-galeria"] {
  overflow: hidden;
}
section[template][id="brownfieldy-galeria"].hidden {
  pointer-events: none;
}
section[template][id="brownfieldy-galeria"] [container] {
  overflow: visible;
}
section[template][id="brownfieldy-galeria"] .text p {
  position: relative;
  max-width: 460px;
  margin: auto;
  z-index: 5;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[template][id="brownfieldy-galeria"] .text p {
    max-width: 300px;
  }
}
@media (max-width: 400px) {
  section[template][id="brownfieldy-galeria"] .text p {
    max-width: 100%;
  }
}
section[content="gallery"] {
  transition: 0s;
  overflow: hidden !important;
  height: 100% !important;
}
section[content="gallery"] [container="wrap"] {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  min-width: 100%;
  flex-direction: row !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="gallery"] [container="wrap"] {
    height: 100% !important;
    padding-top: 80px !important;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="gallery"] [container="wrap"] .holder {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
section[content="gallery"] [container="wrap"] [block] {
  white-space: initial;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
section[content="gallery"] [block="headline"] {
  width: 40vw;
  margin: 0;
  padding-right: 4vw;
  padding-left: calc(30vw - 30px);
  box-sizing: content-box;
  text-align: left;
}
@media (min-width: 1300px) {
  section[content="gallery"] [block="headline"] {
    width: 30vw;
    margin: 0;
    padding-right: 4vw;
    padding-left: calc(35vw - 30px);
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="gallery"] [block="headline"] {
    width: 100%;
    padding: 15px 0;
    box-sizing: border-box;
  }
}
section[content="gallery"] [block="item"] {
  position: relative;
  padding: 20px;
  transition: 0.5s;
  overflow: hidden;
  max-width: 400px;
  width: 380px;
  height: 380px;
  margin: auto;
  transition: 0.3s;
  opacity: 0.5;
  pointer-events: none !important;
  pointer-events: all !important;
  opacity: 1;
}
section[content="gallery"] [block="item"]:after {
  content: '';
  border-radius: 50%;
  border-style: solid;
  border-color: rgba(255, 245, 235, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5);
  animation: load 1s linear infinite;
  display: inline-block;
  position: absolute;
  z-index: 9999;
}
@keyframes load {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
section[content="gallery"] [block="item"].strong:after {
  border-color: rgba(255, 245, 235, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9) rgba(51, 51, 51, 0.9);
}
section[content="gallery"] [block="item"].bold:after {
  border-width: 3px;
}
section[content="gallery"] [block="item"].quick:after {
  animation-duration: 0.5s;
}
section[content="gallery"] [block="item"].center:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin-left: 0 !important;
}
section[content="gallery"] [block="item"].bigger:after {
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
section[content="gallery"] [block="item"].big:after {
  width: 30px;
  height: 30px;
  margin-left: 30px;
}
section[content="gallery"] [block="item"]:after {
  z-index: 1 !important;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="gallery"] [block="item"] {
    padding: 15px 0;
    width: 100%;
    height: auto;
  }
}
section[content="gallery"] [block="item"] a {
  position: relative;
  z-index: 2;
}
section[content="gallery"] [block="item"] a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.3);
  transition: 0.3s;
  opacity: 0;
}
section[content="gallery"] [block="item"] a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  font-size: 40px;
  content: 'search';
  color: #fff5eb;
  transition: 0.3s;
  opacity: 0;
}
@media (max-width: 769px) {
  section[content="gallery"] [block="item"] a:before,
  section[content="gallery"] [block="item"] a:after {
    opacity: 1;
  }
}
section[content="gallery"] [block="item"].hover,
section[content="gallery"] [block="item"].current {
  transform: scale(1.1);
}
section[content="gallery"] [block="item"].hover a:before,
section[content="gallery"] [block="item"].current a:before,
section[content="gallery"] [block="item"].hover a:after,
section[content="gallery"] [block="item"].current a:after {
  opacity: 1;
}
section[content="gallery"] [block="item"].hover.hide,
section[content="gallery"] [block="item"].current.hide {
  transform: scale(1);
}
section[content="gallery"] [block="item"].hover.hide a:before,
section[content="gallery"] [block="item"].current.hide a:before,
section[content="gallery"] [block="item"].hover.hide a:after,
section[content="gallery"] [block="item"].current.hide a:after {
  opacity: 0;
}
section[content="gallery"] .gap {
  white-space: initial;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: calc(50vw - 190px - 30px - 30px);
}
section[template='main'] [component="Gallery"] {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  z-index: 4567;
  transition: 0.7s;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(255, 245, 235, 0.95);
  transform: scale(0.8);
}
section[template='main'] [component="Gallery"].visible {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
}
section[template='main'] [component="Gallery"] [component="SliderNav"] {
  display: flex !important;
  background-color: transparent !important;
}
section[template='main'] [component="Gallery"] [component="SliderNav"] .button.list {
  position: fixed;
  right: 20px;
  top: 20px;
  margin: 0;
}
@media (max-height:570px), (max-width: 769px) {
  section[template='main'] [component="Gallery"] [component="SliderNav"] .button.list {
    right: 10px;
    top: 10px;
  }
  section[template='main'] [component="Gallery"] [component="SliderNav"] .button.back,
  section[template='main'] [component="Gallery"] [component="SliderNav"] .button.next {
    position: fixed;
    left: 10px;
    top: 50%;
    margin: 0;
    transform: translateY(-50%);
  }
  section[template='main'] [component="Gallery"] [component="SliderNav"] .button.next {
    left: auto;
    right: 10px;
  }
}
section[template='main'] [component="Gallery"] [block="slider"] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  height: 100%;
  padding: 0;
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] {
  align-items: flex-start;
  height: 100%;
  width: 100vw;
  max-width: 100%;
  padding-bottom: 130px;
  padding-top: 50px;
}
@media (max-height:570px), (max-width: 769px) {
  section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] {
    padding: 30px 10px;
    align-items: center;
  }
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] {
  justify-content: flex-start;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
@media (max-height:570px), (max-width: 769px) {
  section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] {
    height: auto;
  }
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="image"] {
  padding-top: 0;
  width: 100%;
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="image"] img {
  max-height: 100%;
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="text"] {
  font-size: 18px;
  padding: 25px 25px 0;
  max-width: 700px;
  text-align: left;
}
@media (max-height:570px), (max-width: 769px) {
  section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="text"] {
    padding: 25px 35px 0;
  }
}
section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="text"] p {
  margin-bottom: 0;
}
@media (max-height:570px), (max-width: 769px) {
  section[template='main'] [component="Gallery"] [block="slider"] [container="slide"] [block="photo"] [element="text"] p {
    font-size: 16.6px;
  }
}
@media (min-width: 769px) {
  section[content="stvrt"] {
    align-items: center;
  }
}
section[content="stvrt"] [block] {
  padding: 50px;
}
@media (max-width: 769px) {
  section[content="stvrt"] [block] {
    padding: 15px;
  }
}
@media (min-width: 769px) {
  section[content="stvrt"] [block][width="12"]:nth-child(odd) {
    margin-bottom: 100px;
  }
}
@media (min-width: 769px) {
  section[content="stvrt"] [block][width="12"]:nth-child(even) {
    margin-top: 100px;
  }
}
@media (min-width: 769px) {
  section[content="stvrt"].even [block][width="12"]:nth-child(odd) {
    margin-bottom: 0px;
    margin-top: 100px;
  }
}
@media (min-width: 769px) {
  section[content="stvrt"].even [block][width="12"]:nth-child(even) {
    margin-top: 0px;
    margin-bottom: 100px;
  }
}
.sitelab.editor-wrapper section[content="about"][type="popup"] {
  opacity: 1;
  pointer-events: all;
}
section[content="about"][type="list"] {
  transition: 0s;
}
section[content="about"][type="list"] [container="wrap"] {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  min-width: 100%;
  flex-direction: row !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="about"][type="list"] [container="wrap"] {
    height: auto;
    padding: 80px 15px !important;
    justify-content: flex-start;
  }
}
@media (max-height:570px), (max-width: 769px) {
  section[content="about"][type="list"] [container="wrap"] .holder {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
}
section[content="about"][type="list"] [container="wrap"] [block] {
  white-space: initial;
  display: inline-block;
  position: relative;
  color: #fff5eb;
  vertical-align: middle;
}
section[content="about"][type="list"] [container="wrap"] .spacer {
  width: calc(50vw - 200px - 30px);
  white-space: initial;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
section[content="about"][type="list"] [container="wrap"] .spacer.last {
  width: calc(50vw - 200px - 60px);
}
section[content="about"][type="list"] [block="item"] {
  position: relative;
  width: 400px;
  min-width: 400px;
  height: 400px;
  max-height: 400px;
  transition: 0.5s;
  padding: 40px;
}
@media (max-height:570px), (max-width: 769px) {
  section[content="about"][type="list"] [block="item"] {
    padding: 15px;
    width: 345px;
    min-width: 345px;
    height: 345px;
    max-height: 345px;
  }
}
section[content="about"][type="list"] [block="item"].current,
section[content="about"][type="list"] [block="item"].hover {
  transform: scale(1.15);
}
@media (max-height:570px), (max-width: 769px) {
  section[content="about"][type="list"] [block="item"].current,
  section[content="about"][type="list"] [block="item"].hover {
    transform: none;
  }
}
section[content="about"][type="list"] [block="item"].current .text,
section[content="about"][type="list"] [block="item"].hover .text {
  border-color: #fff5eb;
}
section[content="about"][type="list"] [block="item"].current .text h2,
section[content="about"][type="list"] [block="item"].hover .text h2 {
  color: #fff5eb;
}
section[content="about"][type="list"] [block="item"].current.hide,
section[content="about"][type="list"] [block="item"].hover.hide {
  transform: scale(1);
}
section[content="about"][type="list"] [block="item"].current.hide .text,
section[content="about"][type="list"] [block="item"].hover.hide .text {
  border-color: #333333;
}
section[content="about"][type="list"] [block="item"].current.hide .text h2,
section[content="about"][type="list"] [block="item"].hover.hide .text h2 {
  color: #333333;
}
section[content="about"][type="list"] [block="item"] .text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333333;
  border-radius: 100%;
  transition: 0.3s;
}
section[content="about"][type="list"] [block="item"] .text a {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
section[content="about"][type="list"] [block="item"] .text h2 {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 30px;
  line-height: 35px;
  color: #333333;
  margin: 0;
  transition: 0.3s;
}
section[content="about"][type="popup"] {
  position: absolute;
  pointer-events: none;
  background-color: rgba(156, 191, 143, 0.75);
  z-index: 5000;
  transition: 0.3s;
  opacity: 0;
}
section[content="about"][type="popup"].visible {
  opacity: 1;
  pointer-events: all;
}
section[content="about"][type="popup"].visible [container] {
  opacity: 1;
  transform: translate3d(-50%, 0%, 0);
}
section[content="about"][type="popup"] [container] {
  position: absolute;
  top: 90px;
  left: 50%;
  width: calc(100% - 120px);
  height: calc(100% - 180px);
  min-height: auto;
  background-color: #FFF5EB;
  padding: 60px 0 60px 60px;
  max-height: 800px;
  max-width: 770px;
  transform: translate3d(-50%, 10%, 0);
  opacity: 0;
  transition: 0.5s;
  text-align: left;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] [container] {
    top: 65px;
    width: calc(100% - 30px);
    height: calc(100% - 80px);
    padding: 15px 0 15px 15px;
  }
}
section[content="about"][type="popup"] [container] [block="text"] {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 60px 0 0;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] [container] [block="text"] {
    padding: 0 15px 0 0;
  }
}
section[content="about"][type="popup"] [container] [block="text"] h2 {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 40px;
  padding-right: 30px;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] [container] [block="text"] h2 {
    font-size: 30px;
  }
}
section[content="about"][type="popup"] [container] [block="text"] p {
  font-size: 20px;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] [container] [block="text"] p {
    font-size: 16px;
  }
}
section[content="about"][type="popup"] [container] [block="text"] p:last-child {
  margin-bottom: 0;
}
section[content="about"][type="popup"] [container] [block="image"] {
  margin: auto;
  align-items: flex-start;
  padding: 50px 0;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] [container] [block="image"] {
    padding: 30px 0;
  }
}
section[content="about"][type="popup"] [container] [block="image"] .text {
  margin-top: 10px;
}
section[content="about"][type="popup"] [container] [block="image"] .text p {
  font-size: 15px;
}
section[content="about"][type="popup"] [container] [block="image"] .text p:last-child {
  margin-bottom: 0;
}
section[content="about"][type="popup"] .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  z-index: 10;
  background: #fff5eb;
}
@media (max-width: 768px) {
  section[content="about"][type="popup"] .close {
    width: 45px;
    height: 45px;
  }
}
section[content="about"][type="popup"] .close svg rect {
  transition: 0.3s;
  fill: #333333;
}
section[content="about"][type="popup"] .close:hover svg rect {
  fill: #c4ad8f;
}
[template='main'][id='kontakt'] {
  flex-direction: column;
}
[template='main'][id='kontakt'] [block="backgrounds"] .bg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
  transition: 1s;
  background-size: cover;
}
[template='main'][id='kontakt'] [block="backgrounds"] .bg.work {
  background-image: url("/files/chcem-tu-pracovat.jpg");
}
[template='main'][id='kontakt'] [block="backgrounds"] .bg.business {
  background-image: url("/files/chcem-tu-podnikat.jpg");
}
[template='main'][id='kontakt'] [block="backgrounds"] .bg.newsletter {
  background-image: url("/files/chcem-novinky.jpg");
}
[template='main'][id='kontakt'] [block="backgrounds"] .bg.show,
[template='main'][id='kontakt'] [block="backgrounds"] .bg.show-popup {
  opacity: 1;
}
[template='main'][id='kontakt'] .headline {
  position: absolute;
  top: 75px;
  left: 30px;
  font-weight: 400;
  font-size: 20px;
  z-index: 2;
}
@media (max-height:570px), (max-width: 769px) {
  [template='main'][id='kontakt'] .headline {
    display: none;
  }
}
[template='main'][id='kontakt'] [container] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  max-width: 1200px;
  z-index: 2;
  position: relative;
}
@media (max-width: 769px) {
  [template='main'][id='kontakt'] [container] {
    flex-direction: column;
  }
}
[template='main'][id='kontakt'] [container] [block='left'] {
  max-width: 600px;
}
@media (max-height:700px) and (orientation:landscape) {
  [template='main'][id='kontakt'] [container] [block='left'] {
    transform-origin: bottom;
    padding-top: 0;
  }
}
@media (max-height:650px) {
  [template='main'][id='kontakt'] [container] [block='left'] {
    padding-bottom: 0;
  }
}
[template='main'][id='kontakt'] [container] [block="item"] {
  position: relative;
  width: 400px;
  min-width: 400px;
  height: 400px;
  max-height: 400px;
  transition: 0.5s;
  padding: 40px;
}
@media (max-height:570px), (max-width: 769px) {
  [template='main'][id='kontakt'] [container] [block="item"] {
    padding: 15px;
    width: 250px;
    min-width: 250px;
    height: 250px;
    max-height: 250px;
  }
}
[template='main'][id='kontakt'] [container] [block="item"]:hover {
  transform: scale(1.15);
}
@media (max-height:570px), (max-width: 769px) {
  [template='main'][id='kontakt'] [container] [block="item"]:hover {
    transform: none;
  }
}
[template='main'][id='kontakt'] [container] [block="item"]:hover .text {
  border-color: #fff5eb;
}
[template='main'][id='kontakt'] [container] [block="item"]:hover .text h2 {
  color: #fff5eb;
}
[template='main'][id='kontakt'] [container] [block="item"] .text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #333333;
  border-radius: 100%;
  transition: 0.3s;
}
[template='main'][id='kontakt'] [container] [block="item"] .text a {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
[template='main'][id='kontakt'] [container] [block="item"] .text h2 {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 30px;
  line-height: 35px;
  color: #333333;
  margin: 0;
  transition: 0.3s;
}
[template='main'][id='kontakt'] form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
@media (max-height: 800px) {
  [template='main'][id='kontakt'] form {
    flex-direction: row;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  [template='main'][id='kontakt'] form {
    flex-direction: column;
  }
}
[template='main'][id='kontakt'] form section {
  position: relative;
  margin-top: 30px;
  margin-bottom: 60px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (max-height:700px) and (orientation:landscape), (max-height: 800px) and (orientation: landscape) {
  [template='main'][id='kontakt'] form section {
    margin-right: 40px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width:767px) and (orientation:portrait) {
  [template='main'][id='kontakt'] form section {
    margin-top: 0;
  }
}
@media (max-width: 769px) {
  [template='main'][id='kontakt'] form section {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
[template='main'][id='kontakt'] form section input {
  margin-bottom: 0;
  border-width: 0;
  text-align: center;
}
@media (max-height:700px) and (orientation:landscape) {
  [template='main'][id='kontakt'] form section input {
    padding: 7px 0px;
  }
}
[template='main'][id='kontakt'] form section .line {
  width: 100%;
  height: 1px;
  background-color: #333333;
  margin-bottom: 15px;
}
[template='main'][id='kontakt'] form button {
  margin-top: 0px;
  color: #333333;
  border-color: #333333;
}
@media (min-height: 800px) {
  [template='main'][id='kontakt'] form button {
    margin-top: 30px;
  }
}
[template='main'][content='footer'] {
  flex-direction: column;
}
[template='main'][content='footer'] [container='top'] {
  flex-direction: column;
  padding-bottom: 0;
  min-height: auto;
  height: auto;
  flex: 1;
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [container='top'] {
    padding-right: 0;
    padding-left: 0;
  }
}
[template='main'][content='footer'] [container='bottom'] {
  flex-direction: column;
  padding-bottom: 0px;
  padding-top: 0px;
  min-height: auto;
  height: auto;
}
[template='main'][content='footer'] [block='text'] {
  text-align: center;
  line-height: 1.8;
}
[template='main'][content='footer'] [block='text'] h2 {
  margin-bottom: 0;
}
[template='main'][content='footer'] [block='text'] .text {
  max-width: 700px;
}
[template='main'][content='footer'] [block='text'] a {
  color: #fff5eb;
  transition: 0.3s;
  text-decoration: underline;
}
[template='main'][content='footer'] [block='text'] a:hover {
  color: #c4ad8f;
}
[template='main'][content='footer'] [block='carousel'] {
  padding-top: 4%;
}
@media (min-width: 980px) {
  [template='main'][content='footer'] [block='carousel'] {
    padding-left: 7%;
    padding-right: 7%;
  }
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [block='carousel'] {
    padding-right: 0;
    padding-left: 0;
  }
}
[template='main'][content='footer'] [block='carousel'] a.item {
  margin: 2px;
}
[template='main'][content='footer'] [block='carousel'] .owl-theme .owl-dots .owl-dot span {
  background: #e3d6cc;
}
[template='main'][content='footer'] [block='carousel'] .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff5eb;
}
[template='main'][content='footer'] [block='carousel'] .owl-theme .owl-dots .owl-dot.active span,
[template='main'][content='footer'] [block='carousel'] .owl-theme .owl-dots .owl-dot.active:hover span {
  background: #c4ad8f;
}
[template='main'][content='footer'] [block='logos'] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (orientation: portrait) {
  [template='main'][content='footer'] [block='logos'] {
    flex-direction: column;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  [template='main'][content='footer'] [block='logos'] {
    padding: 0;
  }
}
[template='main'][content='footer'] [block='logos'] .logos-wrap {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [block='logos'] .logos-wrap {
    flex-direction: column;
    align-items: center;
    padding-right: 0px;
  }
}
[template='main'][content='footer'] [block='logos'] .logo .cls-1 {
  fill: #fff5eb;
  transition: 0.3s;
}
[template='main'][content='footer'] [block='logos'] .logo:hover .cls-1 {
  fill: #c4ad8f;
}
[template='main'][content='footer'] [block='logos'] .Xko {
  height: 20px;
  width: auto;
  margin: 0 30px 10px;
  pointer-events: none;
  /*
            @media @portrait {
                flex-direction: column;
                margin: 0 30px;
            }*/
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [block='logos'] .Xko {
    margin: 20px 0px;
  }
}
[template='main'][content='footer'] [block='logos'] .Corwin {
  height: 23px;
  width: auto;
  margin-bottom: 10px;
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [block='logos'] .Corwin {
    width: 146px;
    margin-bottom: 0px;
  }
}
@media (orientation: portrait) {
  [template='main'][content='footer'] [block='logos'] .Corwin {
    flex-direction: column;
    margin-right: 0;
  }
}
[template='main'][content='footer'] [block='logos'] .Ghel {
  width: 82px;
}
@media (max-width: 769px) {
  [template='main'][content='footer'] [block='logos'] .Ghel {
    width: 72px;
  }
}
[template='main'][content='footer'] [block='copy'] {
  text-align: center;
  margin: 10px 0 20px 0;
}
[template='main'][content='footer'] [block='copy'] .text {
  font-size: 18px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  [template='main'][content='footer'] [block='copy'] .text {
    flex-direction: row;
  }
}
[template='main'][content='footer'] [block='copy'] .text a {
  margin: 0 20px;
  color: #fff5eb;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.4;
}
[template='main'][content='footer'] [block='copy'] .text a:hover {
  text-decoration: underline;
}
[template='main'][content='footer'] [block='copy'] .text span {
  margin: 0 20px;
  white-space: nowrap;
  line-height: 1.4;
}
[component="Popup"][name="contact"] h2,
[component="Popup"][name="work"] h2,
[component="Popup"][name="business"] h2 {
  font-size: 28px;
}
@media only screen and (min-width: 768px) {
  [component="Popup"][name="contact"] h2,
  [component="Popup"][name="work"] h2,
  [component="Popup"][name="business"] h2 {
    font-size: 40px;
  }
}
[component="Popup"][name="contact"] input:-webkit-autofill,
[component="Popup"][name="work"] input:-webkit-autofill,
[component="Popup"][name="business"] input:-webkit-autofill,
[component="Popup"][name="contact"] input:-webkit-autofill:hover,
[component="Popup"][name="work"] input:-webkit-autofill:hover,
[component="Popup"][name="business"] input:-webkit-autofill:hover,
[component="Popup"][name="contact"] input:-webkit-autofill:focus,
[component="Popup"][name="work"] input:-webkit-autofill:focus,
[component="Popup"][name="business"] input:-webkit-autofill:focus,
[component="Popup"][name="contact"] input:-webkit-autofill:active,
[component="Popup"][name="work"] input:-webkit-autofill:active,
[component="Popup"][name="business"] input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff5eb inset !important;
}
[component="Popup"][name="contact"] textarea,
[component="Popup"][name="work"] textarea,
[component="Popup"][name="business"] textarea {
  margin-bottom: 10px;
  height: 130px;
}
section[template="main"][id="povedzte-nam-svoj-nazor"] [container] {
  flex-direction: column;
  padding-bottom: 20px;
}
@media (max-width: 640px) {
  section[template="main"][id="povedzte-nam-svoj-nazor"] [container] {
    padding-left: 0;
    padding-right: 0;
  }
}
section[template="main"][id="povedzte-nam-svoj-nazor"] [container] [block="text"] {
  flex-grow: 1;
}
@media (max-width: 640px) {
  section[template="main"][id="povedzte-nam-svoj-nazor"] [container] [block="text"] {
    padding-left: 0;
    padding-right: 0;
  }
  section[template="main"][id="povedzte-nam-svoj-nazor"] [container] [block="text"] > .text {
    margin: 0 45px;
  }
}
[component="intro"] {
  display: none;
  flex-direction: column;
}
[component="intro"] .background {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 997;
}
[component="intro"] .background.brown {
  background-color: #8a7370;
  top: 0;
}
[component="intro"] .background.gold {
  background-color: #c4ad8f;
  top: 100vh;
}
[component="intro"] .background.pink {
  background-color: #ffc7c7;
  top: 100vh;
}
[component="intro"] .background.green {
  background-color: #9cbf8f;
  top: 100vh;
}
[component="intro"] .logo {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 240px;
  height: 163px;
  pointer-events: none;
  z-index: 998;
}
[component="intro"] .logo img {
  position: absolute;
  width: 100%;
}
[component="intro"] .logo img.brown {
  opacity: 1;
  z-index: 1;
}
[component="intro"] .logo img.gold {
  opacity: 0;
  z-index: 2;
}
[component="intro"] .logo img.pink {
  opacity: 0;
  z-index: 3;
}
[component="Flayer"] {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9991;
  width: 340px;
  padding: 25px 60px 35px 35px;
  background: #9cbf8f;
  font-size: 36px;
  line-height: 43.2px;
  margin: 50px 80px;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
@media (max-width: 980px) {
  [component="Flayer"] {
    margin: 20px;
  }
}
@media (max-width: 380px) {
  [component="Flayer"] {
    margin: 0;
    bottom: 20px;
    right: 20px;
    width: calc(100% - 40px);
  }
}
[component="Flayer"][color="sand"] {
  background: #c4ad8f;
}
[component="Flayer"][color="sunset"] {
  background: #ffc7c7;
}
[component="Flayer"][color="brown"] {
  background: #8a7370;
}
[component="Flayer"][color="black"] {
  background: #333333;
}
[component="Flayer"][color="blue"] {
  background: #94b0b5;
}
[component="Flayer"][color="pastel"] {
  background: #e3d6cc;
}
[component="Flayer"][color="snow"] {
  background: #fff5eb;
}
[component="Flayer"][color="green"] {
  background: #9cbf8f;
}
[component="Flayer"].visible {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}
[component="Flayer"].visible.hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
[component="Flayer"] .headline {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 32px;
  margin-bottom: 30px;
  line-height: 1.1;
}
[component="Flayer"] .text {
  font-size: 18px;
  line-height: 1.3;
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
}
[component="Flayer"] .close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  transition: 0.3s;
  cursor: pointer;
}
[component="Flayer"] .close rect {
  fill: #333333;
}
[component="Flayer"] .close:hover {
  opacity: 0.6;
}
[component="Flayer"] .button {
  font-size: 21px;
  min-width: auto;
  padding: 0 27px;
  min-height: 34px;
  margin-top: 40px;
}
section[content="vision"][component="urbanism"] [block="menu"] {
  flex-direction: row;
  position: fixed;
  top: 100px;
  left: 0;
  width: 100%;
  padding: 0 11px;
  z-index: 9777;
  border-top: 1px solid #333333;
  background-color: #fff5eb;
}
section[content="vision"][component="urbanism"] [block="menu"]:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 70px;
  pointer-events: none;
  background: linear-gradient(180deg, #fff5eb, rgba(255, 245, 235, 0));
  z-index: 5;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="menu"] {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    border-top-width: 0;
    padding: 0 0 150px 30px;
  }
  section[content="vision"][component="urbanism"] [block="menu"]:before {
    content: none;
  }
}
@media (min-width:1200px) {
  section[content="vision"][component="urbanism"] [block="menu"] {
    padding-left: 0;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[content="vision"][component="urbanism"] [block="menu"] {
    padding-bottom: 100px;
  }
}
section[content="vision"][component="urbanism"] [block="menu"].begin .btn.prev {
  opacity: 0.15;
  pointer-events: none;
}
section[content="vision"][component="urbanism"] [block="menu"].end .btn.next {
  opacity: 0.15;
  pointer-events: none;
}
section[content="vision"][component="urbanism"] [block="menu"] .btn:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}
section[content="vision"][component="urbanism"] [block="menu"] .btn:hover {
  color: #333333;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="menu"] .btn {
    display: none;
  }
}
section[content="vision"][component="urbanism"] [block="menu"] .scroller {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 40px;
  background-color: #fff5eb;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="menu"] .scroller {
    display: flex;
    flex-direction: column;
    height: auto;
    background-color: transparent;
  }
}
section[content="vision"][component="urbanism"] [block="menu"] .scroller a {
  position: relative;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 18px;
  padding: 10px 15px;
  transition: 0.5s;
  text-decoration: none;
  white-space: nowrap;
  color: #e3d6cc;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="menu"] .scroller a {
    font-size: 20px;
    padding: 8px 0 8px 27px;
  }
  section[content="vision"][component="urbanism"] [block="menu"] .scroller a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    min-width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #333333;
    margin-right: 15px;
  }
  section[content="vision"][component="urbanism"] [block="menu"] .scroller a.selected:before {
    background-color: #9cbf8f;
    border-color: #9cbf8f;
  }
}
@media (min-width:1200px) {
  section[content="vision"][component="urbanism"] [block="menu"] .scroller a {
    font-size: 20px;
    padding: 8px 0 8px 27px;
  }
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="menu"] .scroller a:hover {
    opacity: 0.5;
    color: #333333;
  }
}
section[content="vision"][component="urbanism"] [block="menu"] .scroller a.selected {
  text-decoration: underline;
  color: #333333;
}
section[content="vision"][component="urbanism"] [block="menu"] .scroller a.selected:hover {
  opacity: 1;
}
@media (max-width: 769px) {
  section[content="vision"][component="urbanism"]:before {
    top: 140px;
    z-index: 900;
  }
}
section[content="vision"][component="urbanism"] [block="slider"] {
  position: relative;
  padding: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  text-align: left;
  z-index: 776;
}
section[content="vision"][component="urbanism"] [block="slider"] .slide {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 100vw;
  padding: 0 30px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.5s ease-out;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="slider"] .slide {
    position: absolute;
    right: 0;
    top: 50%;
    min-width: 100%;
    width: 100%;
    height: auto;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-50%);
  }
}
section[content="vision"][component="urbanism"] [block="slider"] .slide.current {
  opacity: 1;
}
section[content="vision"][component="urbanism"] [block="slider"] .slide.current [element="text"] {
  opacity: 1;
  transition-delay: 0s;
}
section[content="vision"][component="urbanism"] [block="slider"] .slide[order="0"] [element="image"] {
  margin: auto;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="slider"] [element="image"] {
    display: flex;
    justify-content: flex-end;
    margin: 0 !important;
    max-height: 100%;
  }
}
section[content="vision"][component="urbanism"] [block="slider"] [element="image"] img {
  transition: 0.5s;
  max-height: calc(100vh - 160px);
}
section[content="vision"][component="urbanism"] [block="slider"] [element="image"].zoomed img {
  transform: scale(1.7);
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="slider"] .holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, #fff5eb 55%, #fff5ebe3 75%, #fff5eb00);
    padding: 0 15% 0 50px;
  }
  section[content="vision"][component="urbanism"] [block="slider"] .holder.narrow {
    width: 40%;
    padding-right: 5%;
  }
}
section[content="vision"][component="urbanism"] [block="slider"] [element="text"] {
  position: relative;
  background-color: #fff5eb;
}
section[content="vision"][component="urbanism"] [block="slider"] [element="text"]:before {
  content: '';
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 70px;
  pointer-events: none;
  background: linear-gradient(0deg, #fff5eb, rgba(255, 245, 235, 0));
  z-index: 5;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [block="slider"] [element="text"] {
    background-color: transparent;
    opacity: 0;
    transition: 0.5s;
    transition-delay: 0s;
  }
  section[content="vision"][component="urbanism"] [block="slider"] [element="text"]:before {
    content: none;
  }
  section[content="vision"][component="urbanism"] [block="slider"] [element="text"] h3 {
    font-size: 25px;
    margin-bottom: 20px;
  }
  section[content="vision"][component="urbanism"] [block="slider"] [element="text"] p {
    font-size: 15px;
  }
}
section[content="vision"][component="urbanism"] {
  overflow: hidden !important;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] {
    min-height: auto;
  }
}
section[content="vision"][component="urbanism"] .scroller {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  width: 100%;
}
section[content="vision"][component="urbanism"] [container="main"] {
  overflow: unset;
  padding: 0 !important;
  flex-direction: column;
  min-height: auto;
  height: 100% !important;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="vision"][component="urbanism"] [container="main"] {
    flex-direction: row;
  }
}
section[content="vision"][component="urbanism"] .mouse {
  width: 44px;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1900;
  bottom: 20px;
  transition: 0.3s;
}
section[content="vision"][component="urbanism"] .mouse.hidden {
  bottom: 60px;
  opacity: 0;
}
@media (max-height:800px) {
  section[content="vision"][component="urbanism"] .mouse {
    width: 34px;
  }
}
section[content="vision"][component="urbanism"] .mouse #ball {
  animation: scroll 1.5s ease-in-out infinite;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
section[content="vision"][component="urbanism"] [template="sub"] .mix-funkcii {
  width: 65px;
  margin: 0 4px;
  transform: translateY(-15px);
}
section[content="vision"][component="urbanism"] [template="sub"] .mestske-bloky {
  width: 102px;
  margin: 0 4px;
  transform: translateY(-10px);
}
section[content="vision"][component="urbanism"] [template="sub"] .roznoroda_arch {
  width: 105px;
  margin: 0 4px;
  transform: translateY(-15px);
}
@media (max-width: 1024px) {
  section[content="vision"][component="urbanism"] [template="sub"] .mix-funkcii {
    width: 50px;
    margin: 0 2px;
    transform: translateY(-9px);
  }
  section[content="vision"][component="urbanism"] [template="sub"] .mestske-bloky {
    width: 60px;
    margin: 0 2px;
    transform: translateY(-4px);
  }
  section[content="vision"][component="urbanism"] [template="sub"] .roznoroda_arch {
    width: 52px;
    margin: 0 2px;
    transform: translateY(-4px);
  }
}
section[template] [component="vision"] {
  flex-direction: column;
  max-width: 1280px;
  padding-bottom: 50px;
}
@media (max-width: 800px) {
  section[template] [component="vision"] {
    height: auto;
  }
}
@media (max-width: 769px) {
  section[template] [component="vision"] {
    padding: 50px 0 60px 0;
  }
}
section[template] [component="vision"] .top {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  section[template] [component="vision"] .top {
    flex-direction: row;
    flex-grow: 1;
  }
}
section[template] [component="vision"] .bottom {
  display: none !important;
  padding: 30px 80px 0;
  width: 100%;
  position: relative;
}
@media (max-width: 800px) {
  section[template] [component="vision"] .bottom.desktop {
    display: none;
  }
}
section[template] [component="vision"] .bottom.mobile {
  padding: 0 0 10px;
  display: none;
}
@media (max-width: 800px) {
  section[template] [component="vision"] .bottom.mobile {
    display: block;
  }
}
section[template] [component="vision"] .bottom.mobile .tooltip {
  display: none;
}
section[template] [component="vision"] .button.green {
  margin-top: 15px;
  padding-right: 11px;
  user-select: none;
}
@media (max-width: 800px) {
  section[template] [component="vision"] .button.green.desktop {
    display: none;
  }
}
section[template] [component="vision"] .button.green.mobile {
  display: none;
  margin-top: -40px;
}
@media (max-width: 800px) {
  section[template] [component="vision"] .button.green.mobile {
    display: flex;
  }
}
section[template] [component="vision"] .button.green .icon {
  font-size: 33px;
}
section[template] [component="vision"] [block="text"] {
  padding-right: 65px;
}
@media (max-width: 1024px), (max-height: 750px) {
  section[template] [component="vision"] [block="text"] h2 {
    font-size: 40px;
    margin-bottom: 35px;
  }
  section[template] [component="vision"] [block="text"] h2 img {
    width: 86px !important;
  }
  section[template] [component="vision"] [block="text"] .button {
    font-size: 20px;
    margin-top: 25px;
  }
}
@media (max-width: 800px) {
  section[template] [component="vision"] [block="text"] {
    padding-right: 15px;
    width: 100%;
    align-items: center;
  }
  section[template] [component="vision"] [block="text"] h2 {
    font-size: 60px;
    margin-bottom: 30px;
    text-align: center;
  }
  section[template] [component="vision"] [block="text"] h2 img {
    width: 86px !important;
  }
  section[template] [component="vision"] [block="text"] p {
    text-align: center;
  }
  section[template] [component="vision"] [block="text"] .button {
    font-size: 24px;
    margin-top: 15px;
  }
}
@media (max-width: 769px) {
  section[template] [component="vision"] [block="text"] {
    padding: 15px 45px;
  }
  section[template] [component="vision"] [block="text"] h2 {
    max-width: 400px;
  }
  section[template] [component="vision"] [block="text"] .button {
    font-size: 18px;
    margin-top: 25px;
  }
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[template] [component="vision"] [block="text"] h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
  section[template] [component="vision"] [block="text"] h2 img {
    width: 86px !important;
  }
}
section[template] [component="vision"] [block="text"] .button.black:hover {
  background-color: #e3d6cc;
}
section[template] [component="vision"] [block="vision"] {
  position: relative;
  height: 100%;
}
@media (max-width: 769px) {
  section[template] [component="vision"] [block="vision"] {
    padding: 0 5px 15px;
    height: auto;
  }
}
section[template] [component="vision"] [block="vision"] .claim {
  position: absolute;
  top: 10%;
  right: 10%;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  padding-top: 7px;
  color: #8a7370;
}
section[template] [component="vision"] [block="vision"] .claim .green {
  color: #9cbf8f;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 769px) {
  section[template] [component="vision"] [block="vision"] .claim {
    top: auto;
    right: 5%;
    bottom: 16%;
  }
}
section[template] [component="vision"] [block="vision"] .images {
  position: relative;
  width: 100%;
}
@media (max-width: 800px) {
  section[template] [component="vision"] [block="vision"] .images {
    max-width: 360px;
  }
}
section[template] [component="vision"] [block="vision"] .images img {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  opacity: 0;
  transition: 1s linear;
  width: auto;
  max-height: calc(100vh - 180px);
}
@media (max-width: 769px) {
  section[template] [component="vision"] [block="vision"] .images img {
    right: 0;
  }
}
section[template] [component="vision"] [block="vision"] .images img[order="0"] {
  position: relative;
  top: 0;
  transform: none;
}
section[template] [component="vision"] [block="vision"] .images img.current {
  opacity: 1;
}
section[template] [component="vision"] [block="vision"] .titles {
  width: 100%;
  position: absolute;
  top: 10%;
  left: 10%;
  max-width: 200px;
  text-align: left;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 30px;
}
@media (max-width: 769px) {
  section[template] [component="vision"] [block="vision"] .titles {
    top: 7%;
    left: 7%;
  }
}
section[template] [component="vision"] [block="vision"] .titles .title {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0s;
}
section[template] [component="vision"] [block="vision"] .titles .title.current {
  transition: 1s;
  opacity: 1;
}
section[template] [component="vision"] .progress {
  width: 100%;
  display: flex;
  flex-direction: row;
}
section[template] [component="vision"] .progress .bar {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-grow: 1;
  margin: 0 15px;
}
section[template] [component="vision"] .progress .bar .slider {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 30px;
  overflow: hidden;
}
section[template] [component="vision"] .progress .bar .slider .inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  height: 100%;
  border-radius: 30px;
  background-color: #333333;
  transition: 0.3s;
}
section[template] [component="vision"] .progress .bar .point {
  position: absolute;
  width: 30px;
  height: 30px;
  transform: translate(-50%, 0);
  transition: 0.3s;
}
section[template] [component="vision"] .progress .bar .point:before,
section[template] [component="vision"] .progress .bar .point:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(51, 51, 51, 0.2);
  border-radius: 50%;
  transition: 0.3s;
}
section[template] [component="vision"] .progress .bar .point:after {
  opacity: 0;
  background-color: transparent;
  border: 1px solid #333333;
}
section[template] [component="vision"] .progress .bar .point:hover:before,
section[template] [component="vision"] .progress .bar .point.current:before {
  width: 20px;
  height: 20px;
}
section[template] [component="vision"] .progress .bar .point:hover .tooltip,
section[template] [component="vision"] .progress .bar .point.current .tooltip {
  opacity: 1;
}
section[template] [component="vision"] .progress .bar .point.current.hidden:before {
  width: 10px;
  height: 10px;
}
section[template] [component="vision"] .progress .bar .point.current.hidden .tooltip {
  opacity: 0;
}
section[template] [component="vision"] .progress .bar .point.current:after {
  animation: select 1s ease-out;
}
@keyframes select {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(4);
  }
}
section[template] [component="vision"] .progress .bar .point.current:before,
section[template] [component="vision"] .progress .bar .point.selected:before {
  background-color: #333333;
}
section[template] [component="vision"] .progress .bar .point .tooltip {
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  font-size: 13px;
  white-space: nowrap;
  transition: 0.3s;
  opacity: 0;
  padding: 0px 15px;
  background-color: #fff5eb;
  z-index: 1;
}
section[content="vision"] [component="Doprava"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
section[content="vision"] [component="Doprava"] .point {
  position: absolute;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #ffc7c7;
}
section[content="vision"] [component="Doprava"] .point:before,
section[content="vision"] [component="Doprava"] .point:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
section[content="vision"] [component="Doprava"] .point:before {
  width: 100%;
  height: 100%;
  background: #ffc7c7;
}
section[content="vision"] [component="Doprava"] .point:after {
  width: 25px;
  height: 25px;
  background: #333333;
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  z-index: -1;
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0;
  }
}
section[content="vision"] [component="Doprava"] .point:hover {
  z-index: 77;
}
section[content="vision"] [component="Doprava"] .point:hover .bubble {
  opacity: 1;
  pointer-events: all;
}
section[content="vision"] [component="Doprava"] .point.higher .bubble {
  padding-left: 24px;
}
section[content="vision"] [component="Doprava"] .point.higher.right .bubble {
  padding-right: 24px;
}
section[content="vision"] [component="Doprava"] .point.right .bubble {
  padding: 5px 15px 5px 10px;
  left: 0;
  transform: translate(-100%, -50%);
}
section[content="vision"] [component="Doprava"] .point.right .bubble:before {
  left: auto;
  right: 3px;
}
section[content="vision"] [component="Doprava"] .point.right .bubble:after {
  left: auto;
  right: 18px;
}
section[content="vision"] [component="Doprava"] .point .bubble {
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 5px 10px 5px 15px;
  font-size: 20px;
  font-family: 'Meta', Arial, serif;
  font-weight: normal;
  font-weight: 600;
  font-style: normal;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.5s;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 769px) {
  section[content="vision"] [component="Doprava"] .point .bubble {
    font-size: 13px;
  }
}
section[content="vision"] [component="Doprava"] .point .bubble:before,
section[content="vision"] [component="Doprava"] .point .bubble:after {
  content: '';
  position: absolute;
  z-index: -1;
  background: #ffc7c7;
}
section[content="vision"] [component="Doprava"] .point .bubble:before {
  content: '';
  width: 80px;
  height: 80px;
  left: 3px;
  top: 50%;
  transform-origin: center;
  transform: translateY(-50%) rotate(45deg) skew(15deg, 15deg);
}
section[content="vision"] [component="Doprava"] .point .bubble:after {
  content: '';
  width: 100%;
  height: 100%;
  left: 18px;
  top: 0;
}
section[template][content="vision"].video:before {
  content: none;
}
section[template][content="vision"].video [container] {
  flex-direction: column;
  align-items: center;
}
section[template][content="vision"].video [block="image"] {
  display: none;
  margin-top: 13%;
  width: 320px;
  padding: 0;
  z-index: 400;
}
section[template][content="vision"].video [block="image"] .image {
  width: 100%;
  transform: translateX(-13.8%);
}
section[template][content="vision"].video .button.close {
  border-color: #fff5eb;
  color: #fff5eb;
}
section[template="main"][id="uptown-offices"] {
  min-height: 640px;
}
section[template="main"][id="uptown-offices"] header {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
section[template="main"][id="uptown-offices"] header .bg {
  width: 100%;
  height: 90px;
  background: #fff5eb;
}
@media (max-height:800px) {
  section[template="main"][id="uptown-offices"] header .bg {
    height: 75px;
  }
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[template="main"][id="uptown-offices"] header .bg {
    height: 60px;
  }
}
section[template="main"][id="uptown-offices"] header .teeth {
  margin-top: -5px;
  width: 100%;
  height: 55px;
  background-image: url("/files/tooth.svg");
  background-repeat: repeat-x;
  background-size: 120px 60px;
  z-index: 6;
}
@media (max-width: 769px), (max-height:600px) and (orientation:landscape) {
  section[template="main"][id="uptown-offices"] header .teeth {
    background-size: 80px 40px;
  }
}
section[template="main"][id="uptown-offices"] [block="text"] {
  justify-content: flex-start;
  padding-top: 20vh;
}
@media (max-height:800px) {
  section[template="main"][id="uptown-offices"] [block="text"] {
    padding-top: 160px;
  }
}
@media (max-width: 480px) {
  section[template="main"][id="uptown-offices"] [block="text"] {
    padding-top: 17vh;
  }
}
section[template="main"][id="uptown-offices"] [block="text"] h2 {
  margin-bottom: 26px;
}
section[template="main"][id="uptown-offices"] [block="text"] h2 .mountain {
  width: 40px;
  margin: 0 0 9px 0;
}
@media (max-width: 769px) {
  section[template="main"][id="uptown-offices"] [block="text"] h2 .mountain {
    width: 30px;
  }
}
section[template="main"][id="uptown-offices"] [block="text"] p {
  margin: auto;
  max-width: 510px;
  font-size: 24px;
}
@media (max-height:800px), (max-width: 769px) {
  section[template="main"][id="uptown-offices"] [block="text"] p {
    font-size: 18px;
    max-width: 390px;
  }
}
section[template="main"][id="uptown-offices"] [block="text"] p .wood {
  width: 18px;
  margin: 0 0 4px 0;
}
@media (max-height:800px), (max-width: 769px) {
  section[template="main"][id="uptown-offices"] [block="text"] p .wood {
    width: 16px;
  }
}
section[template="main"][id="uptown-offices"] [block="text"] .button {
  margin-top: 26px;
}
[component="Popup"][name="uptown-offices"] {
  background: rgba(51, 51, 51, 0.4);
}
@media (orientation: landscape) {
  [component="Popup"][name="uptown-offices"] br.portrait {
    display: none;
  }
  [component="Popup"][name="uptown-offices"] br.landscape {
    display: block;
  }
}
@media (orientation: portrait) {
  [component="Popup"][name="uptown-offices"] br.portrait {
    display: block;
  }
  [component="Popup"][name="uptown-offices"] br.landscape {
    display: none;
  }
}
[component="Popup"][name="uptown-offices"] .inner {
  max-width: 850px;
  background-image: url("/files/uptown-offices.popup.jpg");
  background-size: cover;
  background-position: center;
  height: 500px;
}
@media (orientation: portrait) {
  [component="Popup"][name="uptown-offices"] .inner {
    height: 570px;
  }
}
@media (max-height:600px) and (orientation:landscape) {
  [component="Popup"][name="uptown-offices"] .inner {
    height: 90%;
  }
}
[component="Popup"][name="uptown-offices"] .inner header {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
[component="Popup"][name="uptown-offices"] .inner header .bg {
  width: 100%;
  height: 40px;
  background: #e3d6cc;
}
[component="Popup"][name="uptown-offices"] .inner header .teeth {
  margin-top: -5px;
  width: 100%;
  height: 55px;
  background-image: url("/files/tooth.pastel.svg");
  background-repeat: repeat-x;
  background-size: 72px 38px;
  z-index: 6;
}
[component="Popup"][name="uptown-offices"] .inner .scroll {
  padding-top: 80px;
}
@media (max-height:600px) and (orientation:landscape) {
  [component="Popup"][name="uptown-offices"] .inner .scroll {
    padding-top: 20px;
  }
}
[component="Popup"][name="uptown-offices"] .close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  bottom: 24px;
  top: auto;
  transform: translateX(-50%);
  transition: 0.3s;
}
[component="Popup"][name="uptown-offices"] .close:hover {
  opacity: 0.5;
}
[component="Popup"][name="uptown-offices"] h2 {
  color: white;
  font-size: 43px;
  max-width: 600px;
  margin: auto;
}
@media (max-width: 769px), (orientation: portrait) {
  [component="Popup"][name="uptown-offices"] h2 {
    font-size: 37px;
  }
}
@media (max-height:600px) and (orientation:landscape) {
  [component="Popup"][name="uptown-offices"] h2 {
    font-size: 32px;
  }
}
[component="Popup"][name="uptown-offices"] .mountain {
  width: 29px;
  margin: 0 0 9px 0;
}
[component="Popup"][name="uptown-offices"] .wood {
  width: 25px;
  margin: 0 0 4px 0;
}
[component="Popup"][name="uptown-offices"] .button {
  margin-top: 35px;
}
@media (max-height:600px) and (orientation:landscape) {
  [component="Popup"][name="uptown-offices"] .button {
    margin-top: 20px;
  }
}
section[content="enchanted"][section="uvod"] {
  flex-direction: column;
  min-height: calc(100vh - 100px);
  justify-content: center;
  transition: none !important;
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="enchanted"][section="uvod"] {
    min-height: calc(100vh - 150px);
  }
}
@media (max-height:800px) {
  section[content="enchanted"][section="uvod"] {
    padding: 20px 15px 50px;
  }
}
@media (max-height: 600px) {
  section[content="enchanted"][section="uvod"] {
    min-height: auto;
    padding-top: 30px;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] {
  overflow: visible;
  min-height: 100%;
  padding: 0 30px 180px;
  transition: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  justify-content: center;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="uvod"] [container="intro"].reverse {
  justify-content: center;
}
@media (max-height: 1100px) {
  section[content="enchanted"][section="uvod"] [container="intro"] {
    padding: 20px 30px 180px;
  }
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] [container="intro"] {
    padding: 0 15px 90px;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] > img {
  position: absolute;
}
section[content="enchanted"][section="uvod"] [container="intro"] > img.hviezda1 {
  width: 98px;
  aspect-ratio: 1;
  left: 10px;
  top: 20%;
  z-index: 1;
}
@media (orientation: portrait) {
  section[content="enchanted"][section="uvod"] [container="intro"] > img.hviezda1 {
    width: 42px;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] > img.hviezda2 {
  width: 55px;
  aspect-ratio: 1;
  right: 10%;
  top: 40%;
  z-index: 5;
}
@media (orientation: portrait) {
  section[content="enchanted"][section="uvod"] [container="intro"] > img.hviezda2 {
    right: 5px;
    width: 33px;
    top: 60%;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] > img.kruh {
  width: 956px;
  aspect-ratio: 1;
  bottom: -280px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  max-width: unset;
}
@media (orientation: portrait) {
  section[content="enchanted"][section="uvod"] [container="intro"] > img.kruh {
    max-width: 796px;
    bottom: -330px;
  }
}
@media (max-height:800px) {
  section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] {
    transform: scale(0.8);
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 {
  font-size: 90px;
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 {
    font-size: 60px;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 br {
    display: none;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] {
  position: relative;
  transform: none;
  left: 0;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] .inner {
  width: 129px;
  height: 55px;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] img {
  width: 43px;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] img.two,
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] img.beige {
  left: 43px;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] img.three,
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] img.blue {
  left: 86px;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="text"] h1 [component="EnchantedIntro"] .star {
  width: 26px;
  top: -15px;
}
section[content="enchanted"][section="uvod"] [container="intro"] h2 {
  margin-bottom: 20px;
}
section[content="enchanted"][section="uvod"] [container="intro"] .button {
  margin-top: 20px;
}
@media (max-width: 480px) {
  section[content="enchanted"][section="uvod"] [container="intro"] .button {
    margin-top: 0;
    width: 100%;
  }
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="counter"] {
  z-index: 89;
}
section[content="enchanted"][section="uvod"] [container="intro"] [block="counter"] h4 {
  margin: 32px 0;
  max-width: 580px;
}
@media (max-height:800px) {
  section[content="enchanted"][section="uvod"] [container="intro"] [block="counter"] h4 {
    margin: 20px 0;
    font-size: 20px;
  }
}
@media (max-height:800px) {
  section[content="enchanted"][section="uvod"] [container="intro"] [block="counter"] .counter {
    transform: scale(0.9);
  }
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] .video {
    display: none;
  }
}
section[content="enchanted"][section="uvod"] .mouse {
  position: relative;
  width: 32px;
  height: 62px;
  border: 3px solid #333333;
  border-radius: 20px;
  margin-top: 20px;
  text-decoration: none;
  transition: 0.3s;
}
section[content="enchanted"][section="uvod"] .mouse:hover {
  border-color: #c4ad8f;
}
section[content="enchanted"][section="uvod"] .mouse:hover .pointer {
  background: #c4ad8f;
}
section[content="enchanted"][section="uvod"] .mouse .pointer {
  position: absolute;
  width: 9px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #333333;
  top: 17px;
  left: 50%;
  transform: translateX(-50%);
  animation: 1.5s slide infinite;
}
@keyframes slide {
  0% {
    transform: translate(-50%, 0);
  }
  10% {
    transform: translate(-50%, 13px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
section[content="enchanted"][section="text"] {
  background: #8a7370;
  color: #fff5eb;
}
section[content="enchanted"][section="text"] [container] {
  display: flex;
  flex-direction: column;
  text-align: unset;
  padding: 160px 30px 80px;
}
section[content="enchanted"][section="text"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="text"] [container].reverse {
  flex-direction: column-reverse;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="text"] [container] {
    padding: 60px 5px 40px;
  }
}
section[content="enchanted"][section="text"] [container] [block] {
  justify-content: unset;
  align-items: unset;
}
section[content="enchanted"][section="text"] [container] p.perex {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  letter-spacing: -0.03em;
  line-height: 1.25;
  font-size: 44px;
  width: calc(100% - 325px);
  margin-bottom: 40px;
  color: #fff5eb;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="text"] [container] p.perex {
    width: 100%;
    font-size: 32px;
    margin-bottom: 20px;
  }
}
section[content="enchanted"][section="text"] [container] p.perex .word {
  opacity: 0.3;
}
section[content="enchanted"][section="text"] [container] .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="text"] [container] .buttons.reverse {
  justify-content: flex-end;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="text"] [container] .buttons {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
  }
}
section[content="enchanted"][section="text"] [container] .buttons p {
  margin: 0 24px 0 0;
  font-size: 18px;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="text"] [container] .buttons p {
    margin-bottom: 20px;
  }
}
section[content="enchanted"][section="text"] [container] .buttons .button {
  margin: 0;
}
@media (max-width: 480px) {
  section[content="enchanted"][section="text"] [container] .buttons .button {
    width: 100%;
  }
}
section[content="enchanted"][section="text"] .video {
  display: none;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="text"] .video {
    display: block;
  }
}
section[content="enchanted"][section="text"] .top {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  transform: translateY(-99%);
  min-width: 683px;
  pointer-events: none;
}
section[content="enchanted"][section="uvod"] .video,
section[content="enchanted"][section="text"] .video {
  border-radius: 0;
  width: 325px;
  height: 210px;
  position: absolute;
  right: 0;
  bottom: 48px;
  transition: none !important;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] .video,
  section[content="enchanted"][section="text"] .video {
    width: calc(100% - 40px);
    height: 86px;
    right: 20px;
  }
}
@media (max-width: 1300px) {
  section[content="enchanted"][section="uvod"] .video,
  section[content="enchanted"][section="text"] .video {
    right: 24px;
  }
}
@media (min-width: 769px) {
  section[content="enchanted"][section="uvod"] .video:hover .inner,
  section[content="enchanted"][section="text"] .video:hover .inner {
    transform: scale(1.347);
  }
}
section[content="enchanted"][section="uvod"] .video .inner,
section[content="enchanted"][section="text"] .video .inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  transform-origin: right bottom;
}
section[content="enchanted"][section="uvod"] .video .inner.reverse,
section[content="enchanted"][section="text"] .video .inner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="uvod"] .video .inner.reverse,
section[content="enchanted"][section="text"] .video .inner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="uvod"] .video .inner.reverse,
section[content="enchanted"][section="text"] .video .inner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="uvod"] .video .inner.reverse,
section[content="enchanted"][section="text"] .video .inner.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] .video .inner,
  section[content="enchanted"][section="text"] .video .inner {
    background: #ffc7c7;
  }
}
section[content="enchanted"][section="uvod"] .video .inner video,
section[content="enchanted"][section="text"] .video .inner video {
  height: 100%;
  width: auto;
  transform: scale(1.01);
}
section[content="enchanted"][section="uvod"] .video .inner svg,
section[content="enchanted"][section="text"] .video .inner svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] .video .inner svg,
  section[content="enchanted"][section="text"] .video .inner svg {
    display: none;
  }
}
section[content="enchanted"][section="uvod"] .video .inner svg path,
section[content="enchanted"][section="text"] .video .inner svg path,
section[content="enchanted"][section="uvod"] .video .inner svg circle,
section[content="enchanted"][section="text"] .video .inner svg circle {
  transition: 0.3s;
}
section[content="enchanted"][section="uvod"] .video .inner svg:hover circle,
section[content="enchanted"][section="text"] .video .inner svg:hover circle {
  fill: #c4ad8f;
}
section[content="enchanted"][section="uvod"] .video .inner .helper,
section[content="enchanted"][section="text"] .video .inner .helper {
  display: none;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 18px;
  line-height: 16px;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #333333;
}
section[content="enchanted"][section="uvod"] .video .inner .helper img,
section[content="enchanted"][section="text"] .video .inner .helper img {
  margin-right: 12px;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="uvod"] .video .inner .helper,
  section[content="enchanted"][section="text"] .video .inner .helper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 1;
  }
  section[content="enchanted"][section="uvod"] .video .inner .helper.reverse,
  section[content="enchanted"][section="text"] .video .inner .helper.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="uvod"] .video .inner .helper.reverse,
  section[content="enchanted"][section="text"] .video .inner .helper.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="uvod"] .video .inner .helper.reverse,
  section[content="enchanted"][section="text"] .video .inner .helper.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="uvod"] .video .inner .helper.reverse,
  section[content="enchanted"][section="text"] .video .inner .helper.reverse {
    flex-direction: row-reverse;
  }
}
[component="BrownfieldMap"] .zoom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 32px;
  bottom: 32px;
  padding: 16px;
  background: #8a7370;
}
[component="BrownfieldMap"] .zoom.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom.reverse {
  justify-content: center;
}
[component="BrownfieldMap"] .zoom.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom.reverse {
  justify-content: center;
}
@media (max-width: 769px) {
  [component="BrownfieldMap"] .zoom {
    right: 10px;
    bottom: 88px;
    padding: 10px;
  }
}
[component="BrownfieldMap"] .zoom .button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  width: 48px;
  height: unset;
  aspect-ratio: 1;
  background: #fff5eb;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  justify-content: center;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  flex-direction: column-reverse;
}
[component="BrownfieldMap"] .zoom .button.reverse {
  justify-content: center;
}
@media (max-width: 769px) {
  [component="BrownfieldMap"] .zoom .button {
    width: 28px;
  }
}
[component="BrownfieldMap"] .zoom .button img {
  padding: 0 !important;
}
@media (max-width: 769px) {
  [component="BrownfieldMap"] .zoom .button img {
    width: 15px;
  }
}
[component="BrownfieldMap"] .zoom .button:hover {
  background: #c4ad8f;
}
[component="BrownfieldMap"] .zoom .button.plus {
  margin-bottom: 2px;
}
[component="BrownfieldMap"] .zoom.start .minus {
  pointer-events: none;
  opacity: 0.3;
}
[component="BrownfieldMap"] .zoom.end .plus {
  pointer-events: none;
  opacity: 0.3;
}
section[content="enchanted"][section="brownfields"] [container="map"] {
  overflow: visible;
  max-width: unset;
  min-height: unset;
  height: unset;
  text-align: unset;
  padding: 0 48px 0;
  max-height: calc(100vh - 150px);
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="map"] {
    padding: 0;
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
  }
}
section[content="enchanted"][section="brownfields"] [container="map"]:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  height: 50%;
  top: unset;
  bottom: 0;
  background: #fff5eb;
  z-index: 1;
}
section[content="enchanted"][section="brownfields"] [container="map"] [block] {
  padding: 0;
}
section[content="enchanted"][section="brownfields"] [container="map"] .map {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  z-index: 3;
}
section[content="enchanted"][section="brownfields"] [container="map"] .map.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .map.reverse {
  flex-direction: column-reverse;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .map {
    height: 100%;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .map .scroller {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: auto;
  flex: 1;
}
section[content="enchanted"][section="brownfields"] [container="map"] .map .scroller .holder .inner {
  transform-origin: left top;
  aspect-ratio: 1.92;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .map .scroller .holder .inner {
    height: calc(100vh - 100px - 78px);
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .map .scroller .holder .inner img.mapa {
  display: flex;
  min-width: 1200px;
  aspect-ratio: 1.92;
  width: 100%;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend {
  position: relative;
  padding: 16px;
  background: white;
}
@media (min-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .legend {
    position: absolute;
    left: 32px;
    bottom: 32px;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div:before {
  content: "";
  width: 18px;
  height: 18px;
  background: #9cbf8f;
  margin-right: 6px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .legend div:first-child::before {
  background: #8a7370;
  margin-bottom: 10px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points {
  height: 100%;
  position: absolute;
  min-width: 1200px;
  min-height: 625px;
  pointer-events: none;
  aspect-ratio: 1.92;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .points {
    height: calc(100vh - 100px - 78px);
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point {
  pointer-events: all;
  position: absolute;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point[brownfield="palma"] {
  left: 58.6%;
  top: 19.7%;
  width: 2.2%;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point[brownfield="guthaus"] {
  left: 58.4%;
  top: 27%;
  width: 1.4%;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point[brownfield="guthaus"] span {
  left: 30px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point[brownfield="blumental"] {
  left: 51.6%;
  top: 66.2%;
  width: 1.4%;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point[brownfield="blumental"] span {
  left: 22px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point:hover svg path,
section[content="enchanted"][section="brownfields"] [container="map"] .points .point.active svg path {
  fill: #ffc7c7;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point:hover .bg,
section[content="enchanted"][section="brownfields"] [container="map"] .points .point.active .bg {
  visibility: hidden;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point:hover span,
section[content="enchanted"][section="brownfields"] [container="map"] .points .point.active span {
  opacity: 1;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point svg {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 2;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 1;
  top: 0;
  left: 0;
  animation: pulse 2s linear infinite;
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  90% {
    transform: scale(1.5);
    opacity: 0.4;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point span {
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 18px;
  line-height: 16px;
  position: absolute;
  left: 40px;
  top: 50%;
  transform-origin: left center;
  transform: translateY(-50%);
  letter-spacing: -0.04em;
  color: #fff5eb;
  text-transform: uppercase;
  padding: 12px 18px;
  background: #333333;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  z-index: 9;
}
section[content="enchanted"][section="brownfields"] [container="map"] .points .point span:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 6px 5px 0;
  border-color: transparent #333333 transparent transparent;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 530px;
  height: 100%;
  z-index: 333;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .popups {
    width: 100%;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 530px;
  height: 100%;
  transform: translateX(-100%);
  transition: 0.5s;
  background: white;
  padding: 20px 40px 0;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.reverse {
  justify-content: flex-end;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup {
    width: 100%;
    padding: 20px 20px 0;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup.active {
  pointer-events: all;
  transform: translateX(0);
  position: relative;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, transparent 0%, white 80%);
  z-index: 5;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 20px;
  align-self: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .close img {
  transform: rotate(45deg);
  margin-right: 10px;
  width: 24px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .scroller {
  width: 100%;
  height: calc(100% - 30px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .scroller .holder .inner {
  transform-origin: unset;
  aspect-ratio: unset;
  height: unset;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup [component="OwlSlider"] {
  padding: 0;
  height: unset;
  margin-bottom: 20px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup [component="OwlSlider"] .slide {
  width: 100%;
  height: unset;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup [component="OwlSlider"] .slide .image {
  margin-bottom: 10px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup [component="OwlSlider"] .slide .image img {
  height: 100%;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup [component="OwlSlider"] [block="nav"] {
  padding: 0 !important;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .image {
  width: 100%;
  margin-bottom: 30px;
  object-fit: cover;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .image {
    height: 266px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1400px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup .image {
    height: 320px;
  }
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup h3 {
  margin: 10px 0 20px;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}
section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup p.bigger {
  font-size: 20px;
  margin-bottom: 20px;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="brownfields"] [container="map"] .popups .popup p.bigger {
    font-size: 18px;
  }
}
section[content="enchanted"][section="brownfields"] {
  background: #e3d6cc;
  flex-direction: column;
}
section[content="enchanted"][section="brownfields"] [container="top"] {
  padding: 160px 30px 120px;
  justify-content: unset;
  text-align: unset;
  min-height: unset;
  height: unset;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="top"] {
    padding: 80px 5px 60px;
  }
}
section[content="enchanted"][section="brownfields"] [container="top"] [block] {
  justify-content: unset;
  align-items: unset;
  max-width: 820px;
}
section[content="enchanted"][section="brownfields"] [container="top"] [block] h2 img {
  transform: translateY(-9px);
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="top"] [block] h2 img {
    width: 57px;
    transform: translateY(-5px);
  }
}
section[content="enchanted"][section="brownfields"] [container="top"] [block] p {
  margin-bottom: 0;
}
section[content="enchanted"][section="brownfields"] [container="top"] [block] .intro p {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 32px;
  letter-spacing: -0.04em;
  line-height: 1.35;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="brownfields"] [container="top"] [block] .intro p {
    font-size: 26px;
  }
}
section[content="enchanted"][section="problems"] {
  background: #fff5eb;
  flex-direction: column;
}
section[content="enchanted"][section="problems"] [container="top"] {
  padding: 160px 30px 120px;
  justify-content: unset;
  text-align: unset;
  min-height: unset;
  height: unset;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="problems"] [container="top"] {
    padding: 80px 5px 60px;
  }
}
section[content="enchanted"][section="problems"] [container="top"] [block] {
  justify-content: unset;
  align-items: unset;
  max-width: 780px;
}
section[content="enchanted"][section="problems"] [container="top"] [block] h2 br.mob {
  display: none;
}
@media (max-width: 480px) {
  section[content="enchanted"][section="problems"] [container="top"] [block] h2 br.mob {
    display: block;
  }
}
section[content="enchanted"][section="problems"] [container="top"] [block] p {
  margin: 0;
}
section[content="enchanted"][section="problems"] [container="videos"] {
  overflow: visible;
  position: relative;
  padding: 0;
  max-width: 1440px;
  min-height: unset;
  height: unset;
  background: #333333;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="problems"] [container="videos"] {
    flex-direction: column;
  }
}
section[content="enchanted"][section="problems"] [container="videos"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1000vw;
  height: 100%;
  background: #333333;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] {
  border: 1px solid #fff5eb;
  padding: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"].reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"]:first-child {
  border-left-color: transparent;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"]:last-child {
  border-right-color: transparent;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline {
  display: none;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 58vh;
  max-height: 650px;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video video {
  position: absolute;
  left: 50%;
  height: calc(100% - 80px);
  transform: translateX(-50%);
  opacity: 0;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn {
  position: absolute;
  left: 50%;
  bottom: 40px;
  height: unset;
  transform: translate(-50%, 0);
  animation: 1.5s newPulse infinite;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn {
    bottom: 50%;
    transform: translate(-50%, 50%);
    animation: 1.5s newPulse2 infinite;
  }
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn path,
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn circle {
  transition: 0.3s;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn:hover circle {
  fill: #c4ad8f;
}
@keyframes newPulse {
  0% {
    transform: translate(-50%, 0);
  }
  10% {
    transform: translate(-50%, 0%) scale(1.3);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
@keyframes newPulse2 {
  0% {
    transform: translate(-50%, 50%);
  }
  10% {
    transform: translate(-50%, 50%) scale(1.3);
  }
  100% {
    transform: translate(-50%, 50%);
  }
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text {
  flex: 1;
  padding: 0 20px 60px;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text {
    padding: 0 40px 120px;
  }
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text h4 {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 32px;
  margin-bottom: 20px;
  letter-spacing: -0.04em;
  color: #fff5eb;
}
section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff5eb;
  overflow: hidden;
  margin: 0;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] {
    flex-direction: column-reverse;
    justify-content: flex-end;
    border: none;
    overflow: hidden;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"]:first-child {
    height: unset;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"]:nth-child(2) {
    border-color: #1E1E1E;
    border-width: 1px 0;
    border-style: solid;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"]:last-child .video {
    margin-bottom: 40px;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"].active .headline {
    padding: 40px 20px 20px;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"].active .headline img {
    transform: rotate(45deg);
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"].active .text p {
    opacity: 1;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline {
    padding: 40px 20px 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline.reverse {
    flex-direction: row-reverse;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline h4 {
    display: block;
    color: #fff5eb;
    text-align: left;
    margin: 0;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .headline img {
    transition: 0.5s;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video {
    height: 40vh;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video video {
    opacity: 1;
    height: 100%;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .video .btn {
    bottom: 50%;
    transform: translate(-50%, 50%);
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text {
    flex: unset;
    padding: 0 20px 40px;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text h4 {
    display: none;
  }
  section[content="enchanted"][section="problems"] [container="videos"] [block="item"] .text p {
    transition: 0.5s;
    text-align: left;
  }
}
section[content="enchanted"][section="world"] {
  background: #fff5eb;
  flex-direction: column;
}
section[content="enchanted"][section="world"] [container="top"] {
  padding: 160px 30px 120px;
  justify-content: unset;
  text-align: unset;
  min-height: unset;
  height: unset;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="world"] [container="top"] {
    padding: 80px 5px 60px;
  }
}
section[content="enchanted"][section="world"] [container="top"] h2 br.mob {
  display: none;
}
@media (max-width: 480px) {
  section[content="enchanted"][section="world"] [container="top"] h2 br.mob {
    display: block;
  }
}
section[content="enchanted"][section="world"] [container="top"] [block] {
  justify-content: unset;
  align-items: unset;
  max-width: 780px;
}
section[content="enchanted"][section="world"] [container="top"] [block] p {
  font-size: 32px;
  letter-spacing: -0.04em;
  line-height: 1.35;
  margin: 0;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="world"] [container="top"] [block] p {
    font-size: 26px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] {
  max-width: unset;
  overflow: visible;
  padding: 0 30px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 830px;
  max-height: calc(100vh - 150px);
  min-height: 725px !important;
}
section[content="enchanted"][section="world"] [container="gallery"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"].reverse {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  section[content="enchanted"][section="world"] [container="gallery"] {
    display: none;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] {
  position: relative;
  padding: 0 60px 0 0;
  height: 100%;
  z-index: 2;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] {
    padding: 0 145px 0 0;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery {
  width: 100%;
  height: 100%;
  position: relative;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100vw;
  background: #fff5eb;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main {
  aspect-ratio: 1.6868;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner {
  height: 100%;
  display: flex;
  flex-direction: row;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner .photo {
  position: absolute;
  aspect-ratio: 1.6868;
  z-index: 1;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  max-height: 830px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner .photo div {
  height: 100%;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner .photo.active {
  z-index: 10;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner .photo.next {
  z-index: 5;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .gallery .main .spinner .photo img {
  display: block;
  position: relative;
  max-width: unset;
  height: 100%;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: absolute;
  bottom: 100px;
  right: 0;
  width: 474px;
  height: 86px;
  padding-left: 2px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs.reverse {
  flex-direction: row-reverse;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs {
    width: 574px;
    height: 86px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-116px);
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner.reverse {
  flex-direction: row-reverse;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner {
    transform: translateX(-141px);
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set {
  display: flex;
  flex-direction: row;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo {
  position: relative;
  border: 2px solid #fff5eb;
  width: 120px;
  margin-left: -2px;
  aspect-ratio: 1.6868;
  transition: 0.3s;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo {
    width: 145px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo img {
  transition: 1s;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo:hover {
  z-index: 3;
  border-color: #ffc7c7;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo:hover:after {
  background: #ffc7c7;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .thumbs .spinner .set .photo:hover img {
  transform: scale(1.1);
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .arrow.btn {
  z-index: 999;
  position: absolute;
  bottom: 30px;
  right: 52.5px;
  transition: 0.3s;
  pointer-events: all;
  width: 40px;
  height: 40px;
  background: #333333;
  background: url(/files/icon.arrow.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="photo"] .arrow.btn:hover {
  opacity: 0.5;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 60px 60px;
  height: 100%;
  z-index: 4;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  justify-content: flex-start;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"].reverse {
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="text"] {
    padding: 0 0 120px 115px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts {
  width: 100%;
  position: relative;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 438px;
  opacity: 0;
  pointer-events: none;
  padding-bottom: 10px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  justify-content: flex-start;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.reverse {
  justify-content: flex-start;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item.active {
  pointer-events: all;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item:first-child {
  opacity: 1;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item small {
  font-size: 16px;
  margin-bottom: 10px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item h3 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item h3 {
    margin-bottom: 40px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item p {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 16px;
}
@media (min-width: 1200px) {
  section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item p {
    margin-bottom: 30px;
  }
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .texts .item p:first-child {
  font-size: 20px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 438px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator .progress {
  flex: 1;
  margin-right: 68px;
  height: 2px;
  background: #e3d6cc;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator .progress .inner {
  height: 2px;
  width: 20%;
  background: #333333;
  transition: 1s;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator .counter {
  display: flex;
  flex-direction: row;
  font-size: 24px;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator .counter.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="gallery"] [block="text"] .indicator .counter.reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="world"] [container="Slider"] {
  overflow: visible;
  text-align: unset;
  padding: 0;
}
@media (min-width: 768px) {
  section[content="enchanted"][section="world"] [container="Slider"] {
    display: none;
  }
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] {
  padding: 0;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide.reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide img {
  width: 100%;
  margin-bottom: 44px;
  height: 460px;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text {
  padding: 40px 20px 0;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text small {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 40px;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text h3 {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 36px;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin: 10px 0 20px;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text p {
  margin-bottom: 30px;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1.5;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text p:first-child {
  font-size: 18px;
  line-height: 1.25;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="slider"] .slide .text p:last-child {
  margin: 0;
}
section[content="enchanted"][section="world"] [container="Slider"] [block="nav"] {
  position: absolute;
  left: 0;
  top: 480px;
}
section[content="enchanted"][section="bratislava"] {
  background: #fff5eb;
  flex-direction: column;
}
section[content="enchanted"][section="bratislava"] [container="top"] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 160px 30px 40px;
  justify-content: unset;
  text-align: unset;
  min-height: unset;
  height: unset;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"].reverse {
  justify-content: flex-end;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="bratislava"] [container="top"] {
    padding: 80px 5px 40px;
  }
}
@media (max-width: 1024px) {
  section[content="enchanted"][section="bratislava"] [container="top"] {
    flex-direction: column;
    align-items: center;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] h2 br {
  display: none;
}
@media (max-width: 480px) {
  section[content="enchanted"][section="bratislava"] [container="top"] h2 br {
    display: block;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="text"] {
  justify-content: unset;
  align-items: unset;
  max-width: 680px;
}
@media (max-width: 1024px) {
  section[content="enchanted"][section="bratislava"] [container="top"] [block="text"] {
    margin-bottom: 60px;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="text"] p {
  max-width: 580px;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #9cbf8f;
  padding: 60px;
  width: calc(100% - 40px);
  max-width: 600px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  z-index: 99;
  transition: 0.5s;
  transform: translate(-50%, -40%);
  opacity: 0;
  pointer-events: none;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  justify-content: flex-end;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].reverse {
  justify-content: flex-end;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] {
    top: 80%;
    padding: 44px 20px 30px;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"].visible {
  transform: translate(-50%, -50%);
  opacity: 1;
  pointer-events: all;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
  height: 24px;
  transition: 0.3s;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] .close img {
  transform: rotate(45deg);
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] .close:hover {
  opacity: 0.5;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h3 {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin-bottom: 20px;
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h3 br {
  display: none;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h3 {
    font-size: 36px;
    margin-bottom: 10px;
  }
  section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h3 br {
    display: block;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h4 {
  font-size: 32px;
  line-height: 1;
  margin: 0;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] h4 {
    font-size: 24px;
  }
}
section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="bratislava"] [container="top"] [block="thanks"] p {
    margin-bottom: 20px;
  }
}
section[content="enchanted"][section="bratislava"] [container="bottom"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: unset;
  padding: 0;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  justify-content: center;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="bratislava"] [container="bottom"].reverse {
  justify-content: center;
}
[component="Popup"][name="faryTale"] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
@media (min-width: 1024px) {
  [component="Popup"][name="faryTale"] {
    padding: 60px;
  }
}
[component="Popup"][name="faryTale"] video {
  width: 100%;
}
section[content="enchanted"][section="faryTale"] [container] {
  flex-direction: column;
  max-width: unset;
}
@media (max-width: 769px) {
  section[content="enchanted"][section="faryTale"] [container] {
    padding: 60px 5px 60px;
  }
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] {
    padding-top: 160px;
  }
}
section[content="enchanted"][section="faryTale"] [container] .top,
section[content="enchanted"][section="faryTale"] [container] .bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] .top,
  section[content="enchanted"][section="faryTale"] [container] .bottom {
    flex-direction: row;
  }
}
section[content="enchanted"][section="faryTale"] [container] .play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #FBC46B;
  color: #333333;
  transition: 0.3s;
  box-shadow: 0 0 70px 18px #2f3c3d;
}
section[content="enchanted"][section="faryTale"] [container] .play svg circle,
section[content="enchanted"][section="faryTale"] [container] .play svg path {
  transition: 0.3s;
}
section[content="enchanted"][section="faryTale"] [container] .play i {
  font-size: 32px;
}
section[content="enchanted"][section="faryTale"] [container] .play:hover {
  background: #9cbf8f;
  color: #e3d6cc;
}
section[content="enchanted"][section="faryTale"] [container] .play:hover svg circle {
  fill: #9cbf8f;
}
section[content="enchanted"][section="faryTale"] [container] .play:hover svg path {
  fill: #e3d6cc;
}
section[content="enchanted"][section="faryTale"] [container] .bottom {
  padding-top: 60px;
  max-width: 1280px;
  margin: auto;
  flex-direction: column-reverse;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] .bottom {
    padding-top: 120px;
    flex-direction: row;
  }
}
section[content="enchanted"][section="faryTale"] [container] [block] {
  width: 100%;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] [block] {
    width: 50%;
  }
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] {
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] [block][block="video"] {
    margin-bottom: 0;
    padding-right: 114px;
  }
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  position: relative;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(51, 51, 51, 0.6);
  z-index: 2;
  transition: 0.3s;
  opacity: 0;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player:hover .play {
  transform: translate(-50%, -50%) scale(1.2);
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player:hover:after {
  opacity: 1;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player .wave {
  position: absolute;
  top: 0;
  left: -10px;
  z-index: 3;
  width: calc(100% + 20px);
  max-width: unset;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="video"] .player video {
  width: 133%;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] {
  max-width: 620px;
  display: flex;
  justify-content: flex-start;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .text {
  text-align: left;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .text h2 img {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 3px 1px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .text p {
  margin: 0;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .text p.perex {
  font-size: 32px;
  line-height: 1.35;
  letter-spacing: -0.04em;
  margin-bottom: 20px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .buttons {
  margin-top: 40px;
  display: flex;
  gap: 10px;
}
@media (min-width: 1024px) {
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .buttons .button {
  margin-top: 0;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="text"] .buttons .button i {
  margin-left: 16px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] {
  align-items: flex-start;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] [block][block="form"] {
    margin-top: 0;
    padding-right: 114px;
  }
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] .text {
  text-align: left;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] .text h3 {
  position: relative;
  margin-bottom: 24px;
  width: calc(100% - 60px);
  max-width: 460px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] .text h3 img {
  position: absolute;
  left: 100%;
  top: 25%;
}
@media (min-width: 1024px) {
  section[content="enchanted"][section="faryTale"] [container] [block][block="form"] .text h3 img {
    top: -20px;
  }
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] .text p {
  margin-bottom: 44px;
  font-size: 16px;
  line-height: 1.4;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] {
  width: 100%;
  position: relative;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 30px;
  background: #e3d6cc;
  z-index: 4;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  transition: 0.5s cubic-bezier(0.66, 0.48, 0.23, 1.35);
  transform: scale(0.8);
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks.visible {
  pointer-events: all;
  opacity: 1;
  transform: scale(1);
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks h3 {
  margin-bottom: 24px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks p {
  margin: 0;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks p.download {
  margin-bottom: 16px;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks a {
  color: #8a7370;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] .thanks a:hover {
  color: #9cbf8f;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] form {
  text-align: left;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] form .message {
  display: none !important;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="form"] [form="faryTale"] form input {
  font-size: 20px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.5);
}
section[content="enchanted"][section="faryTale"] [container] [block][block="pdf"] .book {
  position: relative;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="pdf"] .book:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(51, 51, 51, 0.6);
  z-index: 2;
  transition: 0.3s;
  opacity: 0;
}
section[content="enchanted"][section="faryTale"] [container] [block][block="pdf"] .book:hover .play {
  transform: translate(-50%, -50%) scale(1.2);
}
section[content="enchanted"][section="faryTale"] [container] [block][block="pdf"] .book:hover:after {
  opacity: 1;
}
[component="Popup"][name="enchanted"].bg-sand {
  background: rgba(196, 173, 143, 0.8);
}
[component="Popup"][name="enchanted"].visible .inner {
  transform: translate3d(-50%, -50%, 0);
}
[component="Popup"][name="enchanted"] .inner {
  top: 50%;
  bottom: unset;
  transform: translate3d(-50%, -40%, 0);
  height: unset;
  min-height: 600px;
}
[component="Popup"][name="enchanted"] .inner form .message {
  display: none !important;
}
[component="Popup"][name="enchanted"] h3 {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 48px;
  letter-spacing: -0.04em;
  line-height: 1.1;
  margin-bottom: 20px;
}
@media (max-width: 769px) {
  [component="Popup"][name="enchanted"] h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
}
[component="Popup"][name="enchanted"] p {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  [component="Popup"][name="enchanted"] p {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
[block="counter"] {
  width: 100%;
}
@media (max-width: 1024px) {
  [block="counter"] {
    padding-top: 60px;
  }
}
[block="counter"] .counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 438px;
  position: relative;
}
[block="counter"] .counter.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter h4 {
  margin-bottom: 20px;
  font-size: 32px;
  letter-spacing: -0.04em;
}
@media (max-width: 769px) {
  [block="counter"] .counter h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
[block="counter"] .counter p {
  font-size: 18px;
  line-height: 1.5;
  margin: 20px 0;
}
@media (max-width: 769px) {
  [block="counter"] .counter p {
    margin: 10px 0;
  }
}
[block="counter"] .counter .button {
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 480px) {
  [block="counter"] .counter .button {
    width: 100%;
  }
}
[block="counter"] .counter .spinner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
[block="counter"] .counter .spinner.reverse {
  flex-direction: row-reverse;
}
[block="counter"] .counter .spinner.reverse {
  flex-direction: row-reverse;
}
[block="counter"] .counter .spinner.reverse {
  flex-direction: row-reverse;
}
[block="counter"] .counter .spinner.reverse {
  flex-direction: row-reverse;
}
[block="counter"] .counter .spinner .number {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  margin-left: 15px;
  background: #e3d6cc;
  min-height: 175px;
}
[block="counter"] .counter .spinner .number.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter .spinner .number.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter .spinner .number:first-child {
  margin-left: 0;
}
[block="counter"] .counter .spinner .number .top,
[block="counter"] .counter .spinner .number .bottom,
[block="counter"] .counter .spinner .number .topFlip,
[block="counter"] .counter .spinner .number .bottomFlip {
  overflow: hidden;
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  height: 88px;
  font-size: 90px;
  line-height: 1;
  width: 100%;
}
[block="counter"] .counter .spinner .number .top,
[block="counter"] .counter .spinner .number .topFlip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 43px;
  transform-origin: center bottom;
  z-index: 2;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .top.reverse,
[block="counter"] .counter .spinner .number .topFlip.reverse {
  justify-content: flex-end;
}
[block="counter"] .counter .spinner .number .bottom,
[block="counter"] .counter .spinner .number .bottomFlip {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background: linear-gradient(to bottom, #EFE3DA, #e3d6cc);
  padding-bottom: 43px;
  transform-origin: center top;
  border-top: 1px solid #fff5eb;
  margin-top: -1px;
  z-index: 1;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  justify-content: flex-start;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  flex-direction: column-reverse;
}
[block="counter"] .counter .spinner .number .bottom.reverse,
[block="counter"] .counter .spinner .number .bottomFlip.reverse {
  justify-content: flex-start;
}
[block="counter"] .counter .spinner .number .topFlip,
[block="counter"] .counter .spinner .number .bottomFlip {
  position: absolute;
  left: 0;
}
[block="counter"] .counter .spinner .number .topFlip {
  top: 0;
  background: #e3d6cc;
  box-shadow: 0 -10px 10px rgba(51, 51, 51, 0.1);
}
[block="counter"] .counter .spinner .number .bottomFlip {
  bottom: 0;
  transform: rotateX(90deg);
  box-shadow: 0 10px 10px rgba(51, 51, 51, 0.1);
}
[component="FloatForm"] {
  background-color: #FFF5EB;
  position: fixed;
  right: 0;
  bottom: 0;
  width: 420px;
  opacity: 0;
  transform: translateY(110%);
  transition: 0.5s;
  z-index: 9999;
  pointer-events: all;
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.18);
}
@media (max-width: 480px) {
  [component="FloatForm"] {
    width: 100%;
  }
}
@media (max-height:700px) {
  [component="FloatForm"] {
    width: 380px;
  }
}
[component="FloatForm"].visible {
  opacity: 1;
  transform: translateY(0%);
}
[component="FloatForm"] .inner {
  position: relative;
  padding: 30px;
}
@media (max-width: 480px) {
  [component="FloatForm"] .inner {
    padding: 10px;
  }
}
@media (max-height:700px) {
  [component="FloatForm"] .inner {
    padding: 10px;
  }
}
[component="FloatForm"] .inner .close {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 67;
}
[component="FloatForm"] .inner .close:hover svg .cls-1 {
  fill: #333333;
}
[component="FloatForm"] .inner .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  text-align: center;
}
[component="FloatForm"] .inner .content.reverse {
  flex-direction: column-reverse;
}
[component="FloatForm"] .inner .content.reverse {
  flex-direction: column-reverse;
}
[component="FloatForm"] .inner .content.reverse {
  justify-content: flex-end;
}
[component="FloatForm"] .inner .content.reverse {
  flex-direction: column-reverse;
}
[component="FloatForm"] .inner .content.reverse {
  flex-direction: column-reverse;
}
[component="FloatForm"] .inner .content.reverse {
  justify-content: flex-end;
}
[component="FloatForm"] .inner .content h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-height:700px) {
  [component="FloatForm"] .inner .content h3 {
    font-size: 28px;
    margin-bottom: 0;
  }
}
[component="FloatForm"] .inner .content [component="EnchantedIntro2"] {
  margin: 0 0 20px;
}
[component="FloatForm"] .inner .content p {
  line-height: 1.5;
  font-size: 16px;
  text-align: center;
}
@media (max-height:700px) {
  [component="FloatForm"] .inner .content p {
    line-height: 1.4;
    font-size: 15px;
  }
}
[component="FloatForm"] .inner .content form input {
  font-size: 16px;
  margin-bottom: 14px;
  padding-bottom: 14px;
}
@media (max-height:700px) {
  [component="FloatForm"] .inner .content form input {
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}
@media (max-height:700px) {
  [component="FloatForm"] .inner .content form label.checkbox div {
    font-size: 15px;
  }
}
[component="FloatForm"] .inner .content form .button {
  font-size: 18px;
  line-height: 16px;
  letter-spacing: -0.04em;
  white-space: nowrap;
  padding: 20px 24px;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
}
@media (max-height:700px) {
  [component="FloatForm"] .inner .content form .button {
    padding: 10px 24px;
    margin-top: 10px;
  }
}
[component="FloatForm"] .inner .content form ::-webkit-input-placeholder {
  font-size: 16px;
}
[component="FloatForm"] .inner .content form ::-moz-placeholder {
  font-size: 16px;
}
[component="FloatForm"] .inner .content form :-ms-input-placeholder {
  font-size: 16px;
}
[component="FloatForm"] .inner .content form :-moz-placeholder {
  font-size: 16px;
}
section[content="enchanted"][section="footer"] {
  background-color: #fff5eb;
  padding-top: 0;
  padding-bottom: 0;
}
section[content="enchanted"][section="footer"] [container] {
  padding: 0;
  height: unset;
}
section[content="enchanted"][section="footer"] h3,
section[content="enchanted"][section="footer"] p,
section[content="enchanted"][section="footer"] a {
  color: #8a7370;
  text-decoration: none;
  padding: 0 5px;
}
section[content="enchanted"][section="footer"] [container="top"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  justify-content: center;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="top"].reverse {
  justify-content: center;
}
section[content="enchanted"][section="footer"] [container="top"] [block="center"] .logo {
  text-align: center;
  padding: 24px;
}
section[content="enchanted"][section="footer"] [container="middle"] {
  border-color: #c4ad8f;
  border-style: solid;
  border-width: 1px 0;
  max-width: unset;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
section[content="enchanted"][section="footer"] [container="middle"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="footer"] [container="middle"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="footer"] [container="middle"].reverse {
  flex-direction: row-reverse;
}
section[content="enchanted"][section="footer"] [container="middle"].reverse {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  section[content="enchanted"][section="footer"] [container="middle"] {
    flex-direction: column-reverse;
  }
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="middle"] {
    flex-direction: column;
  }
}
section[content="enchanted"][section="footer"] [container="middle"] [block] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 24px 12px;
  flex: 0.33;
}
section[content="enchanted"][section="footer"] [container="middle"] [block] a {
  padding: 0 16px;
  font-size: 14px;
  cursor: none;
}
section[content="enchanted"][section="footer"] [container="middle"] [block] a:hover {
  text-decoration: underline;
}
section[content="enchanted"][section="footer"] [container="middle"] [block="left"] {
  justify-content: flex-start;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="middle"] [block="left"] {
    padding: 4px 0 16px;
    order: 3;
  }
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] {
  justify-content: center;
}
@media (max-width: 1024px) {
  section[content="enchanted"][section="footer"] [container="middle"] [block="center"] {
    padding: 0;
  }
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="middle"] [block="center"] {
    padding: 24px 0;
    justify-content: center;
    width: 100%;
    border-bottom: solid 1px #8a7370;
    order: 1;
  }
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a {
  padding: 4px;
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a:before {
  content: '';
  display: inline-flex;
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  background-size: 56px;
  background-position: center;
  background-repeat: no-repeat;
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a:hover {
  filter: contrast(1.2);
  text-decoration: none;
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a.inverse[href*="linkedin.com"]:before {
  background-image: url(/files/footer.linked.svg);
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a.inverse[href*="facebook.com"]:before {
  background-image: url(/files/footer.fb.svg);
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a.inverse[href*="instagram.com"]:before {
  background-image: url(/files/footer.insta.svg);
}
section[content="enchanted"][section="footer"] [container="middle"] [block="center"] a.inverse[href*="youtube.com"]:before {
  background-image: url(/files/footer.youtube.svg);
}
section[content="enchanted"][section="footer"] [container="middle"] [block="right"] {
  justify-content: flex-end;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="middle"] [block="right"] {
    padding: 16px 0 4px;
    order: 2;
  }
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="middle"] [block="left"],
  section[content="enchanted"][section="footer"] [container="middle"] [block="right"] {
    flex-direction: column;
    justify-content: left;
    width: 100%;
  }
  section[content="enchanted"][section="footer"] [container="middle"] [block="left"] a,
  section[content="enchanted"][section="footer"] [container="middle"] [block="right"] a {
    padding: 4px;
    font-size: 18px;
    width: 100%;
  }
}
section[content="enchanted"][section="footer"] [container="bottom"] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  justify-content: center;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  flex-direction: column-reverse;
}
section[content="enchanted"][section="footer"] [container="bottom"].reverse {
  justify-content: center;
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="bottom"] {
    align-items: normal;
  }
}
section[content="enchanted"][section="footer"] [container="bottom"] [block="center"] {
  padding: 16px 0;
  font-size: 14px;
  color: rgba(138, 115, 112, 0.5);
}
@media (max-width: 640px) {
  section[content="enchanted"][section="footer"] [container="bottom"] [block="center"] {
    padding: 24px 0;
  }
}
section#zacarovana-stvrt.enchanted .text {
  color: #fff5eb;
}
section#zacarovana-stvrt.enchanted .text p {
  max-width: 650px;
}
section#zacarovana-stvrt.enchanted .bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
section#zacarovana-stvrt.enchanted .bottom.mob {
  display: none;
}
@media (max-width: 480px) {
  section#zacarovana-stvrt.enchanted .bottom.mob {
    display: block;
  }
  section#zacarovana-stvrt.enchanted .bottom.desk {
    display: none;
  }
}
section[content="enchanted"] {
  min-height: unset;
  height: unset !important;
  overflow: visible !important;
  flex-direction: column;
}
section[content="enchanted"] [container] {
  min-height: unset !important;
  max-width: 1280px;
}
@media (max-width: 769px) {
  section[content="enchanted"] [container] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
section[content="enchanted"] [container] [block] {
  padding-top: 0;
  padding-bottom: 0;
}
section[content="enchanted"] [container] [block] h2 {
  margin-bottom: 40px;
  line-height: 1.1;
}
section[content="enchanted"] [container] [block] h2 img {
  transform: translateY(-5px);
}
@media (max-width: 769px) {
  section[content="enchanted"] [container] [block] h2 {
    font-size: 48px;
    margin-bottom: 20px;
  }
}
section[content="enchanted"] [container] [block] h3 {
  font-family: 'Skilt Gothic', Arial, serif;
  font-weight: normal;
  letter-spacing: -1.2px;
  font-size: 32px;
  letter-spacing: -0.04em;
  line-height: 1.35;
  margin-bottom: 40px;
}
@media (max-width: 769px) {
  section[content="enchanted"] [container] [block] h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
section[content="enchanted"] [container] [block] h4 {
  letter-spacing: -0.04em;
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 769px) {
  section[content="enchanted"] [container] [block] h4 {
    font-size: 24px;
  }
}
section[content="enchanted"] [container] [block] p {
  font-size: 20px;
  line-height: 1.5;
}
@media (max-width: 769px) {
  section[content="enchanted"] [container] [block] p {
    font-size: 18px;
    line-height: 1.25;
  }
}
section[content="enchanted"] [container] [block] .button {
  font-size: 18px;
  line-height: 16px;
  letter-spacing: -0.04em;
  white-space: nowrap;
  padding: 20px 24px;
  text-transform: uppercase;
}
[component="EnchantedIntro2"],
[component="EnchantedIntro"] {
  position: relative;
  display: inline-block;
}
[component="EnchantedIntro2"] .inner,
[component="EnchantedIntro"] .inner {
  overflow: hidden;
  display: inline-block;
  width: 114px;
  height: 49px;
  padding: 0;
}
[component="EnchantedIntro2"] .path,
[component="EnchantedIntro"] .path {
  position: absolute;
  top: -55px;
  left: -19px;
}
[component="EnchantedIntro2"] img,
[component="EnchantedIntro"] img {
  position: absolute;
  left: 0;
  bottom: 0;
}
[component="EnchantedIntro2"] img.two,
[component="EnchantedIntro"] img.two,
[component="EnchantedIntro2"] img.beige,
[component="EnchantedIntro"] img.beige {
  left: 38px;
}
[component="EnchantedIntro2"] img.three,
[component="EnchantedIntro"] img.three,
[component="EnchantedIntro2"] img.blue,
[component="EnchantedIntro"] img.blue {
  left: 76px;
}
[component="EnchantedIntro2"] img.sand,
[component="EnchantedIntro"] img.sand,
[component="EnchantedIntro2"] img.beige,
[component="EnchantedIntro"] img.beige,
[component="EnchantedIntro2"] img.blue,
[component="EnchantedIntro"] img.blue {
  transform: translateY(100%);
}
[component="EnchantedIntro2"] .star,
[component="EnchantedIntro"] .star {
  opacity: 0;
  position: absolute;
  top: -50px;
  left: -34px;
}
@media (max-width: 769px) {
  [component="EnchantedIntro"] {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -130%);
  }
}
[component="EnchantedIntro2"] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 320px;
  padding-top: 96px;
  overflow: hidden;
}
[component="EnchantedIntro2"].reverse {
  flex-direction: row-reverse;
}
[component="EnchantedIntro2"].reverse {
  flex-direction: row-reverse;
}
[component="EnchantedIntro2"].reverse {
  flex-direction: row-reverse;
}
[component="EnchantedIntro2"].reverse {
  flex-direction: row-reverse;
}
[component="EnchantedIntro2"] .star {
  top: 6px;
  left: 17px;
  transform: scale(1.3);
}
[component="EnchantedIntro2"] .rainbow {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20px;
}
[component="EnchantedIntro2"] .rainbow img {
  top: 0;
  bottom: unset;
}
[component="EnchantedIntro2"] .inner {
  transform: scale(1.5);
  transform-origin: center bottom;
}
[component="Expander"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
[component="Expander"].reverse {
  flex-direction: column-reverse;
}
[component="Expander"].reverse {
  flex-direction: column-reverse;
}
[component="Expander"].reverse {
  justify-content: flex-end;
}
[component="Expander"].reverse {
  flex-direction: column-reverse;
}
[component="Expander"].reverse {
  flex-direction: column-reverse;
}
[component="Expander"].reverse {
  justify-content: flex-end;
}
[component="Expander"] .text {
  font-size: 20px;
  line-height: 1.5;
  height: 0;
  overflow: hidden;
}
[component="Expander"] .handle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  min-height: 24px;
  letter-spacing: -0.04em;
  font-size: 18px;
  transition: 0.3s;
}
[component="Expander"] .handle.reverse {
  flex-direction: row-reverse;
}
[component="Expander"] .handle.reverse {
  flex-direction: row-reverse;
}
[component="Expander"] .handle.reverse {
  justify-content: flex-end;
}
[component="Expander"] .handle.reverse {
  flex-direction: row-reverse;
}
[component="Expander"] .handle.reverse {
  flex-direction: row-reverse;
}
[component="Expander"] .handle.reverse {
  justify-content: flex-end;
}
[component="Expander"] .handle.active img {
  transform: rotate(135deg);
}
[component="Expander"] .handle:hover {
  color: #8a7370;
}
[component="Expander"] .handle span {
  margin-right: 8px;
  text-transform: uppercase;
  border-bottom: 1px solid #333333;
}
[component="Expander"] .handle img {
  transition: 0.3s;
}
[id="palma-live/co-sa-dozviete"] {
  z-index: 8888;
}
#palma-live.palma-live {
  background: linear-gradient(180deg, #FFF5EC 27.82%, #FEEFDD 39.56%, #FDE1B8 60.91%, #FBCA7C 90.79%, #FBC46B 98.27%);
}
#palma-live.palma-live [container] {
  z-index: 6;
}
@media (max-height:700px) and (orientation:landscape) {
  #palma-live.palma-live [block="text"] {
    padding-top: 0;
  }
}
#palma-live.palma-live [block="text"] video {
  height: 33vh;
}
#palma-live.palma-live [block="text"] h2 {
  font-size: 32px;
  line-height: 1.2;
  margin: 40px auto;
}
@media (max-width: 640px) {
  #palma-live.palma-live [block="text"] h2 {
    font-size: 28px;
    line-height: 1.2;
    margin: 24px auto;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  #palma-live.palma-live [block="text"] h2 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  #palma-live.palma-live [block="text"] h2 br {
    display: none;
  }
}
#palma-live.palma-live [block="text"] h3 {
  font-size: 38px;
  line-height: 1.2;
  margin-bottom: 20px;
  font-weight: bold;
}
@media (max-height:700px) and (orientation:landscape) {
  #palma-live.palma-live [block="text"] h3 {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  #palma-live.palma-live [block="text"] h3 {
    margin-bottom: 0;
  }
}
#palma-live.palma-live [block="text"] h3 br {
  display: none;
}
@media (max-width: 640px) {
  #palma-live.palma-live [block="text"] h3 br {
    display: block;
  }
}
#palma-live.palma-live [block="text"] h3 .gap {
  width: 24px;
  display: inline-block;
}
@media (max-width: 640px) {
  #palma-live.palma-live [block="text"] h3 .gap {
    display: none;
  }
}
#palma-live.palma-live [block="text"] .button {
  transition: background-color 0.3s, border-color 0.3s;
}
@media (max-height:700px) and (orientation:landscape) {
  #palma-live.palma-live [block="text"] .button {
    margin-top: 24px;
  }
}
#palma-live.palma-live .bottom {
  position: absolute;
  width: 44%;
  bottom: 0;
  z-index: 3;
}
#palma-live.palma-live .bottom.left {
  left: 0;
}
#palma-live.palma-live .bottom.right {
  right: 0;
}
@media (max-width: 769px) {
  #palma-live.palma-live .bottom {
    width: 64%;
  }
}
section[content="palma-live"][section] {
  min-height: unset;
  height: unset !important;
  overflow: visible !important;
  flex-direction: column;
}
section[content="palma-live"][section] [aos="fade"] {
  transition: 1s;
  opacity: 0;
  transform: translateY(100px);
}
section[content="palma-live"][section] [aos="fade"].reverse {
  transform: translateY(-60px);
}
section[content="palma-live"][section] [aos="fade"].onscreen {
  opacity: 1;
  transform: translateY(0px);
}
section[content="palma-live"][section] [container] {
  min-height: unset !important;
  max-width: 1280px;
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[content="palma-live"][section] [container] {
    padding-bottom: 30px;
  }
}
@media (max-width: 640px) {
  section[content="palma-live"][section] [container] {
    padding-left: 5px;
    padding-right: 5px;
  }
}
section[content="palma-live"][section] [container] [block] h2 {
  font-size: 45px;
  line-height: 1.4;
  margin-bottom: 8px;
  font-weight: bold;
}
@media (max-width: 640px) {
  section[content="palma-live"][section] [container] [block] h2 {
    font-size: 36px;
    line-height: 1.3;
  }
}
section[content="palma-live"][section] [container] [block] h3 {
  font-size: 35px;
  line-height: 1.4;
  margin-bottom: 4px;
}
@media (max-width: 640px) {
  section[content="palma-live"][section] [container] [block] h3 {
    font-size: 28px;
  }
}
section[content="palma-live"][section] [container] [block] p {
  font-size: 22px;
  line-height: 1.36;
}
@media (max-width: 640px) {
  section[content="palma-live"][section] [container] [block] p {
    font-size: 18px;
  }
}
[section="co-sa-dozviete"] {
  background-color: #FFF5EC;
  padding: 60px 0;
}
[section="co-sa-dozviete"] [container] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px !important;
}
[section="co-sa-dozviete"] [container] [block] {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
[section="co-sa-dozviete"] [container] [block] .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .row {
    flex-direction: column;
  }
}
[section="co-sa-dozviete"] [container] [block] .desktop {
  display: block;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .desktop {
    display: none;
  }
}
[section="co-sa-dozviete"] [container] [block] .mobile {
  display: none;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .mobile {
    display: block;
  }
}
[section="co-sa-dozviete"] [container] [block] .title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
  width: 100%;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .title {
    max-width: 508px;
    margin-bottom: 20px;
  }
}
[section="co-sa-dozviete"] [container] [block] .title:before {
  content: "";
  position: absolute;
  left: 0;
  width: 4px;
  top: 30px;
  height: calc(100% + 67px);
  background-color: #E3D5CD;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .title:before {
    height: calc(100% + 47px);
  }
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .title:before {
    width: 3px;
    top: 22px;
    height: calc(100% + 47px);
  }
}
[section="co-sa-dozviete"] [container] [block] .title h2 {
  position: relative;
}
[section="co-sa-dozviete"] [container] [block] .title h2:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: calc(100% + 20px);
  height: 4px;
  background-color: #E3D5CD;
  width: 500px;
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .title h2:before {
    height: 3px;
  }
}
[section="co-sa-dozviete"] [container] [block] .cell {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 508px;
  padding: 30px 40px;
}
[section="co-sa-dozviete"] [container] [block] .cell img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
[section="co-sa-dozviete"] [container] [block] .cell h3 {
  line-height: 1.285 !important;
  margin-bottom: 20px !important;
}
[section="co-sa-dozviete"] [container] [block] .cell p {
  font-size: 18px !important;
  line-height: 1.388 !important;
  margin-bottom: 0 !important;
}
[section="co-sa-dozviete"] [container] [block] .cell.about img {
  min-width: 510px;
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.about img {
    top: 7px;
    min-width: 380px;
  }
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .cell.about:before {
    content: "";
    position: absolute;
    right: 0;
    width: 4px;
    top: 56px;
    height: calc(100% + -2px);
    background-color: #E3D5CD;
  }
}
@media (max-width: 1024px) and (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.about:before {
    top: 49px;
    height: calc(100% + 0px);
  }
}
[section="co-sa-dozviete"] [container] [block] .cell.projection img {
  min-width: 510px;
  top: 7.8px;
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.projection img {
    top: 12px;
  }
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.projection img {
    top: 9px;
    min-width: 380px;
  }
}
[section="co-sa-dozviete"] [container] [block] .cell.projection:before {
  content: "";
  position: absolute;
  right: 0;
  width: 4px;
  top: 56px;
  height: calc(100% + -2px);
  background-color: #E3D5CD;
}
@media (max-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .cell.projection:before {
    right: unset;
    left: 0;
  }
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.projection:before {
    width: 3px;
    top: 44px;
  }
}
[section="co-sa-dozviete"] [container] [block] .cell.comments {
  width: 100%;
}
@media (min-width: 1024px) {
  [section="co-sa-dozviete"] [container] [block] .cell.comments {
    min-width: unset;
  }
}
[section="co-sa-dozviete"] [container] [block] .cell.comments p {
  max-width: 560px;
}
[section="co-sa-dozviete"] [container] [block] .cell.comments img.desktop {
  min-width: 404px;
  top: 18px;
  margin-left: 314px;
}
[section="co-sa-dozviete"] [container] [block] .cell.comments img.mobile {
  min-width: 404px;
  left: unset;
  right: 50%;
  top: 16px;
  transform: none;
  margin-right: 106px;
}
@media (max-width: 640px) {
  [section="co-sa-dozviete"] [container] [block] .cell.comments img.mobile {
    max-width: 380px;
    top: 11px;
    margin-right: 83px;
  }
}
[section="co-sa-dozviete"] [container] [block] .button {
  margin-top: 25px;
}
section[content="palma-live"][section="uvod"] {
  z-index: 2;
  flex-direction: column;
  min-height: 100%;
  transition: none !important;
  background: linear-gradient(180deg, #FFF5EC 27.82%, #FEEFDD 39.56%, #FDE1B8 60.91%, #FBCA7C 90.79%, #FBC46B 98.27%);
}
@media (max-width: 480px) {
  section[content="palma-live"][section="uvod"] {
    min-height: unset;
  }
}
@media (min-height:571px) and (min-width: 769px) {
  section[content="palma-live"][section="uvod"] {
    min-height: calc(100vh - 150px);
  }
}
section[content="palma-live"][section="uvod"] [container] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  z-index: 6;
  height: 100%;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  justify-content: center;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="uvod"] [container].reverse {
  justify-content: center;
}
@media (max-height:600px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [container] {
    flex-direction: row;
  }
}
@media (max-height:600px) and (orientation:landscape), (max-width:767px) and (orientation:portrait) {
  section[content="palma-live"][section="uvod"] [container] {
    padding-bottom: 100px;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  section[content="palma-live"][section="uvod"] [container] {
    padding: 0 30px 120px 30px;
    gap: 65px;
  }
}
@media (max-height:800px) and (orientation: landscape) {
  section[content="palma-live"][section="uvod"] [container] {
    justify-content: flex-start;
  }
}
section[content="palma-live"][section="uvod"] [block="text"] {
  padding-bottom: 15px;
}
@media (max-height:600px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [block="text"] {
    align-items: flex-end;
    padding-right: 20px !important;
  }
}
@media (max-height:700px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [block="text"] {
    padding-top: 0;
  }
}
section[content="palma-live"][section="uvod"] [block="text"] video {
  height: 28vh;
  max-height: 340px;
}
@media (max-height:600px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [block="text"] video {
    height: 34vh;
  }
}
@media (max-width: 480px) {
  section[content="palma-live"][section="uvod"] [block="text"] video {
    height: 220px;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] {
  padding: 15px 25px 15px;
  position: relative;
  transform-origin: center top;
}
@media (max-height:600px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [block="counter"] {
    transform-origin: left;
    padding-left: 20px;
  }
}
@media (max-height:800px), (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] {
    padding-top: 0;
  }
}
@media (max-width: 480px) {
  section[content="palma-live"][section="uvod"] [block="counter"] {
    transform: scale(0.8) !important;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] h4 {
  font-size: 24px;
  margin: 24px 0;
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] h4 {
    margin: 12px 0;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] .holder {
    flex-direction: column;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder .badge {
  position: absolute;
  width: 194px;
  top: -93px;
  right: -145px;
  z-index: 33;
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] .holder .badge {
    width: 110px;
    top: -53px;
    right: -42px;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .holder .days {
  font-size: 40px;
  margin-left: 20px;
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] .holder .days {
    font-size: 24px;
    margin: 20px 0 0;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .counter {
  margin-left: 0;
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] [block="counter"] .counter {
    margin: 0;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .counter .spinner .number {
  background: #FFF3E6;
}
@media (max-height:600px) and (orientation:landscape) {
  section[content="palma-live"][section="uvod"] [block="counter"] .counter .spinner .number {
    background: white;
  }
}
section[content="palma-live"][section="uvod"] [block="counter"] .counter .spinner .number .topFlip {
  background: #FFF3E6;
}
section[content="palma-live"][section="uvod"] [block="counter"] .counter .spinner .number .bottom,
section[content="palma-live"][section="uvod"] [block="counter"] .counter .spinner .number .bottomFlip {
  border-color: #FDE0B7;
  background: linear-gradient(180deg, #FBC875 0%, #FFF5EC 64.88%);
}
section[content="palma-live"][section="uvod"] .date {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  z-index: 4;
  padding: 4px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-weight: normal;
  letter-spacing: -0.02em;
  font-size: 32px;
  color: #fff5eb;
}
section[content="palma-live"][section="uvod"] .date .gap {
  width: 24px;
  display: inline-block;
}
@media (max-width: 1200px) {
  section[content="palma-live"][section="uvod"] .date .gap {
    display: none;
  }
}
section[content="palma-live"][section="uvod"] .date br {
  display: none;
}
@media (max-width: 1200px) {
  section[content="palma-live"][section="uvod"] .date {
    margin-bottom: 60px;
  }
  section[content="palma-live"][section="uvod"] .date br {
    display: block;
  }
}
@media (max-width: 640px) {
  section[content="palma-live"][section="uvod"] .date {
    margin-bottom: 40px;
  }
}
section[content="palma-live"][section="uvod"] img.bottom {
  position: absolute;
  width: 100%;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  padding: 0 5%;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="uvod"] img.bottom {
    min-width: 152%;
  }
}
section[content="palma-live"][section="description"] {
  z-index: 4;
  background: #FBC46B;
}
section[content="palma-live"][section="description"] [container] [block="text"] {
  max-width: 750px;
}
section[content="palma-live"][section="description"] [container] [block="text"] p {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px;
}
section[content="palma-live"][section="description"] [container] [block="text"] p span {
  color: #fff5eb;
}
section[content="palma-live"][section="description"] [container] [block="text"] p img {
  width: 62px;
  height: auto;
  display: inline-block;
  margin: 0 4px 9px;
}
section[content="palma-live"][section="co-zazijete"] {
  background-color: #e3d6cc;
}
section[content="palma-live"][section="co-zazijete"] [container] {
  display: flex;
  flex-direction: column;
}
section[content="palma-live"][section="co-zazijete"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="co-zazijete"] [container].reverse {
  flex-direction: column-reverse;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga {
  position: relative;
  margin: 96px 0;
  padding: 64px;
}
@media (max-width: 1024px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga {
    padding: 64px 32px;
  }
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga {
    padding: 64px 15px 32px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .badge {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  margin-top: -88px;
  top: 0;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga p {
  font-size: 18px;
  line-height: 25px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
  margin-top: 40px;
  justify-items: center;
}
@media (max-width: 1024px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media (max-width: 480px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo {
  width: 100%;
  transition: transform 0.3s ease;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo:hover {
  transform: translateY(-5px);
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo:last-child {
    grid-column: 1 / -1;
    justify-self: center;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image {
  margin-bottom: 12px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  justify-content: flex-start;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image.reverse {
  justify-content: flex-start;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image img {
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo .image img:hover {
  transform: scale(0.9);
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .holder .logo p {
  font-size: 14px;
  line-height: 18px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .artist {
  max-width: 450px;
  margin: 40px 0;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .artist h4 {
  margin-bottom: 10px;
  font-size: 24px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .artist h2 {
  font-size: 32px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga .artist a {
  margin-bottom: 20px;
  font-size: 18px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trznica,
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy {
  background-color: #fff5eb;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trznica .holder .logo p,
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy .holder .logo p {
  color: #c4ad8f;
}
@media (min-width: 1024px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trznica .holder .logo[order="14"],
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy .holder .logo[order="14"],
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trznica .holder .logo[order="15"],
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy .holder .logo[order="15"] {
    width: 100%;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy {
  background-color: #C5AE90;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.trhy .holder .logo p {
  color: #333333;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci {
  background-color: #FBC46B;
  max-width: 795px;
  margin-left: auto;
  margin-right: auto;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci:after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  height: 39px;
  top: unset;
  bottom: -23px;
  background-image: url("/files/yellow-strip.svg");
  background-repeat: repeat-x;
  background-size: 199px 39px;
  z-index: 3;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .button {
  padding: 0;
  font-size: 22px;
  background-color: #96b0b5;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .badge {
  margin-top: -96px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-top: 40px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder .logo {
  flex: 0 1 calc(33.333% - 16px);
  max-width: 300px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder .logo:nth-child(4),
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder .logo:nth-child(5) {
  flex: 0 1 calc(50% - 12px);
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder h2 {
  color: #fff5eb;
  font-size: 23px;
  margin-bottom: 0;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder a {
  color: #fff5eb;
  font-family: 'Skilt Gothic Medium', Arial, serif;
  font-size: 18px;
  margin-bottom: 10px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder .logo h2,
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.umelci .holder .logo p {
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.komunity {
  margin-bottom: 0;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.komunity .holder {
  margin-top: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.komunity .holder {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
@media (min-width: 1024px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.komunity .holder .logo[order="9"] {
    width: calc(20% + 20px);
  }
}
@media (max-width: 480px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="loga"].loga.komunity .holder .logo[order="10"] .image {
    height: 20px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 {
  display: flex;
  width: 100%;
  position: relative;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 {
    flex-direction: column;
    gap: 80px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 {
  padding: 20px;
  background-color: #FFF5EC;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 h4 {
  font-size: 30px;
  margin-bottom: 15px;
  color: #333333;
  font-weight: bold;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 img.logo {
  max-width: 100%;
  height: auto;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first {
  width: 25%;
  max-width: 280px;
  background-color: #C5AE90;
  justify-content: space-around;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first h4 {
  color: #fff5eb;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first {
    width: 99%;
    max-width: 100%;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first img {
  width: 180px;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first::before {
  content: '';
  position: absolute;
  top: -14.25%;
  left: 0;
  width: 100%;
  height: 39px;
  pointer-events: none;
  background-image: url(/files/strip.brown.top.svg);
  background-repeat: repeat-x;
  z-index: 3;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025.first::before {
    top: -18.25%;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025:not(.first) {
  width: 75%;
  margin-left: 6%;
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025:not(.first)::before {
  content: '';
  position: absolute;
  top: -14.25%;
  left: 0;
  width: 100%;
  height: 39px;
  pointer-events: none;
  background-image: url(/files/strip.stage.top.svg);
  background-repeat: repeat-x;
  z-index: 3;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025:not(.first)::before {
    top: -12.25%;
  }
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025:not(.first) {
    width: 99%;
    margin-left: 0;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 75px;
  margin-top: 10px;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder {
    gap: 30px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img {
  width: auto;
  height: auto;
  object-fit: contain;
  max-width: 200px;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img {
    max-width: 140px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img:first-child {
  max-width: 150px;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img:first-child {
    max-width: 100px;
  }
}
section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img:nth-child(2) {
  max-width: 175px;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="co-zazijete"] [container] [block="bottom"] .partners-2025 .partner-2025 .logo-holder img:nth-child(2) {
    max-width: 120px;
  }
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] {
  background: linear-gradient(0deg, #FFF5EC 24%, #FEEFDD 35%, #FDE1B8 55%, #FBCA7C 83%, #FBC46B 90%);
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container] {
  display: flex;
  flex-direction: column;
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container] [block="map"] .button {
  margin-bottom: 32px;
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container] [block="map"] .holder {
  max-width: 1200px;
  width: 100%;
  overflow-y: auto;
}
section[content="palma-live"][section="ako-sa-k-nam-dostanete"] [container] [block="map"] .holder img {
  width: 100%;
  min-width: 740px;
}
section[content="palma-live"][section="stage"] {
  background: #FBC46B;
}
section[content="palma-live"][section="stage"]::after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  height: 39px;
  top: unset;
  bottom: -23px;
  background-image: url(/files/yellow-strip.svg);
  background-repeat: repeat-x;
  background-size: 199px 39px;
  z-index: 9999;
}
section[content="palma-live"][section="stage"] [container] {
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
section[content="palma-live"][section="stage"] [container].reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container].reverse {
  flex-direction: column-reverse;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="stage"] [container] {
    padding-left: 15px;
    padding-right: 15px;
  }
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga {
  position: relative;
  margin: 96px 0;
  padding: 64px;
}
@media (max-width: 1024px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga {
    padding: 64px 32px;
  }
}
@media (max-width: 769px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga {
    padding: 64px 15px 32px;
  }
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .badge {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  margin-top: -88px;
  top: 0;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga p {
  font-size: 18px;
  line-height: 25px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px 24px;
  margin-top: 40px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder.reverse {
  flex-direction: row-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo {
  width: calc(20% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  justify-content: flex-start;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo.reverse {
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo {
    width: calc(25% - 18px);
  }
}
@media (max-width: 769px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo {
    width: calc(33% - 15px);
  }
}
@media (max-width: 480px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo {
    width: calc(50% - 12px);
  }
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image {
  margin-bottom: 12px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  justify-content: flex-start;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  flex-direction: column-reverse;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image.reverse {
  justify-content: flex-start;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo .image img {
  transform: scale(0.8);
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga .holder .logo p {
  font-size: 14px;
  line-height: 18px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage {
  background-color: #fff5eb;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .holder {
  width: 100%;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .holder .logo {
  width: 100%;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .holder .logo p {
  color: #c4ad8f;
}
@media (min-width: 1024px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .holder .logo[order="14"],
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .holder .logo[order="15"] {
    width: calc(20% + 20px);
  }
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .program {
  padding: 40px 20px;
  font-family: 'Skilt Gothic Medium', Arial, serif;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .program p.disclaimer {
  margin-left: 67px;
  text-align: left;
  font-style: italic;
  margin-top: 20px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .program h2 {
  text-align: left;
  margin-bottom: 2rem;
  font-size: 35px;
  margin-left: 67px;
  font-weight: bold;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .timeline {
  position: relative;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .line {
  position: absolute;
  left: 23px;
  top: 23px;
  bottom: 5px;
  width: 4px;
  background-color: #3C3B3B;
  z-index: 0;
}
@media (max-width: 769px) {
  section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .line {
    bottom: 95px;
  }
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .events {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
  z-index: 1;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .event {
  display: flex;
  align-items: flex-start;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .icon {
  width: 47px;
  height: 47px;
  margin-right: 20px;
  flex-shrink: 0;
  position: relative;
  top: 4px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .icon img {
  width: 100%;
  height: 100%;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .content {
  max-width: 700px;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .time {
  color: #C5AE90;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 10px;
  text-align: left;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .time span {
  color: #333333;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .time a {
  font-weight: bold;
}
section[content="palma-live"][section="stage"] [container] [block="loga"].loga.stage .desc {
  margin-top: 0.3rem;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 480px) {
  body[device="iphone"] section[content="palma-live"][section="uvod"] [block="text"] video {
    height: 38vh;
    max-height: 280px;
  }
}