#account {
  max-width: 1200px;
  margin: 133px auto 0;
  padding: 0 15px; }

@font-face {
  #account {
    font-family: 'Roboto';
    src: url("/static/fonts/Roboto-Thin.ttf");
    font-weight: 100; } }

@font-face {
  #account {
    font-family: 'Roboto';
    src: url("/static/fonts/Roboto-Light.ttf");
    font-weight: 300; } }

@font-face {
  #account {
    font-family: 'Roboto';
    src: url("/static/fonts/Roboto-Regular.ttf");
    font-weight: 400; } }

@font-face {
  #account {
    font-family: 'Roboto';
    src: url("/static/fonts/Roboto-Medium.ttf");
    font-weight: 500; } }

@font-face {
  #account {
    font-family: 'Roboto';
    src: url("/static/fonts/Roboto-Bold.ttf");
    font-weight: 700; } }
  #account * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style-type: none;
    color: #111111;
    font-family: Roboto; }
  #account .content-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #111111;
    opacity: .7;
    z-index: 1;
    display: none; }
  #account .content-container .page-header {
    height: 80px;
    margin-bottom: 48px;
    display: flex;
    position: relative; }
    #account .content-container .page-header .page-header-container {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      #account .content-container .page-header .page-header-container .page-header-title {
        position: absolute;
        left: 0; }
        #account .content-container .page-header .page-header-container .page-header-title h2 {
          font-size: 28px;
          font-weight: 300;
          line-height: 22px;
          letter-spacing: 2px;
          text-transform: uppercase; }
      #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list {
        display: flex;
        justify-content: center;
        width: 100%; }
        #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li {
          padding: 0 20px; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li.account-navigation-logout-btn {
            display: none; }
        #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list a {
          font-size: 14px;
          font-weight: 400;
          line-height: 22px;
          letter-spacing: 0.86px;
          text-decoration: none; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list a:hover {
            color: #85888B; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list a.active {
            color: #85888B; }
  #account .content-container .page-body {
    display: flex; }
    #account .content-container .page-body input {
      height: 40px;
      color: #111111;
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      letter-spacing: 1px;
      border: 1px solid #AFB2B5;
      padding: 0 14px; }
    #account .content-container .page-body label {
      font-size: 12px;
      font-weight: 400;
      letter-spacing: 0.86px;
      margin-bottom: 10px; }
    #account .content-container .page-body button {
      width: 136px;
      height: 50px;
      border-radius: 25px;
      color: white;
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      background-color: #111111;
      border: none;
      cursor: pointer; }
    #account .content-container .page-body .content {
      width: 100%;
      min-height: 400px;
      display: flex;
      justify-content: center; }
      #account .content-container .page-body .content .blue-link {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        color: #009AD3;
        text-decoration: none; }
      #account .content-container .page-body .content .form-container {
        display: flex;
        justify-content: center; }
        #account .content-container .page-body .content .form-container form {
          display: flex;
          flex-direction: column;
          width: 286px; }
          #account .content-container .page-body .content .form-container form .form-element {
            display: flex;
            flex-direction: column;
            margin-bottom: 40px;
            position: relative; }
            #account .content-container .page-body .content .form-container form .form-element .form-element-error {
              font-size: 12px;
              color: #EB5757;
              margin: 4px 0 -19px 0;
              animation-name: form-error;
              animation-duration: .3s; }
          #account .content-container .page-body .content .form-container form .separator {
            height: 1px;
            box-shadow: inset 0px -1px 0px #E1E1E1;
            margin-top: 20px;
            margin-bottom: -13px;
            position: relative; }
          #account .content-container .page-body .content .form-container form .form-submit-success {
            color: green;
            font-size: 14px;
            text-align: center;
            position: absolute;
            bottom: 14px;
            width: 100%;
            animation-name: form-success;
            animation-duration: .3s; }
        #account .content-container .page-body .content .form-container .flex-right {
          align-items: end; }
        #account .content-container .page-body .content .form-container .flex-center {
          align-items: center; }

@keyframes form-error {
  from {
    opacity: 0;
    visibility: hidden; }
  to {
    opacity: 1;
    visibility: visible; } }

@keyframes form-success {
  from {
    opacity: 0;
    visibility: hidden; }
  to {
    opacity: 1;
    visibility: visible; } }
      #account .content-container .page-body .content .device-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #account .content-container .page-body .content .device-list .device-item {
          display: flex;
          flex-direction: column;
          flex: 0 0 300px;
          width: 300px;
          height: 300px;
          border: 1px solid #EAEAEA;
          border-radius: 9px;
          margin: 0 16px 32px; }
          #account .content-container .page-body .content .device-list .device-item .device-item-image {
            display: flex;
            padding: 20px;
            height: 200px;
            align-items: flex-end;
            justify-content: center; }
            #account .content-container .page-body .content .device-list .device-item .device-item-image img {
              object-fit: contain;
              max-height: 100%;
              max-width: 100%; }
          #account .content-container .page-body .content .device-list .device-item .device-item-info {
            text-align: center;
            padding: 0 0 24px;
            color: #111111; }
            #account .content-container .page-body .content .device-list .device-item .device-item-info .device-name {
              font-size: 18px;
              font-weight: 400;
              line-height: 22px;
              letter-spacing: 0.86px; }
            #account .content-container .page-body .content .device-list .device-item .device-item-info .device-type {
              font-size: 14px;
              font-weight: normal;
              line-height: 22px;
              letter-spacing: 0.86px;
              color: #DADADA; }
            #account .content-container .page-body .content .device-list .device-item .device-item-info .device-serial-number {
              font-size: 14px;
              font-weight: 400;
              line-height: 22px;
              letter-spacing: 1px;
              color: #676767;
              text-transform: uppercase; }
  @media (max-width: 1024px) {
    #account {
      margin-top: 91px;
      padding: 0; }
      #account .content-container .page-header {
        max-width: 610px;
        margin: 0 auto 48px; }
        #account .content-container .page-header .page-header-container {
          position: relative; }
          #account .content-container .page-header .page-header-container .page-header-title {
            padding: 0 15px; }
            #account .content-container .page-header .page-header-container .page-header-title h2 {
              font-size: 20px; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li {
            padding: 0 10px; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list a {
            font-size: 12px; } }
  @media (max-width: 767px) {
    #account .content-container .page-header {
      cursor: pointer;
      background-color: white;
      z-index: 2;
      position: relative;
      margin-bottom: 0;
      height: 50px; }
      #account .content-container .page-header .page-header-container {
        display: flex;
        position: relative;
        width: 100%;
        padding: 0 15px; }
        #account .content-container .page-header .page-header-container .page-header-title {
          width: 100%; }
          #account .content-container .page-header .page-header-container .page-header-title h2 {
            font-size: 20px;
            line-height: 22px;
            letter-spacing: 1.43px; }
          #account .content-container .page-header .page-header-container .page-header-title .dropdown-arrow {
            width: 100px;
            height: 100%;
            background-image: url("/static/account/dropdown-arrow.svg");
            background-repeat: no-repeat;
            background-position: center;
            margin: 0 auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transform-origin: center;
            transition: transform .3s ease; }
            #account .content-container .page-header .page-header-container .page-header-title .dropdown-arrow.opened {
              transform: translate(-50%, -50%) scaleY(-1); }
        #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list {
          flex-direction: column;
          align-items: center;
          position: absolute;
          left: 0;
          right: 0;
          top: 50px;
          border-top: 1px solid #F1F1F1;
          border-bottom: 1px solid #F1F1F1;
          background-color: white;
          display: flex;
          transition: all .3s ease;
          opacity: 0;
          visibility: hidden; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li {
            width: 100%;
            text-align: center; }
            #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li a {
              display: block;
              padding: 12px 0; }
            #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list li.account-navigation-logout-btn {
              display: unset; }
          #account .content-container .page-header .page-header-container .account-navigation .account-navigation-list.opened {
            opacity: 1;
            visibility: visible; }
    #account .content-container .page-body {
      flex-direction: column;
      position: relative; }
      #account .content-container .page-body .content {
        padding: 60px 15px; }
        #account .content-container .page-body .content .device-list .device-item .device-item-info .device-type {
          font-size: 16px; } }
  #account .preloader {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 10px;
    background: linear-gradient(124deg, #6b6b6b 0%, #c1c1c1 100%);
    animation-name: preloader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%; }
    #account .preloader.active {
      opacity: 1;
      visibility: visible; }
    #account .preloader .preloader-inner {
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%; }
  #account .preloader-show {
    opacity: 1;
    visibility: visible; }

@keyframes preloader {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Thin.ttf");
  font-weight: 100; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Medium.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Bold.ttf");
  font-weight: 700; }

#inbox {
  background-color: #E3E3E3;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: scroll; }
  #inbox .home-page * {
    padding: 0;
    margin: 0;
    font-family: 'Roboto';
    font-style: normal; }
  #inbox .header {
    display: flex;
    align-items: center;
    height: 48px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 17px;
    color: #111111; }
  #inbox .message-page {
    opacity: 0;
    visibility: hidden; }
    #inbox .message-page ul, #inbox .message-page ol {
      margin-block-start: 1em;
      margin-block-end: 1em;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      padding-inline-start: 40px; }
    #inbox .message-page.visible {
      opacity: 1;
      visibility: visible;
      transition: opacity 1s ease; }
  #inbox .messages .message {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0 10px 0 18px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 10px;
    margin: 0 2px 2px; }
    #inbox .messages .message:last-child {
      border-bottom: 1px solid #eee; }
    #inbox .messages .message .message-title {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      color: #000000;
      flex-basis: 75%;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    #inbox .messages .message .message-pubdate {
      font-weight: 500;
      font-size: 12px;
      line-height: 12px;
      flex-basis: 20%;
      text-align: center; }
    #inbox .messages .message.readed .message-title {
      font-weight: 300;
      font-size: 14px;
      color: #575757; }
    #inbox .messages .message.readed .message-pubdate {
      font-size: 10px;
      line-height: 12px;
      font-weight: 300;
      font-size: 12px;
      line-height: 13px;
      text-align: center;
      color: #575757; }
  #inbox .preloader {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 15px;
    background: linear-gradient(124deg, #6b6b6b 0%, #c1c1c1 100%);
    animation-name: inbox-preloader;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%; }
    #inbox .preloader.active {
      opacity: 1;
      visibility: visible; }
    #inbox .preloader .preloader-inner {
      width: 24px;
      height: 24px;
      background: #fff;
      border-radius: 50%; }
  #inbox .preloader-show {
    opacity: 1;
    visibility: visible; }

@keyframes inbox-preloader {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Thin.ttf");
  font-weight: 100; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Medium.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/static/fonts/Roboto-Bold.ttf");
  font-weight: 700; }

h1, h2, h3, h4, h5, h6,
.hh1, .hh2, .hh3, .hh4, .hh5, .hh6 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal; }

h1, .hh1 {
  font-size: 42px;
  font-weight: bold;
  line-height: 1.24;
  color: #111111; }

h2, .hh2 {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.53;
  color: #111111; }

h3, .hh3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.67;
  color: #111111;
  margin: 0 0 15px 0; }

h4, .hh4 {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.67;
  color: #111111; }

@media (max-width: 1024px) {
  h2, .hh2 {
    font-size: 32px; } }

@media (max-width: 768px) {
  h1, .hh1 {
    font-size: 22px;
    font-weight: 900;
    line-height: 1.27; }
  h2, .hh2 {
    font-size: 20px;
    font-weight: 900;
    line-height: 2; }
  h3, .hh3 {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.63; }
  h4, .hh4 {
    font-size: 12px;
    line-height: 1; } }

body {
  opacity: 1; }

#mosaics .show_page {
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-fill-mode: forwards; }

#mosaics .arrow {
  position: relative; }
  #mosaics .arrow .arrow_text {
    position: absolute;
    text-align: center;
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    line-height: 2.14;
    letter-spacing: 0.6px;
    color: #111111; }
  #mosaics .arrow::before {
    content: "";
    background: url(/static/controls/size_arrow.svg) no-repeat;
    background-size: 156px;
    position: absolute;
    width: 156px;
    height: 9px; }

#mosaics .arrow_horizontal .arrow_text {
  top: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%; }

#mosaics .arrow_horizontal::before {
  transform: translateX(-50%); }

#mosaics .arrow_vertical .arrow_text {
  left: -25px;
  width: 100px;
  transform: translateY(-50%) rotate(-90deg); }

#mosaics .arrow_vertical::before {
  left: -80px;
  transform: rotate(90deg); }

#mosaics .new-shape-button-big {
  width: 99px;
  height: 99px;
  border: 3px solid #000000;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  margin: 50px auto 0;
  user-select: none; }
  #mosaics .new-shape-button-big:hover {
    background: #f9f9f9; }
  #mosaics .new-shape-button-big:before {
    content: '';
    width: 53px;
    height: 3px;
    position: absolute;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  #mosaics .new-shape-button-big:after {
    content: '';
    width: 3px;
    height: 53px;
    position: absolute;
    background: #000000;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

#mosaics .new-shape-button-text {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.5px;
  margin-top: 11px; }

#mosaics .new-shape-button-container {
  height: 0;
  width: 56px;
  position: fixed;
  right: 22px;
  bottom: 22px;
  width: 100px;
  user-select: none;
  outline: none; }
  #mosaics .new-shape-button-container .new-shape-button {
    width: 56px;
    height: 56px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    z-index: 1000; }
    #mosaics .new-shape-button-container .new-shape-button:active {
      transform: scale(0.97); }
    #mosaics .new-shape-button-container .new-shape-button img {
      width: 22px; }

@media (max-width: 768px) {
  #mosaics .arrow:before {
    width: 100px;
    background-size: 100px; }
  #mosaics .arrow .arrow_text {
    font-size: 10px;
    line-height: 1.4; }
  #mosaics .arrow_vertical::before {
    left: -30px; }
  #mosaics .arrow_vertical .arrow_text {
    left: -12px; }
  #mosaics .arrow_horizontal .arrow_text {
    top: -16px; }
  #mosaics .new-shape-button-container {
    margin-right: 22px; } }

#mosaics section {
  max-width: 1170px;
  margin: 0 auto; }
  #mosaics section .wrap {
    padding: 80px 0 0 0; }
  @media (max-width: 768px) {
    #mosaics section {
      max-width: 580px; }
      #mosaics section .wrap {
        padding: 50px 0 0 0; } }

#mosaics .full_width {
  max-width: 100%; }

#mosaics .margin_bottom {
  margin-bottom: 100px; }
  @media (max-width: 768px) {
    #mosaics .margin_bottom {
      margin-bottom: 60px; } }

#mosaics select {
  width: 210px;
  height: 40px;
  border: solid 1px #dfe0e1;
  background: white;
  outline: none;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #111111;
  padding: 0 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#mosaics .select {
  display: inline-block;
  position: relative;
  animation-name: fadeIn;
  animation-duration: .5s;
  animation-fill-mode: forwards;
  animation-delay: .3s;
  opacity: 0;
  margin-right: 40px; }
  #mosaics .select::after {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 6px solid #85888b;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(-90deg); }
  #mosaics .select .sort {
    width: 210px; }

#mosaics .hide {
  display: none; }

#mosaics .mobile_show {
  display: none; }

@media (max-width: 768px) {
  #mosaics .select select {
    width: 165px;
    height: 30px;
    font-size: 14px;
    padding: 0 12px; }
  #mosaics .select::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #85888b;
    right: 12px; } }

@media (max-width: 580px) {
  #mosaics .select {
    width: 90px;
    margin: 0 0 0 84px; }
    #mosaics .select::after {
      top: 45%; }
    #mosaics .select select {
      position: absolute;
      left: 0;
      opacity: 0; }
  #mosaics .mobile_show {
    display: block; }
  #mosaics .new-shape-button-container {
    margin-right: 8px; } }

#mosaics a {
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
  letter-spacing: 0.5px;
  color: #1ea6ff; }

#mosaics .checkbox-container {
  display: block;
  position: relative;
  padding-left: 34px;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all .3s ease; }
  #mosaics .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  #mosaics .checkbox-container .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    border: 1px solid #afb2b5; }
    #mosaics .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      visibility: hidden;
      opacity: 0;
      left: 5px;
      top: 0px;
      width: 5px;
      height: 11px;
      border: solid;
      border-color: black;
      border-width: 0 1.5px 1.5px 0;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: all .3s ease; }
  #mosaics .checkbox-container input:checked ~ .checkmark:after {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease; }
  @media (max-width: 768px) {
    #mosaics .checkbox-container {
      font-size: 14px;
      letter-spacing: 0.5px;
      margin-bottom: 10px; }
      #mosaics .checkbox-container .checkmark {
        top: 1px; } }

#mosaics .btn {
  width: 152px;
  height: 35px;
  background-color: white;
  border: solid 1px #dfe0e1;
  outline: none;
  cursor: pointer;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  line-height: 2.5;
  letter-spacing: normal;
  color: #85888b;
  display: inline-block;
  box-sizing: border-box;
  text-decoration: none;
  transition: all .25s ease; }

@media (max-width: 768px) {
  #mosaics .btn {
    width: 100px;
    height: 28px;
    font-size: 11px;
    line-height: 28px; } }

@media (max-width: 480px) {
  #mosaics .btn {
    width: 76px;
    height: 28px;
    font-size: 9px;
    line-height: 28px; } }

#mosaics .buy_btn {
  width: 250px;
  height: 50px;
  background: #111111;
  border: none;
  border-radius: 25px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: normal;
  color: white;
  cursor: pointer;
  outline: none; }

#mosaics .btn_active {
  color: white;
  background-color: #afb2b5; }

#mosaics .btn_br {
  border-radius: 18px; }

#mosaics .btn_brr {
  border-left: none;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px; }

#mosaics .btn_brl {
  border-right: none;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px; }

@media (hover: hover) and (pointer: fine) {
  #mosaics .checkbox-container:hover {
    color: rgba(17, 17, 17, 0.5); } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes tabActive {
  0% {
    color: #85888b;
    background-color: white; }
  100% {
    color: white;
    background-color: #afb2b5; } }

@keyframes tabNonActive {
  0% {
    color: white;
    background-color: #afb2b5; }
  100% {
    color: #85888b;
    background-color: white; } }

@keyframes expandSearchControl {
  0% {
    width: 0; }
  100% {
    width: 90%; } }

@media (max-width: 580px) {
  @keyframes expandSearchControl {
    0% {
      width: 0; }
    100% {
      width: 100%; } } }

@keyframes collapseSearchControl {
  0% {
    width: 90%; }
  100% {
    width: 0; } }

@keyframes showSearchControlInput {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes hideSearchControlInput {
  0% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

@keyframes load {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

#shape-editor .navigation {
  height: 24px;
  padding: 4px 0; }
  #shape-editor .navigation .nav-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer; }
  #shape-editor .navigation .next-btn {
    float: right; }
  #shape-editor .navigation .back-btn {
    float: left; }
  #shape-editor .navigation .save-btn {
    float: right; }

#shape-editor .panels-count {
  text-align: center;
  font-size: 20px;
  position: relative;
  padding: 0 2px;
  color: #0093ff; }
  #shape-editor .panels-count:after {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    margin: 4px 0px 0 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/static/editor/triangle-icon-blue.svg"); }

#shape-editor .editor {
  position: relative; }
  #shape-editor .editor .stage {
    border: 1px solid #eee;
    overflow: hidden; }
    @media (max-width: 580px) {
      #shape-editor .editor .stage {
        border-bottom: none; } }
  #shape-editor .editor .outer-preview-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    #shape-editor .editor .outer-preview-container .inner-preview-container {
      width: 320px;
      text-align: center;
      display: flex;
      justify-content: space-around;
      flex-direction: column;
      height: 100%;
      top: 20px; }
      #shape-editor .editor .outer-preview-container .inner-preview-container .preview-image {
        display: flex;
        justify-content: center;
        max-height: 70%; }
        #shape-editor .editor .outer-preview-container .inner-preview-container .preview-image img {
          max-width: 320px;
          max-height: 320px;
          object-fit: contain; }
          @media (max-width: 480px) {
            #shape-editor .editor .outer-preview-container .inner-preview-container .preview-image img {
              max-width: 240px;
              max-height: 240px; } }
      #shape-editor .editor .outer-preview-container .inner-preview-container .input-group {
        display: flex;
        flex-direction: column; }
        #shape-editor .editor .outer-preview-container .inner-preview-container .input-group input {
          height: 40px;
          border: 1px solid gray;
          border-radius: 6px;
          padding: 0 1em;
          font-size: 18px; }
        #shape-editor .editor .outer-preview-container .inner-preview-container .input-group .error {
          color: red;
          font-size: 14px;
          margin: 6px 2px; }
  #shape-editor .editor .move-to-center-btn {
    position: absolute;
    bottom: 50px;
    right: 30px;
    width: 56px;
    height: 56px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    user-select: none; }
    #shape-editor .editor .move-to-center-btn:active {
      transform: scale(0.97); }
    #shape-editor .editor .move-to-center-btn img {
      width: 22px; }

@media (max-width: 1024px) {
  #shape-editor .navigation {
    margin: 0 16px; } }

@media (max-width: 768px) {
  #shape-editor .navigation {
    padding: 0;
    height: 20px; }
    #shape-editor .navigation .nav-btn {
      font-size: 16px;
      line-height: 20px; }
  #shape-editor .panels-count {
    font-size: 16px; }
    #shape-editor .panels-count::after {
      width: 11px;
      height: 11px; } }

* {
  padding: 0;
  margin: 0;
  font-family: Roboto; }

#mosaics {
  /* --- START: Main banner --- */
  /* --- END: Main banner --- */
  /* --- START: Shapes catalog --- */
  /* --- END: Shapes catalog --- */
  /* --- START: Preview section --- */
  /* --- START: Effects List section --- */
  /* --- END: Effects List section --- */
  /* --- END: Preview section --- */
  /* --- START: Setup section --- */
  /* --- END: Setup section --- */
  /* --- START: Buy section --- */
  /* --- END: Buy section --- */ }
  #mosaics .plans-filter {
    display: flex;
    justify-content: center;
    margin: 30px 0 80px; }
    #mosaics .plans-filter .plans-filter-text {
      display: flex;
      align-items: center;
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.857143px;
      color: #85888B; }
    #mosaics .plans-filter .plans-filter-switch {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 32px;
      border-radius: 16px;
      border: 1px solid black;
      text-transform: uppercase;
      overflow: hidden;
      box-sizing: border-box;
      margin: 0 16px;
      cursor: pointer; }
      #mosaics .plans-filter .plans-filter-switch .plans-filter-switch-item {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        min-width: 100px;
        height: inherit;
        border-radius: inherit;
        display: inherit;
        align-items: inherit;
        justify-content: inherit; }
      #mosaics .plans-filter .plans-filter-switch .plans-filter-switch-item-active {
        background-color: black;
        color: white; }
  #mosaics .plans-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: start; }
    #mosaics .plans-list .plan-item {
      border-radius: 3px;
      border: 1px solid #E1E1E1;
      width: 193px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-sizing: border-box;
      margin: 2.5px;
      height: 388px;
      user-select: none; }
      #mosaics .plans-list .plan-item:hover .plan-item-title {
        margin: 29px 0 30px; }
      #mosaics .plans-list .plan-item:hover .plan-item-button {
        margin-bottom: 19px; }
      #mosaics .plans-list .plan-item .plan-item-title {
        width: 153px;
        min-height: 30px;
        border-radius: 6px;
        color: #ffffff;
        font-family: Roboto;
        font-style: normal;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 0.857143px;
        margin: 30px 0; }
        #mosaics .plans-list .plan-item .plan-item-title span {
          text-transform: uppercase;
          font-weight: normal;
          margin-right: 4px; }
      #mosaics .plans-list .plan-item .plan-item-price {
        font-family: Roboto;
        font-style: normal;
        font-weight: 900;
        font-size: 24px;
        line-height: 22px;
        letter-spacing: 0.857143px;
        margin-bottom: 26px;
        position: relative; }
        #mosaics .plans-list .plan-item .plan-item-price .plan-item-price-currency {
          font-family: Roboto;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 22px;
          text-align: center;
          letter-spacing: 0.857143px;
          color: #111111;
          position: absolute;
          left: -10px;
          top: -6px; }
        #mosaics .plans-list .plan-item .plan-item-price .plan-item-price-fraction {
          font-family: Roboto;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 22px;
          text-align: center;
          letter-spacing: 0.857143px;
          color: #111111;
          position: absolute;
          right: -18px;
          top: -12px; }
      #mosaics .plans-list .plan-item .plan-item-duration {
        width: 90px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.857143px;
        color: #85888B;
        margin-bottom: 20px; }
      #mosaics .plans-list .plan-item .plan-item-description {
        width: 154px;
        height: 78px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.857143px;
        color: #111111; }
      #mosaics .plans-list .plan-item .plan-item-button {
        width: 110px;
        min-height: 30px;
        background: #151515;
        border: none;
        border-radius: 15px;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 20px;
        cursor: pointer; }
        #mosaics .plans-list .plan-item .plan-item-button.gray {
          background: #FFFFFF;
          border: 1px solid #E1E1E1;
          text-transform: none;
          font-family: Roboto;
          font-style: normal;
          font-weight: normal;
          font-size: 12px;
          line-height: 22px;
          text-align: center;
          letter-spacing: 0.857143px;
          color: #151515; }
      #mosaics .plans-list .plan-item .plan-item-footer {
        height: 50px;
        background-color: violet;
        color: #ffffff;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0.857143px;
        color: #FFFFFF;
        padding: 7px 36px;
        box-sizing: border-box;
        opacity: 0; }
  #mosaics .fixed-body {
    position: fixed; }
  #mosaics .load {
    width: 0%;
    height: 2px;
    position: fixed;
    top: 0;
    background: #1ea6ff;
    z-index: 10;
    animation: load;
    animation-duration: 1s;
    animation-timing-function: linear; }
  #mosaics .shape-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: white; }
    #mosaics .shape-overlay .loader {
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%; }
      #mosaics .shape-overlay .loader .triangle {
        width: 0;
        height: 0;
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        display: inline-block;
        position: absolute; }
      #mosaics .shape-overlay .loader .first {
        position: relative;
        bottom: 16px;
        left: 0;
        border-bottom: 16px solid #caf7ff;
        animation-name: f;
        animation-duration: 1.2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear; }
      #mosaics .shape-overlay .loader .second {
        border-bottom: 16px solid #6fe9ff;
        animation-name: s;
        animation-duration: .8s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        left: -16px; }
      #mosaics .shape-overlay .loader .third {
        border-top: 16px solid #00c3ff;
        animation-name: t;
        animation-duration: .6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-delay: .2s;
        left: 0; }
      #mosaics .shape-overlay .loader .fourth {
        border-bottom: 16px solid #0084ff;
        animation-name: f;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        left: 16px; }

@keyframes f {
  0% {
    border-bottom-color: #caf7ff; }
  50% {
    border-bottom-color: #5b93c2; }
  100% {
    border-bottom-color: #caf7ff; } }

@keyframes s {
  0% {
    border-bottom-color: #6fe9ff; }
  50% {
    border-bottom-color: #008cff; }
  100% {
    border-bottom-color: #6fe9ff; } }

@keyframes t {
  0% {
    border-top-color: #00c3ff; }
  25% {
    border-top-color: #00f7ff; }
  50% {
    border-top-color: #00c3ff; }
  75% {
    border-top-color: #008cff; }
  100% {
    border-top-color: #00c3ff; } }

@keyframes f {
  0% {
    border-bottom-color: #0069af; }
  50% {
    border-bottom-color: #65ffff; }
  100% {
    border-bottom-color: #0099ff; } }
  #mosaics #hero {
    width: 100%;
    position: relative;
    transition: all .3s ease;
    max-height: 600px; }
    #mosaics #hero .hero_img {
      height: 600px;
      width: 100%;
      background-image: url(/static/hero-min.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position-x: center;
      transition: all .3s ease; }
    #mosaics #hero .banner__text {
      font-family: Roboto;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      font-size: 70px;
      font-weight: bold;
      line-height: 1.29;
      text-align: center;
      color: white;
      width: 500px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all .3s ease; }
  @media (max-width: 1440px) {
    #mosaics #hero {
      max-height: 450px;
      display: flex; }
      #mosaics #hero .hero_img {
        height: 450px; }
      #mosaics #hero img {
        object-fit: cover; } }
  @media (max-width: 1024px) {
    #mosaics #hero {
      max-height: 400px; }
      #mosaics #hero .hero_img {
        height: 400px; }
      #mosaics #hero .banner__text {
        width: 400px;
        font-size: 54px;
        font-weight: bold;
        line-height: 1.29; } }
  @media (max-width: 768px) {
    #mosaics #hero {
      max-height: 360px; }
      #mosaics #hero .hero_img {
        height: 360px;
        background-image: url(/static/hero-tablet-min.jpg); }
      #mosaics #hero .banner__text {
        width: 290px;
        font-size: 34px;
        font-weight: bold;
        line-height: 1.29; } }
  @media (max-width: 580px) {
    #mosaics #hero {
      max-height: 300px; }
      #mosaics #hero .hero_img {
        background-image: url(/static/hero-mobile-min.jpg);
        height: 300px; }
      #mosaics #hero .banner__text {
        font-size: 34px;
        font-weight: 900;
        line-height: 1.29;
        letter-spacing: normal; } }
  @media (max-width: 380px) {
    #mosaics #hero {
      max-height: 220px; }
      #mosaics #hero .hero_img {
        height: 220px; } }
  #mosaics .right-flex {
    margin-left: auto;
    width: 80%;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0; }
    @media (max-width: 768px) {
      #mosaics .right-flex {
        height: 30px;
        margin-right: 25px;
        width: 70%; } }
    @media (max-width: 580px) {
      #mosaics .right-flex {
        margin: 0;
        width: 90%;
        justify-content: space-between; } }
  #mosaics .shape_info__header {
    margin: 40px auto 0;
    padding: 0 15px;
    max-width: 1200px; }
    #mosaics .shape_info__header .shape_info__header_wrap {
      text-align: center; }
      #mosaics .shape_info__header .shape_info__header_wrap .info {
        margin-bottom: 46px;
        position: relative; }
        #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list {
          position: absolute; }
          #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list a {
            color: black;
            text-decoration: none;
            padding: 16px;
            box-sizing: border-box; }
            #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list a:hover {
              text-decoration: underline; }
            #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list a:before {
              content: '';
              border-bottom: 2px solid;
              border-left: 2px solid;
              width: 9px;
              height: 9px;
              position: absolute;
              left: 3px;
              top: 50%;
              transform: translateY(-50%) rotate(45deg); }
        #mosaics .shape_info__header .shape_info__header_wrap .info span {
          height: 30px;
          font-family: Roboto;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: #111111; }
    @media (max-width: 768px) {
      #mosaics .shape_info__header {
        margin-bottom: 40px;
        margin-top: 0; }
        #mosaics .shape_info__header .shape_info__header_wrap .info {
          margin-bottom: 20px; }
          #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list {
            position: relative;
            text-align: left;
            padding: 20px 0; }
            #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list a {
              font-size: 14px; }
              #mosaics .shape_info__header .shape_info__header_wrap .info .back_to_list a:before {
                width: 8px;
                height: 8px; }
          #mosaics .shape_info__header .shape_info__header_wrap .info span {
            font-size: 14px;
            line-height: 2.14;
            letter-spacing: 0.5px; } }
    @media (max-width: 1024px) {
      #mosaics .shape_info__header {
        max-width: 610px; } }
  #mosaics #catalog {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto 80px;
    padding: 0 30px;
    box-sizing: border-box; }
    #mosaics #catalog .catalog__header {
      width: 100%;
      height: 108px;
      border-bottom: 1px solid #dfe0e1;
      display: flex;
      align-items: center;
      margin-bottom: 24px;
      position: relative;
      z-index: 1; }
      #mosaics #catalog .catalog__header h2 {
        display: inline-block; }
      #mosaics #catalog .catalog__header .filters {
        display: none; }
      #mosaics #catalog .catalog__header span {
        width: 52px;
        height: 30px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.88;
        letter-spacing: normal;
        color: #85888b;
        padding: 0 12px; }
      #mosaics #catalog .catalog__header .search {
        height: 40px;
        width: 0;
        visibility: 0;
        display: inline-block;
        padding: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        #mosaics #catalog .catalog__header .search .search_icon {
          width: 22px;
          height: 22px;
          display: inline-block;
          position: absolute;
          left: -22px;
          top: 50%;
          opacity: 1;
          cursor: pointer;
          transform: translateY(-50%);
          background: url(/static/controls/search.svg) no-repeat;
          background-size: contain; }
        #mosaics #catalog .catalog__header .search .search_close_icon {
          width: 14px;
          height: 14px;
          top: 50%;
          right: 0;
          position: absolute;
          transform: translateY(-50%);
          background: url(/static/close_cross.png) no-repeat;
          background-size: cover;
          cursor: pointer;
          display: none; }
        #mosaics #catalog .catalog__header .search input {
          height: 40px;
          width: 90%;
          box-sizing: border-box;
          border: none;
          outline: none;
          opacity: 0; }
      #mosaics #catalog .catalog__header .search_active {
        animation-name: expandSearchControl;
        animation-duration: .3s;
        animation-fill-mode: forwards; }
        #mosaics #catalog .catalog__header .search_active .search_icon {
          left: -30px; }
        #mosaics #catalog .catalog__header .search_active input {
          animation-name: showSearchControlInput;
          animation-duration: .3s;
          animation-fill-mode: forwards; }
        #mosaics #catalog .catalog__header .search_active .search_close_icon {
          display: block; }
      #mosaics #catalog .catalog__header .search_collapsed {
        animation-name: collapseSearchControl;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        width: 0; }
        #mosaics #catalog .catalog__header .search_collapsed input {
          animation-name: hideSearchControlInput;
          animation-duration: .3s;
          animation-fill-mode: forwards; }
        #mosaics #catalog .catalog__header .search_collapsed .search_close_icon {
          display: none; }
    #mosaics #catalog .body {
      display: table; }
    #mosaics #catalog .catalog__sidebar {
      min-width: 240px;
      width: 240px;
      display: block;
      vertical-align: top;
      transition: all .3s ease;
      background: white;
      z-index: 2;
      position: sticky;
      position: -webkit-sticky;
      top: 20px; }
      #mosaics #catalog .catalog__sidebar .sidebar__block {
        padding: 0 50px 20px 0;
        margin: 0 0 20px 0;
        font-family: Roboto;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.63;
        letter-spacing: 0.5px;
        color: #111111;
        border-bottom: 1px solid #dfe0e1; }
        #mosaics #catalog .catalog__sidebar .sidebar__block ul {
          list-style-type: none; }
        #mosaics #catalog .catalog__sidebar .sidebar__block .amount {
          width: 36px;
          height: 36px;
          border-radius: 2px;
          border: solid 1px #afb2b5;
          background: white;
          outline: none;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          font-size: 16px;
          line-height: 1.63;
          letter-spacing: 0.5px;
          color: #111111;
          cursor: pointer;
          margin: 0 8px 8px 0;
          transition: all .3s ease; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .amount:hover {
            color: rgba(17, 17, 17, 0.5); }
        #mosaics #catalog .catalog__sidebar .sidebar__block .active {
          border-color: black; }
      #mosaics #catalog .catalog__sidebar .filter-controls {
        margin-bottom: 30px; }
        #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1 {
          padding-left: 32px;
          position: relative;
          background: none;
          border: none;
          font-family: Roboto;
          font-size: 16px;
          font-weight: normal;
          line-height: 1.63;
          letter-spacing: 0.5px;
          color: #1ea6ff;
          outline: none;
          cursor: pointer;
          text-decoration: underline;
          background-size: contain;
          height: 40px; }
          #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1:hover {
            text-decoration: none; }
          #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1:active:before {
            transform: scale(1) rotate(360deg); }
          #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1:not(:active):before {
            transition: all .5s ease-in-out; }
          #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 25px;
            height: 25px;
            background: url("/static/controls/clear_filter.svg") no-repeat;
            transform: translateY(-50%); }
        #mosaics #catalog .catalog__sidebar .filter-controls .apply-filter {
          display: none;
          float: right;
          width: 110px;
          height: 40px;
          font-family: Roboto;
          font-size: 14px;
          font-weight: 900;
          line-height: 1.57;
          color: #111111;
          border-radius: 20px;
          border: solid 1px #111111;
          background: white;
          outline: none;
          cursor: pointer; }
          #mosaics #catalog .catalog__sidebar .filter-controls .apply-filter:hover {
            background: #eee; }
    #mosaics #catalog .catalog__content_left_offset {
      padding-left: 240px;
      padding-top: 132px; }
    #mosaics #catalog .catalog__content {
      display: table-cell;
      width: 77vw;
      max-width: 930px;
      vertical-align: top;
      opacity: 0;
      animation-name: fadeIn;
      animation-duration: 2s;
      animation-fill-mode: forwards; }
      #mosaics #catalog .catalog__content .content__item {
        position: relative;
        width: calc(33.33% - 26px);
        height: 330px;
        display: inline-block;
        margin: 0 0 24px 26px;
        transition: all .5s;
        opacity: 0;
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-fill-mode: forwards; }
        #mosaics #catalog .catalog__content .content__item img {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -60%);
          max-width: 180px;
          max-height: 180px; }
        #mosaics #catalog .catalog__content .content__item .info {
          position: absolute;
          bottom: 12px;
          left: 50%;
          transform: translateX(-50%);
          text-align: center;
          width: 100%; }
          #mosaics #catalog .catalog__content .content__item .info span {
            opacity: 0;
            font-family: Roboto;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 2.5;
            letter-spacing: 1px;
            text-align: center;
            color: #85888b;
            text-transform: uppercase; }
        #mosaics #catalog .catalog__content .content__item:hover {
          background: #fafafa; }
          #mosaics #catalog .catalog__content .content__item:hover span {
            opacity: 1; }
      #mosaics #catalog .catalog__content .empty-list {
        margin: 100px auto;
        width: 400px;
        text-align: center;
        font-family: Roboto;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #111111;
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-fill-mode: forwards; }
      #mosaics #catalog .catalog__content .catalog__pagination {
        display: flex;
        justify-content: center;
        align-items: baseline;
        color: #84878a;
        border-top: 1px solid #dfe0e1;
        padding: 20px 0;
        margin-top: 22px; }
        #mosaics #catalog .catalog__content .catalog__pagination .pages {
          list-style-type: none;
          text-align: center;
          line-height: 36px;
          font-family: Roboto;
          font-size: 16px;
          user-select: none;
          cursor: pointer;
          margin: 0; }
          #mosaics #catalog .catalog__content .catalog__pagination .pages .page {
            display: inline-block;
            width: 36px;
            height: 36px;
            border-radius: 18px;
            margin: 0 8px; }
            #mosaics #catalog .catalog__content .catalog__pagination .pages .page:hover {
              background: #f1f1f1; }
          #mosaics #catalog .catalog__content .catalog__pagination .pages .active {
            background: #f1f1f1;
            color: #111111; }
        #mosaics #catalog .catalog__content .catalog__pagination .prev,
        #mosaics #catalog .catalog__content .catalog__pagination .next {
          padding: 10px 16px;
          background: none;
          border: none;
          color: #84878a;
          outline: none;
          border-radius: 18px;
          cursor: pointer; }
          #mosaics #catalog .catalog__content .catalog__pagination .prev:hover,
          #mosaics #catalog .catalog__content .catalog__pagination .next:hover {
            background: #f1f1f1; }
          #mosaics #catalog .catalog__content .catalog__pagination .prev.hide-pagination-control,
          #mosaics #catalog .catalog__content .catalog__pagination .next.hide-pagination-control {
            visibility: hidden; }
  @media (max-width: 1440px) {
    #mosaics #catalog {
      max-width: 1170px; } }
  @media (max-width: 1170px) {
    #mosaics #catalog {
      max-width: 1170px; }
      #mosaics #catalog .catalog__content .content__item img {
        max-width: 160px;
        max-height: 160px; } }
  @media (max-width: 1024px) {
    #mosaics #catalog {
      max-width: 1170px; }
      #mosaics #catalog .catalog__content .content__item {
        height: 280px; }
        #mosaics #catalog .catalog__content .content__item img {
          max-width: 95px;
          max-height: 95px; } }
  @media (max-width: 768px) {
    #mosaics #catalog {
      padding: 0 0 0 30px; }
      #mosaics #catalog .catalog__header {
        height: 64px; }
        #mosaics #catalog .catalog__header span {
          font-size: 14px; }
        #mosaics #catalog .catalog__header .search {
          height: 30px; }
          #mosaics #catalog .catalog__header .search input {
            height: 30px; }
          #mosaics #catalog .catalog__header .search .search_icon {
            width: 20px;
            height: 20px; }
      #mosaics #catalog .catalog__sidebar {
        min-width: 220px; }
        #mosaics #catalog .catalog__sidebar .sidebar__block {
          padding-bottom: 12px;
          padding-right: 40px; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .amount {
            font-size: 14px; }
        #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1 {
          font-size: 14px;
          letter-spacing: 0.5px; }
          #mosaics #catalog .catalog__sidebar .filter-controls .clear-filter1:before {
            width: 22px;
            height: 22px;
            background-size: contain; }
      #mosaics #catalog .catalog__content .content__item {
        width: calc(50% - 11px);
        height: 200px;
        margin-left: 11px; }
        #mosaics #catalog .catalog__content .content__item img {
          max-width: 95px;
          max-height: 95px;
          top: 42%; }
        #mosaics #catalog .catalog__content .content__item .info {
          width: 100%; }
          #mosaics #catalog .catalog__content .content__item .info span {
            display: block;
            opacity: 1;
            font-size: 8px; }
      #mosaics #catalog .catalog__content .empty-list {
        width: 200px; }
      #mosaics #catalog .catalog__content .catalog__pagination {
        justify-content: space-between; }
        #mosaics #catalog .catalog__content .catalog__pagination .pages {
          line-height: 24px;
          font-size: 12px;
          user-select: none;
          cursor: pointer; }
          #mosaics #catalog .catalog__content .catalog__pagination .pages .page {
            width: 24px;
            height: 24px;
            border-radius: 12px;
            margin: 0 4px; }
        #mosaics #catalog .catalog__content .catalog__pagination .prev,
        #mosaics #catalog .catalog__content .catalog__pagination .next {
          padding: 4px 10px; } }
  @media (max-width: 580px) {
    #mosaics #catalog {
      width: 100%;
      margin: 0;
      padding: 0 15px;
      position: relative; }
      #mosaics #catalog .body {
        height: 100%; }
      #mosaics #catalog .catalog__header {
        height: 60px; }
        #mosaics #catalog .catalog__header h2 {
          display: none; }
        #mosaics #catalog .catalog__header span {
          line-height: 2.14; }
        #mosaics #catalog .catalog__header .filters {
          height: 30px;
          display: inline-block;
          padding: 0 14px 0 30px;
          position: relative;
          font-family: Roboto;
          font-size: 14px;
          line-height: 2.14;
          letter-spacing: normal;
          color: #85888b;
          outline: none;
          border-right: 1px solid #85888b;
          z-index: 1; }
          #mosaics #catalog .catalog__header .filters:before {
            content: '';
            width: 20px;
            height: 20px;
            left: 0;
            top: 5px;
            position: absolute;
            background: url(/static/controls/filter.svg) no-repeat; }
        #mosaics #catalog .catalog__header .right-flex {
          width: 100%;
          background: white; }
          #mosaics #catalog .catalog__header .right-flex .search {
            position: absolute;
            right: 0;
            box-sizing: border-box;
            background: white;
            z-index: 2; }
            #mosaics #catalog .catalog__header .right-flex .search .search_icon {
              right: 0;
              background: url(/static/controls/search_mobile.svg) no-repeat; }
            #mosaics #catalog .catalog__header .right-flex .search .search_close_icon {
              right: 10px; }
            #mosaics #catalog .catalog__header .right-flex .search input {
              background: none;
              text-indent: 30px; }
          #mosaics #catalog .catalog__header .right-flex .search_active .search_icon {
            left: 0; }
      #mosaics #catalog .catalog__sidebar {
        position: absolute;
        left: -100vw;
        background: white;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        z-index: 1;
        top: 0;
        box-sizing: border-box;
        visibility: hidden;
        padding: 20px 15px; }
        #mosaics #catalog .catalog__sidebar .sidebar__close {
          width: 30px;
          height: 30px;
          background: url(/static/controls/back_arrow.svg) no-repeat;
          background-position-y: center;
          position: absolute;
          top: calc(50% - 12px);
          left: 0;
          transform: translateY(-50%); }
        #mosaics #catalog .catalog__sidebar .sidebar__title {
          font-family: Roboto;
          font-size: 18px;
          font-weight: 900;
          line-height: 1.44;
          color: #111111;
          position: absolute;
          top: calc(50% - 12px);
          left: 50%;
          transform: translate(-50%, -50%); }
        #mosaics #catalog .catalog__sidebar .sidebar__block {
          width: 100%;
          min-height: 50px;
          box-sizing: border-box;
          position: relative;
          overflow: hidden;
          transition: max-height .3s ease; }
          #mosaics #catalog .catalog__sidebar .sidebar__block h3 {
            display: inline-block; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .block_header {
            position: inherit;
            background: white;
            z-index: 1; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .toggle_block {
            display: inline-block;
            width: 10px;
            height: 10px;
            float: right;
            background: url(/static/filter_cross.png) no-repeat;
            background-size: 10px;
            background-position: center;
            margin-right: -36px;
            padding: 0 10px 15px;
            transition: all .3s ease; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .toggle_block_plus {
            transform: rotate(45deg); }
          #mosaics #catalog .catalog__sidebar .sidebar__block .controls_container {
            width: 240px;
            transition: all .3s ease; }
          #mosaics #catalog .catalog__sidebar .sidebar__block .hide_sidebar_block {
            overflow: hidden;
            margin-top: -100%; }
        #mosaics #catalog .catalog__sidebar .filter-controls .apply-filter {
          display: inline-block; }
      #mosaics #catalog .catalog__content {
        width: 100vw; }
        #mosaics #catalog .catalog__content .content__item {
          width: 50%;
          margin: 0px; }
        #mosaics #catalog .catalog__content .empty-list {
          margin: 40px auto; }
          #mosaics #catalog .catalog__content .empty-list p {
            width: 230px;
            font-size: 14px;
            line-height: 1.57;
            color: #111111;
            margin: 0 auto; }
        #mosaics #catalog .catalog__content .catalog__pagination .pages {
          cursor: default; }
          #mosaics #catalog .catalog__content .catalog__pagination .pages .page {
            margin: 0 2px; }
      #mosaics #catalog .show_sidebar {
        left: 0;
        visibility: visible;
        height: 100%;
        z-index: 3; } }
  #mosaics .preview_section {
    min-height: 550px;
    margin-bottom: 0; }
    #mosaics .preview_section .shape_preview {
      display: flex;
      align-items: center;
      height: 450px;
      margin: 0 auto; }
      #mosaics .preview_section .shape_preview .axis_x {
        display: flex;
        align-items: center;
        height: 100%;
        width: 25%;
        padding: 24px; }
      #mosaics .preview_section .shape_preview .shape_image {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        text-align: center;
        margin: 0 auto;
        opacity: 0;
        vertical-align: middle;
        animation-name: fadeIn;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        position: relative; }
        #mosaics .preview_section .shape_preview .shape_image img,
        #mosaics .preview_section .shape_preview .shape_image canvas {
          max-width: 320px;
          max-height: 320px;
          margin: 0 auto;
          object-fit: contain; }
        #mosaics .preview_section .shape_preview .shape_image .player {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%; }
          #mosaics .preview_section .shape_preview .shape_image .player #canvas {
            max-width: 320px;
            max-height: 320px; }
      #mosaics .preview_section .shape_preview .shape_actions {
        width: 25%;
        padding: 24px; }
        #mosaics .preview_section .shape_preview .shape_actions .action_list {
          float: right; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action {
            background: none;
            width: 50px;
            height: 50px;
            position: relative;
            border: none;
            border-radius: 50px;
            margin: 0 0 24px;
            display: block;
            outline: none;
            cursor: pointer; }
            #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action:hover {
              background: #eee; }
            #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action:after {
              content: '';
              width: 50px;
              position: absolute;
              height: 50px;
              top: 0;
              left: 0; }
            #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action:last-child {
              margin-bottom: 0; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .rotate_left:after {
            background: url(/static/controls/rotate_left.svg);
            background-size: 50px; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .rotate_right:after {
            background: url(/static/controls/rotate_right.svg);
            background-size: 50px; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .rotate_reset:after {
            background: url(/static/controls/rotate_reset.svg);
            background-size: 50px; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_edit:after {
            background: url(/static/controls/shape_edit.svg);
            background-size: 50px; }
      #mosaics .preview_section .shape_preview #effect-player {
        position: relative; }
      #mosaics .preview_section .shape_preview .effect-player {
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease; }
      #mosaics .preview_section .shape_preview .effect-player-visible {
        opacity: 1;
        visibility: visible; }
      #mosaics .preview_section .shape_preview #effect-player-spinner {
        width: 20px;
        height: 20px;
        border-radius: 50px;
        border: 2px solid transparent;
        background: linear-gradient(45deg, #eee, #aaa) border-box;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        position: absolute;
        bottom: 0;
        right: 0;
        transition: all .3 ease-in;
        animation: effect-player-spinner 1s linear 0s infinite; }
    #mosaics .preview_section .without_controls {
      height: 550px; }
    #mosaics .preview_section .axis_y {
      text-align: center;
      margin: 40px 0 0; }
  #mosaics .effects-list {
    border-top: 1px solid #dfe0e1;
    padding: 99px 18px; }
    #mosaics .effects-list .effects {
      display: flex;
      justify-content: space-between;
      text-decoration: none; }
      #mosaics .effects-list .effects a {
        text-decoration: none;
        text-align: center;
        box-sizing: border-box;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: -0.15px;
        color: #000000; }
      #mosaics .effects-list .effects .effect-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        padding: 8px 8px 12px 8px;
        width: 118px;
        text-align: center;
        box-sizing: border-box;
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 18px;
        letter-spacing: -0.15px;
        color: #000000; }
        #mosaics .effects-list .effects .effect-item:hover {
          background-color: #fafafa; }
        #mosaics .effects-list .effects .effect-item.active {
          background-color: #dcdcdc; }
        #mosaics .effects-list .effects .effect-item .effect-item-icon {
          position: relative; }
          #mosaics .effects-list .effects .effect-item .effect-item-icon:after {
            content: '';
            width: 24px;
            height: 25px;
            position: absolute;
            right: 9px;
            bottom: 15px;
            border-bottom-right-radius: 10px;
            background: url("/static/controls/effect_corner.svg") no-repeat; }
          #mosaics .effects-list .effects .effect-item .effect-item-icon img {
            width: 99px;
            height: 99px; }
        #mosaics .effects-list .effects .effect-item .market-item-icon {
          padding: 6px 12px 12px 12px; }
          #mosaics .effects-list .effects .effect-item .market-item-icon img {
            width: 81px;
            height: 81px; }
    @media (max-width: 1024px) {
      #mosaics .effects-list {
        padding: 60px auto; }
        #mosaics .effects-list .effects .effect-item .effect-item-icon img {
          width: 86px;
          height: 86px; }
        #mosaics .effects-list .effects .effect-item .market-item-icon img {
          width: 68px;
          height: 68px; } }
    @media (max-width: 768px) {
      #mosaics .effects-list {
        padding: 40px 0 20px; }
        #mosaics .effects-list .effects {
          flex-wrap: wrap; }
          #mosaics .effects-list .effects .effect-item {
            width: 33.33%;
            margin: 0 0 16px 0; }
            #mosaics .effects-list .effects .effect-item .effect-item-icon img {
              width: 99px;
              height: 99px; }
            #mosaics .effects-list .effects .effect-item .market-item-icon img {
              width: 81px;
              height: 81px; } }
    @media (max-width: 480px) {
      #mosaics .effects-list .effects {
        flex-wrap: wrap; }
        #mosaics .effects-list .effects a {
          font-size: 12px;
          line-height: 14px; }
        #mosaics .effects-list .effects .effect-item {
          width: 33.33%;
          font-size: 12px;
          line-height: 14px; }
          #mosaics .effects-list .effects .effect-item .effect-item-icon:after {
            content: '';
            width: 18px;
            height: 18px;
            position: absolute;
            right: 6px;
            bottom: 13px;
            border-bottom-right-radius: 10px;
            background: url("/static/controls/effect_corner.svg") no-repeat;
            background-size: contain; }
          #mosaics .effects-list .effects .effect-item .effect-item-icon img {
            width: 70px;
            height: 70px; }
          #mosaics .effects-list .effects .effect-item .market-item-icon img {
            width: 56px;
            height: 56px; } }
  @media (max-width: 1024px) {
    #mosaics .preview_section {
      min-height: 480px; }
      #mosaics .preview_section .shape_preview {
        height: 350px; }
        #mosaics .preview_section .shape_preview .shape_image img,
        #mosaics .preview_section .shape_preview .shape_image canvas {
          max-width: 240px;
          max-height: 240px; }
      #mosaics .preview_section .without_controls {
        height: 480px; } }
  @media (max-width: 768px) {
    #mosaics .preview_section {
      min-height: 340px;
      margin-bottom: 54px; }
      #mosaics .preview_section .shape_preview {
        height: 240px; }
        #mosaics .preview_section .shape_preview .shape_image {
          max-width: 220px;
          min-width: 220px; }
          #mosaics .preview_section .shape_preview .shape_image img,
          #mosaics .preview_section .shape_preview .shape_image canvas {
            max-width: 220px;
            max-height: 220px; }
        #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action {
          width: 36px;
          height: 36px;
          margin-bottom: 12px;
          top: 4px; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action:after {
            width: 36px;
            height: 36px;
            background-size: 36px; }
        #mosaics .preview_section .shape_preview .shape_actions .action_list .rotate_full::after {
          top: 50%; }
      #mosaics .preview_section .without_controls {
        height: 340px; }
      #mosaics .preview_section .axis_y {
        margin: 80px 0 0; } }
  @media (max-width: 580px) {
    #mosaics .preview_section {
      margin-bottom: 20px; }
      #mosaics .preview_section .shape_preview {
        display: block;
        position: relative; }
        #mosaics .preview_section .shape_preview .axis_x {
          position: absolute;
          padding: 24px 0;
          width: 100%;
          transform: translateY(-50%);
          top: 50%; }
        #mosaics .preview_section .shape_preview .shape_image {
          max-width: 170px;
          min-width: 170px;
          display: flex;
          justify-content: center;
          margin: 0 auto;
          padding: 30px 0;
          min-height: 160px; }
          #mosaics .preview_section .shape_preview .shape_image img,
          #mosaics .preview_section .shape_preview .shape_image canvas {
            max-width: 170px;
            max-height: 170px; }
        #mosaics .preview_section .shape_preview .shape_actions {
          display: block;
          width: unset; }
          #mosaics .preview_section .shape_preview .shape_actions .action_list {
            float: none;
            display: flex;
            justify-content: center; }
            #mosaics .preview_section .shape_preview .shape_actions .action_list .shape_action {
              display: inline-block;
              margin: 0 10px; }
      #mosaics .preview_section .without_controls {
        display: table;
        height: 340px; }
        #mosaics .preview_section .without_controls .shape_image {
          display: table-cell;
          vertical-align: middle;
          max-width: 270px; }
          #mosaics .preview_section .without_controls .shape_image img,
          #mosaics .preview_section .without_controls .shape_image canvas {
            max-width: 270px;
            max-height: 270px; } }
  #mosaics .setup {
    min-height: 480px;
    padding: 0 30px;
    box-sizing: border-box; }
    #mosaics .setup .setup_steps {
      margin-bottom: 60px; }
      #mosaics .setup .setup_steps ul {
        text-align: center;
        list-style-type: none;
        display: flex;
        justify-content: center; }
        #mosaics .setup .setup_steps ul li {
          margin: 0 5px;
          display: inline-block; }
          #mosaics .setup .setup_steps ul li a {
            text-decoration: none; }
          #mosaics .setup .setup_steps ul li button {
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid rgba(17, 17, 17, 0.3);
            min-width: 50px;
            height: 50px;
            line-height: 50px;
            border-radius: 25px;
            font-family: Roboto;
            font-size: 16px;
            font-weight: normal;
            letter-spacing: 0.4px;
            color: #111111;
            background: none;
            outline: none;
            cursor: pointer; }
            #mosaics .setup .setup_steps ul li button:hover {
              background: #eee; }
          #mosaics .setup .setup_steps ul li img {
            width: 20px; }
          #mosaics .setup .setup_steps ul li span {
            display: none; }
        #mosaics .setup .setup_steps ul .active {
          padding: 0 20px;
          min-width: 148px; }
          #mosaics .setup .setup_steps ul .active img {
            margin-right: 6px; }
          #mosaics .setup .setup_steps ul .active span {
            display: inline-block;
            width: auto; }
    #mosaics .setup .setup_content {
      display: table; }
      #mosaics .setup .setup_content .step_img {
        display: table-cell;
        width: 422px;
        height: 400px;
        max-height: 422px; }
        #mosaics .setup .setup_content .step_img img {
          max-width: 100%;
          max-height: 422px; }
      #mosaics .setup .setup_content .step_description {
        max-width: 748px;
        display: table-cell;
        vertical-align: top;
        padding-left: 100px;
        box-sizing: border-box;
        position: relative;
        vertical-align: middle; }
        #mosaics .setup .setup_content .step_description .text {
          font-family: Roboto;
          font-size: 18px;
          font-weight: normal;
          line-height: 1.67;
          letter-spacing: normal;
          color: #111111;
          margin-bottom: 60px; }
          #mosaics .setup .setup_content .step_description .text .description_list {
            margin: 8px 40px 8px 60px;
            list-style-type: disc; }
            #mosaics .setup .setup_content .step_description .text .description_list li {
              line-height: 1.5;
              margin-bottom: 10px; }
        #mosaics .setup .setup_content .step_description .important_text {
          font-family: Roboto;
          font-size: 14px;
          font-weight: normal;
          line-height: 22px;
          letter-spacing: 0.5px;
          color: #111111;
          margin-bottom: 30px; }
        #mosaics .setup .setup_content .step_description .store_buttons {
          margin-bottom: 60px; }
          #mosaics .setup .setup_content .step_description .store_buttons a {
            margin-right: 25px; }
        #mosaics .setup .setup_content .step_description .installation_link {
          position: absolute;
          bottom: 0; }
          #mosaics .setup .setup_content .step_description .installation_link a, #mosaics .setup .setup_content .step_description .installation_link button {
            margin: 0 auto;
            display: block;
            width: 248px;
            height: 50px;
            border-radius: 25px;
            border: 1px solid #111111;
            color: #111111;
            outline: none;
            letter-spacing: normal;
            line-height: 50px;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            font-family: Roboto;
            text-decoration: none;
            position: relative;
            box-sizing: border-box;
            cursor: pointer;
            background-color: white; }
            #mosaics .setup .setup_content .step_description .installation_link a::before, #mosaics .setup .setup_content .step_description .installation_link button::before {
              content: "";
              width: 20px;
              height: 20px;
              position: absolute;
              background: url(/static/controls/download.svg) no-repeat;
              background-size: contain;
              left: 18px;
              top: 50%;
              transform: translateY(-50%); }
  @media (max-width: 1024px) {
    #mosaics .setup .setup_content .step_img {
      width: 340px; }
    #mosaics .setup .setup_content .step_description {
      padding-left: 40px; } }
  @media (max-width: 768px) {
    #mosaics .setup {
      min-height: auto;
      padding: 0; }
      #mosaics .setup .setup_steps {
        margin-bottom: 40px; }
        #mosaics .setup .setup_steps ul li {
          margin: 0 3px; }
          #mosaics .setup .setup_steps ul li button {
            min-width: 40px;
            height: 40px;
            font-family: Roboto;
            font-size: 14px;
            line-height: 40px; }
          #mosaics .setup .setup_steps ul li img {
            width: 16px; }
        #mosaics .setup .setup_steps ul .active {
          min-width: 130px;
          padding: 0 14px; }
      #mosaics .setup .setup_content {
        min-height: 310px; }
        #mosaics .setup .setup_content .step_img {
          width: 240px;
          height: 240px; }
          #mosaics .setup .setup_content .step_img img {
            max-height: 240px; }
        #mosaics .setup .setup_content .step_description {
          padding-left: 50px; }
          #mosaics .setup .setup_content .step_description .text {
            font-size: 14px;
            line-height: 1.57; }
            #mosaics .setup .setup_content .step_description .text ul {
              margin-left: 40px;
              margin-right: 0; }
          #mosaics .setup .setup_content .step_description .important_text {
            font-size: 11px;
            line-height: 1.27; }
          #mosaics .setup .setup_content .step_description .installation_link a, #mosaics .setup .setup_content .step_description .installation_link button {
            width: 200px;
            height: 40px;
            font-size: 14px;
            font-weight: 900;
            line-height: 40px; }
            #mosaics .setup .setup_content .step_description .installation_link a::before, #mosaics .setup .setup_content .step_description .installation_link button::before {
              width: 18px;
              height: 18px; } }
  @media (max-width: 580px) {
    #mosaics .setup .setup_steps {
      padding-bottom: 10px; }
      #mosaics .setup .setup_steps ul li button {
        width: 30px;
        height: 30px;
        min-width: 30px;
        line-height: 30px; }
    #mosaics .setup .setup_content {
      display: block; }
      #mosaics .setup .setup_content .step_img {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 20px; }
      #mosaics .setup .setup_content .step_description {
        padding: 0 15px;
        display: block;
        max-width: 320px;
        margin: 0 auto;
        text-align: justify; }
        #mosaics .setup .setup_content .step_description .installation_link {
          position: relative;
          text-align: center;
          padding-top: 10px; }
        #mosaics .setup .setup_content .step_description .store_buttons {
          margin-bottom: 30px; }
          #mosaics .setup .setup_content .step_description .store_buttons a {
            width: 138px;
            display: inline-block;
            margin-right: 7px; }
            #mosaics .setup .setup_content .step_description .store_buttons a img {
              width: 138px; } }
  #mosaics .buy_section {
    border-top: 1px solid #dfe0e1;
    text-align: center;
    margin-bottom: 80px; }
    #mosaics .buy_section h2 {
      font-family: 'Roboto';
      font-weight: 700;
      font-size: 26px;
      line-height: 34px; }
      @media (max-width: 768px) {
        #mosaics .buy_section h2 {
          font-size: 16px;
          line-height: 26px; } }
    #mosaics .buy_section .package_count {
      display: flex;
      justify-content: center;
      align-items: baseline;
      margin: 60px 0 120px; }
      @media (max-width: 768px) {
        #mosaics .buy_section .package_count {
          margin: 22px 0 37px; } }
      @media (max-width: 578px) {
        #mosaics .buy_section .package_count {
          margin: 22px 0 86px; } }
      #mosaics .buy_section .package_count .img_box {
        width: 152px;
        height: 94px; }
        @media (max-width: 768px) {
          #mosaics .buy_section .package_count .img_box {
            width: 94px;
            height: 58px; } }
        #mosaics .buy_section .package_count .img_box img {
          width: 100%;
          height: 100%; }
        #mosaics .buy_section .package_count .img_box.extension_kit {
          height: 130px;
          position: relative; }
          @media (max-width: 768px) {
            #mosaics .buy_section .package_count .img_box.extension_kit {
              height: 82px; } }
          #mosaics .buy_section .package_count .img_box.extension_kit .extension_kit_count {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            bottom: -9px;
            left: -18px;
            width: 51px;
            height: 51px;
            border: 1px solid;
            border-radius: 50%;
            background-color: white;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 300;
            font-size: 28px;
            line-height: 30px; }
            @media (max-width: 768px) {
              #mosaics .buy_section .package_count .img_box.extension_kit .extension_kit_count {
                width: 32px;
                height: 32px;
                font-size: 18px;
                line-height: 30px;
                bottom: -6px;
                left: -12px; } }
            #mosaics .buy_section .package_count .img_box.extension_kit .extension_kit_count span {
              font-size: 22px;
              margin-bottom: -4px; }
              @media (max-width: 768px) {
                #mosaics .buy_section .package_count .img_box.extension_kit .extension_kit_count span {
                  font-size: 13px; } }
      #mosaics .buy_section .package_count .package .package-title {
        margin-top: 35px;
        font-family: 'Roboto';
        font-weight: 400;
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 768px) {
          #mosaics .buy_section .package_count .package .package-title {
            display: flex;
            flex-direction: column;
            font-family: 'Roboto';
            font-size: 14px;
            line-height: 15px;
            letter-spacing: 0.5px;
            margin-top: 22px; } }
      #mosaics .buy_section .package_count .plus {
        width: 26px;
        height: 26px;
        position: relative;
        display: flex;
        padding: 0 42px;
        margin-bottom: 52px;
        align-self: center;
        box-sizing: border-box; }
        @media (max-width: 768px) {
          #mosaics .buy_section .package_count .plus {
            width: 20px;
            height: 20px;
            padding: 0 30px; } }
        #mosaics .buy_section .package_count .plus::before {
          content: "";
          width: 1px;
          height: 26px;
          background: black;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          @media (max-width: 768px) {
            #mosaics .buy_section .package_count .plus::before {
              height: 20px; } }
        #mosaics .buy_section .package_count .plus::after {
          content: "";
          width: 26px;
          height: 1px;
          background: black;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          @media (max-width: 768px) {
            #mosaics .buy_section .package_count .plus::after {
              width: 20px; } }
    #mosaics .buy_section .buy_now_link {
      width: 150px;
      height: 50px;
      border-radius: 25px;
      border: solid 1px #111111;
      background: #111111;
      font-size: 18px;
      font-weight: 700;
      color: #ffffff;
      display: block;
      line-height: 50px;
      margin: 0 auto;
      text-decoration: none; }
      #mosaics .buy_section .buy_now_link:hover {
        color: #111111;
        background: #ffffff; }
      @media (max-width: 768px) {
        #mosaics .buy_section .buy_now_link {
          width: 120px;
          height: 40px;
          font-size: 14px;
          line-height: 40px; } }
  #mosaics .navigation_block {
    display: table; }
    #mosaics .navigation_block .previous,
    #mosaics .navigation_block .next {
      display: table-cell;
      position: relative;
      background: black; }
      #mosaics .navigation_block .previous h2,
      #mosaics .navigation_block .next h2 {
        color: #f1f1f1;
        position: absolute;
        display: block;
        top: 44%;
        left: 50%;
        transform: translate(-50%, -50%); }
        #mosaics .navigation_block .previous h2::after,
        #mosaics .navigation_block .next h2::after {
          content: "";
          width: 40px;
          height: 40px;
          position: absolute;
          top: 56px;
          left: 50%;
          transform: translateX(-50%) scale(-1);
          box-sizing: border-box;
          transition: all .3s ease;
          background: url(/static/controls/nav_arrow.svg) no-repeat;
          background-size: 40px; }
    #mosaics .navigation_block .next h2:after {
      transform: translateX(-50%) scale(1); }
    #mosaics .navigation_block .previous_block {
      padding-right: 5px; }
    #mosaics .navigation_block .next_block {
      display: table-cell;
      padding-left: 5px; }
    #mosaics .navigation_block a {
      display: block; }
      #mosaics .navigation_block a:hover .next h2::after {
        margin-left: 25px; }
      #mosaics .navigation_block a:hover .previous h2::after {
        margin-left: -25px; }
    #mosaics .navigation_block img {
      width: 100%;
      display: block;
      opacity: .5; }
  @media (max-width: 1024px) {
    #mosaics .navigation_block .previous h2,
    #mosaics .navigation_block .next h2 {
      width: 100%;
      text-align: center; }
      #mosaics .navigation_block .previous h2:after,
      #mosaics .navigation_block .next h2:after {
        top: 54px;
        width: 36px;
        height: 36px;
        background-size: 36px; } }
  @media (max-width: 768px) {
    #mosaics .navigation_block .previous h2:after,
    #mosaics .navigation_block .next h2:after {
      top: 34px;
      width: 20px;
      height: 20px;
      background-size: 20px; }
    #mosaics .navigation_block .previous_block {
      padding-right: 2px; }
    #mosaics .navigation_block .next_block {
      padding-left: 2px; } }
  @media (max-width: 580px) {
    #mosaics .navigation_block .previous_block {
      padding-right: 1px; }
    #mosaics .navigation_block .next_block {
      padding-left: 1px; } }

.error-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh; }
  .error-page .error-page-code {
    font-size: 24px;
    font-weight: bold;
    padding: 10px 20px;
    border-right: 1px solid black; }
  .error-page .error-page-title {
    padding: 10px 20px; }

#appstore .catalog-menu {
  background-color: #eee;
  height: 60px;
  display: flex;
  align-items: center; }
  #appstore .catalog-menu .filter {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    padding: 0 14px;
    box-sizing: border-box;
    position: relative; }
    #appstore .catalog-menu .filter .filter-group {
      display: flex;
      align-items: center; }
      #appstore .catalog-menu .filter .filter-group .filter-home .filter-home-inner {
        width: 32px;
        height: 28px;
        background: url(/static/controls/home.svg);
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .4;
        margin-right: 20px; }
      #appstore .catalog-menu .filter .filter-group .filter-option {
        height: 40px;
        display: flex;
        background: #828282;
        align-items: center;
        margin: 0 42px 0 0;
        padding: 0 40px 0 14px;
        color: #FFFFFF;
        border: solid 1px rgba(17, 17, 17, 0.2);
        border-radius: 6px;
        box-sizing: border-box;
        position: relative;
        user-select: none; }
        #appstore .catalog-menu .filter .filter-group .filter-option .filter-option-text a {
          color: #fff; }
          #appstore .catalog-menu .filter .filter-group .filter-option .filter-option-text a:hover {
            text-decoration: underline; }
        #appstore .catalog-menu .filter .filter-group .filter-option .filter-option-delete {
          content: '';
          position: absolute;
          top: 50%;
          right: 12px;
          width: 12px;
          height: 12px;
          background: url(/static/filter-option-cross.svg) no-repeat;
          background-position: center;
          background-size: contain;
          transform: translateY(-50%);
          cursor: pointer; }
      #appstore .catalog-menu .filter .filter-group .search {
        position: absolute;
        right: 0;
        z-index: 1; }
  #appstore .catalog-menu .menu1 .menu1-toggler-opened::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -35px;
    left: 50%;
    z-index: 3;
    background-color: #ffffff;
    transform: translateX(-50%) rotate(45deg); }
  #appstore .catalog-menu .menu1 .menu1-toggler {
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
    padding: 0 40px 0 14px;
    color: #111111;
    border: solid 1px rgba(17, 17, 17, 0.2);
    border-radius: 6px;
    box-sizing: border-box;
    position: relative;
    min-width: 200px;
    user-select: none;
    cursor: pointer; }
    #appstore .catalog-menu .menu1 .menu1-toggler .menu1-toggler-icon {
      max-width: 30px;
      max-height: 20px;
      margin-right: 12px;
      display: flex; }
      #appstore .catalog-menu .menu1 .menu1-toggler .menu1-toggler-icon img {
        max-width: inherit;
        max-height: inherit; }
      #appstore .catalog-menu .menu1 .menu1-toggler .menu1-toggler-icon::after {
        content: '';
        width: 7px;
        height: 7px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: url(/static/controls/dropdown.svg); }
  #appstore .catalog-menu .menu1 .menu1-content {
    max-width: 1200px;
    width: 100%;
    padding: 0 14px;
    position: absolute;
    left: 50%;
    z-index: 4;
    transform: translateX(-50%);
    box-sizing: border-box;
    pointer-events: none;
    user-select: none; }
    #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner {
      display: flex;
      margin-top: 20px; }
      #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks {
        display: flex;
        padding: 26px 32px;
        background-color: #fff;
        pointer-events: all; }
        #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block {
          margin-right: 10px;
          min-width: 200px;
          max-width: 300px;
          transition: all .3s ease-in-out; }
          #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px; }
            #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header .menu1-content-block-header-icon {
              min-width: 26px;
              max-width: 26px;
              max-height: 29px;
              display: flex;
              margin-right: 18px; }
              #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header .menu1-content-block-header-icon img {
                max-width: inherit; }
            #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header .menu1-content-block-header-title {
              font-size: 16px;
              font-weight: bold;
              line-height: 1.88;
              color: #111111; }
          #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items a {
            font-family: Roboto;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.63;
            letter-spacing: 0.5px;
            color: #111111;
            text-decoration: none; }
            #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items a:hover {
              text-decoration: underline; }
          #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items .menu1-content-block-item {
            display: flex;
            height: 26px;
            align-items: center; }
            #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items .menu1-content-block-item .menu1-content-block-item-icon {
              width: 28px;
              height: inherit;
              margin-right: 16px;
              display: flex; }
              #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items .menu1-content-block-item .menu1-content-block-item-icon img {
                width: inherit; }
            #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items .menu1-content-block-item .menu1-content-block-item-title {
              font-size: 16px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal;
              line-height: 1.63;
              letter-spacing: 0.5px;
              color: #111111; }
  #appstore .catalog-menu .search {
    width: 50px;
    padding: 0 14px;
    box-sizing: border-box;
    transition: width .3s ease-in-out;
    overflow: hidden;
    background: #eee;
    height: 100%;
    display: flex;
    align-items: center; }
    #appstore .catalog-menu .search.opened {
      width: 100%; }
    #appstore .catalog-menu .search .search-container {
      width: 100%;
      display: flex;
      align-items: center;
      overflow: hidden; }
      #appstore .catalog-menu .search .search-container .search-open-control {
        min-width: 22px;
        height: 22px;
        cursor: pointer;
        background: url("/static/controls/search.svg") no-repeat;
        background-size: contain; }
      #appstore .catalog-menu .search .search-container .search-preloader {
        margin: 0 10px; }
      #appstore .catalog-menu .search .search-container .search-input-field {
        width: 100%;
        margin: 0 20px 0 0; }
        #appstore .catalog-menu .search .search-container .search-input-field input {
          width: 100%;
          box-sizing: border-box;
          background: transparent;
          outline: none;
          font-size: 18px;
          border: none; }
      #appstore .catalog-menu .search .search-container .search-close-control {
        min-width: 18px;
        height: 18px;
        cursor: pointer;
        background: url("/static/controls/cross-search.svg") no-repeat;
        background-size: contain; }
  #appstore .catalog-menu .search-suggestions {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    box-sizing: border-box;
    z-index: 2;
    padding: 0 16px; }
    @media (max-width: 640px) {
      #appstore .catalog-menu .search-suggestions {
        top: 116px; } }
    #appstore .catalog-menu .search-suggestions .search-suggestions-list {
      height: 100%;
      background: #fff;
      box-shadow: 0 2px 3px 0 #cac9c9;
      box-sizing: border-box; }
      #appstore .catalog-menu .search-suggestions .search-suggestions-list .search-suggestions-list-item {
        cursor: pointer;
        padding: 6px 60px;
        display: flex;
        color: black; }
        @media (max-width: 768px) {
          #appstore .catalog-menu .search-suggestions .search-suggestions-list .search-suggestions-list-item {
            padding: 6px 56px; } }
        #appstore .catalog-menu .search-suggestions .search-suggestions-list .search-suggestions-list-item.focus {
          background: #eee; }
        #appstore .catalog-menu .search-suggestions .search-suggestions-list .search-suggestions-list-item:hover {
          background: #eee; }
        #appstore .catalog-menu .search-suggestions .search-suggestions-list .search-suggestions-list-item img {
          margin: 0px 10px -4px -31px;
          width: 20px;
          height: 20px;
          max-width: 20px;
          max-height: 20px; }

@media (max-width: 768px) {
  #appstore .catalog-menu .menu1 .menu1-toggler {
    position: relative;
    min-width: 194px;
    height: 38px;
    border-radius: 6px;
    border: solid 1px rgba(31, 31, 31, 0.4);
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #111111;
    outline: none;
    margin: 0 8px; }
  #appstore .catalog-menu .menu1 .menu1-content {
    padding: 0; }
    #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks {
      flex-direction: column;
      width: 100%;
      padding: 14px; }
      #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block {
        max-width: 560px;
        margin: 0 auto;
        width: 100%;
        border-bottom: 1px solid #eee;
        overflow: hidden;
        position: relative; }
        #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block:last-child {
          border: none; }
        #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header {
          margin-bottom: 0;
          height: 50px;
          cursor: pointer; }
          #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header:after {
            content: '';
            position: absolute;
            top: 21px;
            right: 0;
            width: 8px;
            height: 8px;
            background: url(/static/filter_cross.png) no-repeat;
            background-size: contain;
            transform: rotate(45deg);
            transition: transform .3s;
            pointer-events: none; }
          #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-header .menu1-content-block-header-title {
            font-size: 15px; }
        #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block .menu1-content-block-items {
          height: 0px;
          max-height: 0vh;
          transition: all .3s ease-in-out; }
        #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block:last-child {
          padding: 0; }
      #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block-opened:last-child .menu1-content-block-items {
        padding: 0; }
      #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block-opened .menu1-content-block-header::after {
        transform: rotate(0); }
      #appstore .catalog-menu .menu1 .menu1-content .menu1-content-inner .menu1-content-blocks .menu1-content-block-opened .menu1-content-block-items {
        height: 100%;
        max-height: 100vh;
        padding: 0 0 16px;
        transition: all .3s ease-in-out; }
  #appstore .catalog-menu .search .search-container .search-open-control {
    min-width: 16px;
    height: 16px; }
  #appstore .catalog-menu .search .search-container .search-input-field input {
    font-size: 16px; }
  #appstore .catalog-menu .search .search-container .search-close-control {
    min-width: 16px;
    height: 16px;
    margin-right: 8px; } }

@media (max-width: 640px) {
  #appstore .catalog-menu {
    height: unset; }
    #appstore .catalog-menu .filter {
      flex-direction: column;
      padding: 10px 11px;
      gap: 10px; }
      #appstore .catalog-menu .filter .filter-group {
        width: 100%;
        padding: 0 4px;
        box-sizing: border-box; }
        #appstore .catalog-menu .filter .filter-group:first-child {
          flex-flow: row-reverse; }
        #appstore .catalog-menu .filter .filter-group .filter-home {
          height: 38px;
          padding: 0 4px 0 16px; }
          #appstore .catalog-menu .filter .filter-group .filter-home a {
            height: 100%;
            display: flex;
            align-items: center; }
            #appstore .catalog-menu .filter .filter-group .filter-home a .filter-home-inner {
              justify-content: right;
              width: 22px;
              height: 20px;
              margin: 0;
              opacity: 1; }
        #appstore .catalog-menu .filter .filter-group .filter-option {
          width: 100%; }
        #appstore .catalog-menu .filter .filter-group .menu1 {
          width: 100%; }
          #appstore .catalog-menu .filter .filter-group .menu1 .menu1-toggler {
            margin: 0; }
          #appstore .catalog-menu .filter .filter-group .menu1 .menu1-toggler-opened::after {
            display: none; }
          #appstore .catalog-menu .filter .filter-group .menu1 .menu1-content {
            top: 96px; }
          #appstore .catalog-menu .filter .filter-group .menu1 .menu1-content-opened:before {
            content: '';
            width: 20px;
            height: 20px;
            position: absolute;
            top: 13px;
            left: 50%;
            z-index: 3;
            background-color: #ffffff;
            transform: translateX(-50%) rotate(45deg); }
        #appstore .catalog-menu .filter .filter-group .search {
          height: 38px; }
          #appstore .catalog-menu .filter .filter-group .search .search-container .search-open-control {
            min-width: 16px;
            height: 16px; }
        #appstore .catalog-menu .filter .filter-group .search-place {
          width: 46px; } }

#appstore .screenshots {
  padding-top: 20px;
  padding-bottom: 24px;
  user-select: none; }
  #appstore .screenshots .main-screenshots {
    position: relative; }
    #appstore .screenshots .main-screenshots .display .time-infoscreen-display {
      margin-bottom: 10px; }
    #appstore .screenshots .main-screenshots .display .display-title {
      display: none; }
  #appstore .screenshots .other-screenshots-header {
    display: flex;
    margin: 20px auto 0;
    align-items: center;
    justify-content: center;
    min-height: 36px; }
    #appstore .screenshots .other-screenshots-header.other-screenshots-header-opened {
      width: 400px;
      justify-content: left;
      flex-direction: row; }
      #appstore .screenshots .other-screenshots-header.other-screenshots-header-opened .other-screenshots-header-inner {
        justify-content: left; }
    #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner .other-screenshots-header-icon {
        display: flex; }
        #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner .other-screenshots-header-icon img {
          width: 100%;
          margin-right: 23px; }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner .other-screenshots-header-title {
        opacity: 0.6;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.86;
        letter-spacing: 0.5px;
        color: #111111; }
    #appstore .screenshots .other-screenshots-header .other-screenshots-header-toggler {
      width: 36px;
      height: 36px;
      position: absolute;
      right: 0;
      background: url(/static/round-arrow.svg) no-repeat;
      background-size: contain;
      transform: rotate(-180deg);
      transition: transform .3s ease-out;
      cursor: pointer;
      border-radius: 50%;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-toggler.opened {
        transform: rotate(0); }
  #appstore .screenshots .other-screenshots {
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out; }
    #appstore .screenshots .other-screenshots.other-screenshots-closed {
      max-height: 0; }
    #appstore .screenshots .other-screenshots .display {
      margin: 30px auto 20px; }
      #appstore .screenshots .other-screenshots .display:last-child {
        margin-bottom: 0; }
  #appstore .screenshots .sky-infoscreen-display .display-description-hint,
  #appstore .screenshots .freeform-display .display-description-hint,
  #appstore .screenshots .frame-display .display-description-hint {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 260px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #707070;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 8px 16px;
    box-sizing: border-box;
    transition: all .3s ease-in-out; }
    #appstore .screenshots .sky-infoscreen-display .display-description-hint:after,
    #appstore .screenshots .freeform-display .display-description-hint:after,
    #appstore .screenshots .frame-display .display-description-hint:after {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      top: -7px;
      left: 50%;
      background: #FFFFFF;
      border: 1px solid #DADADA;
      border-right: none;
      border-bottom: none;
      transform: translateX(-50%) rotate(45deg); }
  #appstore .screenshots .sky-infoscreen-display:hover .display-description-hint,
  #appstore .screenshots .freeform-display:hover .display-description-hint,
  #appstore .screenshots .frame-display:hover .display-description-hint {
    opacity: 1;
    visibility: visible; }
  #appstore .screenshots .sky-infoscreen-display {
    width: 399px;
    height: 100px;
    margin: 20px auto 40px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.3) 1.95px 1.95px 3.6px; }
    #appstore .screenshots .sky-infoscreen-display .panels-grid {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .05;
      background: url("/static/grids/sky-infoscreen-panels-grid.svg") no-repeat;
      background-size: cover; }
    #appstore .screenshots .sky-infoscreen-display .grid-mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .15;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/static/grids/sky-infoscreen-pixels-grid.svg");
      mask-size: cover;
      mask-repeat: no-repeat;
      -webkit-mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      image-rendering: pixelated;
      image-rendering: crisp-edges;
      image-rendering: -moz-crisp-edges; }
    #appstore .screenshots .sky-infoscreen-display .screen-slide {
      background-color: #dcdcdc;
      height: 100px; }
      #appstore .screenshots .sky-infoscreen-display .screen-slide img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100px;
        image-rendering: pixelated;
        image-rendering: crisp-edges;
        image-rendering: -moz-crisp-edges; }
  #appstore .screenshots .frame-display {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.3) 1.95px 1.95px 3.6px; }
    #appstore .screenshots .frame-display .panels-grid {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .05;
      background: url("/static/grids/sky-infoscreen-panels-grid.svg") no-repeat;
      background-size: cover; }
    #appstore .screenshots .frame-display .grid-mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .15;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/static/grids/sky-infoscreen-pixels-grid.svg");
      -webkit-mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      image-rendering: pixelated;
      image-rendering: crisp-edges;
      image-rendering: -moz-crisp-edges; }
    #appstore .screenshots .frame-display .screen-slide {
      background-color: #dcdcdc;
      height: 100px; }
      #appstore .screenshots .frame-display .screen-slide img {
        position: absolute;
        top: 0;
        left: 0;
        height: 100px;
        image-rendering: pixelated;
        image-rendering: crisp-edges;
        image-rendering: -moz-crisp-edges; }
  #appstore .screenshots .freeform-display {
    width: 200px;
    height: 200px;
    margin: 20px auto;
    position: relative; }
    #appstore .screenshots .freeform-display .panels-grid {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .05;
      background: url("/static/grids/sky-infoscreen-panels-grid.svg") no-repeat;
      background-size: cover; }
    #appstore .screenshots .freeform-display .grid-mask {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      opacity: .15;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url("/static/grids/desktop-bird-grid2@2x.png");
      -webkit-mask-size: cover;
      -webkit-mask-repeat: no-repeat;
      image-rendering: pixelated;
      image-rendering: crisp-edges;
      image-rendering: -moz-crisp-edges; }
    #appstore .screenshots .freeform-display .screen-slide {
      background: white;
      width: 200px;
      height: 200px;
      display: flex;
      align-items: center;
      justify-content: center; }
      #appstore .screenshots .freeform-display .screen-slide img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%; }
  #appstore .screenshots .time-infoscreen-display {
    width: 560px;
    height: 164px;
    margin: -4px auto -14px;
    background: url("/static/lametric-clean.png") no-repeat;
    background-size: contain;
    padding: 38px 83px 40px;
    box-sizing: border-box; }
    #appstore .screenshots .time-infoscreen-display .time-infoscreen-display-container {
      width: 100%;
      height: 100%;
      overflow: hidden; }
    #appstore .screenshots .time-infoscreen-display .screen-slide {
      background: none;
      height: 100%; }
      #appstore .screenshots .time-infoscreen-display .screen-slide img {
        width: 100%; }
  #appstore .screenshots .display-title {
    width: 400px;
    margin: 34px auto 0;
    display: flex;
    align-items: center; }
    #appstore .screenshots .display-title .icon {
      max-width: 60px;
      max-height: 35px;
      margin-right: 16px;
      display: flex; }
      #appstore .screenshots .display-title .icon img {
        width: 100%; }
    #appstore .screenshots .display-title .text {
      opacity: 0.6;
      font-family: Roboto;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.86;
      letter-spacing: 0.5px;
      color: #111111; }
  @media (max-width: 768px) {
    #appstore .screenshots {
      padding-bottom: 5px; }
      #appstore .screenshots .other-screenshots-header.other-screenshots-header-opened {
        width: 100%; }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner {
        max-width: 600px; }
      #appstore .screenshots .display-title {
        width: 100%; } }
  @media (max-width: 640px) {
    #appstore .screenshots .other-screenshots-header {
      width: 100%;
      position: relative;
      margin-top: 5px; }
      #appstore .screenshots .other-screenshots-header.other-screenshots-header-opened .other-screenshots-header-inner {
        width: 100%;
        flex-direction: row;
        align-items: center; }
        #appstore .screenshots .other-screenshots-header.other-screenshots-header-opened .other-screenshots-header-inner .other-screenshots-header-title {
          margin-top: 0; }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner {
        width: 320px;
        flex-direction: column;
        align-items: start;
        margin: 0 auto;
        position: relative; }
        #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner .other-screenshots-header-icon img {
          max-height: 30px;
          margin-right: 16px; }
        #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner .other-screenshots-header-title {
          font-size: 12px;
          line-height: 1.5;
          letter-spacing: 0.5px;
          color: #111111;
          margin-top: 10px; }
      #appstore .screenshots .other-screenshots-header .other-screenshots-header-toggler {
        top: 0; }
    #appstore .screenshots .display-title {
      width: 100%; }
    #appstore .screenshots .sky-infoscreen-display .display-description-hint,
    #appstore .screenshots .freeform-display .display-description-hint,
    #appstore .screenshots .frame-display .display-description-hint {
      width: 226px;
      font-size: 10px;
      line-height: 14px; }
    #appstore .screenshots .sky-infoscreen-display {
      width: 320px;
      height: 80px; }
      #appstore .screenshots .sky-infoscreen-display:after {
        background-size: cover; }
      #appstore .screenshots .sky-infoscreen-display .screen-slide {
        height: 80px; }
        #appstore .screenshots .sky-infoscreen-display .screen-slide img {
          height: 80px; }
    #appstore .screenshots .frame-display {
      width: 60px;
      height: 60px; }
      #appstore .screenshots .frame-display:after {
        background-size: cover; }
      #appstore .screenshots .frame-display .screen-slide {
        height: 60px; }
        #appstore .screenshots .frame-display .screen-slide img {
          height: 60px; }
    #appstore .screenshots .freeform-display {
      max-width: 160px;
      max-height: 160px; }
      #appstore .screenshots .freeform-display .screen-slide {
        max-width: 160px;
        max-height: 160px; }
        #appstore .screenshots .freeform-display .screen-slide img {
          max-width: 100%;
          max-height: 100%; }
    #appstore .screenshots .time-infoscreen-display {
      width: 450px;
      height: 132px;
      padding: 30px 66px 33px; } }
  @media (max-width: 480px) {
    #appstore .screenshots {
      padding-bottom: 0; }
      #appstore .screenshots .other-screenshots-header {
        margin-top: 0; }
        #appstore .screenshots .other-screenshots-header .other-screenshots-header-inner {
          width: 210px; }
      #appstore .screenshots .display-title .text {
        font-size: 12px; }
      #appstore .screenshots .sky-infoscreen-display {
        width: 213px;
        height: 53px; }
        #appstore .screenshots .sky-infoscreen-display .screen-slide {
          height: 53px; }
          #appstore .screenshots .sky-infoscreen-display .screen-slide img {
            height: 53px; }
      #appstore .screenshots .time-infoscreen-display {
        width: 290px;
        height: 100px;
        padding: 20px 45px 36px;
        margin-bottom: -20px; } }

#appstore {
  --summary-arrow-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAbCAYAAAA6aQxyAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFASURBVHgB1ZjNbcIwGEDt+pIjI2SEjtBu0FG6AWxUdYK2E5QRGCHH3ML3JBtFKH+2PxPzJJTYcaL3MFxijOcgmCfg4AnjFz95tNb+y7E1FYO4eP7wCRHWy5/8msswDO9d111MZQR5OX31U2dc2QE7Wtf6utZUxIT8Ddf3/W/TNHLdvoX1cv4hc99yrTM7MyN/9r+UzjGqNWJNnoELs7VFbJEHN76ploit8uDub947IkYe3NRD9oqIlQc397BHR6TIw2wAPCoiVR4WA6B0RI48rAZAqYhcedgUANoRGvKwOQC0IrTkISoAciM05SE6AFIjtOUhKQBiI0rIQ3IAbI0oJQ9ZAbAWUVIesgNgIeJPjl+mkDxYo4h82ScRPi4sUZUHlR0ITOzEGHV5UA2AmYgi8qAeAHcRxeSLI/+Jz9Jv/K7+1INduB5pRwAAAABJRU5ErkJggg=="); }
  #appstore .breadcrumbs {
    display: flex;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
    color: #86888B;
    margin: 24px 0;
    width: 100%;
    letter-spacing: 1px; }
    @media (max-width: 640px) {
      #appstore .breadcrumbs {
        margin: 18px 0;
        font-size: 12px;
        letter-spacing: 0.8px;
        text-align: center; } }
    #appstore .breadcrumbs .segment {
      position: relative;
      padding: 0 30px 0 26px;
      display: flex;
      align-items: center; }
      #appstore .breadcrumbs .segment:first-child {
        padding-left: 0; }
      #appstore .breadcrumbs .segment:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 9px;
        height: 9px;
        border-top: 1px solid #85888B;
        border-right: 1px solid #85888B;
        transform: translateY(-50%) rotate(45deg); }
      @media (max-width: 640px) {
        #appstore .breadcrumbs .segment {
          padding: 0 20px 0 16px; } }
      #appstore .breadcrumbs .segment a {
        color: #86888B; }
  #appstore a.btn {
    border: 1px solid #111111;
    border-radius: 25px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #111111;
    padding: 9px 28px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    transition: all .3s ease; }
    #appstore a.btn:hover {
      color: #ffffff;
      background-color: #111111; }
    @media (max-width: 640px) {
      #appstore a.btn {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .2px; } }
  #appstore a.btn-black {
    background: #111111;
    color: #ffffff; }
    #appstore a.btn-black:hover {
      color: #111111;
      background-color: #ffffff; }
  #appstore .page-description {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.25px;
    margin-top: 9px; }
    @media (max-width: 640px) {
      #appstore .page-description {
        font-size: 16px;
        line-height: 25px;
        margin-top: 6px;
        letter-spacing: 0.1px; } }
  #appstore .brand-info-section {
    display: flex;
    gap: 36px; }
    @media (max-width: 640px) {
      #appstore .brand-info-section {
        flex-direction: column;
        align-items: center;
        gap: 20px; } }
    #appstore .brand-info-section .brand-logo {
      height: 270px;
      width: 270px;
      min-width: 270px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #d9d9d9;
      border-radius: 16px;
      padding: 10px;
      box-sizing: border-box; }
      @media (max-width: 768px) {
        #appstore .brand-info-section .brand-logo {
          width: 164px;
          height: 164px;
          min-width: 164px; } }
      #appstore .brand-info-section .brand-logo img {
        object-fit: contain;
        width: 100%;
        height: 100%; }
    #appstore .brand-info-section .brand-info {
      display: flex;
      flex-direction: column; }
      #appstore .brand-info-section .brand-info .brand-info-brand {
        font-size: 22px;
        letter-spacing: .1px;
        margin: 3px 0 32px;
        line-height: 25.5px; }
        @media (max-width: 640px) {
          #appstore .brand-info-section .brand-info .brand-info-brand {
            font-size: 16px;
            margin: 0 0 13px; } }
      #appstore .brand-info-section .brand-info .brand-info-description p {
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 640px) {
          #appstore .brand-info-section .brand-info .brand-info-description p {
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .2px; } }
  #appstore .appliance-info-section .appliance-info {
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 768px) {
      #appstore .appliance-info-section .appliance-info {
        flex-direction: column-reverse;
        align-items: center;
        gap: 40px; } }
    @media (max-width: 640px) {
      #appstore .appliance-info-section .appliance-info {
        gap: 20px; } }
    #appstore .appliance-info-section .appliance-info .appliance-info-description p {
      font-size: 18px;
      letter-spacing: -0.43px;
      line-height: 30px; }
      @media (max-width: 640px) {
        #appstore .appliance-info-section .appliance-info .appliance-info-description p {
          font-size: 14px;
          line-height: 22px; } }
    @media (max-width: 768px) {
      #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container {
        width: 100%;
        max-width: 100%; } }
    @media (max-width: 640px) {
      #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container {
        margin: 16px 0; } }
    #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px; }
      @media (max-width: 480px) {
        #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images {
          gap: 10px; } }
      #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-plus {
        font-size: 42px;
        font-weight: 600; }
        @media (max-width: 640px) {
          #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-plus {
            font-size: 24px; } }
      #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-image {
        width: 248px;
        height: 248px;
        display: flex;
        background: #F8F8F8;
        border: 1px solid #d0d0d0;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 14px; }
        #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-image.product {
          padding: 0; }
        @media (max-width: 1024px) {
          #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-image {
            width: 180px;
            height: 180px; } }
        @media (max-width: 640px) {
          #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-image {
            width: 140px;
            height: 140px; } }
        #appstore .appliance-info-section .appliance-info .appliance-info-integration-images-container .appliance-info-integration-images .appliance-info-integration-image img {
          object-fit: contain;
          width: 100%;
          height: 100%; }
  #appstore .appliances-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 224px);
    grid-auto-rows: 1fr;
    gap: 60px 12px; }
    @media (max-width: 768px) {
      #appstore .appliances-list {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 580px) {
      #appstore .appliances-list {
        grid-template-columns: 1fr 1fr;
        gap: 40px 20px; } }
    #appstore .appliances-list a {
      color: #111;
      font-family: Inter; }
    #appstore .appliances-list .appliances-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      height: 100%;
      gap: 20px; }
      #appstore .appliances-list .appliances-item .appliances-item-image {
        width: 160px;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media (max-width: 768px) {
          #appstore .appliances-list .appliances-item .appliances-item-image {
            width: 100px;
            height: 140px; } }
        #appstore .appliances-list .appliances-item .appliances-item-image img {
          object-fit: contain;
          width: 100%;
          height: 100%;
          max-width: 200px;
          max-height: 200px; }
      #appstore .appliances-list .appliances-item .appliances-item-title {
        font-family: 'Inter';
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        line-height: normal; }
  #appstore .appliance-connection-scheme-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px; }
    #appstore .appliance-connection-scheme-container .appliance-connection-scheme {
      display: flex;
      justify-content: center;
      padding-top: 80px;
      margin-bottom: -70px; }
      @media (max-width: 640px) {
        #appstore .appliance-connection-scheme-container .appliance-connection-scheme {
          padding-top: 50px;
          margin-bottom: 20px; } }
      #appstore .appliance-connection-scheme-container .appliance-connection-scheme sup {
        font-size: 10px; }
      #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul {
        max-width: 730px;
        list-style: none;
        padding: 0;
        margin: 0; }
        #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li {
          display: flex;
          gap: 45px;
          position: relative;
          min-height: 200px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAQSURBVHgBAQUA+v8AnZ2d/waJAtelvEmuAAAAAElFTkSuQmCC");
          background-repeat: no-repeat;
          background-size: 1px 100%;
          background-position: 215px 100%;
          padding-bottom: 20px; }
          #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:last-child {
            min-height: unset;
            padding-bottom: 0; }
          @media (max-width: 640px) {
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li {
              min-height: 120px;
              background-position: 145px 100%; } }
          #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:first-child {
            background-size: 1px 50%; }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:first-child .left-segment .image {
              width: 180px;
              height: 180px; }
              @media (max-width: 640px) {
                #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:first-child .left-segment .image {
                  width: 110px;
                  height: 110px; } }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:first-child .right-segment::before {
              top: 15px; }
          #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:last-child {
            background-size: 5px 0%; }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li:last-child .right-segment::before {
              height: 100px;
              top: -85px; }
          #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .left-segment {
            width: 200px;
            height: 100%;
            min-width: 200px;
            position: relative;
            display: flex;
            justify-content: center; }
            @media (max-width: 640px) {
              #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .left-segment {
                width: 130px;
                min-width: 130px; } }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .left-segment .image {
              position: relative;
              display: flex;
              width: 204px;
              height: 204px; }
              @media (max-width: 640px) {
                #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .left-segment .image {
                  width: 120px;
                  height: 120px; } }
              #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .left-segment .image img {
                position: absolute;
                bottom: 100%;
                transform: translateY(calc(50% + 15px));
                width: 100%;
                height: 100%;
                object-fit: contain; }
          #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment {
            position: relative;
            width: 100%; }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment::before {
              content: '';
              position: absolute;
              background-color: #9D9D9D;
              background-repeat: no-repeat;
              background-size: 1px 100%;
              left: -30px;
              width: 1px;
              height: 100%; }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step {
              position: relative;
              line-height: 30px;
              font-size: 18px; }
              @media (max-width: 640px) {
                #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step {
                  font-size: 14px; } }
              #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step::before, #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step::after {
                content: "";
                position: absolute;
                top: 50%;
                left: -32px;
                background-color: #9D9D9D;
                transform: translateY(-50%); }
              #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step::before {
                width: 5px;
                height: 5px;
                border-radius: 50%; }
              #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step::after {
                width: 22px;
                height: 1px; }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step-description {
              width: 100%;
              font-size: 18px;
              line-height: 30px; }
              @media (max-width: 640px) {
                #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .step-description {
                  font-size: 14px; } }
            #appstore .appliance-connection-scheme-container .appliance-connection-scheme ul li .right-segment .no-wrap {
              white-space: nowrap; }
    #appstore .appliance-connection-scheme-container .footnote {
      font-family: Roboto;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: 0px; }
      @media (max-width: 640px) {
        #appstore .appliance-connection-scheme-container .footnote {
          font-size: 14px;
          line-height: 1.5; } }
      #appstore .appliance-connection-scheme-container .footnote sup {
        font-size: 10px; }
  #appstore .energy-monitoring-block {
    display: flex;
    gap: 35px; }
    @media (max-width: 768px) {
      #appstore .energy-monitoring-block {
        flex-direction: column;
        align-items: center; } }
    @media (max-width: 640px) {
      #appstore .energy-monitoring-block {
        gap: 20px; } }
    #appstore .energy-monitoring-block .energy-monitoring-block-image {
      max-width: 430px;
      width: 40%; }
      @media (max-width: 768px) {
        #appstore .energy-monitoring-block .energy-monitoring-block-image {
          width: 100%; } }
      #appstore .energy-monitoring-block .energy-monitoring-block-image img {
        object-fit: contain;
        width: 100%; }
    #appstore .energy-monitoring-block .energy-monitoring-block-info {
      width: 60%;
      display: flex;
      flex-direction: column;
      gap: 35px; }
      @media (max-width: 768px) {
        #appstore .energy-monitoring-block .energy-monitoring-block-info {
          width: 100%;
          align-items: center; } }
      #appstore .energy-monitoring-block .energy-monitoring-block-info p {
        font-family: Roboto;
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 640px) {
          #appstore .energy-monitoring-block .energy-monitoring-block-info p {
            font-size: 14px;
            line-height: 22px;
            letter-spacing: .2px; } }
  #appstore .autoscroll-slider {
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 40px 0; }
    #appstore .autoscroll-slider::before, #appstore .autoscroll-slider::after {
      content: "";
      position: absolute;
      top: 0;
      z-index: 2;
      width: 50px;
      height: 100%; }
    #appstore .autoscroll-slider::before {
      left: 0;
      background: linear-gradient(to left, rgba(255, 255, 255, 0), white); }
    #appstore .autoscroll-slider::after {
      right: 0;
      background: linear-gradient(to right, rgba(255, 255, 255, 0), white); }
    #appstore .autoscroll-slider:hover .autoscroll-slider-slide {
      animation-play-state: paused; }
    #appstore .autoscroll-slider.reverse .autoscroll-slider-slide {
      animation-direction: reverse; }
    #appstore .autoscroll-slider .autoscroll-slider-slide {
      display: inline-flex;
      animation: infiniteScroll linear infinite;
      gap: 60px;
      padding-right: 60px; }
      #appstore .autoscroll-slider .autoscroll-slider-slide .brand {
        display: flex;
        height: 24px; }
        #appstore .autoscroll-slider .autoscroll-slider-slide .brand img {
          object-fit: contain;
          height: 100%; }
      #appstore .autoscroll-slider .autoscroll-slider-slide .installer-logo {
        height: 90px; }
        @media (max-width: 768px) {
          #appstore .autoscroll-slider .autoscroll-slider-slide .installer-logo {
            height: 70px; } }
        @media (max-width: 640px) {
          #appstore .autoscroll-slider .autoscroll-slider-slide .installer-logo {
            height: 50px;
            margin: 0; } }
        #appstore .autoscroll-slider .autoscroll-slider-slide .installer-logo img {
          object-fit: contain;
          height: 100%; }

@keyframes infiniteScroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
  #appstore .works-with-other-brands {
    display: flex;
    gap: 40px 60px;
    margin: 20px 0 0; }
    #appstore .works-with-other-brands .brand {
      display: flex;
      flex: 1;
      height: 24px;
      width: 100px;
      justify-content: center;
      border: 1px solid #eee;
      img-height: 100%;
      img-width: 100%;
      img-object-fit: contain; }
  #appstore .about-product {
    display: flex;
    gap: 45px; }
    @media (max-width: 640px) {
      #appstore .about-product {
        flex-direction: column;
        align-items: center;
        gap: 25px; } }
    #appstore .about-product .about-product-image {
      display: flex;
      width: 50%;
      height: 280px;
      max-width: 280px;
      max-height: 280px;
      align-items: start; }
      #appstore .about-product .about-product-image.empty-edges {
        padding: 24px; }
      @media (max-width: 640px) {
        #appstore .about-product .about-product-image {
          width: 100%;
          max-width: 200px;
          max-height: 200px; }
          #appstore .about-product .about-product-image.empty-edges {
            padding: 16px; } }
      #appstore .about-product .about-product-image img {
        object-fit: contain;
        width: 100%;
        height: 100%; }
    #appstore .about-product .about-product-text {
      font-size: 18px;
      line-height: 30px;
      letter-spacing: -.43px;
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 100%; }
      @media (max-width: 640px) {
        #appstore .about-product .about-product-text {
          font-size: 14px;
          line-height: 22px;
          gap: 16px; } }
      #appstore .about-product .about-product-text ul {
        padding: 0 30px; }
      #appstore .about-product .about-product-text .about-product-references {
        display: flex;
        gap: 30px; }
        @media (max-width: 640px) {
          #appstore .about-product .about-product-text .about-product-references {
            gap: 16px;
            justify-content: center; } }
      #appstore .about-product .about-product-text .about-product-models-list {
        background-color: #f7f7f7;
        border-radius: 8px;
        padding: 11px; }
        #appstore .about-product .about-product-text .about-product-models-list ul {
          list-style-type: disc; }
        #appstore .about-product .about-product-text .about-product-models-list .about-product-models-list-heading {
          font-weight: bold; }
  #appstore .installers-buttons {
    display: flex;
    gap: 40px;
    justify-content: center;
    margin-bottom: 20px; }
    @media (max-width: 640px) {
      #appstore .installers-buttons {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        margin-bottom: 0; } }
  #appstore .faq details {
    margin: 30px 0;
    line-height: 30px;
    letter-spacing: -.43px; }
    @media (max-width: 640px) {
      #appstore .faq details {
        margin: 15px 0; } }
    #appstore .faq details:last-child {
      margin-bottom: 0; }
    #appstore .faq details[open] summary::after {
      transform: rotate(180deg); }
    #appstore .faq details summary {
      font-size: 20px;
      font-weight: bold;
      list-style-type: none;
      cursor: pointer; }
      @media (max-width: 640px) {
        #appstore .faq details summary {
          font-size: 14px; } }
      #appstore .faq details summary::after {
        content: "";
        width: 1rem;
        height: 1rem;
        margin-left: 20px;
        display: inline-block;
        background-image: var(--summary-arrow-image);
        background-position: right center;
        background-size: 1rem auto;
        background-repeat: no-repeat; }
    #appstore .faq details p {
      font-size: 18px;
      margin-top: 26px; }
      @media (max-width: 640px) {
        #appstore .faq details p {
          font-size: 14px;
          margin-top: 18px; } }

@font-face {
  font-family: 'Inter';
  src: url("/static/fonts/Inter-VariableFont.ttf"); }

#appstore {
  font-family: 'Roboto', sans-serif;
  transition: all .3 ease;
  position: relative; }
  #appstore h1 {
    font-size: 48px;
    line-height: 62px;
    letter-spacing: -.6px;
    font-weight: bold;
    font-family: Roboto; }
    #appstore h1.medium {
      font-size: 40px;
      line-height: 58px; }
    @media (max-width: 640px) {
      #appstore h1 {
        font-size: 36px;
        line-height: 46px; }
        #appstore h1.medium {
          font-size: 18px;
          line-height: 23px;
          letter-spacing: 0px; } }
  #appstore h2 {
    font-size: 26px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: bold;
    font-family: Roboto; }
    #appstore h2.medium {
      font-size: 25px;
      line-height: 22px;
      letter-spacing: 0.5px;
      font-weight: bold; }
    #appstore h2.blue {
      color: #1EA6FF; }
    @media (max-width: 640px) {
      #appstore h2 {
        font-size: 18px;
        line-height: 23px; }
        #appstore h2.medium {
          font-size: 18px;
          line-height: 23px;
          letter-spacing: 0px; } }
  #appstore img {
    max-width: unset; }
  #appstore a {
    color: #1ea6ff; }
  #appstore .articles .articles-slide {
    display: flex !important;
    height: 100%; }
    #appstore .articles .articles-slide a {
      width: 33.33%; }
      #appstore .articles .articles-slide a:nth-child(2) {
        margin: 0 4px; }
      @media (max-width: 640px) {
        #appstore .articles .articles-slide a {
          width: 100%;
          pointer-events: all; } }
    #appstore .articles .articles-slide .article {
      border: 1px solid #e1e1e1;
      height: 100%;
      box-sizing: border-box; }
      #appstore .articles .articles-slide .article img {
        width: 100%; }
      #appstore .articles .articles-slide .article h3 {
        font-family: Roboto;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.63;
        letter-spacing: 0.5px;
        color: #111111;
        padding: 4px 12px;
        margin-bottom: 0; }
        @media (max-width: 768px) {
          #appstore .articles .articles-slide .article h3 {
            line-height: 1.5; } }
        @media (max-width: 640px) {
          #appstore .articles .articles-slide .article h3 {
            font-size: 14px;
            padding: 16px 12px; } }
  #appstore .slick-slider {
    overflow: hidden; }
    #appstore .slick-slider .slick-track {
      display: flex; }
      #appstore .slick-slider .slick-track .slick-slide {
        height: inherit; }
        #appstore .slick-slider .slick-track .slick-slide > div {
          height: 100%; }
    #appstore .slick-slider .slick-arrow {
      cursor: pointer;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
      width: 60px;
      height: 60px;
      text-align: center;
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 50%;
      transition: all .2s;
      z-index: 10; }
      #appstore .slick-slider .slick-arrow:before {
        content: '';
        background-image: url("/static/slider-arrow.svg");
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        width: 14px;
        height: 20px;
        transform: translateY(-50%);
        opacity: 1; }
      #appstore .slick-slider .slick-arrow:hover {
        background: rgba(0, 0, 0, 0.9); }
      #appstore .slick-slider .slick-arrow:active {
        transform: translateY(-50%) scale(0.9); }
    #appstore .slick-slider .slick-next {
      right: -30px; }
      #appstore .slick-slider .slick-next:before {
        left: 12px;
        transform: rotate(180deg) translateY(50%); }
    #appstore .slick-slider .slick-prev {
      left: -30px; }
      #appstore .slick-slider .slick-prev:before {
        right: 12px; }
  #appstore .gray-bg {
    background-color: #F7F7F7; }
  #appstore section {
    display: flex;
    justify-content: center;
    padding: 0 15px; }
    #appstore section:last-child:not(:has(.border-bottom)) .inner {
      border-bottom: none; }
    #appstore section .inner {
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 100%;
      max-width: 1170px;
      padding: 30px 0 40px;
      box-sizing: border-box;
      border-bottom: 1px solid #e1e1e1; }
      #appstore section .inner.none-divider {
        border-bottom: none; }
      #appstore section .inner.none-top-indents {
        padding-top: 0; }
      #appstore section .inner.none-bottom-indents {
        padding-bottom: 0; }
      #appstore section .inner.none-inner-indents {
        gap: 0; }
      #appstore section .inner.none-indents {
        padding: 0;
        margin: 0; }
      #appstore section .inner.application-block {
        max-width: 970px; }
      #appstore section .inner .section-header {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #appstore section .inner .section-header .section-header-more-link {
          width: 100px;
          margin: 10px 0 0;
          display: flex;
          justify-content: end; }
    @media (max-width: 768px) {
      #appstore section:first-child {
        margin-top: 0; }
        #appstore section:first-child .application-block {
          padding-top: 20px; } }
    @media (max-width: 640px) {
      #appstore section .inner {
        padding: 15px 0 30px;
        gap: 15px; } }
    @media (max-width: 480px) {
      #appstore section .inner .section-header {
        align-items: baseline; }
      #appstore section .inner-home {
        border: none;
        padding-bottom: 8px; }
        #appstore section .inner-home .section-header {
          margin-bottom: 0; } }
  #appstore a {
    text-decoration: none; }
  #appstore .notification {
    background: #efbc3f;
    color: white;
    padding: 8px;
    text-align: center; }
  #appstore .content-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: white;
    opacity: .5;
    transition: all .3s ease-in-out; }
    #appstore .content-loader .content-loader-container {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      #appstore .content-loader .content-loader-container .content-loader-spinner {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 50%;
        left: 50%;
        width: 50px;
        height: 50px;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: linear-gradient(124deg, #333 0%, #ccc 100%);
        animation-name: contentLoader;
        animation-duration: .5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        transition: all .3s; }
        #appstore .content-loader .content-loader-container .content-loader-spinner .content-loader-spinner-inner {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background-color: white; }
      @media (max-width: 640px) {
        #appstore .content-loader .content-loader-container .content-loader-spinner {
          width: 36px;
          height: 36px; }
          #appstore .content-loader .content-loader-container .content-loader-spinner .content-loader-spinner-inner {
            width: 32px;
            height: 32px; } }
  #appstore .preloader {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border-radius: 10px;
    background: linear-gradient(124deg, #333 0%, #ccc 100%);
    animation-name: search-apps-preloader;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden; }
    #appstore .preloader .preloader-inner {
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%; }
  #appstore .preloader-show {
    opacity: 1;
    visibility: visible; }

@keyframes contentLoader {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes search-apps-preloader {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }
  #appstore .catalog-header {
    min-height: 60px;
    background: #eee;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative; }
    #appstore .catalog-header .items {
      list-style-type: none;
      display: flex;
      align-items: center;
      width: 1200px;
      position: relative;
      margin: 0 auto;
      padding: 0 14px;
      box-sizing: border-box; }
      #appstore .catalog-header .items .item {
        user-select: none;
        display: flex;
        justify-content: center;
        text-align: center; }
        #appstore .catalog-header .items .item .inner {
          width: inherit;
          display: flex;
          justify-content: space-between;
          align-items: center; }
        #appstore .catalog-header .items .item:first-child {
          margin: 0 20px 0 0; }
      #appstore .catalog-header .items .home {
        width: 32px;
        height: 28px;
        background: url("/static/controls/home.svg");
        background-size: cover;
        background-repeat: no-repeat;
        opacity: .4; }
      @media (min-width: 641px) {
        #appstore .catalog-header .items .menu-toggler-opened::before {
          content: '';
          position: absolute;
          width: 20px;
          height: 20px;
          background-color: white;
          bottom: -35px;
          transform: rotate(45deg); } }
      #appstore .catalog-header .items .menu-toggler {
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        border: solid 1px rgba(17, 17, 17, 0.2);
        font-family: Roboto;
        font-size: 16px;
        color: #111111;
        position: relative;
        box-sizing: border-box;
        cursor: pointer;
        z-index: 4;
        padding: 0 10px; }
        #appstore .catalog-header .items .menu-toggler.product {
          min-width: 200px; }
        #appstore .catalog-header .items .menu-toggler.categories {
          min-width: 270px; }
        #appstore .catalog-header .items .menu-toggler:after {
          content: "";
          width: 7px;
          height: 7px;
          position: absolute;
          right: 20px;
          top: 50%;
          background: url(/static/controls/dropdown.svg);
          transform: translateY(-50%); }
        #appstore .catalog-header .items .menu-toggler .filter-title {
          width: 80%;
          overflow: hidden;
          display: flex;
          align-items: center;
          margin: 0 40px 0 0px;
          line-height: 1.3;
          text-align: center; }
          #appstore .catalog-header .items .menu-toggler .filter-title .icon {
            position: relative;
            max-width: 30px;
            max-height: 20px;
            min-width: 30px;
            min-height: 20px;
            margin-right: 6px;
            display: flex;
            justify-content: center;
            align-items: center; }
            #appstore .catalog-header .items .menu-toggler .filter-title .icon .preloader {
              position: absolute; }
            #appstore .catalog-header .items .menu-toggler .filter-title .icon img {
              max-width: inherit;
              max-height: inherit; }
      #appstore .catalog-header .items .menu-active:before {
        content: "";
        width: 14px;
        height: 14px;
        position: absolute;
        background: white;
        bottom: -28px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg); }
      #appstore .catalog-header .items .search-container {
        width: 50px;
        height: 100%; }
      #appstore .catalog-header .items .search {
        position: absolute;
        right: 0;
        width: 50px;
        height: 100%;
        background: #eee;
        display: flex;
        padding: 0 14px;
        box-sizing: border-box;
        transition: width .3s ease-out;
        z-index: 4; }
        #appstore .catalog-header .items .search .search-field {
          width: 100%;
          display: flex;
          align-items: center;
          position: relative;
          overflow: hidden; }
          #appstore .catalog-header .items .search .search-field .open {
            content: '';
            min-width: 22px;
            display: flex;
            height: 22px;
            background: url("/static/controls/search.svg") no-repeat;
            cursor: pointer; }
          #appstore .catalog-header .items .search .search-field .field-wrapper {
            margin: 0 7px;
            display: flex;
            align-items: center;
            width: 100%; }
            #appstore .catalog-header .items .search .search-field .field-wrapper input {
              height: 100%;
              width: 100%;
              box-sizing: border-box;
              background: none;
              border: none;
              outline: none;
              font-size: 18px;
              margin-left: 10px; }
          #appstore .catalog-header .items .search .search-field .close {
            content: '';
            width: 18px;
            height: 18px;
            right: 0;
            position: absolute;
            background: url("/static/controls/cross-search.svg") no-repeat;
            display: none;
            cursor: pointer; }
        #appstore .catalog-header .items .search .search-suggestions {
          position: absolute;
          top: 50px;
          left: 0;
          width: 100%;
          padding: 0 14px 14px;
          box-sizing: border-box;
          overflow: hidden;
          z-index: 2; }
          #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list {
            margin: 0;
            list-style-type: none;
            background: #fff;
            box-shadow: 0 2px 3px 0 #cac9c9;
            box-sizing: border-box; }
            #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list a {
              color: #000; }
              #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list a li {
                cursor: pointer;
                padding: 6px 60px;
                display: flex; }
                #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list a li:hover {
                  background: #eee; }
                #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list a li img {
                  margin: 0px 10px -4px -31px;
                  max-width: 20px;
                  max-height: 20px; }
            #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list .focus {
              background: #eee; }
      #appstore .catalog-header .items .search-full-width {
        width: 100%;
        padding: 0 23px !important; }
        #appstore .catalog-header .items .search-full-width .search-field .close {
          display: block; }
  #appstore .filter-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 193px;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: calc(100vh - 193px);
    z-index: 2; }
    @media (max-width: 1024px) {
      #appstore .filter-overlay {
        top: 153px;
        min-height: calc(100vh - 153px); } }
    @media (max-width: 640px) {
      #appstore .filter-overlay {
        top: 198px;
        min-height: calc(100vh - 198px); } }
  #appstore .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: all; }
  #appstore .menu {
    position: absolute;
    z-index: 5;
    pointer-events: none;
    top: 50px;
    left: 0;
    right: 0;
    padding: 0 14px; }
    #appstore .menu .inner-menu {
      max-width: 1200px;
      position: relative;
      padding: 10px 0;
      margin: 0 auto;
      box-sizing: border-box;
      display: flex; }
      #appstore .menu .inner-menu .menu-groups {
        position: relative;
        background: white;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
        background-color: white;
        display: flex;
        padding: 26px 32px;
        box-sizing: border-box;
        z-index: 1;
        pointer-events: all; }
        #appstore .menu .inner-menu .menu-groups .group {
          box-sizing: border-box;
          margin: 0 10px 0 0;
          min-width: 200px;
          max-width: 300px;
          transition: all .3s; }
          @media (max-width: 960px) and (min-width: 768px) {
            #appstore .menu .inner-menu .menu-groups .group {
              min-width: 162px; } }
          #appstore .menu .inner-menu .menu-groups .group:last-child {
            margin: 0; }
            #appstore .menu .inner-menu .menu-groups .group:last-child .group-content {
              padding: 0; }
          #appstore .menu .inner-menu .menu-groups .group .group-header {
            display: flex;
            margin-bottom: 10px; }
            #appstore .menu .inner-menu .menu-groups .group .group-header .image {
              width: 46px;
              display: flex; }
              #appstore .menu .inner-menu .menu-groups .group .group-header .image img {
                max-width: 26px;
                max-height: 29px;
                margin-right: 20px; }
            #appstore .menu .inner-menu .menu-groups .group .group-header .title {
              font-size: 16px;
              font-weight: bold;
              line-height: 1.88;
              color: #111111; }
          #appstore .menu .inner-menu .menu-groups .group .group-content a {
            font-family: Roboto;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.63;
            letter-spacing: 0.5px;
            color: #111111;
            text-decoration: none; }
            #appstore .menu .inner-menu .menu-groups .group .group-content a:hover {
              text-decoration: underline; }
          #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item {
            display: flex;
            height: 26px; }
            #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item .icon {
              width: 28px;
              margin-right: 16px; }
              #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item .icon img {
                width: inherit; }
            #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item .plus-label {
              margin-left: 8px;
              color: #979797;
              text-transform: uppercase;
              letter-spacing: .5px;
              line-height: 26px;
              font-size: 16px; }
            #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item .active {
              opacity: .5;
              pointer-events: none; }
  #appstore .content-container {
    position: relative;
    padding-top: 10px; }
  #appstore .category-plus-section {
    background-color: #FAFAFA;
    max-width: 100%; }
    #appstore .category-plus-section .application-block {
      border: none;
      max-width: 1170px; }
  #appstore .slider {
    overflow: hidden;
    position: relative; }
    #appstore .slider .slide-list {
      pointer-events: all;
      height: inherit;
      display: flex; }
      #appstore .slider .slide-list .slide {
        height: inherit;
        box-sizing: border-box;
        position: relative;
        flex: 0 0 100%; }
    #appstore .slider .arrow-controls {
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 1; }
      #appstore .slider .arrow-controls .control {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.7);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
        transition: all .2s;
        pointer-events: all;
        border: none;
        outline: none; }
        #appstore .slider .arrow-controls .control:hover {
          background: black; }
        #appstore .slider .arrow-controls .control:active {
          transform: translateY(-50%) scale(0.9); }
        #appstore .slider .arrow-controls .control:hover {
          cursor: pointer; }
        #appstore .slider .arrow-controls .control svg {
          height: 20px;
          fill: white;
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
      #appstore .slider .arrow-controls .prev {
        left: -30px; }
        #appstore .slider .arrow-controls .prev svg {
          right: 12px; }
      #appstore .slider .arrow-controls .next {
        right: -30px; }
        #appstore .slider .arrow-controls .next svg {
          left: 12px;
          transform: rotate(180deg) translateY(50%); }
      @media (max-width: 640px) {
        #appstore .slider .arrow-controls .control {
          width: 40px;
          height: 40px; }
          #appstore .slider .arrow-controls .control svg {
            height: 15px; }
        #appstore .slider .arrow-controls .prev {
          left: -20px; }
          #appstore .slider .arrow-controls .prev svg {
            right: 7px; }
        #appstore .slider .arrow-controls .next {
          right: -20px; }
          #appstore .slider .arrow-controls .next svg {
            left: 7px; } }
  #appstore .items-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 30%);
    gap: 40px 5%; }
    @media (max-width: 768px) {
      #appstore .items-list {
        grid-template-columns: repeat(auto-fill, 48%);
        gap: 40px 4%; } }
    @media (max-width: 640px) {
      #appstore .items-list {
        gap: 16px 4%; } }
    @media (max-width: 480px) {
      #appstore .items-list {
        grid-template-columns: repeat(auto-fill, 100%); } }
    @media (max-width: 480px) {
      #appstore .items-list.inline {
        display: grid;
        gap: 0;
        grid-template-columns: repeat(auto-fill, minmax(22vw, 22vw));
        grid-auto-flow: column;
        grid-auto-columns: minmax(22vw, 22vw);
        overflow-x: auto; } }
    @media (max-width: 480px) {
      #appstore .items-list.inline .item {
        gap: 0;
        flex-direction: column; } }
    @media (max-width: 480px) {
      #appstore .items-list.inline .item .icon figure {
        width: 100%;
        height: 100%; } }
    @media (max-width: 480px) {
      #appstore .items-list.inline .item .icon figure.app img {
        width: 100%;
        height: 100%; } }
    @media (max-width: 480px) {
      #appstore .items-list.inline .item .icon figure .effect-sign {
        bottom: 13%;
        right: 17%; } }
    @media (max-width: 480px) {
      #appstore .items-list.inline .item .info {
        word-break: break-word;
        padding: 0 10px 0 4px; } }
    #appstore .items-list .item {
      display: flex;
      gap: 16px; }
      #appstore .items-list .item.vertical-align-center {
        align-items: center; }
      #appstore .items-list .item.greyscale {
        filter: grayscale(1);
        opacity: .5; }
      #appstore .items-list .item .icon.border {
        border: 1px solid #ebebeb;
        border-radius: 8px; }
      #appstore .items-list .item .icon figure {
        display: flex;
        width: 82px;
        height: 82px;
        position: relative; }
        @media (max-width: 640px) {
          #appstore .items-list .item .icon figure {
            width: 60px;
            height: 60px; } }
        #appstore .items-list .item .icon figure.app {
          padding: 0; }
          #appstore .items-list .item .icon figure.app img {
            width: 99px;
            height: 99px;
            margin-left: -10px;
            margin-top: -6px; }
            @media (max-width: 640px) {
              #appstore .items-list .item .icon figure.app img {
                width: 76px;
                height: 76px;
                margin: -5px 0 0 -6px; } }
        #appstore .items-list .item .icon figure.brand {
          padding: 4px; }
        #appstore .items-list .item .icon figure img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
        #appstore .items-list .item .icon figure .effect-sign {
          width: 24px;
          height: 25px;
          background: url("/static/controls/effect_corner.svg") no-repeat;
          position: absolute;
          bottom: 0;
          right: 3px;
          border-bottom-right-radius: 10px; }
          @media (max-width: 640px) {
            #appstore .items-list .item .icon figure .effect-sign {
              width: 18px;
              height: 18px;
              bottom: -2px;
              right: -3px;
              background-size: 18px 18px;
              border-bottom-right-radius: 7px; } }
      #appstore .items-list .item .info .title {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.5px;
        color: #111111; }
        @media (max-width: 640px) {
          #appstore .items-list .item .info .title {
            font-size: 14px;
            letter-spacing: -0.43px; } }
      #appstore .items-list .item .info .vendor {
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0;
        color: #949799; }
        @media (max-width: 640px) {
          #appstore .items-list .item .info .vendor {
            font-size: 13px;
            line-height: 22px; } }
      #appstore .items-list .item .info .likes {
        position: relative;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 1px;
        color: #111111;
        text-indent: 20px; }
        @media (max-width: 640px) {
          #appstore .items-list .item .info .likes {
            font-size: 13px;
            line-height: 22px; } }
        #appstore .items-list .item .info .likes:before {
          content: '';
          width: 12px;
          height: 12px;
          position: absolute;
          left: 0;
          top: 50%;
          margin-right: 6px;
          background: url(/static/controls/like.svg) no-repeat;
          transform: translateY(-50%); }
  #appstore .apps-container {
    padding: 20px 0; }
    #appstore .apps-container .preloader-wrapper {
      display: flex;
      justify-content: center; }
  #appstore .empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center; }
    #appstore .empty-list h1 {
      font-family: Roboto;
      font-size: 42px;
      font-weight: bold;
      line-height: 1.24;
      letter-spacing: normal;
      color: #111111; }
    #appstore .empty-list p {
      width: 400px;
      font-family: Roboto;
      font-size: 18px;
      line-height: 1.67;
      letter-spacing: normal;
      color: #111111; }
    @media (max-width: 640px) {
      #appstore .empty-list {
        width: 280px;
        margin: 0 auto;
        min-height: 200px; }
        #appstore .empty-list h1 {
          width: 100%;
          font-size: 22px;
          line-height: 1.27;
          letter-spacing: 0.63px;
          color: #111111; }
        #appstore .empty-list p {
          width: 100%;
          font-size: 14px;
          line-height: 1.57;
          letter-spacing: 0.5px;
          color: #111111; } }
  #appstore .application-block {
    max-width: 970px;
    padding: 20px 0;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #111111;
    line-height: 30px;
    position: relative; }
    #appstore .application-block .main-info {
      display: flex;
      min-height: 160px;
      margin-bottom: 10px; }
      #appstore .application-block .main-info .app-image {
        position: absolute; }
        #appstore .application-block .main-info .app-image .effect-sign {
          width: 30px;
          height: 30px;
          background: url(/static/controls/effect_corner.svg) no-repeat;
          position: absolute;
          background-size: cover;
          top: 106px;
          right: 10px;
          border-bottom-right-radius: 13px; }
      #appstore .application-block .main-info .app-info {
        width: 100%;
        margin-left: 190px; }
        #appstore .application-block .main-info .app-info .info-wrapper {
          position: relative; }
          #appstore .application-block .main-info .app-info .info-wrapper .row {
            display: flex;
            justify-content: space-between;
            align-items: baseline; }
            #appstore .application-block .main-info .app-info .info-wrapper .row .app-name {
              max-width: 80%;
              word-break: break-word; }
              @media (max-width: 640px) {
                #appstore .application-block .main-info .app-info .info-wrapper .row .app-name {
                  max-width: 200px;
                  max-width: 100%; } }
            #appstore .application-block .main-info .app-info .info-wrapper .row .developer-name {
              opacity: 0.5;
              font-family: Roboto;
              font-size: 18px;
              font-weight: normal;
              font-stretch: normal;
              font-style: normal;
              line-height: 1.5;
              letter-spacing: normal;
              color: #111111; }
            #appstore .application-block .main-info .app-info .info-wrapper .row .market-label {
              font-size: 18px;
              line-height: 18px;
              font-weight: normal;
              color: #929292;
              margin-left: 10px; }
          #appstore .application-block .main-info .app-info .info-wrapper .app-likes {
            position: absolute;
            top: 6px;
            right: 0;
            text-indent: 20px;
            font-family: Roboto;
            font-size: 16px; }
            @media (max-width: 640px) {
              #appstore .application-block .main-info .app-info .info-wrapper .app-likes {
                position: relative;
                top: 0;
                font-size: 14px;
                line-height: 1.3; } }
            #appstore .application-block .main-info .app-info .info-wrapper .app-likes:before {
              content: '';
              width: 14px;
              height: 14px;
              position: absolute;
              background: url("/static/controls/like.svg") no-repeat;
              background-size: contain;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
        #appstore .application-block .main-info .app-info .app-description {
          padding: 12px 0;
          white-space: pre-wrap; }
    #appstore .application-block .additional-info .plans-labels {
      display: flex;
      padding: 13px 0 28px;
      flex-wrap: wrap; }
      #appstore .application-block .additional-info .plans-labels .subscription-plan-label {
        color: #ffffff;
        border-radius: 4px;
        height: 28px;
        line-height: 28px;
        min-width: 160px;
        text-align: center;
        font-size: 12px;
        letter-spacing: 0.86px;
        margin: 15px 15px 0 0; }
        #appstore .application-block .additional-info .plans-labels .subscription-plan-label:last-child {
          margin-right: 0; }
    #appstore .application-block .additional-info ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 24px 0;
      margin-bottom: 24px; }
      #appstore .application-block .additional-info ul:last-child {
        margin-bottom: 0; }
      #appstore .application-block .additional-info ul li {
        width: 33.33%; }
        #appstore .application-block .additional-info ul li h4 {
          color: rgba(17, 17, 17, 0.55);
          font-size: 18px;
          font-weight: bold;
          line-height: 1.3;
          margin-bottom: 8px; }
        #appstore .application-block .additional-info ul li p {
          font-size: 18px;
          line-height: 1;
          word-break: break-all; }
        #appstore .application-block .additional-info ul li a {
          font-size: 18px; }
  #appstore .desktop-slider {
    display: block; }
  #appstore .mobile-slider {
    display: none; }
  #appstore #effect-player {
    position: relative; }
  #appstore .effect-player {
    overflow: hidden;
    display: flex;
    justify-content: center;
    opacity: 0;
    width: 100%;
    max-width: 320px;
    max-height: 320px;
    margin: 26px auto 46px; }
    #appstore .effect-player canvas {
      max-width: 100%;
      object-fit: contain; }
  #appstore .effect-player-visible {
    transition: all .5s ease;
    opacity: 1; }
  #appstore #effect-player-spinner {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 2px solid transparent;
    background: linear-gradient(45deg, #eee, #aaa) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    position: absolute;
    bottom: 16px;
    right: 0;
    transition: all .3 ease-in;
    animation: effect-player-spinner 1s linear 0s infinite; }
  @media (max-width: 768px) {
    #appstore .catalog-header .items {
      box-sizing: initial; }
      #appstore .catalog-header .items .home {
        width: 22px;
        height: 20px;
        opacity: 1; }
      #appstore .catalog-header .items .menu-active:before {
        bottom: -18px; }
      #appstore .catalog-header .items .item .inner {
        display: flex; }
      #appstore .catalog-header .items .item .menu-toggler {
        position: relative;
        min-width: 194px;
        height: 38px;
        border-radius: 6px;
        border: solid 1px rgba(31, 31, 31, 0.4);
        font-family: Roboto;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.14;
        letter-spacing: normal;
        color: #111111;
        outline: none;
        margin: 0 8px; }
      #appstore .catalog-header .items .search {
        width: 44px; }
        #appstore .catalog-header .items .search .search-field .open {
          min-width: 16px;
          height: 16px;
          background-size: contain; }
        #appstore .catalog-header .items .search .search-field .field-wrapper input {
          font-size: 16px;
          margin-left: 16px; }
        #appstore .catalog-header .items .search .search-field .close {
          width: 16px;
          height: 16px;
          background-size: contain; }
        #appstore .catalog-header .items .search .search-suggestions ul.suggestions-list li {
          padding: 6px 54px; }
      #appstore .catalog-header .items .search-full-width {
        width: 100%; }
    #appstore .menu {
      background-color: rgba(17, 17, 17, 0.5);
      width: 100%;
      left: 0;
      right: 0;
      top: 58px;
      padding: 0; }
      #appstore .menu .inner-menu {
        padding: 0; }
        #appstore .menu .inner-menu .menu-groups {
          flex-direction: column;
          width: 100%;
          padding: 14px; }
          #appstore .menu .inner-menu .menu-groups .group {
            max-width: 560px;
            margin: 0 auto;
            width: 100%;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            position: relative; }
            #appstore .menu .inner-menu .menu-groups .group .group-cross:after {
              content: '';
              position: absolute;
              top: 21px;
              right: 0;
              width: 8px;
              height: 8px;
              background: url("/static/filter_cross.png") no-repeat;
              background-size: contain;
              transform: rotate(45deg);
              transition: transform .3s;
              pointer-events: none; }
            #appstore .menu .inner-menu .menu-groups .group:last-child {
              margin: 0 auto;
              border: none; }
            #appstore .menu .inner-menu .menu-groups .group .group-header {
              margin: 0;
              height: 50px;
              align-items: center; }
              #appstore .menu .inner-menu .menu-groups .group .group-header * {
                pointer-events: none; }
              #appstore .menu .inner-menu .menu-groups .group .group-header .title {
                font-size: 15px; }
            #appstore .menu .inner-menu .menu-groups .group .group-content {
              height: 0px;
              max-height: 0vh;
              transition: all .3s ease;
              padding: 0; }
              #appstore .menu .inner-menu .menu-groups .group .group-content .group-content-item a {
                font-size: 14px;
                line-height: 1.8;
                letter-spacing: 0; }
          #appstore .menu .inner-menu .menu-groups .group-opened .group-cross:after {
            transform: rotate(0); }
          #appstore .menu .inner-menu .menu-groups .group-opened .group-content {
            height: 100%;
            max-height: 100vh;
            padding: 0 0 16px; }
    #appstore .application-block .main-info {
      min-height: 120px;
      padding-top: 0; }
      #appstore .application-block .main-info .app-image {
        width: 115px;
        min-width: 115px; }
        #appstore .application-block .main-info .app-image img {
          width: 100%; }
        #appstore .application-block .main-info .app-image .effect-sign {
          width: 24px;
          height: 24px;
          top: 80px;
          right: 8px;
          border-bottom-right-radius: 7px; }
      #appstore .application-block .main-info .app-info {
        margin-left: 150px; }
        #appstore .application-block .main-info .app-info .info-wrapper .developer-name {
          letter-spacing: 0.5px; }
        #appstore .application-block .main-info .app-info .app-description {
          padding: 10px 0; }
    #appstore .application-block .additional-info .plans-labels {
      justify-content: space-between; }
      #appstore .application-block .additional-info .plans-labels .subscription-plan-label {
        margin-right: 0;
        width: 46%; }
    #appstore .application-block .additional-info ul li {
      margin-top: 0; }
    #appstore .application-block .effect-player {
      max-width: 260px;
      max-height: 260px;
      margin: 26px auto; } }
  @media (max-width: 640px) {
    #appstore .catalog-header .items {
      flex-direction: column;
      justify-content: space-between;
      max-width: 100%;
      padding: 10px 11px; }
      #appstore .catalog-header .items .item {
        margin: 0;
        width: 100%; }
        #appstore .catalog-header .items .item:first-child {
          margin: 0 0 10px; }
        #appstore .catalog-header .items .item .inner .menu-toggler {
          min-width: 190px;
          width: inherit; }
          #appstore .catalog-header .items .item .inner .menu-toggler .filter-title {
            text-align: left; }
        #appstore .catalog-header .items .item .inner .menu {
          top: 116px;
          width: 100%;
          left: 0;
          right: 0; }
          #appstore .catalog-header .items .item .inner .menu .d {
            width: 14px;
            height: 14px;
            background-color: #fff;
            z-index: 2;
            position: absolute;
            top: -2px;
            left: 50%;
            transform: rotate(45deg) translateX(-50%); }
        #appstore .catalog-header .items .item .inner .search {
          height: 38px;
          padding: 0; }
          #appstore .catalog-header .items .item .inner .search .search-suggestions {
            top: 48px; }
      #appstore .catalog-header .items .offset {
        width: 44px; }
    #appstore .application-block .main-info .app-image {
      width: 105px;
      min-width: 105px; }
      #appstore .application-block .main-info .app-image .effect-sign {
        width: 24px;
        height: 24px;
        top: 71px;
        right: 7px;
        border-bottom-right-radius: 10px; }
    #appstore .application-block .main-info .app-info {
      margin-left: 8px;
      margin-top: 6px; }
      #appstore .application-block .main-info .app-info .info-wrapper {
        margin-left: 110px;
        min-height: 104px; }
        #appstore .application-block .main-info .app-info .info-wrapper .row .developer-name {
          font-size: 14px;
          margin: 2px 0; }
        #appstore .application-block .main-info .app-info .info-wrapper .row .market-label {
          font-size: 12px; }
      #appstore .application-block .main-info .app-info .app-description {
        padding: 0;
        font-size: 14px;
        line-height: 24px; }
    #appstore .application-block .additional-info .plus-section-text {
      font-weight: normal;
      font-size: 14px;
      line-height: 20px; }
    #appstore .application-block .additional-info .plans-labels {
      padding: 0 0 16px; }
      #appstore .application-block .additional-info .plans-labels .subscription-plan-label {
        min-width: 140px;
        max-width: 100%; }
        #appstore .application-block .additional-info .plans-labels .subscription-plan-label:last-child {
          margin-right: 0; }
    #appstore .application-block .additional-info ul {
      gap: 28px 0;
      margin-bottom: 12px; }
      #appstore .application-block .additional-info ul li {
        width: 50%; }
        #appstore .application-block .additional-info ul li:nth-child(even) {
          margin-right: 0; }
        #appstore .application-block .additional-info ul li h4 {
          font-size: 14px; }
        #appstore .application-block .additional-info ul li p {
          font-size: 14px; }
        #appstore .application-block .additional-info ul li a {
          font-size: 14px; }
    #appstore .application-block .effect-player {
      max-width: 220px;
      margin: 24px auto;
      max-height: 220px; }
    #appstore .desktop-slider {
      display: none; }
    #appstore .mobile-slider {
      display: block; } }
  @media (max-width: 480px) {
    #appstore .application-block .effect-player {
      max-width: 200px;
      margin: 24px auto;
      max-height: 200px; } }

@keyframes effect-player-spinner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/**
 * Swiper 6.7.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 31, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url([object Module]) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url([object Module]);
    src: url([object Module]?#iefix) format('embedded-opentype'), url([object Module]) format('woff'), url([object Module]) format('truetype'), url([object Module]#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}