@charset "UTF-8";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  margin: 0;
  font-size: 16px;
}

main,
header,
footer,
section,
div {
  display: block;
  position: relative;
  box-sizing: border-box;
}

h1 {
  font-size: 2.25em;
  margin: 0.67em 0;
  color: black;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: "consolas", monospace;
  font-size: 0.87em;
}

a {
  background-color: transparent;
  cursor: pointer;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  box-sizing: border-box;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

div,
li {
  position: relative;
  box-sizing: border-box;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

@keyframes move-in {
  0% {
    height: auto;
    max-height: 0;
    overflow: hidden;
  }
  100% {
    height: auto;
    max-height: calc(100vh - 131px);
    overflow: hidden auto;
  }
}
html {
  font-family: "Amazon Ember", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333333;
  scrollbar-color: #222222 #ccccdd; /* color scrollbar color thumb */
  scrollbar-width: thin; /* width */
  /* scrollbar */
  /* thumb for scrollbar */
}
html ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: white; /* blue */
}
html ::-webkit-scrollbar-thumb {
  background-color: #dfdfdf; /* green */
  border-radius: 9em;
}
html ::-webkit-scrollbar-thumb:hover {
  background-color: #222222; /* orange */
}

body {
  margin: 0;
  padding: 0 20px 40px 20px;
  background-color: #babbbf;
}
body.is-unscrolled {
  overflow: hidden;
}

div, article, section {
  position: relative;
}

.is-hidden {
  display: none !important;
}

.is-invisible {
  visibility: hidden !important;
}

.is-collapsed:not(.inference-layer .is-collapsed) {
  height: 0 !important;
  overflow: hidden !important;
  display: table-column !important;
}

.loading {
  position: fixed;
  display: grid;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
  height: calc(100vh - 120px);
  width: 100%;
  z-index: 100;
}
.loading__elm {
  display: inline-block;
  font-family: monospace;
  font-size: 30px;
  clip-path: inset(0 3ch 0 0);
  animation: dots 1s steps(4) infinite;
}

@keyframes dots {
  to {
    clip-path: inset(0 -1ch 0 0);
  }
}
.svg-sprite {
  fill: currentColor;
  stroke: none;
  fill-rule: evenodd;
  height: 100%;
  width: 100%;
}

input,
textarea,
select {
  background-color: #fff;
  color: #1a1e2d;
}

input[type=text],
select {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
  z-index: 1;
}

.link {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.link:hover {
  text-decoration: underline;
}

.progress-bar {
  display: grid;
  align-items: center;
  justify-items: start;
  position: absolute;
  height: 20px;
  width: 100%;
}
.progress-bar__text {
  display: grid;
  justify-content: end;
  color: white;
  position: relative;
  z-index: 1;
  line-height: normal;
  background-color: #7fdbff;
  height: 20px;
  min-width: min-content;
  padding: 0 2px;
  box-sizing: border-box;
}
.progress-bar:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 50%;
}

.code-box {
  background-color: #f8f8f8;
}

.toggle-left-col {
  position: absolute;
  z-index: 10;
  color: #1a1e2d;
  font-size: 20px;
  right: 5px;
  top: 10px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.toggle-left-col .item {
  line-height: 0;
  position: relative;
  top: -2px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.--collapsed .toggle-left-col {
  width: 100%;
  height: 40px;
  left: 0;
  top: 5px;
  opacity: 0.5;
}
.toggle-left-col:hover {
  cursor: pointer;
  opacity: 1;
}
.toggle-left-col:hover .item {
  scale: 120%;
}

.video-icon {
  position: absolute;
  z-index: 2;
  right: 4px;
  top: 4px;
  line-height: 0;
  padding: 2px;
}
.video-icon .icon--video {
  fill: #7fdbff;
}
.video-icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  background-color: black;
  top: -2px;
  left: -2px;
  opacity: 0.5;
  border-radius: 3px;
}
.buttons-set .video-icon {
  width: max-content;
  height: max-content;
  left: 0;
  top: unset;
  bottom: 0;
}
.buttons-set .video-icon .icon--video {
  width: 10.5px;
  height: 7px;
}
.buttons-set .video-icon::before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.icon--ellipsis {
  width: 3px;
  height: 11px;
}
.icon--arrow-top {
  width: 11px;
  height: 16px;
}
.icon--smile, .icon--sad {
  width: 18px;
  height: 18px;
}
.icon--generate-video {
  width: 22px;
  height: 19px;
}
.icon--star {
  width: 16px;
  height: 18px;
}
.icon--star.is-active {
  fill: #a84600;
  stroke: #a84600;
}
.icon--play {
  width: 16px;
  height: 18px;
}
.icon--stop {
  width: 17px;
  height: 17px;
}
.icon--undo {
  width: 18px;
  height: 18px;
}
.icon--search {
  width: 16px;
  height: 16px;
}
.icon--no-picture {
  width: 90%;
  height: 90%;
  fill: #a87754;
}
.icon--invisible {
  width: 21px;
  height: 17px;
  fill: #a87754;
}
.icon--ft {
  width: 21px;
  height: 12px;
  fill: #a87754;
}
.icon--small-check {
  width: 6px;
  height: 5px;
  fill: white;
}
.icon--visible {
  width: 18px;
  height: 17px;
  fill: #a87754;
}
.icon--lock {
  width: 18px;
  height: 21px;
  fill: #a87754;
}
.icon--lock-fullfilled {
  width: 18px;
  height: 21px;
  fill: #a87754;
}
.icon--link-out {
  width: 17px;
  height: 17px;
}
.icon--edit-inline {
  width: 20.25px;
  height: 17.98px;
}
.icon--back {
  width: 18px;
  height: 15px;
}
.icon--clock {
  width: 20px;
  height: 20px;
}
.icon--picture {
  width: 20px;
  height: 17.5px;
}
.icon--send {
  width: 21px;
  height: 21px;
}
.icon--download {
  width: 21px;
  height: 21px;
}
.icon--sand-clock {
  width: 15.75px;
  height: 21px;
}
.icon--sand-clock-error {
  width: 15.75px;
  height: 20.95px;
}
.icon--loader {
  width: 20px;
  height: 20px;
}
.icon--loader-01 {
  width: 25.08px;
  height: 25.08px;
}
.icon--download-to-computer {
  width: 27px;
  height: 25px;
}
.icon--light-to-dark {
  width: 18px;
  height: 20px;
}
.icon--dark-to-light {
  width: 20px;
  height: 20px;
}
.icon--login {
  width: 24px;
  height: 21px;
}
.icon--logout {
  width: 25px;
  height: 21px;
}
.icon--image-set {
  width: 28px;
  height: 22px;
}
.icon--edit {
  width: 24px;
  height: 24px;
}
.icon--add {
  width: 24px;
  height: 24px;
}
.icon--trash {
  width: 21px;
  height: 24px;
}
.icon--log {
  width: 18px;
  height: 24px;
}
.icon--magnify {
  width: 24px;
  height: 24px;
}
.icon--code-translate {
  width: 32px;
  height: 21px;
}
.icon--share-arrow {
  width: 24px;
  height: 23.96px;
}
.icon--share {
  width: 27px;
  height: 18px;
}
.icon--image-pack {
  width: 27px;
  height: 18px;
}
.icon--reload {
  width: 21px;
  height: 21px;
}
.icon--more-info {
  width: 27px;
  height: 24px;
}
.icon--info {
  width: 24px;
  height: 24px;
}
.icon--create-more {
  width: 23px;
  height: 23px;
}
.icon--sever {
  width: 24px;
  height: 21px;
}
.icon--copy-link {
  width: 21px;
  height: 24px;
}
.icon--copy {
  width: 21px;
  height: 24px;
}
.icon--paste {
  width: 23px;
  height: 23px;
}
.icon--save {
  width: 17.5px;
  height: 17.5px;
}
.icon--like {
  width: 22px;
  height: 19.5px;
}
.icon--heart {
  width: 25px;
  height: 21px;
}
.t-main-aside .icon--heart {
  width: 21px;
}
.icon--heart-fill {
  width: 28px;
  height: 24px;
}
.icon--heart-stroke {
  width: 28px;
  height: 24px;
}
.icon--heart-stroke-01 {
  width: 24px;
  height: 20.52px;
}
.icon--plus-stroke {
  width: 18.25px;
  height: 18.25px;
}
.icon--plus-stroke svg {
  stroke: currentColor;
  fill: none;
}
.icon--plus-fill {
  width: 17.25px;
  height: 17.25px;
}
.icon--plus-fill svg {
  fill: currentColor;
  stroke: currentColor;
}
.icon--checkmark-stroke {
  width: 19.49px;
  height: 14.18px;
}
.icon--checkmark-stroke svg {
  stroke: currentColor;
  fill: none;
}
.icon--checkmark-fill {
  width: 19.49px;
  height: 14.18px;
}
.icon--checkmark-fill svg {
  fill: currentColor;
  stroke: currentColor;
}
.icon--jobs-list {
  width: 24px;
  height: 21px;
}
.icon--test-styles {
  width: 21px;
  height: 21px;
}
.icon--check {
  width: 17.5px;
  height: 11.88px;
}
.icon--checklist {
  width: 25px;
  height: 22px;
}
.icon--checklist-01 {
  width: 23px;
  height: 22px;
}
.icon--retry {
  width: 20px;
  height: 20px;
}
.icon--discussion {
  width: 22px;
  height: 20px;
}
.icon--photoshop {
  width: 20px;
  height: 17px;
}
.icon--disabled {
  width: 25px;
  height: 20px;
}
.icon--help {
  width: 22px;
  height: 22px;
}
.icon--local {
  width: 18.74px;
  height: 21px;
}
.icon--view {
  width: 18px;
  height: 14px;
}
.icon--edit-tags {
  width: 20px;
  height: 16.69px;
}
.icon--video {
  width: 13.5px;
  height: 9px;
}
.icon--video-old {
  width: none;
  height: none;
}

.base-functional {
  overflow: hidden;
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
  border-radius: 5px;
  z-index: 2;
  min-width: 400px;
}
.tags-edit .base-functional {
  min-width: unset;
  max-width: max-content;
}
@media screen and (max-width: 1480px) {
  .base-functional {
    min-width: 300px;
  }
  .production-inference .base-functional {
    min-width: 200px;
  }
  .tags-edit .base-functional {
    min-width: unset;
  }
}
.base-functional input {
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
}
.base-functional input:focus {
  outline: none;
}
.base-functional input::placeholder {
  color: #1a1e2d;
  opacity: 0.66;
}
.base-functional select {
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
}
.base-functional select:focus {
  outline: none;
}
.base-functional select::placeholder {
  color: #1a1e2d;
  opacity: 0.66;
}
.base-functional label {
  font-size: 18px;
}
.base-functional__buttons {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.images-layer .base-functional__buttons {
  row-gap: 10px;
}
.base-functional__buttons .button {
  min-height: 40px;
  height: auto;
  padding: 0.5ex 2em;
}
.base-functional__buttons .button.is-disabled, .base-functional__buttons .button[disabled] {
  border: none;
  box-shadow: none;
  opacity: 0.33;
}
.base-functional__buttons .button.is-disabled:hover, .base-functional__buttons .button[disabled]:hover {
  cursor: default;
}
.base-functional__buttons-fields {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 6px;
}
.base-functional__buttons-fields input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 0.5ex;
}
.base-functional__buttons-fields input[type=number] {
  width: 5em;
  margin-left: 0.5ex;
  height: 40px;
}
.base-functional__buttons-fields label {
  font-size: 16px;
}
.training-layer .base-functional__buttons-fields {
  margin: 10px 0;
}
.base-functional .button,
.base-functional button {
  font-size: 16px;
}
.training-layer .base-functional .button,
.training-layer .base-functional button {
  height: 56px;
}
.images-layer .base-functional .button,
.images-layer .base-functional button {
  cursor: default;
  opacity: 0.5;
}
.images-layer .base-functional .button:not([disabled]),
.images-layer .base-functional button:not([disabled]) {
  background-color: black;
  opacity: 1;
}
.images-layer .base-functional .button:not([disabled]):hover,
.images-layer .base-functional button:not([disabled]):hover {
  cursor: pointer;
  opacity: 0.66;
}
.base-functional .button[disabled],
.base-functional button[disabled] {
  cursor: default;
}
.base-functional__amount {
  padding-top: 20px;
  font-size: 16px;
  color: #333333;
}
.base-functional__amount em {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  margin: 0 0.5ex;
}
.base-functional__amount:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 1px;
  background-color: black;
  left: -50%;
}
.base-functional__img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
}
.base-functional__img-set img {
  border-radius: 5px;
  overflow: hidden;
  object-fit: cover;
}
.base-functional--edit-styles, .base-functional--test-styles {
  padding: 20px;
}
.base-functional--edit-styles .base-functional__img-set, .base-functional--test-styles .base-functional__img-set {
  border-bottom: 1px solid black;
  padding-bottom: 28px;
}
.base-functional--edit-styles .base-functional__img-set .edit-icon,
.base-functional--edit-styles .base-functional__img-set .magnify-icon, .base-functional--test-styles .base-functional__img-set .edit-icon,
.base-functional--test-styles .base-functional__img-set .magnify-icon {
  color: #5fa7d9;
  width: 80px;
  height: 80px;
  display: grid;
  align-items: center;
  justify-items: center;
  outline-offset: -1px;
  border-radius: 5px;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.base-functional--edit-styles .base-functional__img-set .edit-icon .icon--edit,
.base-functional--edit-styles .base-functional__img-set .magnify-icon .icon--edit, .base-functional--test-styles .base-functional__img-set .edit-icon .icon--edit,
.base-functional--test-styles .base-functional__img-set .magnify-icon .icon--edit {
  width: 28px;
  height: 28px;
}
.base-functional--edit-styles .base-functional__img-set .edit-icon:hover,
.base-functional--edit-styles .base-functional__img-set .magnify-icon:hover, .base-functional--test-styles .base-functional__img-set .edit-icon:hover,
.base-functional--test-styles .base-functional__img-set .magnify-icon:hover {
  color: #7fdbff;
  cursor: pointer;
}
.base-functional--test-styles, .stylization .base-functional {
  overflow: auto;
}
.base-functional--test-styles .code-box, .stylization .base-functional .code-box {
  position: relative;
}
.base-functional--test-styles .code-box .t-buttons-set, .stylization .base-functional .code-box .t-buttons-set {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
}
.base-functional--test-styles .code-box .t-buttons-set__button, .stylization .base-functional .code-box .t-buttons-set__button {
  min-width: unset;
  height: 30px;
  width: 30px;
  padding: 5px;
}
.base-functional--test-styles .code-box .t-buttons-set__button .svg-sprite, .stylization .base-functional .code-box .t-buttons-set__button .svg-sprite {
  width: 20px;
  height: 20px;
}
.base-functional--test-styles .code-box.--full-screen .t-buttons-set, .stylization .base-functional .code-box.--full-screen .t-buttons-set {
  right: 25px;
  top: 5px;
}
.jobs-list .base-functional {
  min-width: unset;
}
.--has-2-cols .base-functional {
  min-width: unset;
}
.stylization .v02-full-layer .base-functional {
  overflow: hidden;
}
.user-shapes .base-functional {
  display: block;
}

.v02-base-functional {
  overflow: hidden;
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
  border-radius: 5px;
  z-index: 2;
  min-width: 400px;
}
@media screen and (max-width: 1480px) {
  .v02-base-functional {
    min-width: 300px;
  }
  .production-inference .v02-base-functional {
    min-width: 200px;
  }
}
.v02-base-functional__box {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.v02-base-functional input {
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
}
.v02-base-functional input:focus {
  outline: none;
}
.v02-base-functional input::placeholder {
  color: #babbbf;
  opacity: 0.66;
}
.v02-base-functional select {
  font-size: 16px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
}
.v02-base-functional select:focus {
  outline: none;
}
.v02-base-functional select::placeholder {
  color: #babbbf;
  opacity: 0.66;
}
.v02-base-functional label {
  font-size: 16px;
}
.v02-base-functional__buttons {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.images-layer .v02-base-functional__buttons {
  row-gap: 10px;
}
.v02-base-functional__buttons .button.is-disabled, .v02-base-functional__buttons .button[disabled] {
  border-color: black;
  color: black;
}
.v02-base-functional__buttons-fields {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 6px;
}
.v02-base-functional__buttons-fields input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 0.5ex;
}
.v02-base-functional__buttons-fields input[type=number] {
  width: 5em;
  margin-left: 0.5ex;
  height: 40px;
}
.v02-base-functional__buttons-fields label {
  font-size: 16px;
}
.training-layer .v02-base-functional__buttons-fields {
  margin: 10px 0;
}
.v02-base-functional .button,
.v02-base-functional button {
  height: 40px;
}
.training-layer .v02-base-functional .button,
.training-layer .v02-base-functional button {
  height: 56px;
}
.images-layer .v02-base-functional .button,
.images-layer .v02-base-functional button {
  background-color: transparent;
  cursor: default;
}
.images-layer .v02-base-functional .button:not([disabled]),
.images-layer .v02-base-functional button:not([disabled]) {
  background-color: black;
}
.images-layer .v02-base-functional .button:not([disabled]):hover,
.images-layer .v02-base-functional button:not([disabled]):hover {
  cursor: pointer;
  color: white;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.v02-base-functional__amount {
  padding-top: 20px;
  font-size: 16px;
  color: #333333;
}
.v02-base-functional__amount em {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #7fdbff;
  margin: 0 0.5ex;
}
.v02-base-functional__amount:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 1px;
  background-color: black;
  left: -50%;
}
.v02-base-functional__img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
}
.v02-base-functional__img-set img {
  border-radius: 5px;
  overflow: hidden;
  object-fit: cover;
}
.v02-base-functional .functional-section.--cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
}
.v02-base-functional .functional-section__fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.v02-base-functional .functional-section__fieldset label {
  margin-bottom: 10px;
  display: block;
}
.v02-base-functional .functional-section__json-label {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}
.v02-base-functional .functional-section__json .code-box {
  position: relative;
  display: block;
}
.stylization .v02-base-functional .code-box {
  position: relative;
}
.stylization .v02-base-functional .code-box .t-buttons-set {
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 2;
}
.stylization .v02-base-functional .code-box .t-buttons-set__button {
  min-width: unset;
  height: 30px;
  width: 30px;
  padding: 5px;
}
.stylization .v02-base-functional .code-box .t-buttons-set__button .svg-sprite {
  width: 20px;
  height: 20px;
}
.stylization .v02-base-functional .code-box.--full-screen .t-buttons-set {
  right: 25px;
  top: 5px;
}
.jobs-list .v02-base-functional {
  min-width: unset;
}
.--has-2-cols .v02-base-functional {
  min-width: unset;
}

.images-set {
  display: grid;
  grid-auto-flow: column;
}
.images-set__label {
  display: none;
}
.images-set__box {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1px;
}
.select-image .images-set__box {
  min-height: 80px;
  min-width: 170px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media screen and (max-width: 1600px) {
  .select-image .images-set__box {
    min-height: 70px;
  }
}
.style-edition .images-set__box {
  column-gap: 10px;
}
.images-set__img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.v02-header-bar .images-set__img, .header-bar .images-set__img, .sets-list .images-set__img, .v02-sets-list .images-set__img {
  display: grid;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-right: 2px;
  background-color: #f7f7f7;
}
.showoff-products .images-set__img img {
  width: 100%;
  height: 100%;
}
.t-preview-gallery .images-set__img {
  width: 40px;
  height: 40px;
}
.edit-styles .images-set__img {
  width: 80px;
  height: 80px;
}
.style-edition .images-set__img {
  display: grid;
  width: 200px;
  height: 200px;
  position: relative;
}
.images-set__img img, .images-set__img video {
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 5px;
  margin-right: 2px;
}
.images-set__img.--contain img {
  object-fit: contain;
}
.select-image .images-set__img {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  gap: 3px;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 1600px) {
  .select-image .images-set__img {
    width: 70px;
    height: 70px;
  }
}
.select-image .images-set__img img {
  width: 80px;
  height: 80px;
  border-radius: 5px;
}
@media screen and (max-width: 1600px) {
  .select-image .images-set__img img {
    width: 70px;
    height: 70px;
  }
}
.select-image .images-set__img.--empty-img {
  border: 1px solid #ededed;
  align-content: center;
  justify-content: center;
  border-radius: 5px;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 1600px) {
  .select-image .images-set__img.--empty-img {
    width: 70px;
    height: 70px;
  }
}
.select-image .images-set__img.--empty-img .svg-sprite {
  width: 40px;
  height: 40px;
  fill: #ededed;
}
.images-set__action {
  display: grid;
  align-items: center;
  justify-items: center;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  background-color: #212329;
  color: #c0c5ce;
}
.v02-full-layer .images-set__action {
  background-color: #d4d5d9;
}
.images-set__action .svg-sprite {
  width: 20px;
  height: 20px;
  position: relative;
  top: 1px;
  left: 1px;
}
.sets-list .images-set__action {
  justify-content: end;
  width: 3em;
  height: unset;
  background-color: transparent;
}
.showoff-products .images-set__action {
  font-size: 18px;
}
.images-set__action-more {
  display: grid;
  grid-auto-flow: column;
  white-space: nowrap;
  margin-left: 1ex;
  font-size: 14px;
  min-width: 2.2em;
  width: unset;
  background-color: transparent;
  color: #13151a;
}
.v02-full-layer .images-set__action-more {
  width: 2.2em;
  overflow: visible;
  justify-content: end;
  color: currentColor;
}
.images-set__action-more:before {
  content: "+";
  font-size: 14px;
  display: grid;
  justify-items: center;
}
.showoff-products .images-set__action-more {
  font-size: 18px;
}
.showoff-products .images-set__action-more:before {
  font-size: inherit;
}
.v02-header-bar .images-set, .header-bar .images-set {
  grid-template: auto 1fr/auto auto;
  row-gap: 5px;
  align-content: start;
  outline: 2px solid transparent;
  outline-offset: 4px;
  border-radius: 4px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-header-bar .images-set:hover, .header-bar .images-set:hover {
  outline-color: #0176bf;
  opacity: 1;
  cursor: pointer;
}
.v02-header-bar .images-set:hover .images-set__action, .header-bar .images-set:hover .images-set__action {
  background-color: #0176bf;
  color: white;
  cursor: pointer;
}
.v02-header-bar .images-set:hover .images-set__box, .header-bar .images-set:hover .images-set__box {
  opacity: 1;
}
.v02-header-bar .images-set .images-set__label, .header-bar .images-set .images-set__label {
  grid-column: 1/-1;
  grid-row: 1/2;
  display: grid;
  font-size: 12px;
  color: #787f8f;
}
.v02-header-bar .images-set .images-set__box, .header-bar .images-set .images-set__box {
  grid-column: 1/2;
  grid-row: 2/3;
  opacity: 0.8;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-header-bar .images-set .images-set__action, .header-bar .images-set .images-set__action {
  grid-column: 2/3;
  grid-row: 2/3;
  border: none;
  color: #333333;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
}
.v02-header-bar .images-set.--example, .header-bar .images-set.--example {
  grid-template: auto 1fr/auto auto auto;
}
.v02-header-bar .images-set.--example .images-set__action, .header-bar .images-set.--example .images-set__action {
  grid-column: 3/4;
  grid-row: 2/3;
}
.v02-header-bar .images-set.--example .images-set__action .arrow-symbol, .header-bar .images-set.--example .images-set__action .arrow-symbol {
  transform: rotate(90deg);
  position: relative;
  left: 1px;
  top: 1px;
}
.v02-header-bar .images-set.--example .images-set__description, .header-bar .images-set.--example .images-set__description {
  grid-column: 2/3;
  grid-row: 2/3;
  max-width: 50ex;
  display: grid;
  align-items: center;
  font-size: 12px;
  padding-left: 20px;
}

.select-image {
  display: grid;
  grid-auto-flow: row;
  row-gap: 40px;
}
.select-image__box {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: start;
  align-content: center;
}
.select-image__box .button, .select-image__box button {
  width: 180px;
  height: 36px;
}
.select-image__box .button.--clear, .select-image__box button.--clear {
  width: max-content;
  padding: 0 20px;
}
@media screen and (max-width: 1600px) {
  .select-image__box .button, .select-image__box button {
    height: 30px;
  }
}
.select-image__box:not(:first-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #f0f2ff;
  top: unset;
  top: -20px;
}
.select-image__wrapper {
  display: grid;
  grid-auto-flow: row;
  column-gap: 20px;
  row-gap: 8px;
  align-content: start;
  min-height: 80px;
}
@media screen and (max-width: 1600px) {
  .select-image__wrapper {
    min-height: 70px;
  }
}
.select-image__images-set {
  min-height: 80px;
  min-width: 170px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
@media screen and (max-width: 1600px) {
  .select-image__images-set {
    min-width: 130px;
    min-height: 70px;
  }
}
.v02-base-functional .select-image__box .button {
  width: auto;
  padding: 0 20px;
  border-width: 0;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-base-functional .select-image__box .button:hover {
  border-width: 0;
  background-color: #0176bf;
  color: white;
}
.v02-base-functional .select-image__box .button.--clear {
  border-width: 1px;
  border-color: #ededed;
  color: #ededed;
}
.v02-base-functional .select-image__box .button.--clear:hover {
  cursor: default;
  background-color: transparent;
}
.v02-base-functional .select-image__box.is-active .button.--clear {
  border: none;
  background-color: white;
  color: #222222;
}
.v02-base-functional .select-image__box.is-active .button.--clear:hover {
  cursor: pointer;
  background-color: #0176bf;
  color: white;
}

.fields-set {
  display: grid;
  grid-template-columns: 0.8fr;
  row-gap: 20px;
}
.test-styles .fields-set, .stylization .fields-set {
  row-gap: 30px;
}
.fields-set__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
}
.fields-set fieldset {
  border: none;
  padding: 0;
  display: grid;
}
.fields-set fieldset.in-row {
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 10px;
}
.fields-set fieldset.in-row label {
  margin: 0;
}
.fields-set fieldset input,
.fields-set fieldset textarea,
.fields-set fieldset select {
  width: 100%;
  border-radius: 5px;
}
.stylization .fields-set fieldset input,
.stylization .fields-set fieldset textarea,
.stylization .fields-set fieldset select {
  font-size: 15px;
}
.fields-set fieldset input[type=checkbox],
.fields-set fieldset textarea[type=checkbox],
.fields-set fieldset select[type=checkbox] {
  width: 20px;
  height: 20px;
}
.fields-set fieldset textarea {
  padding: 10px;
  resize: vertical;
}
.user-shapes .fields-set fieldset textarea {
  height: 100%;
}
.fields-set fieldset label {
  font-size: 16px;
  margin-bottom: 10px;
}
.fields-set fieldset.shape-attributes {
  display: grid;
  grid-template-rows: auto 1fr;
}
.fields-set fieldset.shape-attributes textarea {
  min-height: 20em;
  border: none;
}
.fields-set fieldset.shape-weight input[type=text] {
  width: 5em;
}
.test-styles .fields-set, .stylization .fields-set {
  grid-template-columns: 1fr;
}
.test-styles .fields-set fieldset textarea, .stylization .fields-set fieldset textarea {
  min-height: 7.5ex;
  resize: vertical;
}
.fields-set__button {
  display: grid;
  justify-content: center;
  padding-top: 28px;
}
.fields-set__button .button {
  display: grid;
  height: 56px;
  padding: 0 32px;
  font-size: 18px;
}
.fields-set__button:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: black;
}
.edit-styles .fields-set {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
.user-shapes .fields-set {
  grid-template-columns: 1fr;
  height: 100%;
  display: grid;
}
.user-shapes .fields-set__wrapper {
  display: grid;
  grid-auto-flow: column;
  gap: 4em;
}
.user-shapes .fields-set__wrapper-inner {
  display: grid;
  grid-template-rows: auto 1fr 1fr;
  row-gap: 40px;
  padding-bottom: 2em;
}
.user-shapes .fields-set__wrapper .images-kit-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 10px;
  align-self: start;
}
.user-shapes .fields-set__wrapper .images-kit {
  grid-template-rows: auto auto;
  align-content: start;
}
.user-shapes .fields-set__wrapper .images-kit__img {
  background-color: #f2f2f2;
  width: 200px;
  height: 200px;
}
.user-shapes .fields-set__wrapper .images-kit__img img {
  width: 100%;
  height: 100%;
}
.user-shapes .fields-set__wrapper .textarea-wrapper {
  display: grid;
  width: 100%;
  grid-template-rows: auto 1fr;
  row-gap: 20px;
}
.user-shapes .fields-set__wrapper .textarea-wrapper:last-of-type {
  margin-bottom: 0;
}
.user-shapes .fields-set__wrapper .textarea-wrapper .textarea-title {
  font-size: 16px;
  display: block;
}
.user-shapes .fields-set__wrapper .textarea-wrapper textarea {
  border: none;
  border-radius: 5px;
}
.fields-set__box {
  display: grid;
  grid-auto-flow: row;
  row-gap: 3ex;
  align-content: start;
  padding-bottom: 2em;
}
.fields-set__left, .fields-set__right {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
}
.fields-set__right::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  opacity: 1;
  left: -20px;
}

.angle {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.angle:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: false;
  left: unset;
  right: 0;
  top: 0.5ex;
  transform: translateY(0) rotate(-45deg);
  border: 1px solid currentColor;
  border-top: none;
  border-right: none;
  transform: translateY(-10%) translateX(-40%) rotate(-45deg);
}
.tr-header.is-active .angle:before {
  transform: translateY(4px) translateX(-40%) rotate(135deg);
}
.angle:hover {
  cursor: pointer;
  opacity: 0.66;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.copy-url-icon {
  fill: currentColor;
  width: 20px;
  height: 20px;
}

.magnify-glass-icon {
  display: inline-grid;
  color: #7fdbff;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-items: center;
  border-radius: 5px;
  position: relative;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.magnify-glass-icon span {
  display: block;
  position: relative;
  left: -1px;
  top: -1px;
  cursor: pointer;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1.8px solid currentColor;
  border-radius: 50%;
}
.magnify-glass-icon span:before {
  content: "+";
  color: currentColor;
  position: absolute;
  left: 3px;
  top: 6px;
  font-size: 14px;
  line-height: 0;
}
.magnify-glass-icon span:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 8px;
  height: 2px;
  background-color: currentColor;
  border-radius: 0 2px 2px 0;
  transform-origin: 0 50%;
  transform: translateX(85%) rotate(45deg);
}
.fine-tuning__img-set:hover .magnify-glass-icon, .img-set:hover .magnify-glass-icon {
  opacity: 1;
}

.magnify-icon {
  display: grid;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-items: center;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.magnify-icon svg {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
}
.fine-tuning__img-set:hover .magnify-icon, .img-set:hover .magnify-icon {
  opacity: 1;
}

.text-overflowed {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}

.td-wrapper {
  overflow: hidden;
  display: grid;
}

.sticky-wrapper {
  display: grid;
}

.main-grid {
  display: grid;
  grid-template-rows: 1fr minmax(144px, 15vh);
  height: 100vh;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.main-grid__top {
  grid-row: 1/2;
  display: grid;
  overflow-y: auto;
  overflow-x: hidden;
  align-content: start;
}
.main-grid__top:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 10px;
  background-color: #d4d5d9;
  opacity: 0.2;
  top: unset;
  bottom: 0;
  background: linear-gradient(to top, #d4d5d9 100%, transparent);
}
.main-grid__bottom {
  display: grid;
  grid-row: 2/3;
  overflow-y: auto;
  overflow-x: hidden;
}
.main-grid.--larger {
  grid-template-rows: 1fr minmax(144px, 33vh);
}
.main-grid.jobs--null {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  grid-template-rows: 1fr 0;
}

@keyframes rotate-it {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.reload-icon--animated {
  display: block;
  animation-duration: 1s;
  animation-name: rotate-it;
  animation-iteration-count: 5;
  animation: rotate-it 0.66s linear infinite;
}

.arrow-symbol {
  font-size: 10px;
  line-height: 0;
  height: 10px;
  width: 10px;
  display: grid;
  align-items: center;
  justify-items: center;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}

.--full-screen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 102 !important;
  background-color: #f7f7f7 !important;
}
.--full-screen pre {
  height: 100% !important;
}

.style-edition {
  position: absolute;
  z-index: 10;
  display: grid;
  width: 100%;
}
.button, button {
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 8px;
  align-items: center;
  border-radius: 5px;
  background-color: #212329;
  border: 1px solid #212329;
  color: #c0c5ce;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  height: 28px;
}
.button:hover, button:hover {
  color: white;
  background-color: #0176bf;
}
.button--black, button--black {
  background-color: #212329;
  border-color: #c0c5ce;
  color: white;
}
.button--black:hover, button--black:hover {
  color: white;
  background-color: #0176bf;
}
.button--orange, button--orange {
  background-color: #b66009;
  border-color: #b66009;
  color: white;
  border: none;
}
.button--orange:hover, button--orange:hover {
  background-color: #804000;
  border: none;
}
.button--orange.is-disabled, .button--orange[disabled], button--orange.is-disabled, button--orange[disabled] {
  color: #c0c5ce;
  background-color: #212329;
  border: none;
  box-shadow: none;
  opacity: 0.33;
}
.button--orange.is-disabled:hover, .button--orange[disabled]:hover, button--orange.is-disabled:hover, button--orange[disabled]:hover {
  cursor: default;
}
.button--cyan, button--cyan {
  background-color: #5fa7d9;
  border-color: #5fa7d9;
  color: white;
}
.button--cyan:hover, button--cyan:hover {
  background-color: #0176bf;
  border-color: #0176bf;
}
.button--small, button--small {
  padding: 0 1ex;
  height: 36px;
  font-size: 16px;
}
.button--large, button--large {
  padding: 1ex 2em;
  height: auto;
}
.button--lined, button--lined {
  background-color: transparent;
  border: 1px solid inherit;
}
.button--transparent, button--transparent {
  background-color: transparent;
  border: none;
  box-shadow: none !important;
}
.button--delete, button--delete {
  justify-self: end;
  color: #5fa7d9;
}
.button--delete svg, button--delete svg {
  width: 16px;
}
.button--log, button--log {
  justify-self: end;
  color: #5fa7d9;
}
.button--log svg, button--log svg {
  width: 16px;
}
.button--share svg, button--share svg {
  width: 24px;
}
.button[disabled], button[disabled] {
  cursor: default;
  opacity: 0.33;
  background-color: #212329;
  border: 1px solid #212329;
  color: #c0c5ce;
}
.button.is-active:not(:hover), button.is-active:not(:hover) {
  background-color: #a85400;
  color: white;
}
.button .star-icon, button .star-icon {
  height: 16px;
  width: 16px;
}
.button .star-icon .svg-sprite, button .star-icon .svg-sprite {
  height: 100%;
  width: 100%;
}
.showoff-lists .base-functional__buttons .button, .showoff-lists .base-functional__buttons button {
  height: auto;
  min-height: 28px;
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
}

.buttons-set,
.t-buttons-set {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  flex-wrap: wrap;
  gap: 3px;
}
.buttons-set .button, .buttons-set__button,
.t-buttons-set .button,
.t-buttons-set__button {
  background-color: #f2f2f2;
  height: 30px;
  border-radius: 5px;
  display: grid;
  align-items: center;
  justify-items: center;
  grid-auto-flow: column;
  column-gap: 10px;
  padding: 0 10px;
  font-size: inherit;
  border: none;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.buttons-set .button .svg-sprite, .buttons-set__button .svg-sprite,
.t-buttons-set .button .svg-sprite,
.t-buttons-set__button .svg-sprite {
  width: 100%;
  height: 100%;
}
.buttons-set .button:hover, .buttons-set__button:hover,
.t-buttons-set .button:hover,
.t-buttons-set__button:hover {
  background-color: #0176bf;
  cursor: pointer;
  color: white;
}
.t-card .buttons-set .button, .t-card .buttons-set__button,
.t-card .t-buttons-set .button,
.t-card .t-buttons-set__button {
  min-width: unset;
  height: 40px;
  width: 40px;
  padding: 0;
}
.buttons-set .button.has-status, .buttons-set__button.has-status,
.t-buttons-set .button.has-status,
.t-buttons-set__button.has-status {
  background-color: transparent;
  justify-self: end;
}
.buttons-set__icon,
.t-buttons-set__icon {
  line-height: 0;
  width: 16px;
  height: 16px;
}
.buttons-set__text,
.t-buttons-set__text {
  position: relative;
  top: 0.2ex;
  text-align: left;
}
.buttons-set__label,
.t-buttons-set__label {
  margin-right: 1ex;
}
.buttons-set__label strong,
.t-buttons-set__label strong {
  color: #7fdbff;
  font-size: 18px;
}
.buttons-set .important-icon,
.t-buttons-set .important-icon {
  color: #ff7f66;
}
.log-layer .buttons-set,
.log-layer .t-buttons-set {
  position: sticky;
  top: 10px;
  z-index: 10;
  height: 0;
  margin-right: 20px;
}
.log-layer .buttons-set__button,
.log-layer .t-buttons-set__button {
  width: 30px;
  height: 30px;
  padding: 0;
  color: #222222;
  background-color: white;
}
.log-layer .buttons-set__button .svg-sprite,
.log-layer .t-buttons-set__button .svg-sprite {
  color: #222222;
  fill: currentColor;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  width: 16px;
  height: 16px;
}
.log-layer .buttons-set__button:hover,
.log-layer .t-buttons-set__button:hover {
  background-color: #0176bf;
}
.log-layer .buttons-set__button:hover .svg-sprite,
.log-layer .t-buttons-set__button:hover .svg-sprite {
  fill: white;
}
.buttons-set .images-set,
.t-buttons-set .images-set {
  grid-template: unset;
  grid-auto-flow: column;
  align-items: center;
  font-size: 12px;
  column-gap: 2px;
}
.buttons-set .images-set:not(:last-of-type),
.t-buttons-set .images-set:not(:last-of-type) {
  margin-right: 10px;
}
.buttons-set .images-set__label,
.t-buttons-set .images-set__label {
  display: grid;
  padding-right: 4px;
}
.buttons-set .images-set__img,
.t-buttons-set .images-set__img {
  height: 28px;
  width: 28px;
  position: relative;
  overflow: hidden;
}
.buttons-set .images-set__action,
.t-buttons-set .images-set__action {
  height: 28px;
  width: 28px;
  position: relative;
  padding: 0;
  border: none;
}
.buttons-set .images-set__action .edit-icon,
.t-buttons-set .images-set__action .edit-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: -2px;
}
.buttons-set .images-set__action .edit-icon .svg-sprite,
.t-buttons-set .images-set__action .edit-icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.toolbar-top .buttons-set,
.toolbar-top .t-buttons-set {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}
.--has-2-toolbar .toolbar-top .buttons-set,
.--has-2-toolbar .toolbar-top .t-buttons-set {
  height: 60px;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 1600px) {
  .--has-2-toolbar .toolbar-top .buttons-set,
  .--has-2-toolbar .toolbar-top .t-buttons-set {
    height: 50px;
  }
}

.has-hidden-buttons-set .t-buttons-set--hidden {
  display: none !important;
}
.has-hidden-buttons-set .t-buttons-set:nth-child(1) .t-buttons-set__button {
  border-radius: 0;
}
.has-hidden-buttons-set .t-buttons-set:nth-child(1) .t-buttons-set__button:hover {
  background-color: #ccccd9;
}
.has-hidden-buttons-set .t-buttons-set:nth-child(1) .t-buttons-set__button.is-active {
  background-color: #ccccd9;
}
.has-hidden-buttons-set .t-buttons-set + .t-buttons-set {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 100%;
  width: max-content;
  background: #ccccd9;
  height: 52px;
  padding: 0 1.5em;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
  align-content: center;
}
.has-hidden-buttons-set .t-buttons-set + .t-buttons-set .images-set__img {
  background-color: #ccccd9;
}
.has-hidden-buttons-set .t-buttons-set .t-buttons-set__icon.ellipsis-icon {
  height: 11px;
  width: 3px;
}
.has-hidden-buttons-set .t-buttons-set .t-buttons-set__icon.ellipsis-icon .svg-sprite {
  width: 100% !important;
  height: 100% !important;
}
.has-hidden-buttons-set .t-buttons-set__label {
  color: black;
}
.has-hidden-buttons-set.is-active {
  z-index: 100;
}
.site-header {
  background-color: #f7f7f7;
  color: white;
  font-size: 3rem;
  font-weight: 300;
  margin: 0 -20px 20px -20px;
  padding: 1rem 20px;
  text-align: center;
  position: relative;
  z-index: 49;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.site-header__logo {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: center;
  align-items: center;
}
.site-header__logo img {
  margin-right: 10px;
  width: 39px;
  height: 32px;
}
.site-header__image-set {
  display: none;
}
.is-loggedin .site-header__image-set {
  display: grid;
}
.site-header__image-set .button {
  font-size: 18px;
  background-color: transparent;
  color: #333333;
  border-color: transparent;
  padding: 0;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.site-header__image-set .button:hover {
  opacity: 0.66;
  background-color: transparent;
}
.site-header__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
}
.site-header__login {
  display: grid;
  position: relative;
  font-size: 18px;
  grid-auto-flow: column;
  align-items: center;
}
.is-loggedin .site-header__login {
  display: none;
}
.site-header__login button {
  height: 40px;
  padding: 0 10px;
  background-color: transparent;
  color: white;
  border: none;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.site-header__login button svg {
  fill: currentColor;
}
.site-header__login button:hover {
  opacity: 0.66;
}
.site-header__account, .site-header__logout {
  display: none;
  font-size: 18px;
  grid-auto-flow: column;
  align-items: center;
}
.is-loggedin .site-header__account, .is-loggedin .site-header__logout {
  display: grid;
}
.site-header__account button, .site-header__logout button {
  height: 40px;
  padding: 0 0 0 56px;
  background-color: transparent;
  color: #333333;
  border: none;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.site-header__account button svg, .site-header__logout button svg {
  fill: currentColor;
}
.site-header__account button:hover, .site-header__logout button:hover {
  opacity: 0.66;
  cursor: pointer;
}
.site-header__account-img, .site-header__logout-img {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
}
.site-header__account-img img, .site-header__logout-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-header__logout {
  color: white;
  margin-left: 12px;
}
.site-header__logout button {
  padding-left: 12px;
}
.site-header__logout:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  opacity: 0.2;
}

.theme-mode-button {
  background-color: transparent;
  border: none;
  position: relative;
  top: -0.25em;
  width: 40px;
  height: 40px;
  display: inline-grid;
  align-items: center;
  justify-items: center;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.theme-mode-button:hover {
  opacity: 0.66;
}

.theme-mode-toggle-svg {
  display: none;
  position: absolute;
  width: 20px;
  height: 20px;
}
.theme-mode-toggle-svg.is-active {
  display: block;
  position: relative;
}

.all-objects {
  display: none;
}
.is-loggedin .all-objects {
  display: grid;
}
.all-objects__table {
  border: solid #2b303b 1px;
  border-collapse: collapse;
}
.all-objects__table .tr-header {
  cursor: pointer;
}
.all-objects__table .tr-header td {
  border: solid #2b303b 1px;
  padding: 12px 20px;
}
.all-objects__table .tr-header td.td-angle {
  width: 20px;
}
.all-objects__table .tr-header td.td-stretch {
  width: 100%;
}
.all-objects__table .tr-header .td-name {
  font-size: 20px;
  font-weight: 500;
}
.all-objects__table .tr-header.is-active td {
  background-color: #f2f2f2;
}
.all-objects__table .tr-header.is-active .td-name {
  background-color: #5fa7d9;
  color: white;
  font-size: 24px;
  font-weight: 500;
}

.fine-tuning {
  padding: 40px;
}
.fine-tuning__header {
  margin-bottom: 1em;
  font-size: 24px;
  color: #7fdbff;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  justify-content: space-between;
  align-items: center;
}
.fine-tuning__header-text {
  margin-bottom: -0.1em;
}
.fine-tuning__subheader {
  margin: 0 0 1em 0;
}
.td-source-images__wrapper .fine-tuning__subheader {
  margin: 0;
}
.sticker-packs .fine-tuning__subheader {
  font-size: 20px;
  color: #7fdbff;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
}
.fine-tuning__wrapper {
  display: grid;
}
.fine-tuning__table {
  outline: solid #5fa7d9 2px;
  outline-offset: -1px;
  border-collapse: collapse;
  background-color: #22262e;
  margin-bottom: 40px;
}
.fine-tuning__table td {
  border: solid #2b303b 1px;
  padding: 6px 12px;
  position: relative;
}
.fine-tuning__table td.sticker-packs {
  padding: 20px 20px 40px;
}
.fine-tuning__table td.td-angle {
  width: 1px;
}
.fine-tuning.is-active .fine-tuning__table {
  display: none;
}
.fine-tuning__img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
  width: fit-content;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.fine-tuning__img-set img {
  border-radius: 3px;
  filter: grayscale(0.5);
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.tr-header .fine-tuning__img-set {
  justify-content: center;
}
.fine-tuning__img-set .magnify-icon {
  color: #5fa7d9;
  opacity: 0.66;
}
.fine-tuning__img-set:hover img {
  filter: grayscale(0);
  opacity: 1;
  cursor: pointer;
}
.fine-tuning__img-set:hover .magnify-glass-icon,
.fine-tuning__img-set:hover .magnify-icon {
  opacity: 1;
}
.fine-tuning__tr-header {
  background-color: #f2f2f2;
}
.fine-tuning .button {
  justify-self: center;
  padding: 0 28px;
  font-size: 18px;
  height: 48px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.fine-tuning .button:hover {
  opacity: 1;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.fine-tuning .button--lined {
  box-shadow: none;
}
.fine-tuning .button--lined:hover {
  box-shadow: none;
  background-color: transparent;
}
.fine-tuning__buttons {
  justify-self: end;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  height: 100%;
}
.fine-tuning__buttons .button:hover {
  color: #7fdbff;
}
.fine-tuning .td-name {
  background-color: #5fa7d9;
  color: white;
  font-size: 24px;
  font-weight: 500;
}
.fine-tuning .td-complete,
.fine-tuning .td-error,
.fine-tuning .td-progress {
  color: white;
  text-align: center;
  width: 1%;
  white-space: nowrap;
}
.fine-tuning .td-complete {
  background-color: #69b569;
}
.fine-tuning .td-error {
  background-color: #ff7f66;
}
.fine-tuning .td-progress {
  background-color: #b38a4c;
}
.fine-tuning .td-result {
  width: 0;
}
.fine-tuning .td-result .button {
  font-size: 14px;
  height: 36px;
  padding: 0 28px;
  color: #5fa7d9;
  outline: 1px solid transparent;
  position: relative;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  white-space: nowrap;
}
.fine-tuning .td-result .button:hover {
  outline: 1px solid black;
  box-shadow: 0 15px 15px -7px rgb(0, 0, 0);
  border-color: black;
}
.fine-tuning .td-result--progress {
  outline: 2px solid #b38a4c;
  outline-offset: -2px;
}
.fine-tuning .td-result--error {
  outline: 2px solid #ff7f66;
  outline-offset: -2px;
}
.fine-tuning .td-delete,
.fine-tuning .td-log,
.fine-tuning .td-share {
  width: 1%;
}
.fine-tuning .td-delete .button,
.fine-tuning .td-log .button,
.fine-tuning .td-share .button {
  font-size: 14px;
  height: 36px;
  padding: 0 10px;
  color: #5fa7d9;
}
.fine-tuning .td-delete .button:hover,
.fine-tuning .td-log .button:hover,
.fine-tuning .td-share .button:hover {
  color: #7fdbff;
}
.fine-tuning .td-share .button {
  padding: 0 5px 0 10px;
}
.fine-tuning .tr-error {
  outline: 1px solid #ff7f66;
  outline-offset: -1px;
}
.fine-tuning .tr-error .button--log,
.fine-tuning .tr-error .button--share,
.fine-tuning .tr-error .button--delete {
  color: #ff7f66;
}
.fine-tuning .tr-progress {
  outline: 1px solid #b38a4c;
  outline-offset: -1px;
}
.fine-tuning .td-link-wrapper {
  display: grid;
  grid-auto-flow: row;
  row-gap: 6px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.fine-tuning .td-link-wrapper .link {
  color: #5fa7d9;
}
.fine-tuning .td-link-wrapper .link:hover {
  color: #7fdbff;
}
.fine-tuning .sticker-packs table {
  width: 100%;
}
.fine-tuning .sticker-packs__button {
  display: grid;
  grid-auto-flow: column;
  column-gap: 2px;
  justify-content: start;
}
.fine-tuning .sticker-packs__button button {
  color: #7fdbff;
}

.td-source-images {
  padding: 20px;
  background-color: #f2f2f2;
}
.td-source-images__wrapper {
  display: grid;
  grid-template-columns: auto auto 1fr;
  justify-content: start;
  align-items: center;
  column-gap: 20px;
}
.td-source-images .button--delete,
.td-source-images .button--log,
.td-source-images .button--share,
.td-source-images .button--reload,
.td-source-images .button--edit {
  height: 100%;
  color: #5fa7d9;
  justify-self: end;
  padding: 0;
  height: 40px;
  width: 40px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.fine-tuning__table .td-source-images {
  border-bottom-color: transparent;
}

.tr-source-images {
  display: none;
}
.tr-source-images.is-active {
  display: table-row;
}
.tr-source-images .button--edit {
  width: auto;
  padding: 0 10px;
}

.full-layer {
  display: none;
  grid-template: 10px 1fr 10px/10px 1fr 10px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 101;
}
.full-layer.json-window {
  grid-template: 10px 1fr 10px/10px 1fr 10px;
}
.full-layer.is-active {
  display: grid;
}
.full-layer:before {
  content: "";
  display: grid;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  z-index: -1;
  opacity: 60%;
}
.full-layer.full-images-layer {
  grid-template: 20px 1fr 20px/20px 1fr 20px;
}
.full-layer.large-layout {
  grid-template: 0 1fr 0/0 1fr 0;
}
.full-layer__box {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  border-radius: 20px;
  padding: 60px 40px;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  background-color: #babbbf;
  box-shadow: 0 10px 50px -10px rgb(0, 0, 0);
  color: #13151a;
  align-content: start;
  /* height: max-content;
  max-height: 100%; */
}
.user-identity .full-layer__box {
  grid-template-rows: auto 1fr;
}
.hd-layout .full-layer__box {
  padding-left: 10px;
  padding-bottom: 20px;
}
.full-images-layer .full-layer__box {
  padding: 40px 20px 0 20px;
  grid-template-rows: 1fr auto;
}
.test-dem-log .full-layer__box {
  padding-top: 30px;
}
.final-images-layer .full-layer__box {
  padding-top: 72px;
  padding-right: 0;
}
.training-layer .full-layer__box {
  padding-top: 40px;
}
.log-layer .full-layer__box {
  padding-top: 32px;
}
.edit-styles .full-layer__box, .images-set-layer .full-layer__box, .images-cloud-layer .full-layer__box, .test-styles .full-layer__box, .images-layer .full-layer__box, .inference-layer .full-layer__box {
  padding-top: 30px;
  padding-bottom: 30px;
}
.json-window .full-layer__box {
  grid-template-rows: auto auto 1fr;
}
.large-layout .full-layer__box {
  border-radius: 0;
}
.full-layer__box-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: -20px;
}
.full-layer__box-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: black;
  left: 20px;
}
.test-styles .full-layer__box-wrapper:before {
  width: calc(100% - 40px);
}
.test-dem-log .full-layer__box-wrapper:before {
  content: none;
}
.style-data-config .full-layer__box-wrapper:before {
  content: none;
}
.layer-4k-images .full-layer__box-wrapper {
  padding-top: 20px;
}
.layer-4k-images .full-layer__box-wrapper:before {
  content: none;
}
.final-images-layer .full-layer__box-wrapper {
  padding-bottom: 40px;
  padding-right: 72px;
}
.final-images-layer .full-layer__box-wrapper:before {
  content: none;
}
.log-layer .full-layer__box-wrapper, .final-images-layer .full-layer__box-wrapper {
  border-top: none;
}
.final-images-layer .full-layer__box-wrapper:before {
  content: none;
}
.log-layer .full-layer__box-wrapper, .infrastructure-dashboard--4x3 .full-layer__box-wrapper {
  margin-right: -20px;
}
.log-layer .full-layer__box-wrapper::before, .infrastructure-dashboard--4x3 .full-layer__box-wrapper::before {
  content: none;
}
.images-layer .full-layer__box-wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 20%);
  column-gap: 6%;
  padding-top: 20px;
}
.jobs-list-layer .full-layer__box-wrapper {
  padding: 0;
  border: none;
}
.json-window .full-layer__box-wrapper {
  grid-row: 3/4;
  padding-right: 0;
}
.full-layer.--zindex-02:not(.info-layer) {
  grid-template: 20px 1fr 30px/20px 1fr 20px;
}
.full-layer.--zindex-02:not(.info-layer) .full-layer__box {
  border-radius: 15px;
}
.full-layer.--zindex-02:not(.info-layer):before {
  opacity: 30%;
}
.full-layer.--zindex-03:not(.info-layer) {
  grid-template: 30px 1fr 50px/30px 1fr 30px;
}
.full-layer.--zindex-03:not(.info-layer) .full-layer__box {
  border-radius: 10px;
}
.full-layer.--zindex-03:not(.info-layer):before {
  opacity: 30%;
}
.full-layer.--zindex-04:not(.info-layer) {
  grid-template: 40px 1fr 70px/40px 1fr 40px;
}
.full-layer.--zindex-04:not(.info-layer) .full-layer__box {
  border-radius: 7px;
}
.full-layer.--zindex-04:not(.info-layer):before {
  opacity: 30%;
}
.full-layer__closer {
  font-size: 24px;
  line-height: 100%;
  position: absolute;
  right: 13px;
  top: 10px;
  cursor: pointer;
  transition: all;
  transition-duration: 0.25s;
  z-index: 1;
}
.full-layer.api-log-layer .full-layer__box {
  align-content: unset;
  grid-template-rows: auto auto auto 1fr;
  padding-bottom: 20px;
}
.full-layer.api-log-layer .full-layer__box-wrapper {
  display: grid;
  overflow: hidden;
  grid-template-rows: 1.8fr 1.2fr;
  row-gap: 20px;
}
.full-layer.api-log-layer .full-layer__box .loading-log {
  overflow-x: unset;
  height: unset;
  overflow-y: auto;
  align-content: start;
}
.full-layer.api-log-layer .full-layer__box .loading-log__box {
  display: block;
  overflow-x: auto;
}
.full-layer__closer:hover {
  opacity: 0.66;
}
.full-layer__header {
  color: #13151a;
  font-size: 32px;
  margin-bottom: 1em;
  max-width: calc(100% - 80px);
}
.full-layer__header-title {
  color: #13151a;
  font-size: 28px;
  margin-bottom: 1em;
  max-width: calc(100% - 80px);
  margin: 0;
}
.edit-styles .full-layer__header, .test-styles .full-layer__header {
  margin-bottom: 1ex;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  column-gap: 80px;
  max-width: unset;
  width: calc(100% - 20px);
}
.edit-styles .full-layer__header .button, .test-styles .full-layer__header .button {
  font-size: 16px;
  padding: 0 1ex;
  height: 36px;
  position: relative;
}
.edit-styles .full-layer__header .button:before, .test-styles .full-layer__header .button:before {
  content: none;
}
.edit-styles .full-layer__header .button:hover, .test-styles .full-layer__header .button:hover {
  cursor: pointer;
}
.edit-styles .full-layer__header .button.is-disabled, .edit-styles .full-layer__header .button[disabled], .test-styles .full-layer__header .button.is-disabled, .test-styles .full-layer__header .button[disabled] {
  box-shadow: none;
}
.edit-styles .full-layer__header .button.is-disabled:hover, .edit-styles .full-layer__header .button[disabled]:hover, .test-styles .full-layer__header .button.is-disabled:hover, .test-styles .full-layer__header .button[disabled]:hover {
  cursor: default;
  box-shadow: none;
}
.edit-styles .full-layer__header-buttons, .test-styles .full-layer__header-buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  align-self: end;
}
.edit-styles .full-layer__header-buttons img, .test-styles .full-layer__header-buttons img {
  height: 36px;
  border-radius: 5px;
}
.edit-styles .full-layer__header-wrapper, .test-styles .full-layer__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.edit-styles .full-layer__header-input, .test-styles .full-layer__header-input {
  height: 36px;
  border: none;
  font-size: 16px;
  width: 64px;
  border-radius: 5px;
  padding: 0 6px;
}
.edit-styles .full-layer__header-label, .test-styles .full-layer__header-label {
  font-size: 16px;
  color: #333333;
}
.edit-styles .full-layer__header-text, .test-styles .full-layer__header-text {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
}
.edit-styles .full-layer__header-title, .test-styles .full-layer__header-title {
  font-size: 36px;
  margin: 0;
}
.edit-styles .full-layer__header-subtitle, .test-styles .full-layer__header-subtitle {
  font-size: 18px;
  color: #333333;
}
.training-layer .full-layer__header {
  width: 90%;
}
.final-images-layer .full-layer__header h2 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  margin: 0;
}
.jobs-list-layer .full-layer__header {
  max-width: unset;
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.json-window .full-layer__header {
  grid-row: 1/2;
  margin-bottom: 0;
}
.full-layer__header .wrapper {
  display: grid;
  grid-auto-flow: column;
  padding-right: 20px;
  column-gap: 20px;
}
.hd-layout .full-layer__header .wrapper {
  grid-auto-flow: row;
  row-gap: 10px;
  justify-items: end;
}
.json-window .full-layer__control-bar {
  grid-row: 2/3;
  margin-bottom: 20px;
}
.full-layer__subheader {
  font-size: 18px;
  margin-bottom: 28px;
  margin-top: -1em;
}
.training-layer .full-layer__subheader {
  width: 80%;
}
.test-styles .full-layer__subheader {
  margin-top: 0;
}
.api-log-layer .full-layer__subheader {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: start;
  align-items: center;
}
.full-layer__button {
  justify-self: start;
  padding: 0 28px;
  font-size: 20px;
  color: white;
  height: 56px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
.full-layer__button:hover {
  padding: 0 40px;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
}
.full-layer__button.is-disabled, .full-layer__button[disabled] {
  background-color: #babbbf;
  color: #f7f7f7;
  cursor: default;
  position: relative;
  justify-items: center;
}
.full-layer__button.is-disabled:hover, .full-layer__button[disabled]:hover {
  padding: 0 28px;
  box-shadow: none;
}
.full-layer__button.is-disabled:hover:before, .full-layer__button[disabled]:hover:before {
  content: "Enter name of Set";
  display: block;
  color: #ff9177;
  font-size: 14px;
  position: absolute;
  left: 110%;
  white-space: nowrap;
}
.full-layer__description {
  line-height: 133%;
  margin-bottom: 40px;
  max-width: 90ex;
}
@media screen and (max-width: 1480px) {
  .full-layer__description {
    min-width: 80ex;
  }
}
.full-layer__custom {
  border-top: 1px solid black;
  padding-top: 40px;
}
.full-layer__wrapper-sets-list {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 100px;
  padding-top: 28px;
  margin-bottom: 60px;
}
.edit-styles .full-layer__wrapper-sets-list {
  grid-template-columns: 0.25fr 0.75fr;
  margin-bottom: 0;
}
.user-identity .full-layer__wrapper-sets-list {
  grid-template-columns: minmax(10em, auto) 1fr;
  column-gap: 60px;
  margin-bottom: 0;
  height: 100%;
}
.test-styles .full-layer__wrapper-sets-list {
  grid-template-columns: 1.6fr 1.4fr;
  margin-bottom: 0;
}
.test-styles .full-layer__wrapper-sets-list .button--reload {
  width: max-content;
  font-size: 16px;
  height: 40px;
  column-gap: 10px;
  padding: 0 20px 0 16px;
  background-color: #f7f7f7;
  border: none;
}
.test-styles .full-layer__wrapper-sets-list .button--reload .reload-icon {
  height: 18px;
  width: 18px;
}
.test-styles .full-layer__wrapper-sets-list .button--reload .reload-icon svg {
  width: 100%;
  height: 100%;
}
.showoff-products .full-layer__wrapper-sets-list {
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
}
.full-layer__base-functional {
  background-color: #dee0e6;
  padding: 6%;
  height: fit-content;
  position: sticky;
  top: 0;
  left: 0;
}
.tags-edit .full-layer__base-functional {
  top: -40px;
}
.images-layer .full-layer__base-functional {
  padding: 20px;
  min-width: unset;
  white-space: nowrap;
  justify-self: end;
}
.edit-styles .full-layer__base-functional {
  padding: 40px;
}
.user-shapes .full-layer__base-functional {
  height: 100%;
  position: relative;
  height: calc(100vh - 180px);
  overflow: auto;
}
.test-styles .full-layer__base-functional {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
  padding: 20px;
}
.test-stylization .full-layer__base-functional {
  max-height: calc(100vh - 180px);
}
.full-layer__top-bar {
  margin-bottom: 1em;
  position: absolute;
  top: 20px;
  left: 40px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
}
.full-layer__top-bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: calc(100% + 20px);
}
.full-layer__downemall button, .full-layer__download-selected button, .full-layer__selection button {
  border: none;
  display: grid;
  align-items: baseline;
  grid-auto-flow: column;
  column-gap: 10px;
  padding: 0;
  background-color: transparent;
  color: #333333;
  line-height: 0;
}
.full-layer__downemall button svg, .full-layer__download-selected button svg, .full-layer__selection button svg {
  fill: currentColor;
}
.full-layer__downemall button:hover, .full-layer__download-selected button:hover, .full-layer__selection button:hover {
  opacity: 0.66;
  cursor: pointer;
}
.full-layer__downemall button em, .full-layer__download-selected button em, .full-layer__selection button em {
  font-style: normal;
  color: white;
  margin-inline: 0.5ex;
  font-weight: bold;
  font-size: 18px;
}
.full-layer__selection {
  margin-left: 40px;
}
.full-layer__selection-icons {
  width: 20px;
  height: 28px;
}
.full-layer__selection-button .checkbox-icon {
  display: none;
}
.full-layer__selection-button.is-active .checkbox-icon {
  display: grid;
}
.full-layer__selection-button.is-active .checkbox-empty-icon {
  display: none;
}
.full-layer__selection:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: -40px;
}
.full-layer__download-icons, .full-layer__selection-icons {
  width: 28px;
  height: 28px;
  display: grid;
  align-items: center;
}
.full-layer__selection-icons {
  width: 20px;
  display: grid;
  align-items: center;
}
.full-layer__download-text, .full-layer__selection-text {
  display: block;
  position: relative;
  top: -1ex;
}
.full-layer .link {
  color: #7fdbff;
}
.full-layer .link--over {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.full-layer__tabs {
  margin-bottom: 10px;
  overflow-x: auto;
}
.full-layer__loading {
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
  justify-content: center;
  align-items: center;
}
.full-layer__loading-cifir {
  font-size: 28px;
}
.full-layer__loading-button {
  display: none;
  height: 56px;
  padding: 0 30px;
  font-size: 24px;
  border-radius: 10px;
  background-color: black;
  color: white;
}
.full-layer__loading-button:hover {
  background-color: #7fdbff;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  color: black;
}
.full-layer__loading-button.is-disabled, .full-layer__loading-button[disabled] {
  background-color: transparent;
  border: 1px solid currentColor;
  opacity: 0.25;
  color: currentColor;
}
.full-layer.json-window {
  grid-template: 10px 1fr 10px/10px 1fr 10px;
}
.full-layer.json-window .full-layer__box-wrapper::before {
  content: none;
}
.full-layer.json-window .full-layer__box {
  padding-bottom: 40px;
}

.download-bar {
  font-size: 14px;
  display: grid;
  justify-content: start;
  align-items: center;
  width: 100%;
  grid-auto-flow: column;
  column-gap: 22px;
  margin-left: -8px;
  position: absolute;
  left: 40px;
  top: 0px;
  height: 44px;
}
.download-bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: 100%;
  left: -40px;
}
.download-bar__send button, .download-bar__download-all button, .download-bar__download-selected button, .download-bar__select-deselect button {
  border: none;
  display: grid;
  align-items: baseline;
  grid-auto-flow: column;
  column-gap: 10px;
  padding: 4px 8px;
  background-color: transparent;
  color: #333333;
  line-height: 0;
  font-size: 14px;
  border-radius: 5px;
  height: 30px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.download-bar__send button svg, .download-bar__download-all button svg, .download-bar__download-selected button svg, .download-bar__select-deselect button svg {
  fill: currentColor;
}
.download-bar__send button:hover, .download-bar__download-all button:hover, .download-bar__download-selected button:hover, .download-bar__select-deselect button:hover {
  cursor: pointer;
  background-color: #f2f2f2;
  color: white;
}
.download-bar__send button em, .download-bar__download-all button em, .download-bar__download-selected button em, .download-bar__select-deselect button em {
  font-style: normal;
  color: white;
  margin-inline: 0.5ex;
  font-weight: bold;
  font-size: 18px;
}
.download-bar__icons {
  width: 22px;
  height: 22px;
  display: grid;
  align-items: center;
}
.download-bar__send .download-bar__icons, .download-bar__select-deselect .download-bar__icons {
  width: 17px;
  height: 22px;
}
.download-bar__send button .checkbox-icon, .download-bar__send button .checkbox-text, .download-bar__select-deselect button .checkbox-icon, .download-bar__select-deselect button .checkbox-text {
  display: none;
}
.download-bar__send button.is-active .checkbox-icon, .download-bar__send button.is-active .checkbox-text, .download-bar__select-deselect button.is-active .checkbox-icon, .download-bar__select-deselect button.is-active .checkbox-text {
  display: grid;
}
.download-bar__send button.is-active .checkbox-empty-icon, .download-bar__send button.is-active .checkbox-empty-text, .download-bar__select-deselect button.is-active .checkbox-empty-icon, .download-bar__select-deselect button.is-active .checkbox-empty-text {
  display: none;
}
.download-bar__send:before, .download-bar__select-deselect:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: -12px;
}
.download-bar__send .download-bar__icons {
  width: 17px;
  height: 17px;
}
.download-bar__send .download-bar__icons .svg-sprite {
  width: 100%;
  height: 100%;
}
.download-bar__send .download-bar__text {
  top: -1px;
}
.download-bar__filter-by .wrapper {
  padding: 0 8px;
  min-height: 30px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
}
.download-bar__filter-by select {
  border: none;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
}
.download-bar__filter-by:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: -12px;
}
.download-bar__paginator {
  min-height: 30px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
  padding: 0 8px;
}
.download-bar__paginator:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: -12px;
}
.download-bar__text {
  display: block;
  position: relative;
  top: -0.8ex;
}

.loading-log {
  display: grid;
  border-radius: 5px;
  background-color: #f7f7f7;
  padding: 20px;
  color: #333333;
  line-height: 133%;
  font-size: 1.142rem;
  overflow-x: auto;
  height: 100%;
}
.v02-full-layer .loading-log {
  background-color: #d4d5d9;
}
.loading-log header {
  font-size: 20px;
  margin: 1em 0;
}
.infrastructure-status .loading-log .buttons-set,
.infrastructure-status .loading-log .t-buttons-set {
  right: 0;
  top: 0;
  margin: 0;
}
.infrastructure-status .loading-log .buttons-set__button,
.infrastructure-status .loading-log .t-buttons-set__button {
  line-height: 0;
}
.loading-log__text {
  display: grid;
  position: relative;
}
.loading-log__text p {
  margin-top: 0;
}
.json-window .loading-log {
  padding: 0;
}
.json-window .loading-log .buttons-set,
.json-window .loading-log .t-buttons-set {
  position: absolute;
  right: 25px;
  top: 5px;
  z-index: 2;
}
.json-window .loading-log .buttons-set__button,
.json-window .loading-log .t-buttons-set__button {
  height: 40px;
  width: 40px;
  padding: 0;
  background-color: #babbbf;
}
.json-window .loading-log .buttons-set__button:hover,
.json-window .loading-log .t-buttons-set__button:hover {
  cursor: pointer;
  background-color: #0176bf;
  color: white;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
.json-window .loading-log--full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 101;
}
.stylization .loading-log {
  padding: 0;
}
.stylization .loading-log .buttons-set,
.stylization .loading-log .t-buttons-set {
  position: absolute;
  right: 25px;
  top: 5px;
  z-index: 2;
}
.stylization .loading-log .buttons-set__button,
.stylization .loading-log .t-buttons-set__button {
  height: 40px;
  width: 40px;
  padding: 0;
  background-color: #babbbf;
  color: #13151a;
}
.stylization .loading-log .buttons-set__button:hover,
.stylization .loading-log .t-buttons-set__button:hover {
  cursor: pointer;
  background-color: #0176bf;
  color: white;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
.stylization .loading-log .buttons-set__button.translate-button,
.stylization .loading-log .t-buttons-set__button.translate-button {
  padding: 0 5px;
  width: max-content;
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.stylization .loading-log .buttons-set__button.translate-button .t-buttons-set__text,
.stylization .loading-log .t-buttons-set__button.translate-button .t-buttons-set__text {
  text-transform: uppercase;
}
.stylization .loading-log .buttons-set__select,
.stylization .loading-log .t-buttons-set__select {
  height: 40px;
  width: auto;
  padding: 0;
  margin: 0;
  background-color: #babbbf;
  border-radius: 5px;
  border: none;
  padding: 0 5px;
  color: #333333;
  font-size: 12px;
  max-width: 20ex;
}
.stylization .loading-log .buttons-set__select:hover,
.stylization .loading-log .t-buttons-set__select:hover {
  cursor: pointer;
  background-color: #0176bf;
  color: white;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
.stylization .loading-log .buttons-set__select optgroup,
.stylization .loading-log .t-buttons-set__select optgroup {
  margin: 0;
  padding: 0;
  list-style: none;
}
.stylization .loading-log--full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 101;
}

.loading-log-addition {
  display: grid;
  overflow: hidden;
  align-content: start;
}
.loading-log-addition__header {
  font-size: 18px;
  margin: 0 0 1ex 0;
}
.loading-log-addition__text {
  display: grid;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  background-color: #f7f7f7;
  color: #333333;
  font-size: 1rem;
  line-height: 133%;
  overflow-y: auto;
  height: 100%;
}
.loading-log-addition__text p {
  margin-top: 0;
}

.custom-box {
  display: grid;
  grid-auto-flow: column;
  column-gap: 60px;
  justify-content: start;
}
.custom-box__buttons {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
}
.custom-box__buttons-fields {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 6px;
}
.custom-box__buttons-fields input[type=checkbox] {
  width: 16px;
  height: 16px;
}

.info-layer {
  grid-template: 10px auto minmax(100px, 1fr)/20% 1fr 20%;
  top: 80px;
}
.info-layer.info-layer--alert {
  top: 80px;
  grid-template: 10px auto minmax(100px, 1fr)/5% 1fr 5%;
}
@media only screen and (max-width: 1800px) {
  .info-layer {
    grid-template: 10px auto minmax(100px, 1fr)/15% 1fr 15%;
  }
}
@media only screen and (max-width: 1600px) {
  .info-layer {
    grid-template: 10px auto minmax(100px, 1fr)/10% 1fr 10%;
  }
}
@media only screen and (max-width: 1400px) {
  .info-layer {
    grid-template: 10px auto minmax(100px, 1fr)/5% 1fr 5%;
  }
}
@media only screen and (max-height: 800px) {
  .info-layer {
    grid-template: 40px 1fr 40px/5% 1fr 5%;
    top: 0;
  }
  .info-layer--short {
    grid-template: 10px auto minmax(100px, 1fr)/20% 1fr 20% !important;
    top: 80px !important;
  }
}
.info-layer--alert:before {
  content: none;
}
.info-layer .full-layer__box {
  border-radius: 10px;
  background-color: #d0d1d4;
  color: #1a1e2d;
  padding: 40px;
  overflow-y: auto;
  font-size: 18px;
}
.info-layer .full-layer__box p {
  margin-top: 0;
}
.info-layer__header {
  font-size: 28px;
  margin-top: 0;
}
.info-layer--alert .full-layer__box {
  outline: 4px solid #ff7f66;
}
.info-layer__request {
  padding-top: 1em;
}
.info-layer__request:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 1px;
  background-color: black;
  opacity: 0.25;
  left: -60px;
}
.info-layer__request-input {
  font-size: 18px;
  width: 80%;
  height: 56px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
  background-color: transparent;
  border: 1px solid #cccccc;
}
.info-layer__request-input::placeholder {
  font-style: italic;
  color: #b3b3b3;
}
.info-layer__request label {
  display: block;
  margin-bottom: 1ex;
}
.info-layer__request label span {
  color: #ff7f66;
  font-size: 24px;
}
.info-layer--confirm .info-layer__input, .info-layer--change .info-layer__input {
  font-size: 18px;
  width: 66%;
  height: 56px;
  border-radius: 5px;
  border: none;
  padding: 6px 16px;
}
.info-layer--confirm .info-layer__wrapper, .info-layer--change .info-layer__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  padding-top: 1.5em;
  margin-top: 1.5em;
  font-size: 18px;
}
.info-layer--confirm .info-layer__wrapper:before, .info-layer--change .info-layer__wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100vw;
  height: 1px;
  background-color: currentColor;
  left: -60px;
  opacity: 0.25;
}
.info-layer--confirm .info-layer__wrapper .button, .info-layer--change .info-layer__wrapper .button {
  height: 56px;
  padding: 0 36px;
}
.info-layer--confirm .info-layer__wrapper .button--lined, .info-layer--change .info-layer__wrapper .button--lined {
  color: black;
}
.info-layer--confirm .info-layer__wrapper .button--lined:hover, .info-layer--change .info-layer__wrapper .button--lined:hover {
  background-color: transparent;
  opacity: 0.66;
}
.info-layer--change .info-layer__wrapper {
  justify-content: start;
}
.info-layer--change .info-layer__request {
  padding-top: 0;
}
.info-layer--change .info-layer__request:before {
  content: none;
}
.info-layer--share .info-layer__input {
  font-size: 18px;
  width: 66%;
  height: 56px;
  border-radius: 5px;
  border: none;
  padding: 6px 16px;
}
.info-layer--share .info-layer__request {
  padding-top: 0;
  grid-template-columns: 0.8fr 0.2fr;
  display: grid;
  column-gap: 20px;
}
.info-layer--share .info-layer__request::before {
  content: none;
}
.info-layer--share .info-layer__request .button {
  height: 56px;
  padding: 0 20px;
}
.info-layer--share .info-layer__request-input {
  width: auto;
}
.info-layer--share .full-layer__info-text .link {
  color: #80d4ff;
  margin-left: 1ex;
}
.info-layer--share .full-layer__info-text:nth-of-type(2) {
  margin-top: 40px;
  padding-top: 20px;
}
.info-layer--share .full-layer__info-text:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 1px;
  background-color: currentColor;
  opacity: 0.25;
  left: -60px;
}
.info-layer--loading {
  top: 0;
  z-index: 101;
  grid-template: 0.4fr auto 1fr/1fr auto 1fr;
}
.info-layer--loading .full-layer__box {
  padding: 60px 80px;
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.5);
  background-color: #1c1f26;
  color: #0277cc;
}
.info-layer--loading:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: #f0f2ff;
  opacity: 0.75;
}
.info-layer--loading-multiple .full-layer__info {
  display: grid;
  row-gap: 1em;
}
.info-layer--loading-multiple .full-layer__loading {
  display: grid;
  column-gap: 2em;
  justify-content: space-between;
}
.info-layer--loading-multiple .full-layer__loading-text {
  font-size: 18px;
  color: #c0c5ce;
}
.info-layer--counting {
  top: 20px;
  left: 20px;
  z-index: 10000;
  grid-template: unset;
  width: auto;
  max-width: 300px;
  height: max-content;
}
.info-layer--counting .full-layer__box {
  grid-row: unset;
  grid-column: unset;
  padding: 40px;
  background-color: #1c1f26;
  color: #0277cc;
  box-shadow: 0 15px 50px 0px rgba(0, 0, 0, 0.9);
}
.info-layer--counting:before {
  content: none;
}
.info-layer--counting .full-layer__info {
  display: grid;
  row-gap: 1em;
}
.info-layer--counting .full-layer__counting {
  display: grid;
  justify-items: center;
  row-gap: 1em;
}
.info-layer--counting .full-layer__counting-text {
  font-size: 18px;
  color: #c0c5ce;
}
.info-layer--counting .full-layer__counting-button {
  height: unset;
  padding: 10px 30px;
  color: white;
  background-color: black;
}
.info-layer--counting .full-layer__counting-button[disabled] {
  background-color: #999999;
  opacity: 0.25;
}
.info-layer--counting .full-layer__counting-cifir {
  font-size: 28px;
}
.info-layer--counting .full-layer__counting-cifir span {
  font-size: 18px;
  color: #c0c5ce;
}
.info-layer.test-inference .full-layer__box {
  padding-top: 30px;
}
.info-layer__bottom-buttons {
  position: sticky;
  bottom: 0;
  z-index: 10;
  background-color: #808080;
}
.info-layer__bottom-buttons::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 40px;
  background-color: #808080;
  top: unset;
  bottom: -40px;
}

.test-inference {
  grid-template: 20px auto minmax(100px, 1fr)/10% 1fr 10%;
}
@media screen and (max-width: 1400px) {
  .test-inference {
    grid-template: minmax(20px, 1fr) auto minmax(20px, 1fr)/minmax(15px, 1fr) minmax(10px, max-content) max-content minmax(15px, 1fr);
  }
}

.training-layer__button {
  height: 40px;
  padding: 0 28px;
  justify-self: start;
}

.inference-amount {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  align-items: baseline;
  column-gap: 60px;
  font-size: 16px;
}
.runway-stylization .inference-amount {
  align-items: start;
  grid-template-columns: auto 1fr;
}
.runway-stylization .inference-amount .wrapper {
  justify-content: unset;
  justify-items: unset;
}
.runway-stylization .inference-amount .images-kit__box {
  width: 200px;
  height: 200px;
}
.runway-stylization .inference-amount .images-kit__box::before {
  width: 200px;
  height: 200px;
}
.runway-stylization .inference-amount .images-kit__img {
  width: 200px;
  height: 200px;
}
.runway-stylization .inference-amount .choose-block {
  width: 100%;
  justify-content: unset;
  justify-items: unset;
}
.runway-stylization .inference-amount .choose-block__input {
  min-width: 20em;
}
.runway-stylization .inference-amount .choose-block__input.--prompt {
  width: 100%;
  max-width: 90ex;
}
@media screen and (max-width: 1400px) {
  .inference-amount {
    column-gap: 40px;
  }
}
.inference-amount__text {
  grid-column: 1/2;
  white-space: nowrap;
}
.inference-amount__text strong {
  font-size: 20px;
}
.inference-amount .wrapper {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  column-gap: 40px;
  row-gap: 20px;
  white-space: normal;
  justify-content: start;
  justify-items: start;
}
.inference-amount .wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  left: -30px;
  opacity: 0.25;
}
@media screen and (max-width: 1400px) {
  .inference-amount .wrapper:before {
    left: -20px;
  }
}
.gpt-prompt-temp .inference-amount {
  grid-auto-flow: row;
  row-gap: 20px;
}

.choose-block,
.choose-quality,
.choose-face {
  display: grid;
  grid-auto-flow: column;
  align-items: baseline;
  justify-content: start;
  justify-items: start;
  column-gap: 10px;
  row-gap: 6px;
  grid-template: auto auto/auto 1fr;
}
.choose-block__select, .choose-block__input,
.choose-quality__select,
.choose-quality__input,
.choose-face__select,
.choose-face__input {
  grid-column: 1/3;
  grid-row: 2/3;
  border: none;
  height: 30px;
  width: min-content;
  border-radius: 5px;
  padding: 0 10px;
  background-color: white;
  font-size: 16px;
}
.choose-block__text,
.choose-quality__text,
.choose-face__text {
  grid-column: 1/2;
  grid-row: 1/2;
  font-size: 16px;
  font-weight: bold;
}
.choose-block__descr,
.choose-quality__descr,
.choose-face__descr {
  grid-column: 2/3;
  grid-row: 1/2;
  margin-left: 1em;
  font-size: 14px;
  opacity: 0.66;
}

.choose-block .wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 15px;
  grid-column: 1/3;
  align-items: center;
}
.choose-block .wrapper:before {
  content: none;
}
.choose-block .wrapper select {
  grid-row: unset;
}
.choose-block .wrapper .choose-block__text {
  grid-column: unset;
  grid-row: unset;
  color: white;
  font-size: 16px;
}
.choose-block__checkbox {
  width: 20px;
  height: 20px;
}
.choose-block__checkbox-block {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-items: baseline;
}
.choose-block__checkbox-block .choose-block__text {
  display: inline-grid;
  grid-row: unset;
  grid-column: unset;
}
.choose-block__checkbox-block .choose-block__checkbox {
  position: relative;
  top: 3px;
}
.choose-block__checkboxes {
  display: block;
}
.choose-block__checkboxes li {
  display: grid;
  grid-auto-flow: column;
  column-gap: 8px;
  justify-content: start;
  align-items: center;
  font-size: 16px;
  margin-bottom: 5px;
}
.choose-block__checkboxes li [type=checkbox] {
  width: 16px;
  height: 16px;
}
.choose-block__checkboxes.has-2-cols {
  columns: 2;
  column-gap: 40px;
}
@media screen and (max-width: 1400px) {
  .choose-block__checkboxes li {
    font-size: 14px;
  }
}
.choose-block .button, .choose-block button {
  padding-top: 0;
  padding-bottom: 0;
  height: 24px;
  font-size: 14px;
}
.choose-block--styles {
  display: grid;
  row-gap: 20px;
}
.choose-block--styles .inner-wrapper {
  grid-column: 1/-1;
  display: grid;
  align-items: center;
  row-gap: 20px;
}
.choose-block--styles .select-deselect {
  display: grid;
  grid-auto-flow: column;
  column-gap: 8px;
  align-items: center;
  justify-content: start;
  font-size: 16px;
}
.choose-block--styles .select-deselect [type=checkbox] {
  width: 16px;
  height: 16px;
}
.choose-block--prompt-tags, .choose-block--showoff-styles {
  width: 100%;
}
.choose-block--prompt-tags .choose-block__input, .choose-block--showoff-styles .choose-block__input {
  width: 100%;
}
.choose-block--prompt-tags .choose-block__inner-wrapper, .choose-block--showoff-styles .choose-block__inner-wrapper {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 10px;
}

.inference-checkbox {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
}
.inference-checkbox__checkbox {
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 3px;
}
.inference-checkbox__text {
  white-space: nowrap;
}
.inference-checkbox__description {
  font-size: 16px;
  opacity: 0.66;
}
.inference-checkbox__wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
}
.inference-checkbox:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 60px;
  background-color: currentColor;
  left: -20px;
  opacity: 0.25;
}

.final-images-layer {
  z-index: 101;
}

.full-images-layer {
  z-index: 102;
}

.gpt-prompt-layer {
  grid-template: 10px auto minmax(100px, 1fr)/10% 1fr 10%;
}
.gpt-prompt-layer .header-bar {
  position: relative;
  margin-bottom: 40px;
}
.gpt-prompt-layer .header-bar::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 2px;
  background-color: #f7f7f7;
  top: 100%;
}

.gpt-prompt-data {
  display: grid;
  grid-template: auto 1fr/1fr auto;
  column-gap: 60px;
  overflow-y: auto;
  font-size: 16px;
}
.gpt-prompt-data__columns {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 80px;
}
.gpt-prompt-data__columns-wrapper {
  display: grid;
  grid-auto-flow: row;
  column-gap: 20px;
  row-gap: 40px;
  width: 100%;
}
.gpt-prompt-data h4 {
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.gpt-prompt-data__box-01 {
  grid-column: 1/2;
  grid-row: 2/3;
  display: grid;
  grid-auto-flow: row;
  align-content: start;
}
.gpt-prompt-data__box-02 {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  width: max-content;
}
.gpt-prompt-data .sticky-wrapper {
  display: block;
}
.gpt-prompt-data .base-functional {
  width: max-content;
  min-width: unset;
  padding: 20px;
  margin-bottom: 40px;
  background-color: #f7f7f7;
  padding: 20px;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.gpt-prompt-data .base-functional__buttons {
  margin-bottom: 28px;
}
.gpt-prompt-data .base-functional .button {
  padding: 0 40px;
}

.prompt-examples {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
  min-width: 200px;
}
.prompt-examples ul {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
  justify-items: start;
}
.prompt-examples li {
  border-bottom: 1px dashed transparent;
  display: inline-block;
}
.prompt-examples li:hover {
  cursor: pointer;
  color: #7fdbff;
  border-bottom: 1px dashed currentColor;
}
.prompt-examples li.is-active {
  color: #7fdbff;
}

.prompt-area {
  display: grid;
  grid-template-columns: 1fr 8fr;
  column-gap: 10px;
  align-content: start;
}
.prompt-area textarea {
  display: grid;
  height: 60px;
  border: none;
  border-radius: 5px;
  padding: 10px;
}

@media screen and (max-width: 1600px) {
  .gpt-prompt-layer {
    grid-template: 10px auto minmax(100px, 1fr)/20px 1fr 20px;
  }
  .gpt-prompt-data {
    column-gap: 40px;
    font-size: 14px;
  }
  .gpt-prompt-data__columns {
    column-gap: 60px;
  }
  .gpt-prompt-data .base-functional {
    padding: 10px;
  }
  .gpt-prompt-data .base-functional .button {
    padding: 0 20px;
  }
  .prompt-examples {
    align-content: start;
    min-width: 160px;
  }
}
.v01-full-layer {
  display: none;
  grid-template: 10px 1fr 10px/10px 1fr 10px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 101;
}
.v01-full-layer.is-active {
  display: grid;
}
.v01-full-layer:before {
  content: "";
  display: grid;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  z-index: -1;
  opacity: 60%;
}
.v01-full-layer__box {
  grid-column: 2/3;
  grid-row: 2/3;
  border-radius: 20px;
  font-size: 14px;
  color: #13151a;
  overflow: hidden;
  background-color: #babbbf;
  box-shadow: 0 10px 50px -10px rgb(0, 0, 0);
  padding-bottom: 20px;
  display: grid;
}
.--has-toolbar .v01-full-layer__box, .--has-toolbar-type2 .v01-full-layer__box {
  grid-template-rows: 60px 1fr;
  align-items: start;
}
.--has-2-toolbar .v01-full-layer__box {
  grid-template-rows: 100px 1fr;
}
.--has-toolbar-type2 .v01-full-layer__box {
  row-gap: 40px;
}
@media screen and (max-width: 1600px) {
  .v01-full-layer__box {
    font-size: 13px;
  }
}
.v01-full-layer__box-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: auto;
  height: 100%;
  padding: 0 40px;
}
@media screen and (max-width: 1480px) {
  .v01-full-layer__box-wrapper {
    padding: 0 20px;
  }
}
.--has-toolbar-type2 .v01-full-layer__box-wrapper {
  grid-template-rows: 1fr;
  justify-content: start;
}
.neuro-blogs .v01-full-layer__box-wrapper {
  grid-template-rows: auto 1fr;
  justify-content: unset;
}
.v01-full-layer__box-wrapper.--has-2-cols {
  grid-template-columns: 1.5fr 1fr;
  column-gap: 60px;
  padding: 0 20px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .v01-full-layer__box-wrapper.--has-2-cols {
    column-gap: 40px;
  }
}
.v01-full-layer__box-wrapper .col-left {
  display: block;
  padding: 0 40px 0 20px;
  height: 100%;
  overflow: auto;
}
.v01-full-layer__box-wrapper .col-right {
  overflow: auto;
  padding-right: 20px;
}
.v01-full-layer__box-wrapper .col-right__elm {
  background-color: #dee0e6;
  border-radius: 10px;
  padding: 2em;
}
.v01-full-layer__box-wrapper .col-right.is-disabled:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #babbbf;
  opacity: 0.66;
}
.test-stylization .v01-full-layer__box-wrapper {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 3fr;
  column-gap: 40px;
  overflow: unset;
}
.test-stylization .v01-full-layer__box-wrapper .col-left {
  padding: 20px 0 0 20px;
  margin-top: -60px;
  margin-left: -40px;
  height: calc(100vh - 40px);
  overflow-y: hidden;
  overflow-x: hidden;
  background-color: #babbbf;
  margin-top: -100px;
  height: calc(100vh - 40px);
}
.test-stylization .v01-full-layer__box-wrapper .col-left:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #2b303b;
  top: 0;
  left: unset;
  right: 0;
}
@media screen and (max-width: 1480px) {
  .test-stylization .v01-full-layer__box-wrapper .col-left {
    margin-left: -20px;
    margin-right: -10px;
  }
}
.test-stylization .v01-full-layer__box-wrapper .col-right {
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -20px;
  height: calc(100vh - 140px);
}
.neuro-blogs .v01-full-layer__box-wrapper .col-left {
  margin-top: -60px;
}
.neuro-blogs .v01-full-layer__box-wrapper .col-right {
  height: calc(100vh - 70px);
}
.--collapsed .v01-full-layer__box-wrapper {
  grid-template-columns: 10px 1fr;
}
.--collapsed .v01-full-layer__box-wrapper .col-left .choose-style {
  visibility: hidden;
  display: none;
}
.v01-full-layer__closer {
  font-size: 20px;
  font-weight: 100;
  line-height: 100%;
  position: absolute;
  background-color: #babbbf;
  right: 10px;
  top: 10px;
  cursor: pointer;
  transition: all;
  transition-duration: 0.25s;
  z-index: 1;
  outline: 4px solid #babbbf;
}
.--has-2-toolbar .v01-full-layer__closer {
  background-color: #f7f7f7;
  outline-color: #f7f7f7;
}
.v01-full-layer__closer:hover {
  opacity: 0.66;
}
.v01-full-layer__header {
  color: #333333;
  font-size: 32px;
  margin-bottom: 1em;
  max-width: calc(100% - 80px);
}
.v01-full-layer__base-functional {
  background-color: #f7f7f7;
  padding: 20px;
}
.v01-full-layer.operators-permissions .v01-full-layer__box-wrapper.--has-2-cols {
  grid-template-columns: 2fr 1fr;
}
.v01-full-layer.--zindex-03:not(.info-layer), .v01-full-layer.--zindex-02:not(.info-layer) {
  grid-template: 20px 1fr 30px/20px 1fr 20px;
}
.v01-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__box, .v01-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__box {
  border-radius: 15px;
  background-color: #e0e3ec;
}
.v01-full-layer.--zindex-03:not(.info-layer):before, .v01-full-layer.--zindex-02:not(.info-layer):before {
  opacity: 30%;
}
.v01-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__closer, .v01-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__closer {
  background-color: #e0e3ec;
}
.v01-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__closer::after, .v01-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__closer::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 64px;
  height: 1px;
  background-color: #d4d5d9;
  top: unset;
  left: unset;
  bottom: -16px;
  right: -24px;
}
.v01-full-layer.--zindex-03:not(.info-layer).--has-toolbar .v02-full-layer__closer, .v01-full-layer.--zindex-02:not(.info-layer).--has-toolbar .v02-full-layer__closer {
  background-color: #d6dae5;
  outline-color: #d6dae5;
}
.v01-full-layer.--zindex-03:not(.info-layer).--has-toolbar .v02-full-layer__closer::after, .v01-full-layer.--zindex-02:not(.info-layer).--has-toolbar .v02-full-layer__closer::after {
  content: none;
}
.v01-full-layer.--zindex-03:not(.info-layer) {
  grid-template: 30px 1fr 50px/30px 1fr 30px;
}
.v01-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__box {
  border-radius: 10px;
}
.v01-full-layer.--zindex-03:not(.info-layer):before {
  opacity: 30%;
}
.v01-full-layer.--zindex-04:not(.info-layer) {
  grid-template: 40px 1fr 70px/40px 1fr 40px;
}
.v01-full-layer.--zindex-04:not(.info-layer) .v02-full-layer__box {
  border-radius: 7px;
}
.v01-full-layer.--zindex-04:not(.info-layer):before {
  opacity: 30%;
}
.v01-full-layer.--zindex-05:not(.info-layer) {
  grid-template: 50px 1fr 90px/50px 1fr 50px;
}
.v01-full-layer.--zindex-05:not(.info-layer) .full-layer__box {
  border-radius: 5px;
}
.v01-full-layer.--zindex-05:not(.info-layer):before {
  opacity: 30%;
}

.system-params.v01-full-layer .v01-full-layer__box {
  align-content: start;
}
.system-params.v01-full-layer .v01-full-layer__box-wrapper {
  grid-template: 1fr/1fr 1fr;
  column-gap: 40px;
  margin-top: 40px;
}
.system-params.v01-full-layer .v01-full-layer__box-wrapper .col-right,
.system-params.v01-full-layer .v01-full-layer__box-wrapper .col-left {
  padding: 0;
  padding-right: 10px;
  margin-right: -10px;
}
.system-params.v01-full-layer .button-box {
  display: block;
  background-color: #babbbf;
  outline: 10px solid #babbbf;
  position: sticky;
  top: 0;
  z-index: 2;
  margin-bottom: 20px;
}
.system-params.v01-full-layer .button-box .button {
  padding-left: 20px;
  padding-right: 20px;
}
.system-params.v01-full-layer .tables-set {
  font-size: 14px;
}
.system-params.v01-full-layer .tables-set input,
.system-params.v01-full-layer .tables-set select {
  height: 30px;
  border: none;
  border-radius: 5px;
  font-size: inherit;
  padding: 0 10px;
}
@media screen and (max-width: 1600px) {
  .system-params.v01-full-layer .tables-set input,
  .system-params.v01-full-layer .tables-set select {
    font-size: 13px;
  }
}
.system-params.v01-full-layer .toolbar-top__elm {
  grid-auto-flow: column;
  column-gap: 10px;
}

.toolbars-top {
  display: grid;
  width: 100%;
}
.--has-2-toolbar .toolbars-top {
  background-color: #f7f7f7;
  grid-auto-flow: row;
  justify-items: unset;
  justify-content: unset;
}
.toolbars-top:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  top: unset;
  bottom: 0;
}
.test-stylization .toolbars-top {
  grid-template-columns: 1fr 3fr;
  padding: 0 40px;
  column-gap: 40px;
}
@media screen and (max-width: 1480px) {
  .test-stylization .toolbars-top {
    padding: 0 20px;
  }
}
.test-stylization .toolbars-top .spacer {
  width: 100%;
  height: 100%;
  background-color: #babbbf;
}
.test-stylization .toolbars-top .spacer:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 4px;
  height: 100%;
  background-color: #f2f2f2;
  top: 0;
  left: 100%;
}
@media screen and (max-width: 1480px) {
  .test-stylization .toolbars-top .spacer:after {
    left: calc(100% + 10px);
  }
}
.test-stylization .toolbars-top:after {
  content: none;
}
.neuro-blogs .toolbars-top .spacer:after {
  content: none;
}
.--collapsed .toolbars-top {
  grid-template-columns: 10px 1fr;
}
.toolbars-top__wrapper {
  display: grid;
  grid-auto-flow: row;
  justify-items: unset;
  justify-content: unset;
}
.toolbars-top__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #d1d1d4;
  top: 0;
  left: 0;
}

.toolbar-top {
  height: 60px;
  color: #1c1f26;
  display: grid;
  background-color: #babbbf;
}
.--has-2-toolbar .toolbar-top {
  background-color: #f7f7f7;
  background-color: #f7f7f7;
  height: 50px;
}
.--has-2-toolbar .toolbar-top:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #f2f2f2;
  left: -20px;
  top: -10px;
}
.--has-2-toolbar .toolbar-top:not(:first-of-type):before {
  content: none;
}
.test-stylization .toolbar-top {
  height: 50px;
}
.toolbar-top:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #13151a;
  top: unset;
  bottom: 0;
}
.test-stylization .toolbar-top:not(:first-of-type):before {
  left: -15px;
}
.toolbar-top__wrapper {
  display: grid;
  align-content: center;
  grid-auto-flow: column;
  column-gap: 40px;
  justify-content: start;
  justify-items: start;
  padding: 10px 40px;
}
.stylization .toolbar-top__wrapper, .styles-config .toolbar-top__wrapper {
  padding-right: 60px;
}
.test-stylization .toolbar-top__wrapper {
  column-gap: 30px;
  grid-auto-flow: column;
}
.--has-toolbar-type2 .toolbar-top__wrapper {
  grid-template-columns: 1fr auto auto;
}
.--has-2-toolbar .toolbar-top__wrapper, .neuro-blogs .toolbar-top__wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 1480px) {
  .toolbar-top__wrapper:not(.system-params .toolbar-top__wrapper, .showoff-collections-new .toolbar-top__wrapper, .showoff-sync-db .toolbar-top__wrapper) {
    column-gap: 30px;
    padding: 0 60px 0 20px;
  }
}
.--has-2-toolbar .toolbar-top:first-of-type .toolbar-top__wrapper {
  padding-right: 40px;
}
.test-stylization .toolbar-top:first-of-type .toolbar-top__wrapper {
  padding-right: 30px;
  padding-left: 0;
}
.--has-2-toolbar .toolbar-top:last-of-type .toolbar-top__wrapper {
  padding-left: 0;
}
@media screen and (max-width: 1600px) {
  .--has-2-toolbar .toolbar-top:last-of-type .toolbar-top__wrapper {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1480px) {
  .--has-2-toolbar .toolbar-top:last-of-type .toolbar-top__wrapper {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .test-stylization .toolbar-top:last-of-type .toolbar-top__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1480px) {
  .test-stylization .toolbar-top:last-of-type .toolbar-top__wrapper {
    padding-left: 0;
  }
}
.toolbar-top__elm {
  display: grid;
  justify-content: start;
  align-content: center;
  align-items: center;
}
.toolbar-top__elm:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% + 18px);
  background-color: transparent;
  left: -18px;
  top: -10px;
  background-color: #13151a;
}
@media screen and (max-width: 1440px) {
  .toolbar-top__elm:not(:first-of-type):before {
    left: -15px;
  }
}
.--has-2-toolbar .toolbar-top__elm:not(:first-of-type):before {
  background-color: #f2f2f2;
  top: 0;
  height: 100%;
}
.test-stylization .toolbar-top__elm:not(:first-of-type):before {
  left: -15px;
}
.styles-config .toolbar-top__elm:not(:first-of-type) .button {
  height: 30px;
}
.test-stylization .toolbar-top__elm {
  height: 50px;
}
.toolbar-top .toolbar-top__choose-style {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  column-gap: 10px;
  height: 40px;
}
.toolbar-top .toolbar-top__choose-style label {
  height: 40px;
  display: grid;
  align-items: center;
}
.toolbar-top .toolbar-top__choose-style select {
  height: 40px;
  min-width: 20ex;
}
.toolbar-top__images-count {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  justify-content: start;
  column-gap: 10px;
  height: 40px;
}
.toolbar-top__images-count-label {
  height: 40px;
  display: grid;
  align-items: center;
}
.toolbar-top__images-count-input {
  display: block;
  height: calc(40px - 2px);
  border: none;
  border-radius: 5px;
  background-color: #222529;
  min-width: 10ex;
  width: 100px;
  padding: 0 10px;
}
.toolbar-top__images-count-input:hover {
  background-color: #787f8f;
}
.toolbar-top__id {
  display: grid;
  align-items: center;
  z-index: 1;
  height: 40px;
}
@media screen and (max-width: 1440px) {
  .toolbar-top .toolbar-top__elm {
    font-size: 13px;
  }
}
.toolbar-top__title {
  color: #1a1e2d;
  margin: 0 20px 0 0;
  position: relative;
  bottom: -17px;
  z-index: 1;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  align-content: center;
  align-items: baseline;
}
.toolbar-top__title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 30px);
  height: 10px;
  background-color: #babbbf;
  top: unset;
  bottom: 5px;
  left: -10px;
}
.toolbar-top__title-main {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 36px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-top__title-sub {
  position: relative;
  z-index: 1;
  font-size: 24px;
  opacity: 0.66;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toolbar-top__title-sub:before {
  content: "/ ";
}
@media only screen and (max-width: 1440px) {
  .toolbar-top .header-bar__title-main {
    font-size: 32px;
  }
  .toolbar-top .header-bar__title-sub {
    font-size: 20px;
  }
}

.header-bar {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  column-gap: 80px;
  padding: 20px 0 30px 0;
  align-items: center;
}
.--has-2-toolbar .header-bar {
  padding-top: 30px;
}
.showoff-products .header-bar::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
  top: unset;
  bottom: 8px;
}
.test-stylization .header-bar {
  grid-template-columns: auto 1fr;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #babbbf;
  column-gap: 40px;
}
.header-bar__functional {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 40px;
}
.header-bar__functional .images-set:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  left: -20px;
}
.header-bar__title {
  color: #13151a;
  margin: 0;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  align-content: center;
  align-items: baseline;
}
.header-bar__title-main {
  display: block;
  font-size: 36px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-bar__title-sub {
  font-size: 20px;
  opacity: 0.66;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.test-stylization .header-bar__title {
  justify-content: end;
}
@media screen and (max-width: 1600px) {
  .header-bar .header-bar__title-main {
    font-size: 28px;
  }
  .header-bar .header-bar__title-sub {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1480px) {
  .header-bar {
    padding: 20px 0;
  }
  .header-bar .header-bar__title-main {
    font-size: 28px;
  }
  .header-bar .header-bar__title-sub {
    font-size: 16px;
  }
}

.v02-full-layer {
  display: none;
  grid-template: 10px 1fr 10px/10px 1fr 10px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 101;
}
.v02-full-layer.is-active {
  display: grid;
}
.v02-full-layer:before {
  content: "";
  display: grid;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  z-index: -1;
  opacity: 60%;
}
.v02-full-layer__box {
  grid-column: 2/3;
  grid-row: 2/3;
  border-radius: 20px;
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 10px 50px -10px rgb(0, 0, 0);
  display: grid;
  align-content: start;
}
.--has-toolbar .v02-full-layer__box, .--has-toolbar-type2 .v02-full-layer__box {
  grid-template-rows: 50px auto 1fr;
}
.full-images-layer .v02-full-layer__box {
  grid-template-rows: 70px 1fr 20%;
}
.--has-toolbar-type2 .v02-full-layer__box {
  row-gap: 40px;
}
.v02-full-layer__box-wrapper {
  display: grid;
  overflow: hidden;
  padding: 0 40px;
}
.--has-toolbar-type2 .v02-full-layer__box-wrapper {
  grid-template-rows: 1fr;
}
.v02-full-layer__box-wrapper .col-left {
  display: block;
  height: 100%;
  overflow: auto;
  padding-right: 20px;
  margin-right: -20px;
}
.full-images-layer .v02-full-layer__box-wrapper .col-left {
  overflow: unset;
}
.v02-full-layer__box-wrapper .col-right {
  overflow: auto;
}
.v02-full-layer__box-wrapper .col-right.is-disabled:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #babbbf;
  opacity: 0.66;
}
.v02-full-layer__box-wrapper.--has-2-cols {
  grid-template-columns: 1.4fr 1fr;
  column-gap: 60px;
  padding: 0 20px;
  overflow: hidden;
}
.v02-full-layer__box-wrapper.--has-2-cols .col-left {
  padding: 0 20px;
}
.v02-full-layer__box-wrapper.--has-2-cols .col-right {
  padding-right: 20px;
}
@media screen and (max-width: 1300px) {
  .v02-full-layer__box-wrapper.--has-2-cols {
    column-gap: 40px;
  }
}
@media screen and (max-width: 1400px) {
  .v02-full-layer__box-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .v02-full-layer__box-wrapper.--has-2-cols {
    padding-left: 10px;
    padding-right: 10px;
  }
  .v02-full-layer__box-wrapper .col-left {
    padding: 0 10px;
  }
  .v02-full-layer__box-wrapper .col-right {
    padding-right: 10px;
  }
}
.v02-full-layer__closer {
  font-size: 20px;
  font-weight: 100;
  line-height: 100%;
  position: absolute;
  right: 24px;
  top: 16px;
  cursor: pointer;
  transition: all;
  transition-duration: 0.25s;
  z-index: 1;
  background-color: #ededed;
  outline: 4px solid #ededed;
}
.v02-full-layer__closer:hover {
  opacity: 0.66;
}
.v02-full-layer__header {
  color: #333333;
  font-size: 32px;
  margin-bottom: 1em;
  max-width: calc(100% - 80px);
}
.v02-full-layer__base-functional {
  background-color: transparent;
  padding: 30px;
  position: relative;
  z-index: 4;
}
.v02-full-layer__base-functional:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #d4d5d9;
}
.stylization .v02-full-layer__base-functional:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 5px;
  height: 100%;
  background-color: #b66009;
  left: 0;
}
.v02-full-layer.--zindex-03:not(.info-layer), .v02-full-layer.--zindex-02:not(.info-layer) {
  grid-template: 20px 1fr 30px/20px 1fr 20px;
}
.v02-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__box, .v02-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__box {
  border-radius: 15px;
  background-color: #e0e3ec;
}
.v02-full-layer.--zindex-03:not(.info-layer):before, .v02-full-layer.--zindex-02:not(.info-layer):before {
  opacity: 30%;
}
.v02-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__closer, .v02-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__closer {
  background-color: #e0e3ec;
}
.v02-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__closer::after, .v02-full-layer.--zindex-02:not(.info-layer) .v02-full-layer__closer::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 64px;
  height: 1px;
  background-color: #d4d5d9;
  top: unset;
  left: unset;
  bottom: -16px;
  right: -24px;
}
.v02-full-layer.--zindex-03:not(.info-layer).--has-toolbar .v02-full-layer__closer, .v02-full-layer.--zindex-02:not(.info-layer).--has-toolbar .v02-full-layer__closer {
  background-color: #d6dae5;
  outline-color: #d6dae5;
}
.v02-full-layer.--zindex-03:not(.info-layer).--has-toolbar .v02-full-layer__closer::after, .v02-full-layer.--zindex-02:not(.info-layer).--has-toolbar .v02-full-layer__closer::after {
  content: none;
}
.v02-full-layer.--zindex-03:not(.info-layer) {
  grid-template: 30px 1fr 50px/30px 1fr 30px;
}
.v02-full-layer.--zindex-03:not(.info-layer) .v02-full-layer__box {
  border-radius: 10px;
}
.v02-full-layer.--zindex-03:not(.info-layer):before {
  opacity: 30%;
}
.v02-full-layer.--zindex-04:not(.info-layer) {
  grid-template: 40px 1fr 70px/40px 1fr 40px;
}
.v02-full-layer.--zindex-04:not(.info-layer) .v02-full-layer__box {
  border-radius: 7px;
}
.v02-full-layer.--zindex-04:not(.info-layer):before {
  opacity: 30%;
}
.v02-full-layer__tabs {
  overflow-x: auto;
  padding: 0 40px 10px;
}
.v02-toolbar-top {
  height: 50px;
  color: #787f8f;
  font-size: 14px;
  display: grid;
}
.v02-toolbar-top .buttons-set {
  column-gap: 5px;
  align-content: center;
  align-items: center;
}
.v02-toolbar-top .buttons-set__button {
  background-color: #d4d5d9;
}
.v02-toolbar-top .buttons-set__button.is-disabled, .v02-toolbar-top .buttons-set__button[disabled] {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #babbbf;
  box-shadow: none;
}
.v02-toolbar-top .buttons-set__button.is-disabled:hover, .v02-toolbar-top .buttons-set__button[disabled]:hover {
  cursor: default;
  box-shadow: none;
}
.v02-toolbar-top__wrapper {
  display: grid;
  align-content: center;
  justify-content: start;
  grid-auto-flow: column;
  column-gap: 40px;
  background-color: #ededed;
  padding: 10px 40px;
}
.v02-toolbar-top__wrapper:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
  top: unset;
  bottom: -1px;
}
.stylization .v02-toolbar-top__wrapper {
  justify-content: start;
  padding-right: 60px;
}
.--zindex-03 .v02-toolbar-top__wrapper, .--zindex-02 .v02-toolbar-top__wrapper {
  background-color: #d6dae5;
}
@media screen and (max-width: 1440px) {
  .v02-toolbar-top__wrapper {
    column-gap: 30px;
  }
}
.v02-toolbar-top__elm {
  display: grid;
  justify-content: start;
  height: 30px;
}
.v02-toolbar-top__elm:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #f7f7f7;
  left: -20px;
  top: -10px;
}
@media screen and (max-width: 1440px) {
  .v02-toolbar-top__elm:not(:first-of-type):before {
    left: -15px;
  }
}
.v02-toolbar-top__choose-style {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  column-gap: 10px;
  height: 30px;
}
.v02-toolbar-top__choose-style label {
  height: 30px;
  display: grid;
  align-items: center;
}
.v02-toolbar-top__choose-style select {
  display: block;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #222529;
  min-width: 20ex;
}
.v02-toolbar-top__choose-style select:hover {
  background-color: #787f8f;
}
.v02-toolbar-top__images-count {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  justify-content: start;
  column-gap: 10px;
  height: 30px;
}
.v02-toolbar-top__images-count-label {
  height: 30px;
  display: grid;
  align-items: center;
}
.v02-toolbar-top__images-count-input {
  display: block;
  height: calc(30px - 2px);
  border: none;
  border-radius: 5px;
  background-color: #222529;
  min-width: 10ex;
  width: 100px;
  padding: 0 10px;
}
.v02-toolbar-top__images-count-input:hover {
  background-color: #787f8f;
}
.v02-toolbar-top__id {
  display: grid;
  align-items: center;
  z-index: 1;
  height: 50px;
  top: -10px;
}
.v02-toolbar-top__text {
  display: grid;
  align-content: center;
  align-items: center;
  font-size: 18px;
}
.v02-toolbar-top__text em {
  font-style: normal;
  color: #222222;
}
@media screen and (max-width: 1600px) {
  .v02-toolbar-top .v02-toolbar-top__elm {
    font-size: 12px;
  }
  .v02-toolbar-top .v02-toolbar-top__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1400px) {
  .v02-toolbar-top .v02-toolbar-top__wrapper {
    padding-left: 20px;
  }
  .v02-toolbar-top .v02-toolbar-top__elm {
    font-size: 11px;
  }
  .v02-toolbar-top .v02-toolbar-top__text {
    font-size: 14px;
  }
  .v02-toolbar-top .buttons-set__button {
    column-gap: 5px;
  }
  .v02-toolbar-top .buttons-set__button .svg-sprite {
    height: 14px;
    width: 14px;
  }
  .v02-toolbar-top .buttons-set__icon {
    width: 14px;
    height: 14px;
  }
}

.choose-style {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  column-gap: 10px;
  height: 40px;
}
.test-stylization .choose-style {
  justify-content: unset;
  height: 100%;
  align-content: unset;
}
.choose-style label {
  height: 30px;
  display: grid;
  align-items: center;
}
.choose-style__current {
  cursor: pointer;
}
.test-stylization .choose-style__current {
  display: none;
}
.choose-style__submenu {
  display: none;
  position: absolute;
  width: calc(100vw - 100px);
  top: 0;
  left: 0;
  z-index: 100;
}
.test-stylization .choose-style__submenu {
  display: block;
  width: 100%;
  position: relative;
}
.choose-style__submenu__ul {
  border-radius: 5px;
}
@media only screen and (max-width: 1480px) {
  .choose-style__submenu {
    width: calc(100vw - 60px);
  }
}
.showoff-products .choose-style__submenu {
  width: max-content;
  max-width: max-content;
  margin-top: 41px;
  min-width: 100%;
}
.choose-style__ul {
  align-items: center;
  border: none;
  background-color: #fff;
  color: #1a1e2d;
  min-width: 20ex;
  position: relative;
  border-radius: 5px;
}
.test-stylization .choose-style__ul {
  background-color: transparent;
  color: #333333;
  border-radius: 0;
}
.choose-style__ul li {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  padding: 0 10px;
  width: 100%;
}
.choose-style__ul li:first-of-type {
  align-items: center;
}
.choose-style__ul li .arrow-symbol {
  transform: rotate(90deg);
}
.choose-style__ul-wrapper {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
}
.choose-style__ul-wrapper .button.is-active {
  color: white;
  background-color: #0176bf;
}
.choose-style__ul-wrapper .search-input {
  display: block;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  color: #1a1e2d;
  width: 20ex;
}
.choose-style__ul-wrapper .search-input:hover {
  background-color: #787f8f;
}
.choose-style__ul-wrapper .selects {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  margin-left: 10px;
}
.test-stylization .choose-style__ul-wrapper .selects {
  margin-left: 0;
  width: 100%;
  grid-auto-flow: row;
  row-gap: 5px;
}
.test-stylization .choose-style__ul-wrapper .selects .search-input {
  width: 100%;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.test-stylization .choose-style__ul-wrapper .selects .search-input:focus-visible {
  outline: none;
  background-color: white;
}
.test-stylization .choose-style__ul-wrapper .selects__title {
  font-size: 12px;
}
.test-stylization .choose-style__ul-wrapper {
  row-gap: 10px;
  width: 100%;
}
.choose-style__ul.--front {
  display: grid;
  height: 40px;
  padding: 0 10px;
  font-size: 20px;
}
.toolbar-top__choose-style .choose-style__ul.--front {
  height: 28px;
  font-size: 13px;
}
.test-stylization .choose-style__ul.--front {
  height: 100%;
  padding: 0;
  align-content: start;
}
.test-stylization .choose-style__ul.--front:hover {
  background-color: transparent;
}
@media screen and (max-width: 1600px) {
  .choose-style__ul.--front {
    font-size: 16px;
  }
}
.styles-config .choose-style__ul.--front {
  font-size: 16px;
  height: 32px;
}
.choose-style__ul.--back {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  padding-top: 60px;
  columns: 5 auto;
  break-inside: avoid-column;
  column-gap: 30px;
  overflow-y: auto;
  box-sizing: border-box;
  font-size: 14px;
}
.choose-style__ul.--back:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: unset;
  bottom: 20px;
  opacity: 1;
}
.test-stylization .choose-style__ul.--back {
  padding: 0;
  padding-right: 20px;
  columns: unset;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 60px);
}
.test-stylization .choose-style__ul.--back:after {
  content: none;
}
.neuro-blogs .choose-style__ul.--back {
  padding-top: 20px;
}
.styles-config .choose-style__ul.--back {
  padding-top: 20px;
}
@media only screen and (max-width: 1600px) {
  .choose-style__ul.--back {
    columns: 4 auto;
  }
}
@media only screen and (max-width: 1400px) {
  .choose-style__ul.--back {
    columns: 3 auto;
  }
}
.choose-style__ul.--back li {
  display: grid;
  padding: 1ex 0;
}
.choose-style__ul.--back li:not(:first-of-type) {
  column-gap: 60px;
}
.test-stylization .choose-style__ul.--back li {
  padding: 1ex;
}
.choose-style__ul.--back li.group:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 10px);
  height: 100%;
  background-color: #7fdbff;
  left: -5px;
}
.choose-style__ul.--back li.group .item-letter {
  font-weight: bold;
  color: white;
  opacity: 1;
}
.choose-style__ul.--back li .wrapper {
  display: grid;
  justify-content: start;
  align-items: center;
}
.choose-style__ul.--back li .wrapper .enable-disable {
  width: 7.5ex;
  display: grid;
  justify-content: end;
}
.choose-style__ul.--back li .wrapper:first-of-type {
  grid-template-columns: auto auto 1fr auto;
  column-gap: 10px;
}
.choose-style__ul.--back li .wrapper:last-of-type {
  display: none;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: end;
}
.neuro-blogs .choose-style__ul.--back li .wrapper:last-of-type {
  display: grid;
}
.choose-style__ul.--back li .wrapper:last-of-type .wrapper__elm:not(:last-of-type) {
  padding-right: 20px;
}
.choose-style__ul.--back li .wrapper:last-of-type .wrapper__elm:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  left: unset;
  right: 0;
  opacity: 0.5;
}
.choose-style__ul.--back li .tags {
  display: flex;
  flex-wrap: wrap;
  max-width: 100ex;
}
.choose-style__ul.--back li .tags__elm:not(:last-of-type)::after {
  content: ",";
  margin-right: 1ex;
}
.choose-style__ul.--back li.is-disabled .wrapper:last-of-type {
  opacity: 0.5;
}
.choose-style__ul.--back li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  border-bottom: 1px solid #2b303b;
  top: unset;
  bottom: 0;
  opacity: 0.2;
}
.test-stylization .choose-style__ul.--back li:after {
  border-bottom-color: #2b303b;
  opacity: 1;
}
.choose-style__ul.--back li [type=checkbox] {
  width: 16px;
  height: 16px;
}
.choose-style__ul.--back li em {
  font-style: normal;
  font-size: smaller;
  opacity: 0.66;
}
.choose-style__ul.--back li em:after {
  content: ". ";
}
.choose-style__ul.--back li.is-active {
  color: white;
  position: relative;
}
.choose-style__ul.--back li.is-active > * {
  z-index: 1;
}
.choose-style__ul.--back li.is-active:after {
  height: 100%;
  width: 100%;
  background-color: #212329;
  opacity: 1;
  z-index: 0;
}
.choose-style__ul.--back li.is-active:hover:before {
  background-color: #2b303b;
}
.choose-style__ul.--back li.is-active em {
  color: white;
  opacity: 1;
}
.choose-style__ul.--back li.is-active em:after {
  opacity: 0.66;
}
.choose-style__ul.--back li .item-text {
  cursor: pointer;
  position: relative;
  z-index: 2;
  grid-auto-flow: column;
}
.choose-style__ul.--back li .item-letter {
  color: currentColor;
  opacity: 0.5;
  display: grid;
  grid-auto-flow: column;
}
.choose-style__ul.--back li .item-letter__elm {
  margin-left: 0.33ex;
}
.choose-style__ul.--back li .item-letter .gender {
  background-color: yellow;
  color: black;
  padding: 0 2px;
  border-radius: 3px;
}
.choose-style__ul.--back li .drag-icon {
  opacity: 0.5;
  display: inline-grid;
  justify-items: center;
  align-items: center;
  line-height: 0;
  width: 20px;
  cursor: move;
  margin-right: -5px;
}
.choose-style__ul.--back li:hover:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.15;
  z-index: 0;
}
.choose-style__ul.--back .choose-style__ul-header {
  display: grid;
  position: fixed;
  z-index: 3;
  top: 90px;
  left: 50px;
  width: calc(100vw - 100px);
  padding-left: 45px;
  padding-right: 20px;
  justify-content: space-between;
  grid-template-columns: unset;
  grid-auto-flow: column;
  overflow: hidden;
}
.--has-2-toolbar .choose-style__ul.--back .choose-style__ul-header {
  top: 101px;
}
@media screen and (max-width: 1600px) {
  .--has-2-toolbar .choose-style__ul.--back .choose-style__ul-header {
    top: 140px;
  }
}
.test-stylization .choose-style__ul.--back .choose-style__ul-header {
  top: 0;
  left: 0;
  position: sticky;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
}
.choose-style__ul.--back .choose-style__ul-header:hover {
  background-color: transparent;
}
.choose-style__ul.--back .choose-style__ul-header select,
.choose-style__ul.--back .choose-style__ul-header input {
  height: 30px;
  padding: 0 10px;
}
.choose-style__ul.--back .choose-style__ul-header:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #2b303b;
  top: unset;
  bottom: 0;
  opacity: 1;
  border-bottom: none !important;
  border-radius: 0;
}
.test-stylization .choose-style__ul.--back .choose-style__ul-header:after {
  background-color: #babbbf;
}
.choose-style__ul.--back .choose-style__ul-header:hover:before {
  opacity: 0;
}
.choose-style__ul.--back .choose-style__ul-header .button[disabled], .choose-style__ul.--back .choose-style__ul-header .button.is-disabled, .choose-style__ul.--back .choose-style__ul-header button[disabled], .choose-style__ul.--back .choose-style__ul-header button.is-disabled {
  opacity: 0.33;
  cursor: default;
}
.choose-style__ul.--back .choose-style__ul-header .button[disabled]:hover, .choose-style__ul.--back .choose-style__ul-header .button.is-disabled:hover, .choose-style__ul.--back .choose-style__ul-header button[disabled]:hover, .choose-style__ul.--back .choose-style__ul-header button.is-disabled:hover {
  background-color: #f2f2f2;
  color: #333333;
  opacity: 0.33;
}
@media only screen and (max-width: 1480px) {
  .choose-style__ul.--back .choose-style__ul-header {
    left: 30px;
    width: calc(100vw - 60px);
  }
  .choose-style__ul.--back .choose-style__ul-header > * {
    font-size: 12px;
  }
}
.choose-style__ul.--back.--no-columns {
  columns: unset;
  height: calc(100vh - 100px);
  overflow-y: auto;
  padding-top: 0;
}
.neuro-blogs .choose-style__ul.--back.--no-columns {
  height: max-content;
  padding-top: 20px;
}
.showoff-products .choose-style__ul.--back.--no-columns {
  height: auto;
  max-height: calc(100vh - 100px);
  padding: 20px;
}
.choose-style__ul.--back.--no-columns:after {
  display: none;
}
.neuro-blogs .choose-style__ul.--back.--no-columns li {
  padding-left: 10px;
  padding-right: 10px;
}
.choose-style__ul.--back.--no-columns li:last-of-type:after {
  border: none;
}
.choose-style__ul.--back.--no-columns li .wrapper:last-of-type {
  display: grid;
}
.choose-style__ul.--back.--no-columns li:after {
  width: 100%;
  left: 0;
}
.showoff-products .choose-style__ul.--back.--no-columns li:after {
  width: calc(100% + 10px);
  left: -5px;
}
.choose-style__ul.--back.--no-columns li:hover:before {
  left: 0;
  width: 100%;
}
.choose-style__ul.--back.--no-columns li .item-letter {
  display: none;
}
.choose-style__ul.--back.--no-columns li.group::before {
  content: none;
}
.choose-style__ul.--back.--no-columns .choose-style__ul-header {
  padding-left: 50px;
  position: sticky;
  top: 0;
  margin-left: -20px;
}
.choose-style__ul.--back.--no-columns .choose-style__ul-header:after {
  width: calc(100% + 40px);
  left: -20px;
}
.choose-style select {
  display: block;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: #fff;
  color: #1a1e2d;
  min-width: 20ex;
}
.choose-style__pics {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 20px;
}
.choose-style__pics::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #d4d5d9;
  left: -40px;
}
.choose-style__styles-select {
  background-color: #f7f7f7;
  padding-bottom: 20px;
}
.choose-style__styles-select li:last-of-type:after {
  content: none;
}
.choose-style.is-active .choose-style__submenu {
  display: block;
  box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.2);
  max-height: calc(100vh - 131px);
  overflow-y: auto;
}
@media only screen and (max-width: 1600px) {
  .--has-2-toolbar .choose-style.is-active .choose-style__submenu {
    max-height: calc(100vh - 170px);
  }
}
.styles-config .choose-style {
  height: 30px;
}
.styles-config .choose-style__submenu {
  max-height: calc(100vh - 170px);
  width: calc(100vw - 40px);
  left: 20px;
  top: 20px;
  position: fixed;
}
.showoff-products .choose-style {
  column-gap: 40px;
}

.selects-tabs {
  grid-auto-flow: row;
}
.selects-tabs__box {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  color: black;
}
.selects-tabs .item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
  align-items: center;
  background-color: white;
  color: #1a1e2d;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 12px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.selects-tabs .item[selected], .selects-tabs .item.is-active {
  background-color: #0176bf;
  color: white;
}
.selects-tabs .item:hover {
  cursor: pointer;
  opacity: 0.5;
}
.selects-tabs .item em {
  font-style: normal;
  font-size: 11px;
  opacity: 0.66;
  display: grid;
  align-items: center;
}
.selects-tabs .item em::after {
  content: none !important;
}
.selects-inputs {
  grid-auto-flow: row;
}

.lists-config .selects-name .search-input {
  display: block;
  height: 32px;
  border: none;
  border-radius: 5px;
  width: 20em;
  padding: 0 10px;
  outline-offset: -3px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.selects-move .selects {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}

.selects-hidden {
  display: none;
  grid-auto-flow: row;
  row-gap: 10px;
}

.selects-fields {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
}
.selects-fields .link {
  color: #13151a;
  font-size: 12px;
  display: block;
  width: fit-content;
  border: 1px solid #13151a;
  border-radius: 5px;
  padding: 2px 5px;
  opacity: 0.5;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.selects-fields .link:hover {
  opacity: 1;
  text-decoration: none;
}
.selects-fields .show-less {
  display: none;
}
.selects-fields .selects-hidden {
  display: none;
}
.selects-fields.is-active .selects-hidden {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
}
.selects-fields.is-active .show-less {
  display: block;
}
.selects-fields.is-active .show-more {
  display: none;
}
.save-order-bar {
  justify-content: start;
  align-items: center;
  padding: 0 10px 0 32px;
  background-color: #f7f7f7;
  margin-bottom: 1px;
}
.save-order-bar button {
  height: 22px;
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
}
.save-order-bar button:not([disabled]) {
  background-color: black;
}

.context-action {
  display: none;
  grid-auto-flow: row;
  row-gap: 10px;
  justify-content: center;
  align-content: center;
  position: absolute;
  z-index: 1001;
  background-color: #b39500;
  padding: 10px;
  width: 100%;
  height: calc(100% - 40px);
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  top: 0;
}
.context-action.is-active {
  display: grid;
}
.context-action__elm {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  gap: 5px;
}
.context-action .button {
  padding-right: 30px;
  padding-left: 20px;
}
.context-action select {
  display: block;
  height: 30px;
  border: none;
  border-radius: 5px;
  background-color: white;
  min-width: 20ex;
}
.context-action select:hover {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  background-color: white;
}
.context-action .closer {
  background-color: transparent;
  outline-color: transparent;
  color: black;
}
.context-action .arrow-item {
  color: black;
}

.style-name {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
}
.style-name__input {
  display: grid;
  align-items: center;
  width: calc(100% + 40px);
  background-color: white;
  border: 0;
  border-radius: 5px;
  height: 40px;
  font-size: 18px;
  padding: 0 10px;
  position: absolute;
  box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.5);
}
.style-name__text {
  background-color: transparent;
  font-size: 28px;
  color: #333333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 25ex;
}
@media screen and (max-width: 1600px) {
  .style-name__text {
    font-size: 24px;
  }
}
.style-name__icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: -4px;
  opacity: 0.5;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.style-name__icon svg {
  width: 100%;
  height: 100%;
}
.style-name__icon:hover {
  opacity: 1;
  color: white;
}

.v02-header-bar {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  column-gap: 40px;
  padding: 20px 40px;
  margin-bottom: 30px;
}
.v02-header-bar__functional {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 40px;
}
.v02-header-bar__functional .images-set:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #f7f7f7;
  left: -20px;
}
.v02-header-bar__title {
  color: #13151a;
  margin: 0;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  align-content: center;
  align-items: baseline;
}
.v02-header-bar__title-main {
  display: block;
  font-size: 36px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.v02-header-bar__title-sub {
  font-size: 24px;
  opacity: 0.66;
  font-weight: 100;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stylization .v02-header-bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: 0;
  opacity: 0.33;
}
.stylization--ipix .v02-header-bar {
  margin-bottom: 0;
}
.stylization--ipix .v02-header-bar:after {
  content: none;
}
.final-images-layer .v02-header-bar {
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}
.log-layer .v02-header-bar {
  margin: 10px 0;
}
@media only screen and (max-width: 1400px) {
  .v02-header-bar {
    padding: 20px 20px;
  }
  .v02-header-bar .v02-header-bar__title-main {
    font-size: 32px;
  }
  .v02-header-bar .v02-header-bar__title-sub {
    font-size: 20px;
  }
}

.brand-image {
  display: grid;
  align-items: center;
  width: 40px;
  height: 40px;
  position: relative;
}
.brand-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.brand-image__icon {
  display: block;
  width: 18px;
  height: 18px;
}
.brand-image__icon svg {
  width: 18px;
  height: 18px;
}

.platform-logo {
  display: grid;
  align-items: center;
  width: 40px;
  height: 40px;
  position: relative;
}
.platform-logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.platform-logo__icon {
  width: 28px;
  height: 28px;
}
.platform-logo__icon svg {
  width: 28px;
  height: 28px;
}

.images-cloud-layer p {
  margin-top: 0;
}
.images-cloud-layer .new-images-set .button {
  height: 56px;
}
.images-cloud-layer .new-images-set .button--transparent {
  color: #333333;
}
.images-cloud-layer .new-images-set__header {
  font-size: 18px;
  color: white;
}
.images-cloud-layer__img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
  width: fit-content;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.images-cloud-layer__img-set img {
  border-radius: 3px;
  filter: grayscale(0.5);
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.images-cloud-layer__img-set:hover img {
  filter: grayscale(0);
  opacity: 1;
  cursor: pointer;
}
.images-cloud-layer__img-set:hover .magnify-glass-icon,
.images-cloud-layer__img-set:hover .magnify-icon {
  opacity: 1;
}
.images-cloud-layer__img-set:not(:last-of-type) {
  margin-bottom: 40px;
}
.images-cloud-layer__img-set:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: unset;
  bottom: -20px;
  opacity: 0.25;
}
.images-cloud-layer__main-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10%;
  margin: 20px 0 60px 0;
}
.images-cloud-layer .sets-list__header {
  height: 30px;
  font-size: 20px;
  color: white;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
}
.images-cloud-layer .sets-list__header .button {
  font-size: 14px;
  height: 30px;
}
.images-cloud-layer .loaded-images {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  margin: 10px 0 0 0;
  padding: 20px 0;
  border-top: 1px solid black;
  border-left: none;
  border-right: none;
}
.images-cloud-layer .loaded-images__img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.images-cloud-layer .loaded-images__img-set .magnify-icon {
  border: 1px solid #7fdbff;
  opacity: 0.5;
}
.images-cloud-layer .loaded-images__img-set img {
  border-radius: 5px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  object-fit: cover;
}
.images-cloud-layer .loaded-images__header {
  font-size: 24px;
}
.images-cloud-layer .loaded-images__subheader {
  font-size: 16px;
}
.images-set-layer .images-cloud-layer .loaded-images, .images-cloud-layer .images-cloud-layer .loaded-images {
  display: grid;
  grid-template-columns: 0.66fr 0.34fr;
  column-gap: 100px;
  align-items: center;
}
.images-set-layer .images-cloud-layer .loaded-images .button, .images-cloud-layer .images-cloud-layer .loaded-images .button {
  padding: 0 40px;
}
.images-set-layer .images-cloud-layer .loaded-images .button:hover, .images-cloud-layer .images-cloud-layer .loaded-images .button:hover {
  padding: 0 56px;
}
.images-set-layer .images-cloud-layer .loaded-images .col-wrapper:first-of-type, .images-cloud-layer .images-cloud-layer .loaded-images .col-wrapper:first-of-type {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.images-set-layer .images-cloud-layer .loaded-images .col-wrapper:first-of-type:after, .images-cloud-layer .images-cloud-layer .loaded-images .col-wrapper:first-of-type:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: black;
  left: unset;
  right: calc(-100px/2);
  opacity: 0.5;
}
.images-cloud-layer .loaded-images:hover .loaded-images__wrapper img {
  opacity: 1;
}
.images-cloud-layer .loaded-images:hover .loaded-images__wrapper .magnify-glass-icon,
.images-cloud-layer .loaded-images:hover .loaded-images__wrapper .magnify-icon {
  opacity: 1;
}
.images-cloud-layer__description {
  font-size: 16px;
}
.images-cloud-layer__description p {
  line-height: 133%;
}
.images-cloud-layer__description p em {
  font-style: normal;
  font-weight: 600;
  color: white;
  white-space: nowrap;
}
.images-cloud-layer__description header {
  font-size: 24px;
  margin-bottom: 1em;
  color: white;
}
.images-cloud-layer__description-ul {
  grid-area: description-box;
  display: grid;
  grid-auto-flow: row;
  row-gap: 14px;
  margin-bottom: 2em;
}
.images-cloud-layer__description-ul li {
  list-style: disc outside;
  margin-left: 1em;
}
.images-cloud-layer .fine-tuning__img-set,
.images-cloud-layer .img-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.images-cloud-layer .fine-tuning__img-set img,
.images-cloud-layer .img-set img {
  border-radius: 5px;
  width: 40px;
  height: 40px;
  overflow: hidden;
  object-fit: cover;
}
.add-new-images-set {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10%;
  padding-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
.add-new-images-set .button {
  font-size: 18px;
}
.add-new-images-set:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: 0;
}
.add-new-images-set.is-layered {
  position: fixed;
  z-index: 2;
  left: 10%;
  top: 15%;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5);
  width: 80%;
  height: 75%;
  padding: 40px;
  overflow-y: auto;
}
.add-new-images-set.is-layered::before {
  content: none;
}

.new-images-set .loaded-images {
  display: none;
}
.new-images-set .loaded-images .magnify-icon {
  width: 80px;
  height: 80px;
}
.new-images-set .loaded-images img {
  width: 80px;
  height: 80px;
}
.new-images-set.has-loaded-images .--first-wrapper .button--orange {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #333333;
}
.new-images-set.has-loaded-images .--first-wrapper .button--transparent {
  color: #333333;
}
.new-images-set.has-loaded-images .loaded-images {
  display: grid;
}

.edit-images-set {
  row-gap: 28px;
}
.edit-images-set__header {
  font-size: 24px;
  color: white;
  padding-bottom: 1ex;
}
.edit-images-set__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: 0;
}
.edit-images-set__buttons-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 4px;
}
.edit-images-set__name {
  display: grid;
  row-gap: 10px;
}
.edit-images-set .button {
  font-size: 16px;
  padding: 0 16px;
}
.edit-images-set .button--lined {
  border-color: #cccccc;
}
.edit-images-set .button--lined:hover {
  border-color: black;
}
.edit-images-set .button.is-disabled, .edit-images-set .button[disabled] {
  color: black;
  border-color: black;
  position: relative;
  display: grid;
  justify-items: center;
}
.edit-images-set .button.is-disabled:hover, .edit-images-set .button[disabled]:hover {
  border-color: black;
  color: black;
  background-color: transparent;
  cursor: default;
}
.edit-images-set .button.is-disabled:hover:after, .edit-images-set .button[disabled]:hover:after {
  content: "Выберите 12 фоток";
  position: absolute;
  background-color: red;
  color: white;
  font-size: 12px;
  padding: 6px 10px 4px;
  border-radius: 3px;
}
.edit-images-set .loaded-images {
  padding-bottom: 0;
  margin: 0;
}
.edit-images-set .loaded-images img {
  height: 80px;
  width: 80px;
}
.edit-images-set .loaded-images .is-chosen {
  overflow: hidden;
  position: relative;
  line-height: 0;
  display: inline-block;
}
.edit-images-set .loaded-images .is-chosen img {
  outline: 2px solid #7fdbff;
  outline-offset: -2px;
}
.edit-images-set .loaded-images .is-chosen:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #7fdbff;
  opacity: 0.2;
}
.edit-images-set .loaded-images__choosen em {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  color: #7fdbff;
  margin: 0 1ex;
}
.edit-images-set__add-images {
  display: grid;
  justify-content: start;
  justify-items: start;
  row-gap: 1em;
  padding-top: 20px;
}
.edit-images-set__add-images::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: black;
}

.final-images {
  color: #333333;
}
.final-images__ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 40px;
}
.v02-full-layer .final-images__ul {
  margin-right: 60px;
}
.final-images__li {
  z-index: 1;
}
.final-images__li-header {
  font-size: 16px;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  text-overflow: unset;
  white-space: unset;
  overflow: unset;
  width: 200px;
  word-break: break-all;
}
.final-images__li .magnify-glass-icon,
.final-images__li .magnify-icon {
  color: #333333;
  top: -1px;
}
.final-images__li .magnify-glass-icon span,
.final-images__li .magnify-icon span {
  width: 16px;
  height: 16px;
  border-width: 1.8px;
}
.final-images__li .magnify-glass-icon span:after,
.final-images__li .magnify-icon span:after {
  width: 8px;
  height: 2px;
}
.final-images__li .magnify-glass-icon span:before,
.final-images__li .magnify-icon span:before {
  top: 6px;
  left: 3px;
  font-size: 14px;
}
.final-images__li .magnify-glass-icon svg,
.final-images__li .magnify-icon svg {
  width: 18px;
  height: 18px;
}
.final-images__li.is-active {
  z-index: 2;
}
.final-images__li.is-active .final-images__hover {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  transition-delay: 0.33s;
  opacity: 1;
  z-index: 1;
  top: 0;
  right: -60px;
  width: 60px;
  height: 100%;
}
.final-images__li:hover {
  cursor: pointer;
  color: white;
}
.final-images__li:hover .final-images__img {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
  opacity: 0.85;
}
.final-images__li:hover .magnify-glass-icon,
.final-images__li:hover .magnify-icon {
  color: white;
}
.final-images__li:hover .final-images__check, .final-images__li:hover .final-images__heart-icon,
.final-images__li:hover .final-images__plus, .final-images__li:hover .final-images__plus-icon,
.final-images__li:hover .final-images__checkmark, .final-images__li:hover .final-images__checkmark-icon {
  color: #0277cc;
  opacity: 1;
  background-color: white;
}
.final-images__img {
  position: relative;
  height: 0;
  padding-top: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #d4d5d9;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.final-images__img img, .final-images__img video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.final-images__img video:not(.final-images-layer .final-images__img video) {
  pointer-events: none;
}
.final-images__image-2-image {
  display: block;
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 8px;
  right: 4px;
  bottom: 4px;
  outline: 2px solid #5fa7d9;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.33);
}
.final-images__image-2-image.--second {
  right: 50px;
}
.final-images__image-2-image.--third {
  right: 96px;
}
.final-images__image-2-image.--fourth {
  right: 142px;
}
.final-images__caption {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
  align-items: center;
}
.final-images__button {
  box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.25);
  height: 32px;
  padding: 0 28px;
}
.final-images__check {
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 36px;
  width: 28px;
  height: 28px;
  padding: 0;
  appearance: none;
  border: none;
  border-radius: 8px;
  display: grid;
  align-items: center;
  justify-items: center;
  opacity: 0.25;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.final-images__check .checkbox-icon,
.final-images__check .checkbox-empty-icon {
  width: 18px;
  height: 18px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.final-images__check-box {
  width: 16px;
  height: 16px;
  appearance: none;
  border-radius: 3px;
}
.final-images__check .checkbox-icon {
  display: none;
}
.final-images__check.is-active {
  opacity: 0.9;
  color: #0176bf;
  background-color: #13151a;
}
.final-images__check.is-active .checkbox-icon {
  display: grid;
}
.final-images__check.is-active .checkbox-empty-icon {
  display: none;
}
.final-images__check.is-active .final-images__check-box {
  width: 18px;
  height: 18px;
  appearance: auto;
}
.final-images__check:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 36px;
  height: 36px;
  background-color: transparent;
  left: -4px;
  top: -4px;
}
.final-images__check:hover {
  cursor: pointer;
  background-color: white;
  opacity: 1;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
.final-images__check:hover .checkbox-icon,
.final-images__check:hover .checkbox-empty-icon {
  color: #5fa7d9;
}
.final-images__heart-icon, .final-images__plus-icon, .final-images__checkmark-icon {
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 4px;
  width: 28px;
  height: 28px;
  padding: 0;
  appearance: none;
  border: none;
  border-radius: 8px;
  display: grid;
  align-items: center;
  justify-items: center;
  opacity: 0.25;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.final-images__heart-icon svg, .final-images__plus-icon svg, .final-images__checkmark-icon svg {
  height: 100%;
  width: 100%;
}
.final-images__heart-icon .heart-icon, .final-images__heart-icon .heart-stroke-icon,
.final-images__heart-icon .plus-icon, .final-images__heart-icon .plus-stroke-icon,
.final-images__heart-icon .checkmark-icon, .final-images__heart-icon .checkmark-stroke-icon, .final-images__plus-icon .heart-icon, .final-images__plus-icon .heart-stroke-icon,
.final-images__plus-icon .plus-icon, .final-images__plus-icon .plus-stroke-icon,
.final-images__plus-icon .checkmark-icon, .final-images__plus-icon .checkmark-stroke-icon, .final-images__checkmark-icon .heart-icon, .final-images__checkmark-icon .heart-stroke-icon,
.final-images__checkmark-icon .plus-icon, .final-images__checkmark-icon .plus-stroke-icon,
.final-images__checkmark-icon .checkmark-icon, .final-images__checkmark-icon .checkmark-stroke-icon {
  height: 22px;
  width: 22px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.final-images__heart-icon .icon--heart-fill, .final-images__heart-icon .heart-icon,
.final-images__heart-icon .icon--plus-fill, .final-images__heart-icon .plus-icon,
.final-images__heart-icon .icon--checkmark-fill, .final-images__heart-icon .checkmark-icon, .final-images__plus-icon .icon--heart-fill, .final-images__plus-icon .heart-icon,
.final-images__plus-icon .icon--plus-fill, .final-images__plus-icon .plus-icon,
.final-images__plus-icon .icon--checkmark-fill, .final-images__plus-icon .checkmark-icon, .final-images__checkmark-icon .icon--heart-fill, .final-images__checkmark-icon .heart-icon,
.final-images__checkmark-icon .icon--plus-fill, .final-images__checkmark-icon .plus-icon,
.final-images__checkmark-icon .icon--checkmark-fill, .final-images__checkmark-icon .checkmark-icon {
  display: none;
}
.final-images__heart-icon .icon--heart-stroke, .final-images__heart-icon .heart-stroke-icon,
.final-images__heart-icon .icon--plus-stroke, .final-images__heart-icon .plus-stroke-icon,
.final-images__heart-icon .icon--checkmark-stroke, .final-images__heart-icon .checkmark-stroke-icon, .final-images__plus-icon .icon--heart-stroke, .final-images__plus-icon .heart-stroke-icon,
.final-images__plus-icon .icon--plus-stroke, .final-images__plus-icon .plus-stroke-icon,
.final-images__plus-icon .icon--checkmark-stroke, .final-images__plus-icon .checkmark-stroke-icon, .final-images__checkmark-icon .icon--heart-stroke, .final-images__checkmark-icon .heart-stroke-icon,
.final-images__checkmark-icon .icon--plus-stroke, .final-images__checkmark-icon .plus-stroke-icon,
.final-images__checkmark-icon .icon--checkmark-stroke, .final-images__checkmark-icon .checkmark-stroke-icon {
  display: block;
}
.final-images__heart-icon.is-chosen, .final-images__plus-icon.is-chosen, .final-images__checkmark-icon.is-chosen {
  opacity: 0.9;
  color: #0176bf;
  background-color: #13151a;
}
.final-images__heart-icon.is-chosen .icon--heart-stroke, .final-images__heart-icon.is-chosen .heart-stroke-icon,
.final-images__heart-icon.is-chosen .icon--plus-stroke, .final-images__heart-icon.is-chosen .plus-stroke-icon,
.final-images__heart-icon.is-chosen .icon--checkmark-stroke, .final-images__heart-icon.is-chosen .checkmark-stroke-icon, .final-images__plus-icon.is-chosen .icon--heart-stroke, .final-images__plus-icon.is-chosen .heart-stroke-icon,
.final-images__plus-icon.is-chosen .icon--plus-stroke, .final-images__plus-icon.is-chosen .plus-stroke-icon,
.final-images__plus-icon.is-chosen .icon--checkmark-stroke, .final-images__plus-icon.is-chosen .checkmark-stroke-icon, .final-images__checkmark-icon.is-chosen .icon--heart-stroke, .final-images__checkmark-icon.is-chosen .heart-stroke-icon,
.final-images__checkmark-icon.is-chosen .icon--plus-stroke, .final-images__checkmark-icon.is-chosen .plus-stroke-icon,
.final-images__checkmark-icon.is-chosen .icon--checkmark-stroke, .final-images__checkmark-icon.is-chosen .checkmark-stroke-icon {
  display: none;
}
.final-images__heart-icon.is-chosen .icon--heart-fill, .final-images__heart-icon.is-chosen .heart-icon,
.final-images__heart-icon.is-chosen .icon--plus-fill, .final-images__heart-icon.is-chosen .plus-icon,
.final-images__heart-icon.is-chosen .icon--checkmark-fill, .final-images__heart-icon.is-chosen .checkmark-icon, .final-images__plus-icon.is-chosen .icon--heart-fill, .final-images__plus-icon.is-chosen .heart-icon,
.final-images__plus-icon.is-chosen .icon--plus-fill, .final-images__plus-icon.is-chosen .plus-icon,
.final-images__plus-icon.is-chosen .icon--checkmark-fill, .final-images__plus-icon.is-chosen .checkmark-icon, .final-images__checkmark-icon.is-chosen .icon--heart-fill, .final-images__checkmark-icon.is-chosen .heart-icon,
.final-images__checkmark-icon.is-chosen .icon--plus-fill, .final-images__checkmark-icon.is-chosen .plus-icon,
.final-images__checkmark-icon.is-chosen .icon--checkmark-fill, .final-images__checkmark-icon.is-chosen .checkmark-icon {
  display: block;
}
.final-images__heart-icon.is-chosen .icon--heart-fill svg, .final-images__heart-icon.is-chosen .heart-icon svg,
.final-images__heart-icon.is-chosen .icon--plus-fill svg, .final-images__heart-icon.is-chosen .plus-icon svg,
.final-images__heart-icon.is-chosen .icon--checkmark-fill svg, .final-images__heart-icon.is-chosen .checkmark-icon svg, .final-images__plus-icon.is-chosen .icon--heart-fill svg, .final-images__plus-icon.is-chosen .heart-icon svg,
.final-images__plus-icon.is-chosen .icon--plus-fill svg, .final-images__plus-icon.is-chosen .plus-icon svg,
.final-images__plus-icon.is-chosen .icon--checkmark-fill svg, .final-images__plus-icon.is-chosen .checkmark-icon svg, .final-images__checkmark-icon.is-chosen .icon--heart-fill svg, .final-images__checkmark-icon.is-chosen .heart-icon svg,
.final-images__checkmark-icon.is-chosen .icon--plus-fill svg, .final-images__checkmark-icon.is-chosen .plus-icon svg,
.final-images__checkmark-icon.is-chosen .icon--checkmark-fill svg, .final-images__checkmark-icon.is-chosen .checkmark-icon svg {
  fill: currentColor;
}
.final-images__heart-icon:before, .final-images__plus-icon:before, .final-images__checkmark-icon:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 36px;
  height: 36px;
  background-color: transparent;
  left: -4px;
  top: -4px;
}
.final-images__heart-icon:hover, .final-images__plus-icon:hover, .final-images__checkmark-icon:hover {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.final-images__heart-icon:hover .heart-stroke, .final-images__heart-icon:hover .heart-stroke-icon,
.final-images__heart-icon:hover .plus-stroke, .final-images__heart-icon:hover .plus-stroke-icon,
.final-images__heart-icon:hover .checkmark-stroke, .final-images__heart-icon:hover .checkmark-stroke-icon, .final-images__plus-icon:hover .heart-stroke, .final-images__plus-icon:hover .heart-stroke-icon,
.final-images__plus-icon:hover .plus-stroke, .final-images__plus-icon:hover .plus-stroke-icon,
.final-images__plus-icon:hover .checkmark-stroke, .final-images__plus-icon:hover .checkmark-stroke-icon, .final-images__checkmark-icon:hover .heart-stroke, .final-images__checkmark-icon:hover .heart-stroke-icon,
.final-images__checkmark-icon:hover .plus-stroke, .final-images__checkmark-icon:hover .plus-stroke-icon,
.final-images__checkmark-icon:hover .checkmark-stroke, .final-images__checkmark-icon:hover .checkmark-stroke-icon {
  color: #5fa7d9;
}
.final-images__card {
  display: grid;
  grid-auto-flow: row;
  row-gap: 15px;
  align-content: start;
  position: relative;
  z-index: 2;
}
.final-images__hover {
  display: grid;
  justify-content: end;
  align-content: start;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 60px;
  height: 100%;
  font-size: 14px;
  overflow: hidden;
  opacity: 0;
}
.final-images__buttons-set {
  background-color: #999999;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5);
  position: relative;
}

.full-images {
  display: grid;
  justify-items: center;
  align-content: start;
  grid-auto-flow: row;
  row-gap: 10px;
  padding-bottom: 10px;
}
.full-images__button {
  display: grid;
  justify-items: center;
  position: absolute;
  right: 6px;
  top: 6px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
  padding: 10px 12px;
  background-color: #0176bf;
  color: white;
  border: none;
  height: 36px;
}
.full-images__button:hover {
  background-color: #80d4ff;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.full-images__button--heart {
  top: 6px;
  left: 6px;
  right: unset;
  z-index: 10;
}
.full-images__button--heart svg {
  height: 20px;
}
.full-images__button--heart .icon--heart-fill {
  display: none;
}
.full-images__button--heart .icon--heart-stroke {
  display: block;
}
.full-images__button--heart.is-chosen .icon--heart-fill {
  display: block;
}
.full-images__button--heart.is-chosen .icon--heart-stroke {
  display: none;
}
.full-images__download {
  padding: 10px 12px;
}
.full-images__picture {
  display: grid;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 10px;
  background-color: #a3a4a8;
}
.full-images__image {
  box-sizing: border-box;
  width: 75vh;
  position: relative;
}
@media screen and (max-height: 900px) {
  .full-images__image {
    width: 70vh;
  }
}
@media screen and (max-height: 760px) {
  .full-images__image {
    width: 66vh;
  }
}
.full-images__image img, .full-images__image video {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.full-images__image video {
  height: 90%;
}
.full-images__image-2-image {
  display: block;
  position: absolute;
  z-index: 2;
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 1px;
  right: 11px;
  bottom: 41px;
  outline: 5px solid #5fa7d9;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.33);
}
.v02-full-layer .full-images__image-2-image {
  right: 11px;
  bottom: 11px;
}
.full-images-layer--with-info-box .full-images__image-2-image {
  right: unset;
  bottom: unset;
  outline: 5px solid #f7f7f7;
  left: 5px;
}
.full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(1) {
  top: -148px;
}
.full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(2) {
  top: -293px;
}
.full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(3) {
  top: -438px;
}
.full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(4) {
  top: -578px;
}
@media screen and (max-height: 900px) {
  .full-images__image-2-image {
    width: 100px;
    height: 100px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(1) {
    top: -106px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(2) {
    top: -217px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(3) {
    top: -328px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(4) {
    top: -439px;
  }
}
@media screen and (max-height: 800px) {
  .full-images__image-2-image {
    width: 100px;
    height: 100px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(1) {
    top: -106px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(2) {
    top: -215px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(3) {
    top: -324px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(4) {
    top: -434px;
  }
}
@media screen and (max-height: 700px) {
  .full-images__image-2-image {
    width: 90px;
    height: 90px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(1) {
    top: -96px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(2) {
    top: -96px;
    left: 106px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(3) {
    top: -197px;
  }
  .full-images-layer--with-info-box .full-images__image-2-image:nth-of-type(4) {
    top: -197px;
    left: 106px;
  }
}
.full-images__info {
  position: absolute;
  z-index: 1;
  bottom: 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  color: white;
  padding: 4px 16px;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 12px);
  margin: 4px 6px;
}
.full-images__info::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.85;
}
.full-images__size, .full-images__url {
  font-size: 14px;
}
.full-images__name {
  font-size: 16px;
  color: white;
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  max-width: 16.6666666667vw;
  position: absolute;
  right: -2px;
  bottom: 0;
  transform: translateX(100%);
  background-color: #f7f7f7;
  border-radius: 5px;
}
.full-images__name-wrapper {
  display: grid;
  row-gap: 4px;
}
.full-images__name-wrapper .text-item {
  display: block;
  position: realtive;
  z-index: 1;
  text-shadow: 0 1px 0 black;
  font-size: 14px;
  font-weight: bold;
  padding: 6px;
  white-space: nowrap;
}
.full-images__name .wrapper {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  row-gap: 10px;
  padding: 15px;
}
@media screen and (max-width: 1200px) {
  .full-images__name {
    max-width: 15.3846153846vw;
    font-size: 14px;
  }
}
@media screen and (max-height: 800px) {
  .full-images__name {
    font-size: 14px;
  }
}
.full-images__url {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-size: 14px;
  line-height: 0;
  font-family: monospace;
  position: relative;
  cursor: unset;
}
.full-images__url-img {
  position: relative;
  margin-left: 1em;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.full-images__url-img svg {
  height: 20px;
}
.full-images__url-img:hover {
  opacity: 0.66;
}
.full-images__aside {
  position: absolute;
  top: 0;
  right: -210px;
}
.full-images__aside.--left {
  right: unset;
  left: -210px;
  border-radius: 10px;
}
.full-images .full-images-aside {
  display: grid;
  align-content: end;
  row-gap: 10px;
  height: 100%;
  width: 200px;
  font-size: 16px;
}
.full-images .full-images-aside__elm {
  display: grid;
  align-content: start;
  justify-content: center;
  row-gap: 5px;
}
.full-images .full-images-aside__elm.image-elm {
  width: 160px;
}
.full-images .full-images-aside__name {
  color: white;
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  background-color: #f7f7f7;
  border-radius: 5px;
}
.full-images .full-images-aside__name .wrapper {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  row-gap: 10px;
  padding: 15px;
}
.full-images .full-images-aside .text-item {
  display: grid;
  justify-items: center;
}
.full-images .full-images-aside .image-item {
  position: relative;
  width: 140px;
  height: 140px;
  border: 5px solid #f7f7f7;
  border-radius: 10px;
  padding: 5px;
}
.full-images .full-images-aside .image-prompt,
.full-images .full-images-aside .image-tags,
.full-images .full-images-aside .image-buttons {
  margin-bottom: 20px;
  padding-right: 10px;
}
.full-images .full-images-aside .image-prompt:last-of-type,
.full-images .full-images-aside .image-tags:last-of-type,
.full-images .full-images-aside .image-buttons:last-of-type {
  margin-bottom: 0px;
}
.full-images .full-images-aside .image-prompt__title,
.full-images .full-images-aside .image-tags__title,
.full-images .full-images-aside .image-buttons__title {
  margin-top: 0;
  margin-bottom: 1ex;
  font-size: 14px;
  font-weight: bold;
}
.full-images .full-images-aside .image-prompt__data,
.full-images .full-images-aside .image-tags__data,
.full-images .full-images-aside .image-buttons__data {
  line-height: 120%;
  font-size: 14px;
  margin-bottom: 1em;
  margin-top: 0;
}
.full-images .full-images-aside .image-prompt__data:last-child,
.full-images .full-images-aside .image-tags__data:last-child,
.full-images .full-images-aside .image-buttons__data:last-child {
  margin-bottom: 0;
}
.full-images .full-images-aside .image-buttons {
  display: grid;
  row-gap: 5px;
}
@media screen and (max-height: 900px) {
  .full-images .full-images-aside {
    font-size: 14px;
  }
  .full-images .full-images-aside__elm.image-elm {
    width: 120px;
  }
  .full-images .full-images-aside .image-item {
    position: relative;
    width: 100px;
    height: 100px;
  }
  .full-images .full-images-aside .image-prompt__title,
  .full-images .full-images-aside .image-tags__title,
  .full-images .full-images-aside .image-buttons__title {
    font-size: 13px;
    font-weight: bold;
  }
  .full-images .full-images-aside .image-prompt__data,
  .full-images .full-images-aside .image-tags__data,
  .full-images .full-images-aside .image-buttons__data {
    line-height: normal;
    font-size: 12px;
  }
}
@media screen and (max-height: 800px) {
  .full-images .full-images-aside {
    font-size: 13px;
  }
  .full-images .full-images-aside__elm.image-elm {
    width: 100px;
  }
  .full-images .full-images-aside .image-item {
    position: relative;
    width: 80px;
    height: 80px;
  }
}

.paginator {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  min-width: 200px;
  min-height: 80px;
  justify-self: center;
  align-items: center;
  padding: 20px 0;
}
.paginator:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 200vw;
  height: 1px;
  background-color: black;
  opacity: 0.5;
  left: -50vw;
}
.v02-full-layer .paginator:before {
  top: -20px;
}
.paginator__prev, .paginator__next {
  line-height: 0;
  width: 40px;
  height: 40px;
}
.paginator__prev:before, .paginator__next:before {
  width: 20px;
  height: 20px;
  border-width: 2px;
  transform: translateY(0) rotate(45deg);
  top: 1ex;
  left: 14px;
}
.paginator__prev.is-disabled, .paginator__prev[disabled], .paginator__next.is-disabled, .paginator__next[disabled] {
  cursor: default;
  opacity: 0.2;
}
.paginator__next::before {
  transform: translateY(0) rotate(-135deg);
  right: 14px;
  left: unset;
}
.paginator__count {
  font-size: 24px;
}

.v02-full-images {
  display: grid;
  height: 100%;
  justify-items: center;
  grid-auto-flow: row;
  position: relative;
  z-index: 1;
}
.v02-full-images__button {
  display: grid;
  justify-items: center;
  position: absolute;
  right: 6px;
  top: 6px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
  padding: 10px 12px;
  background-color: #5fa7d9;
  color: white;
  border: none;
  height: 36px;
}
.v02-full-images__button:hover {
  background-color: #0176bf;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.v02-full-images__button--heart {
  top: 6px;
  left: 6px;
  right: unset;
}
.v02-full-images__button--heart svg {
  height: 20px;
}
.v02-full-images__button--heart .icon--heart-fill {
  display: none;
}
.v02-full-images__button--heart .icon--heart-stroke {
  display: block;
}
.v02-full-images__button--heart.is-chosen .icon--heart-fill {
  display: block;
}
.v02-full-images__button--heart.is-chosen .icon--heart-stroke {
  display: none;
}
.v02-full-images__download {
  padding: 10px 12px;
}
.v02-full-images__picture {
  display: grid;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.v02-full-images__image {
  display: grid;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
}
.v02-full-images__image img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.v02-full-images__image-2-image {
  display: block;
  position: absolute;
  z-index: 2;
  width: 25%;
  height: 25%;
  overflow: hidden;
  border-radius: 1px;
  right: 11px;
  bottom: 41px;
  outline: 5px solid #5fa7d9;
  outline-offset: -1px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.33);
}
.v02-full-layer .v02-full-images__image-2-image {
  right: 11px;
  bottom: 11px;
}
.v02-full-images__info {
  position: absolute;
  z-index: 1;
  bottom: 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  color: white;
  padding: 4px 16px;
  border-radius: 5px;
  overflow: hidden;
  width: calc(100% - 12px);
  margin: 4px 6px;
}
.v02-full-images__info::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.85;
}
.v02-full-images__size, .v02-full-images__url {
  font-size: 14px;
}
.v02-full-images__name {
  font-size: 24px;
  color: white;
  display: grid;
  justify-content: start;
}
.v02-full-images__url {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  font-size: 14px;
  line-height: 0;
  font-family: monospace;
  position: relative;
  cursor: unset;
}
.v02-full-images__url-img {
  position: relative;
  margin-left: 1em;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-full-images__url-img svg {
  height: 20px;
}
.v02-full-images__url-img:hover {
  opacity: 0.66;
}
.sets-list {
  display: grid;
  row-gap: 24px;
  align-content: start;
  padding-bottom: 20px;
}
.sets-list__sets {
  display: grid;
  row-gap: 24px;
  align-content: start;
}
.inference-layer .sets-list {
  row-gap: 48px;
}
.edit-styles .sets-list {
  overflow: auto;
  padding-right: 20px;
  margin-right: -20px;
}
.user-shapes .sets-list {
  height: calc(100vh - 200px);
}
.sets-list__wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-content: start;
  column-gap: 2px;
}
.sets-list__set {
  display: grid;
  row-gap: 16px;
}
.view-stylization-results .sets-list__set {
  grid-template-columns: 1fr auto auto;
}
.sets-list__set-number {
  opacity: 0.5;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  align-items: start;
  justify-content: start;
  min-width: 1.5em;
  font-size: 16px;
}
.sets-list__set-number:after {
  content: ".";
}
.sets-list__set .content-wrapper {
  display: grid;
}
.sets-list__set .content-wrapper .sets-list__text,
.sets-list__set .content-wrapper .hidden-description,
.sets-list__set .content-wrapper .sets-list__set-images,
.sets-list__set .content-wrapper .sets-list__fieldsets {
  grid-column: 1/2;
  margin-bottom: 10px;
}
.sets-list__set .content-wrapper .sets-list__fieldsets {
  margin-bottom: 30px;
  margin-top: 20px;
}
.sets-list__set .content-wrapper .sets-list__number-of-images {
  grid-column: 2/3;
  grid-row: 1/100;
  align-self: start;
  margin-left: 28px;
}
.sets-list__set.is-edited .sets-list__wrapper {
  display: none;
}
.sets-list__set-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
  opacity: 0.66;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.test-styles .sets-list__set-images, .stylization .sets-list__set-images, .images-cloud-layer .sets-list__set-images {
  display: grid;
  gap: 0;
  opacity: 0.66;
  outline: 2px solid transparent;
  outline-color: transparent;
  outline-offset: 2px;
  border-radius: 4px;
  grid-auto-flow: column;
  justify-content: start;
  min-width: 212px;
}
.test-styles .sets-list__set-images:hover, .stylization .sets-list__set-images:hover, .images-cloud-layer .sets-list__set-images:hover {
  outline-color: #0176bf;
  opacity: 1;
}
.showoff-products .sets-list__set-images {
  justify-self: end;
  justify-content: flex-end;
}
.sets-list__set-images-more {
  display: grid;
  grid-auto-flow: column;
  white-space: nowrap;
  margin-left: 1ex;
  font-size: 16px;
  min-width: 2.2em;
}
.sets-list__set-images-more:before {
  content: "+";
  font-size: 14px;
  display: grid;
  justify-items: center;
}
.sets-list__set-images img {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  margin-right: 2px;
}
.production-inference .sets-list__set-images img {
  width: 60px;
  height: 60px;
}
.sets-list__set-images:hover {
  opacity: 1;
}
.sets-list__set-images .n-more-images {
  margin-left: 10px;
}
.inference-layer .sets-list__set-images {
  row-gap: 20px;
  opacity: 1;
}
.sets-list__set-fields,
.sets-list__set .sets-list__number-of-images {
  display: grid;
  grid-auto-flow: row;
  justify-content: start;
  align-items: center;
  gap: 6px;
  padding: 10px;
  margin-left: 20px;
  border-radius: 5px;
  justify-self: end;
  border: 1px solid #f7f7f7;
}
.sets-list__set-fields label,
.sets-list__set .sets-list__number-of-images label {
  font-size: 13px;
}
.sets-list__set-fields input[type=number],
.sets-list__set .sets-list__number-of-images input[type=number] {
  font-size: 18px;
  width: 100%;
  height: 56px;
  border-radius: 5px;
  border: none;
  padding: 6px 10px;
  width: 100%;
  height: auto;
}
.sets-list__set-radio, .sets-list__set-checkboxes {
  display: grid;
  align-items: center;
  justify-content: start;
  grid-auto-flow: column;
  column-gap: 10px;
  font-size: 18px;
}
.is-collapsed .sets-list__set-radio, .is-collapsed .sets-list__set-checkboxes {
  color: #333333;
}
.sets-list__set-radio input, .sets-list__set-checkboxes input {
  width: 20px;
  height: 20px;
  background-color: #333333;
  margin-top: -1px;
  border-radius: 3px;
}
.sets-list__set-radio input[type=radio], .sets-list__set-checkboxes input[type=radio] {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.test-stylization .sets-list__set-radio input[type=radio], .stylization .sets-list__set-radio input[type=radio], .test-stylization .sets-list__set-checkboxes input[type=radio], .stylization .sets-list__set-checkboxes input[type=radio] {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.sets-list__set-radio label, .sets-list__set-checkboxes label {
  color: currentColor;
}
.test-styles .sets-list__set-radio label, .stylization .sets-list__set-radio label, .test-styles .sets-list__set-checkboxes label, .stylization .sets-list__set-checkboxes label {
  display: block;
  column-gap: 10px;
  min-width: 30ex;
  font-size: 16px;
}
@media screen and (max-width: 1600px) {
  .test-styles .sets-list__set-radio label, .stylization .sets-list__set-radio label, .test-styles .sets-list__set-checkboxes label, .stylization .sets-list__set-checkboxes label {
    font-size: 16px;
    min-width: 20ex;
  }
}
@media screen and (max-width: 1400px) {
  .test-styles .sets-list__set-radio label, .stylization .sets-list__set-radio label, .test-styles .sets-list__set-checkboxes label, .stylization .sets-list__set-checkboxes label {
    font-size: 14px;
    min-width: 20ex;
  }
}
.test-stylization .sets-list__set-radio label:hover, .stylization .sets-list__set-radio label:hover, .test-stylization .sets-list__set-checkboxes label:hover, .stylization .sets-list__set-checkboxes label:hover {
  color: white;
  cursor: pointer;
}
.test-styles .sets-list__set-radio, .test-styles .sets-list__set-checkboxes {
  grid-column: 1/2;
}
.showoff-products .sets-list__set-radio, .showoff-products .sets-list__set-checkboxes {
  align-items: start;
}
.showoff-products .sets-list__set-radio .set-radio-data, .showoff-products .sets-list__set-checkboxes .set-radio-data {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
  align-items: start;
  align-content: start;
}
.showoff-products .sets-list__set-radio .set-radio-data__header, .showoff-products .sets-list__set-checkboxes .set-radio-data__header {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  column-gap: 10px;
}
.sets-list__set-time {
  margin-top: 2px;
  font-size: 12px;
  opacity: 0.66;
}
.sets-list__set .magnify-glass-icon {
  color: white;
  border: 1px solid #666666;
  margin-left: 0;
  opacity: 0.66;
}
.sets-list__set .magnify-glass-icon span {
  width: 16px;
  height: 16px;
  border-width: 1.8px;
}
.sets-list__set .magnify-glass-icon span:before {
  top: 6px;
  left: 3px;
  font-size: 14px;
}
.sets-list__set .magnify-glass-icon span:after {
  width: 8px;
  height: 2px;
}
.sets-list__set .magnify-glass-icon:hover {
  opacity: 1;
}
.sets-list__set-wrapper {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 40px;
  position: relative;
}
.sets-list__set-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  opacity: 0.33;
  top: unset;
  bottom: 0;
}
.test-styles .sets-list__set-wrapper:before, .stylization .sets-list__set-wrapper:before {
  content: none;
}
.inference-layer .sets-list__set-wrapper {
  padding: 0 10px;
  font-size: 16px;
  min-width: 90ex;
  color: white;
}
@media screen and (max-width: 1480px) {
  .inference-layer .sets-list__set-wrapper {
    min-width: 80ex;
  }
}
.inference-layer .sets-list__set-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}
.production-inference .sets-list__set-wrapper {
  min-width: 80ex;
}
@media screen and (max-width: 1480px) {
  .production-inference .sets-list__set-wrapper {
    min-width: 70ex;
  }
}
.production-inference .sets-list__set-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}
.test-styles .sets-list__set-wrapper, .stylization .sets-list__set-wrapper {
  column-gap: 1em;
  grid-template-columns: 1fr auto auto;
}
.test-styles .sets-list__set-wrapper .sets-list__set-images, .stylization .sets-list__set-wrapper .sets-list__set-images {
  min-width: 212px;
}
.sets-list__set-wrapper.is-checked:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 5px);
  height: calc(100% + 10px);
  background-color: #d4d5d9;
  opacity: 0.25;
  top: -5px;
  left: -5px;
  border-radius: 5px;
}
.sets-list__set-wrapper.is-checked .sets-list__set-button.--checkbox input {
  appearance: auto;
}
.sets-list__set-buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.test-styles .sets-list__set-buttons, .stylization .sets-list__set-buttons {
  grid-column: 3/4;
  column-gap: 0;
}
.showoff-products .sets-list__set-buttons {
  column-gap: 10px;
  grid-column: unset;
}
.sets-list__set-button {
  color: #13151a;
  width: 38px;
  height: 38px;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
}
.sets-list__set-button svg {
  width: 20px;
  height: 20px;
}
.sets-list__set-button.share-icon svg {
  width: 24px;
}
.sets-list__set-button.more-info-icon {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.sets-list__set-button.more-info-icon svg {
  width: 24px;
}
.sets-list__set-button.more-info-icon .angle-icon {
  font-size: 8px;
  transform: rotate(180deg);
}
.sets-list__set-button.important-icon {
  color: #ff9c85;
}
.sets-list__set-button:hover {
  opacity: 0.66;
}
.sets-list__set-button.ok-icon, .sets-list__set-button.important-icon, .sets-list__set-button.clock-icon {
  opacity: 0.8;
}
.sets-list__set-button.ok-icon:hover, .sets-list__set-button.important-icon:hover, .sets-list__set-button.clock-icon:hover {
  cursor: default;
}
.sets-list__set-button.clock-icon {
  opacity: 0.66;
}
.sets-list__set-button.--checkbox:hover {
  cursor: default;
}
.sets-list__set-button.--checkbox input {
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid #13151a;
  appearance: none;
  background-color: transparent;
}
.sets-list__set-button.--checkbox input:hover {
  cursor: pointer;
}
.sets-list__set-button.clock-rotation-icon--animated {
  animation: rotate-it 0.66s linear infinite;
}
.sets-list__set-header {
  font-size: 18px;
  overflow: hidden;
}
.sets-list__set-header span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.sets-list__set.is-collapsed .sets-list__set-button.more-info-icon .angle-icon {
  transform: rotate(0);
}
.sets-list__set.is-collapsed .hidden-description {
  display: none;
}
.sets-list__set.is-active:not(.inference-layer .sets-list__set.is-active) {
  outline: 2px solid #666666;
  outline-offset: 10px;
  border-radius: 1px;
}
.sets-list__set.is-active .sets-list__set-radio,
.sets-list__set.is-active .sets-list__set-checkboxes {
  color: #13151a;
}
.sets-list__set.is-active .sets-list__set-radio input,
.sets-list__set.is-active .sets-list__set-checkboxes input {
  appearance: auto;
}
.sets-list__set.is-active .sets-list__set-images {
  opacity: 1;
}
.sets-list__set.is-active .sets-list__set-button {
  opacity: 1;
  color: #13151a;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.sets-list__set.is-active .sets-list__set-button .magnify-icon {
  opacity: 1;
  color: currentColor;
}
.sets-list__set.is-active .sets-list__set-button:hover {
  opacity: 0.66;
}
.sets-list__set.is-active .sets-list__set-button.ok-icon, .sets-list__set.is-active .sets-list__set-button.important-icon, .sets-list__set.is-active .sets-list__set-button.clock-icon {
  opacity: 1;
}
.sets-list__set.is-active .sets-list__set-button.--checkbox input {
  border: 1px solid #13151a;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.sets-list__set.is-active .sets-list__set-button.--checkbox input:hover {
  opacity: 0.66;
}
.sets-list__set.is-active .sets-list__set-button.is-disabled {
  position: relative;
}
.sets-list__set.is-active .sets-list__set-button.is-disabled:hover {
  cursor: default;
  color: currentColor;
}
.sets-list__set.is-active .sets-list__set-button.is-disabled:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #babbbf;
  opacity: 0.8;
}
.sets-list__set.is-checked:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 5px);
  height: calc(100% + 10px);
  background-color: #d4d5d9;
  opacity: 0.25;
  top: -5px;
  left: -5px;
  border-radius: 5px;
}
.sets-list__set.is-checked .sets-list__set-button.--checkbox input {
  appearance: auto;
}
.sets-list__text {
  font-size: 16px;
  margin-top: 0;
  max-width: 90ex;
}
.sets-list__text p:only-of-type {
  margin: 0;
}
.sets-list__text p:last-of-type {
  margin-bottom: 0;
}
.sets-list__text p:first-of-type {
  margin-top: 0;
}
.inference-layer .sets-list__hidden-description {
  border-top: 2px dashed #f7f7f7;
}
.inference-layer .sets-list__visible-description {
  margin-bottom: 20px;
}
.sets-list__fieldsets {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: start;
  margin-bottom: calc(1.2em - 10px);
  margin-top: 1.2em;
}
.sets-list__fieldsets fieldset {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
}
.sets-list__fieldsets fieldset select {
  border-radius: 5px;
  height: 28px;
  padding: 4px 6px;
}
.sets-list__checkboxes {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 8px;
}
.sets-list__checkboxes input {
  width: 16px;
  height: 16px;
}
.sets-list__checkboxes label {
  position: relative;
  top: 1px;
  font-size: 20px;
  color: white;
}
.edit-styles .sets-list__checkboxes label {
  color: #13151a;
  font-size: 16px;
  display: inline-grid;
  grid-auto-flow: column;
}
.edit-styles .sets-list__checkboxes label input {
  margin-right: 1ex;
}
.edit-styles .sets-list__checkboxes.is-active label {
  color: white;
}
.user-shapes .sets-list__checkboxes {
  align-items: start;
}
.user-shapes .sets-list__checkboxes input {
  position: relative;
  top: 0.5ex;
}
.sets-list__subheader {
  font-size: 16px;
  max-width: 80ex;
  margin-top: -1em;
}
.sets-list__bar {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  justify-content: space-between;
  margin-bottom: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  padding-bottom: 10px;
}
.showoff-products .sets-list__bar {
  padding-bottom: 30px;
}
.stylization .sets-list__bar {
  grid-template-columns: auto 1fr auto;
}
.stylization .sets-list__bar .buttons-wrapper-01 {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  justify-content: start;
}
.stylization .sets-list__bar .buttons-wrapper-01 .button--star .button__text {
  display: none;
}
.stylization .sets-list__bar .sorting-buttons {
  justify-content: center;
}
.stylization .sets-list__bar .sorting-buttons__pagination-info {
  font-size: 13px;
  margin-right: 1ex;
}
.sets-list__bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  top: unset;
  bottom: 0;
}
.sets-list__bar .button--reload {
  width: max-content;
  padding: 0 10px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.sets-list__bar .reload-icon {
  display: grid;
  align-items: center;
}
.sets-list__bar .reload-icon .svg-sprite {
  width: 14px;
  height: 14px;
  position: relative;
  top: -1px;
}
.sets-list:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: black;
  left: unset;
  right: calc(-100px/2);
  opacity: 0.5;
}
.images-cloud-layer .sets-list:after {
  right: -11.3%;
}
.stylization .sets-list:after, .showoff-products .sets-list:after {
  content: none;
}

.v02-sets-list {
  display: grid;
  row-gap: 10px;
  align-content: start;
  padding-bottom: 20px;
}
.v02-sets-list__wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-content: start;
  column-gap: 2px;
}
.v02-sets-list__set {
  display: grid;
  border: 1px solid #d4d5d9;
  border-radius: 5px;
  min-height: 48px;
  color: #222222;
}
.v02-sets-list__set-number {
  opacity: 0.5;
  height: 100%;
  padding: 0 0 0 10px;
  display: grid;
  grid-auto-flow: column;
  align-items: start;
  justify-content: end;
  min-width: 1.6em;
  overflow: visible;
  font-size: 16px;
}
.v02-sets-list__set-number:after {
  content: ".";
}
.v02-sets-list__set .images-set {
  position: relative;
  z-index: 2;
  opacity: 0.66;
  outline: 2px solid transparent;
  outline-color: transparent;
  outline-offset: 1px;
  border-radius: 4px;
  padding: 0 20px;
  height: 100%;
  align-content: center;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
}
.v02-sets-list__set .images-set:hover {
  outline-color: #0176bf;
  opacity: 1;
}
.v02-sets-list__set .images-set img {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  margin-right: 2px;
}
.production-inference .v02-sets-list__set .images-set img {
  width: 60px;
  height: 60px;
}
.v02-sets-list__set .images-set:hover {
  opacity: 1;
}
.inference-layer .v02-sets-list__set .images-set {
  row-gap: 20px;
  opacity: 1;
}
.v02-sets-list__set .images-set:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #d4d5d9;
  right: 0;
  left: unset;
}
.v02-sets-list__set .buttons-set {
  height: 100%;
  align-items: center;
  padding: 0 10px 0 20px;
}
.v02-sets-list__set .buttons-set .button {
  color: currentColor;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  background-color: transparent;
  display: grid;
  align-items: center;
  justify-items: center;
}
.v02-sets-list__set .buttons-set .button .icon {
  width: 20px;
  height: 20px;
}
.v02-sets-list__set .buttons-set .button.share-icon svg {
  width: 24px;
}
.v02-sets-list__set .buttons-set .button.more-info-icon {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.v02-sets-list__set .buttons-set .button.more-info-icon svg {
  width: 24px;
}
.v02-sets-list__set .buttons-set .button.more-info-icon .angle-icon {
  font-size: 8px;
  transform: rotate(180deg);
}
.v02-sets-list__set .buttons-set .button.important-icon {
  color: #ff9c85;
}
.v02-sets-list__set .buttons-set .button:hover {
  opacity: 1;
}
.v02-sets-list__set .buttons-set .button.ok-icon, .v02-sets-list__set .buttons-set .button.important-icon, .v02-sets-list__set .buttons-set .button.clock-icon {
  opacity: 0.8;
}
.v02-sets-list__set .buttons-set .button.ok-icon:hover, .v02-sets-list__set .buttons-set .button.important-icon:hover, .v02-sets-list__set .buttons-set .button.clock-icon:hover {
  cursor: default;
}
.v02-sets-list__set .buttons-set .button.clock-icon {
  opacity: 0.66;
}
.v02-sets-list__set .buttons-set .button.--checkbox:hover {
  cursor: default;
}
.v02-sets-list__set .buttons-set .button.--checkbox input {
  width: 19px;
  height: 19px;
  border-radius: 3px;
  border: 1px solid currentColor;
  appearance: none;
  background-color: transparent;
}
.v02-sets-list__set .buttons-set .button.--checkbox input:hover {
  cursor: pointer;
}
.v02-sets-list__set .buttons-set .button.clock-rotation-icon--animated {
  animation: rotate-it 0.66s linear infinite;
}
.v02-sets-list__set .buttons-set.--status {
  padding: 0 5px;
}
.v02-sets-list__set .buttons-set.--status:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #d4d5d9;
  right: 0;
  left: unset;
}
.v02-sets-list__set .buttons-set.--status .button:hover {
  cursor: default;
  background-color: transparent;
  color: currentColor;
}
.v02-sets-list__set .buttons-set.--actions {
  height: 100%;
}
.v02-sets-list__set-radio, .v02-sets-list__set-checkboxes {
  display: grid;
  align-items: center;
  justify-content: start;
  align-content: center;
  grid-auto-flow: column;
  column-gap: 10px;
  font-size: 18px;
  height: 100%;
}
.is-collapsed .v02-sets-list__set-radio, .is-collapsed .v02-sets-list__set-checkboxes {
  color: #333333;
}
.v02-sets-list__set-radio input, .v02-sets-list__set-checkboxes input {
  width: 20px;
  height: 20px;
  background-color: #333333;
  margin-top: -1px;
  border-radius: 3px;
}
.v02-sets-list__set-radio input[type=radio], .v02-sets-list__set-checkboxes input[type=radio] {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.test-stylization .v02-sets-list__set-radio input[type=radio], .stylization .v02-sets-list__set-radio input[type=radio], .test-stylization .v02-sets-list__set-checkboxes input[type=radio], .stylization .v02-sets-list__set-checkboxes input[type=radio] {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}
.v02-sets-list__set-radio label, .v02-sets-list__set-checkboxes label {
  color: currentColor;
  display: block;
  column-gap: 10px;
  min-width: 30ex;
  font-size: 16px;
  line-height: 100%;
}
@media screen and (max-width: 1600px) {
  .v02-sets-list__set-radio label, .v02-sets-list__set-checkboxes label {
    font-size: 15px;
    min-width: 20ex;
  }
}
@media screen and (max-width: 1400px) {
  .v02-sets-list__set-radio label, .v02-sets-list__set-checkboxes label {
    font-size: 14px;
    min-width: 20ex;
  }
}
.v02-sets-list__set-radio label:hover, .v02-sets-list__set-checkboxes label:hover {
  color: white;
  cursor: pointer;
}
.v02-sets-list__set-radio:after, .v02-sets-list__set-checkboxes:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #d4d5d9;
  right: 0;
  left: unset;
}
.v02-sets-list__set-wrapper {
  display: grid;
  justify-content: space-between;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 40px;
  position: relative;
  column-gap: 0px;
  grid-template-columns: 1fr auto auto auto;
}
.v02-sets-list__set-header {
  font-size: 18px;
  overflow: hidden;
}
.v02-sets-list__set-header span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.v02-sets-list__set.is-collapsed .v02-sets-list__set-button.more-info-icon .angle-icon {
  transform: rotate(0);
}
.v02-sets-list__set.is-collapsed .hidden-description {
  display: none;
}
.v02-sets-list__set.is-checked {
  color: #787f8f;
}
.v02-sets-list__set.is-checked:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #80d4ff;
  border-radius: 5px;
}
.v02-sets-list__set.is-checked .buttons-set .button {
  opacity: 1;
  color: currentColor;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-sets-list__set.is-checked .buttons-set .button.--checkbox input {
  appearance: auto;
}
.v02-sets-list__set.is-checked .buttons-set .button:hover {
  color: white;
  background-color: #0176bf;
}
.v02-sets-list__set.is-checked .buttons-set .button .ok-icon,
.v02-sets-list__set.is-checked .buttons-set .button .important-icon,
.v02-sets-list__set.is-checked .buttons-set .button .clock-icon {
  opacity: 1;
}
.v02-sets-list__set.is-checked .buttons-set .button.--checkbox input {
  border: 1px solid white;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  appearance: auto;
}
.v02-sets-list__set.is-checked .buttons-set .button.--checkbox input:hover {
  border: 1px solid #7fdbff;
}
.v02-sets-list__set.is-checked .buttons-set .button.is-disabled {
  position: relative;
  opacity: 0.2;
}
.v02-sets-list__set.is-checked .buttons-set .button.is-disabled:hover {
  cursor: default;
  color: currentColor;
}
.v02-sets-list__set.is-checked .buttons-set.--status .button {
  background-color: transparent;
}
.v02-sets-list__set.is-active {
  outline: 2px solid #b66009;
  border-radius: 5px;
}
.v02-sets-list__set.is-active .v02-sets-list__set-radio,
.v02-sets-list__set.is-active .v02-sets-list__set-checkboxes {
  color: white;
}
.v02-sets-list__set.is-active .v02-sets-list__set-radio input,
.v02-sets-list__set.is-active .v02-sets-list__set-checkboxes input {
  appearance: auto;
}
.v02-sets-list__set.is-active .images-set {
  opacity: 1;
}
.v02-sets-list__set.is-active .buttons-set .button {
  opacity: 1;
  color: white;
  background-color: #d4d5d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-sets-list__set.is-active .buttons-set .button:hover {
  color: white;
  background-color: #0176bf;
}
.v02-sets-list__set.is-active .buttons-set .button .ok-icon,
.v02-sets-list__set.is-active .buttons-set .button .important-icon,
.v02-sets-list__set.is-active .buttons-set .button .clock-icon {
  opacity: 1;
}
.v02-sets-list__set.is-active .buttons-set .button.--checkbox input {
  border: 1px solid white;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v02-sets-list__set.is-active .buttons-set .button.--checkbox input:hover {
  border: 1px solid #7fdbff;
}
.v02-sets-list__set.is-active .buttons-set .button.is-disabled {
  position: relative;
  opacity: 0.2;
}
.v02-sets-list__set.is-active .buttons-set .button.is-disabled:hover {
  cursor: default;
  color: currentColor;
}
.v02-sets-list__set.is-active .buttons-set.--status .buttons-set__button {
  background-color: transparent;
}
.v02-sets-list__set.is-active .buttons-set.--status .buttons-set__button:hover {
  cursor: default;
}
.v02-sets-list__set.is-active.is-checked {
  color: white;
}
.v02-sets-list__text {
  font-size: 16px;
  margin-top: 0;
  max-width: 90ex;
}
.v02-sets-list__text p:only-of-type {
  margin: 0;
}
.v02-sets-list__text p:last-of-type {
  margin-bottom: 0;
}
.v02-sets-list__text p:first-of-type {
  margin-top: 0;
}
.inference-layer .v02-sets-list__hidden-description {
  border-top: 2px dashed #f7f7f7;
}
.inference-layer .v02-sets-list__visible-description {
  margin-bottom: 20px;
}
.v02-sets-list__fieldsets {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: start;
  margin-bottom: calc(1.2em - 10px);
  margin-top: 1.2em;
}
.v02-sets-list__fieldsets fieldset {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
  padding: 0;
  margin: 0;
  border: none;
}
.v02-sets-list__fieldsets fieldset select {
  border-radius: 5px;
  height: 28px;
  padding: 4px 6px;
}
.v02-sets-list__checkboxes {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 6px;
}
.v02-sets-list__checkboxes input {
  width: 16px;
  height: 16px;
}
.v02-sets-list__checkboxes label {
  position: relative;
  top: 1px;
  font-size: 20px;
  color: white;
}
.edit-styles .v02-sets-list__checkboxes label {
  font-size: 18px;
  color: #333333;
}
.edit-styles .v02-sets-list__checkboxes.is-active label {
  color: white;
}
.v02-sets-list__subheader {
  font-size: 16px;
  max-width: 80ex;
  margin-top: -1em;
}
.v02-sets-list__bar {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr auto;
  column-gap: 5px;
  justify-content: space-between;
  margin-bottom: 10px;
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: white;
  outline: 10px solid white;
}
.v02-sets-list__bar .button--reload {
  background-color: #d4d5d9;
  width: 30px;
  padding: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.v02-sets-list__bar .button--reload:hover {
  color: white;
  background-color: #0176bf;
}
.v02-sets-list__bar .reload-icon {
  display: grid;
  align-items: center;
}
.v02-sets-list__bar .reload-icon .svg-sprite {
  width: 14px;
  height: 14px;
  position: relative;
  top: -1px;
}

.hidden-description {
  display: grid;
  row-gap: 20px;
  padding-top: 20px;
  justify-content: start;
}
.hidden-description__block {
  display: grid;
  grid-auto-flow: column;
  column-gap: 60px;
  row-gap: 6px;
  align-items: center;
}
.hidden-description__block:not(:last-of-type) {
  border-bottom: 1px dashed #f7f7f7;
  padding-bottom: 20px;
}
.hidden-description__block-images {
  display: grid;
  grid-auto-flow: column;
  column-gap: 2px;
  justify-content: end;
}
.hidden-description__block-images img {
  border-radius: 5px;
  height: 48px;
  width: 48px;
}
.hidden-description__header {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 30px;
  row-gap: 6px;
  padding-bottom: 20px;
  border-bottom: 2px dashed #f7f7f7;
  font-size: 18px;
}
.hidden-description__header strong {
  color: white;
}
.visible-description {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
  justify-content: space-between;
}
.visible-description__images {
  display: grid;
  grid-auto-flow: column;
  column-gap: 3px;
}
.visible-description__images img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}
.visible-description__text {
  display: grid;
  align-items: center;
}
.visible-description__text p {
  margin: 0;
  max-width: 90ex;
  line-height: 133%;
}
@media screen and (max-width: 1400px) {
  .visible-description__images img {
    width: 48px;
    height: 48px;
  }
}

.images-layer .choose-images {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: start;
  height: max-content;
}
.images-layer .choose-images__img {
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  line-height: 0;
  outline: 3px solid transparent;
  outline-offset: -3px;
  position: relative;
  background-color: #f7f7f7;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  width: 160px;
  height: 160px;
}
.images-layer .choose-images__img img {
  object-fit: contain;
}
.images-layer .choose-images__img:before {
  content: "•";
  position: absolute;
  z-index: 2;
  font-size: 100px;
  color: #00629f;
  line-height: 0;
  width: 0;
  height: 0;
  left: 40%;
  top: 88%;
  opacity: 0;
  pointer-events: none;
}
.images-layer .choose-images__img.is-chosen {
  outline-color: #00629f;
}
.images-layer .choose-images__img.is-chosen img {
  opacity: 0.33;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  object-fit: contain;
}
.images-layer .choose-images__img.is-chosen:before {
  opacity: 1;
}
.images-layer .choose-images__progress-bar {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.images-layer-upload .choose-images__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* добавления */
pre {
  padding: 0;
  margin: 0;
}
pre a {
  color: #1e7c1e;
}
pre .string, pre .link {
  color: rgb(42, 180, 42);
}
pre .number {
  color: darkorange;
}
pre .boolean {
  color: rgb(79, 94, 226);
}
pre .null {
  color: magenta;
}
pre .key {
  color: rgb(235, 80, 80);
}

.testiiing {
  padding: 0;
}

body {
  padding: 0;
  color: #222222;
  background-color: #d4d5d9;
}

.link-over {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

.icon--move {
  width: 18px;
  height: 18px;
}
.icon--apply {
  width: 14px;
  height: 16px;
}
.icon--temp-back-image {
  width: 28px;
  height: 25px;
  fill: #13151a;
}
.icon--collapse {
  width: 13px;
  height: 15px;
}
.icon--expand {
  width: 13px;
  height: 15px;
}
.icon--mover {
  width: 14.28px;
  height: 14px;
  fill: #d4d5d9;
}
.icon--full-window {
  width: 14px;
  height: 12px;
  fill: #d4d5d9;
}
.icon--main-vewport {
  width: 19px;
  height: 19px;
}
.icon--desktop-icon {
  width: 24.75px;
  height: 22px;
}
.icon--trained-model {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
}
.icon--base-model {
  stroke: currentColor;
  stroke-width: 1.5px;
  fill: none;
}
.icon--dashboard {
  width: 20px;
  height: 20px;
}
.icon--dull-icon {
  width: 20px;
  height: 20px;
}
.icon--image-cloud-icon {
  width: 25px;
  height: 21px;
}
.t-main-aside .icon--image-cloud-icon {
  width: 22px;
  margin-right: -1px;
}
.icon--styles-icon {
  width: 25px;
  height: 25px;
}
.icon--important-icon, .icon--important {
  width: 20px;
  height: 20px;
  fill: #ff7f66;
}
.test-styles .icon--important-icon, .stylization .icon--important-icon, .test-styles .icon--important, .stylization .icon--important {
  fill: #ff7f66;
}
.icon--trash-icon {
  width: 17.85px;
  height: 20px;
}
.icon--calculate-icon {
  width: 17px;
  height: 23px;
}
.icon--company-id {
  width: 16px;
  height: 16px;
}
.icon--upload-icon {
  width: 21px;
  height: 21px;
}
.icon--download-icon {
  width: 21px;
  height: 21px;
}
.icon--link-icon {
  width: 20px;
  height: 14px;
}
.icon--delete-all-icon {
  width: 20px;
  height: 16px;
}
.icon--plus-icon {
  width: 24px;
  height: 23px;
}
.icon--minus-icon {
  width: 17px;
  height: 2px;
}
.icon--plus {
  width: 24px;
  height: 23px;
}
.icon--create-item {
  width: 17px;
  height: 17px;
}
.icon--ok-icon {
  width: 20px;
  height: 20px;
  fill: #006e00;
}
.test-styles .icon--ok-icon, .stylization .icon--ok-icon {
  fill: #006e00;
}
.icon--ok {
  width: 20px;
  height: 20px;
  fill: #69b569;
}
.test-styles .icon--ok, .stylization .icon--ok {
  fill: #88c788;
}
.icon--ok-small {
  width: 16px;
  height: 16px;
  fill: #88c788;
}
.icon--clock-icon {
  width: 24px;
  height: 24px;
}
.icon--clock-small {
  width: 16px;
  height: 16px;
  fill: #b39500;
}
.icon--table-view-icon {
  width: 18px;
  height: 17.5px;
}
.icon--card-view-icon {
  width: 17.5px;
  height: 17.5px;
}
.icon--full-screen {
  width: 24px;
  height: 24px;
}

.t-button {
  border-radius: 5px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 15px;
  white-space: nowrap;
  line-height: 0;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-button--small {
  font-size: 14px;
  min-height: 36px;
}
.t-button--lined {
  border: 1px solid currentColor;
}

.t-buttons-set {
  display: flex;
  justify-content: end;
  align-content: start;
  flex-wrap: wrap;
  gap: 2px;
}
.toolbar-top .t-buttons-set {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}
.--has-2-toolbar .toolbar-top .t-buttons-set {
  height: 60px;
  align-items: center;
  align-content: center;
  height: 50px;
}
.t-buttons-set__button {
  height: 30px;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
  grid-auto-flow: column;
  column-gap: 6px;
  padding: 0 10px;
  font-size: 12px;
  border: none;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-buttons-set__button.button--orange {
  background-color: #b66009;
}
.t-card .t-buttons-set__button {
  min-width: unset;
  height: 40px;
  width: 40px;
  padding: 0;
}
.toolbar-top .t-buttons-set__button {
  border: none;
  background-color: #212329;
  color: #c0c5ce;
  padding: 0 15px 0 12px;
  overflow: hidden;
  min-width: 30px;
}
.toolbar-top .t-buttons-set__button:not([disabled]):hover {
  background-color: #0176bf;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  .toolbar-top .t-buttons-set__button {
    font-size: 11px;
  }
  .showoff-products .toolbar-top .t-buttons-set__button {
    font-size: 12px;
  }
}
@media screen and (max-width: 1440px) {
  .toolbar-top .t-buttons-set__button {
    padding: 0 10px 0 8px;
    column-gap: 6px;
  }
}
.t-buttons-set__button:not(.--quad) {
  padding: 0 10px 0 10px;
}
.t-buttons-set__button.--quad {
  width: 30px;
  padding: 0;
}
.t-buttons-set__button.--quad .t-buttons-set__text {
  display: none;
}
.t-buttons-set__button.is-disabled, .t-buttons-set__button[disabled] {
  pointer-events: none !important;
}
.t-buttons-set__button.is-disabled .t-buttons-set__text, .t-buttons-set__button[disabled] .t-buttons-set__text {
  opacity: 0.4;
}
.t-buttons-set__button.is-disabled .t-buttons-set__icon, .t-buttons-set__button[disabled] .t-buttons-set__icon {
  opacity: 0.35;
}
.t-buttons-set__button.is-disabled:not([disabled]):hover, .t-buttons-set__button[disabled]:not([disabled]):hover {
  color: #333333;
  background-color: #f7f7f7;
}
.t-buttons-set__button.has-status {
  background-color: transparent;
  justify-self: end;
}
.code-box .t-buttons-set__button {
  background-color: #f7f7f7;
}
.t-buttons-set__button.--large {
  height: 40px;
  padding: 0.5ex 2em 0.5ex 1.5em !important;
  line-height: 100%;
  font-size: 16px;
}
.t-buttons-set__button.--huge {
  height: 48px;
  padding: 0.5ex 2em 0.5ex 1.5em !important;
  line-height: 100%;
  font-size: 16px;
  border-radius: 5px;
}
.t-buttons-set__button.--main-action {
  background-color: black;
  column-gap: 1em;
}
.t-buttons-set__button.--main-action .t-buttons-set__icon {
  width: 28px;
  height: 24px;
  display: grid;
  justify-items: center;
  align-items: center;
}
.t-buttons-set__button.--main-action .t-buttons-set__icon svg {
  object-fit: contain;
}
.t-buttons-set__button.--main-action .t-buttons-set__icon.disabled-icon {
  left: -1px;
  position: relative;
}
.t-buttons-set__button.--main-action:hover {
  background-color: #00629f;
  cursor: pointer;
  color: white;
}
.t-buttons-set__icon {
  line-height: 0;
}
.t-buttons-set__icon svg {
  height: 16px;
}
@media screen and (max-width: 1600px) {
  .toolbar-top .t-buttons-set__icon .svg-sprite, .header-functional .t-buttons-set__icon .svg-sprite {
    width: 16px;
    height: 16px;
  }
}
.v02-toolbar-top .t-buttons-set__icon .svg-sprite {
  width: 16px;
  height: 16px;
}
.t-buttons-set__text {
  position: relative;
  top: 0.2ex;
  text-align: left;
  line-height: 1;
}
.t-buttons-set .important-icon {
  color: #ff7f66;
}
.final-images-layer .t-buttons-set {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
}
.final-images-layer .t-buttons-set .t-buttons-set__icon svg {
  width: 20px;
  height: 20px;
}
.final-images-layer .t-buttons-set .t-buttons-set__button {
  height: 36px;
  width: 36px;
  padding: 0;
}
.t-buttons-set.jobs-list-caller .t-buttons-set__button {
  width: 56px;
  height: 56px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.33);
}
.log-layer .t-buttons-set {
  position: sticky;
  top: 10px;
  z-index: 10;
  height: 0;
  margin-right: 10px;
}
.log-layer .t-buttons-set__button {
  height: 40px;
  width: 40px;
  padding: 0;
}
.log-layer .t-buttons-set__button .magnify-icon {
  color: currentColor;
}
.t-main-infobox .t-buttons-set__button {
  grid-template-columns: 25px auto;
  overflow: hidden;
}
.inference-packs .t-main-infobox .t-buttons-set__button {
  grid-template-columns: 1fr;
}
.t-main-infobox .t-buttons-set__icon {
  width: 25px;
  display: grid;
  justify-items: center;
  align-items: center;
  width: 25px;
  height: 20px;
}
.t-main-infobox .t-buttons-set__icon svg {
  width: 100%;
  height: 100%;
}
.t-main-infobox .t-buttons-set__text {
  line-height: normal;
  width: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .t-main-infobox .t-buttons-set .t-buttons-set__button {
    font-size: 11px;
    grid-template-columns: 20px auto;
    column-gap: 6px;
    padding: 0 6px;
  }
  .t-main-infobox .t-buttons-set .t-buttons-set__icon {
    width: 20px;
    height: 16px;
  }
}

.t-header-of-site {
  grid-row: 1/2;
  background-color: white;
  height: 64px;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  z-index: 100;
  top: 0;
  position: sticky;
  box-shadow: 0 10px 20px -5px rgba(8, 20, 31, 0.5);
}
.t-header-of-site__wrapper {
  grid-column: 2/3;
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 80px;
  justify-content: space-between;
}

.t-mosaica-logo {
  align-self: center;
  width: 180px;
  height: 30px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-mosaica-logo svg {
  color: white;
}
.t-mosaica-logo:hover {
  opacity: 0.66;
}

.t-header-menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
  height: 100%;
}
.t-header-menu__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  padding: 10px 30px;
  border-right: 1px solid #d4d5d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-header-menu__item:hover {
  opacity: 0.66;
}
.t-header-menu__item .t-main-logout {
  display: grid;
  align-items: center;
  position: relative;
  margin-left: 30px;
}
.t-header-menu__item .t-main-logout::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  left: -20px;
  opacity: 0.5;
}
.t-header-menu__item.is-active {
  background-color: #d4d5d9;
  color: #7fdbff;
}
.t-header-menu__item.is-active span {
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  line-height: 0;
  white-space: nowrap;
}
.t-header-menu__item.is-active span svg {
  height: 18px;
}
.t-header-menu__item.is-active:hover {
  opacity: 1;
}
.t-header-menu__item.is-active:hover span {
  opacity: 0.5;
}
.t-header-menu .account-tab {
  display: none;
}
.is-loggedin .t-header-menu .account-tab {
  display: grid;
}
.t-header-menu .login-tab {
  display: grid;
}
.is-loggedin .t-header-menu .login-tab {
  display: none;
}

.t-account-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  overflow: hidden;
  position: relative;
  justify-items: center;
  align-items: center;
}
.t-account-avatar img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.t-header-data {
  display: grid;
  justify-content: start;
  grid-auto-flow: column;
  column-gap: 30px;
  font-size: 13px;
  border-left: 1px solid #d4d5d9;
  padding-left: 30px;
  color: #b38a4c;
}
.t-header-data__wrapper {
  display: grid;
  grid-auto-flow: row;
  align-content: center;
  white-space: nowrap;
}
.t-header-data .locality-marker {
  display: grid;
  align-content: center;
  font-size: 28px;
  color: #b38a4c;
  border-left: 1px solid #d4d5d9;
  height: 100%;
  padding-left: 30px;
}
@media screen and (max-width: 1800px) {
  .t-header-data .locality-marker {
    font-size: 24px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .t-header-data .locality-marker {
    font-size: 20px;
    padding-left: 20px;
  }
}

.v01-header-of-site {
  grid-row: 1/2;
  background-color: #d4d5d9;
  height: 60px;
  display: grid;
  grid-auto-flow: column;
  z-index: 100;
  top: 0;
  position: sticky;
  box-shadow: 0 10px 20px -5px rgba(8, 20, 31, 0.5);
}
.v01-header-of-site__wrapper {
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  column-gap: 1px;
  justify-content: space-between;
}
.v01-header-of-site__elm-button {
  background-color: white;
  border-radius: 5px;
  border: none;
  appearance: none;
  width: 100%;
  height: 100%;
  color: #222222;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
}
.v01-header-of-site__elm-button:hover {
  color: white;
}
.v01-header-of-site__elm-button .to-top {
  width: 18px;
  height: 18px;
}
.v01-header-of-site__elm-button .jobs-list {
  width: 20px;
  height: 18px;
}
.v01-header-of-site__elm.--main {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
  grid-template-columns: minmax(250px, 1fr) 5fr;
}
.v01-header-of-site__elm-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 40px 1fr auto;
  column-gap: 1px;
}
.v01-header-of-site .svg-sprite {
  width: 100%;
  height: 100%;
}

.v01-light-toggle {
  width: 40px;
}
.v01-light-toggle__button {
  background-color: white;
  border-radius: 5px;
  border: none;
  appearance: none;
  width: 100%;
  height: 100%;
  color: #222222;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
}
.v01-light-toggle__button:hover {
  color: white;
}
.v01-light-toggle__button .light-on {
  width: 20px;
  height: 20px;
}

.v01-mosaica-logo {
  background-color: white;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
  color: #222529;
}
.v01-mosaica-logo__img {
  width: 180px;
  height: 30px;
}
.v01-mosaica-logo:hover {
  color: white;
}

.v01-header-menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
  height: 100%;
}
.v01-header-menu__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  padding: 10px 30px;
  border-right: 1px solid #d4d5d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v01-header-menu__item:hover {
  opacity: 0.66;
}
.v01-header-menu__item .t-main-logout {
  display: grid;
  align-items: center;
  position: relative;
  margin-left: 30px;
}
.v01-header-menu__item .t-main-logout::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: currentColor;
  left: -20px;
  opacity: 0.5;
}
.v01-header-menu__item.is-active {
  background-color: #d4d5d9;
  color: #7fdbff;
}
.v01-header-menu__item.is-active span {
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  line-height: 0;
  white-space: nowrap;
}
.v01-header-menu__item.is-active span svg {
  height: 18px;
}
.v01-header-menu__item.is-active:hover {
  opacity: 1;
}
.v01-header-menu__item.is-active:hover span {
  opacity: 0.5;
}
.v01-header-menu .account-tab {
  display: none;
}
.is-loggedin .v01-header-menu .account-tab {
  display: grid;
}
.v01-header-menu .login-tab {
  display: grid;
}
.is-loggedin .v01-header-menu .login-tab {
  display: none;
}

.v01-account-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  overflow: hidden;
  position: relative;
  justify-items: center;
  align-items: center;
}
.v01-account-avatar img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.v01-header-data {
  display: grid;
  justify-content: start;
  align-content: center;
  grid-auto-flow: row;
  row-gap: 2px;
  border-radius: 5px;
  background-color: white;
  padding-left: 24px;
  font-size: 14px;
  font-family: monospace;
  padding-right: 30px;
  color: #069e5e;
}
.v01-header-data__wrapper {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  white-space: nowrap;
}
@media screen and (max-width: 1800px) {
  .v01-header-data .locality-marker {
    font-size: 24px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1600px) {
  .v01-header-data .locality-marker {
    font-size: 20px;
    padding-left: 20px;
  }
}

.v01-header-menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
}
.v01-header-menu__elm {
  border-radius: 5px;
  padding: 0 30px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-content: center;
  justify-content: center;
  background-color: white;
}
.v01-header-menu__elm.is-active {
  background-color: #d4d5d9;
}
.v01-header-menu__elm:hover {
  color: white;
}
.v01-header-menu__icon {
  width: 18px;
  height: 18px;
}
.v01-header-menu__text {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.is-local-server .v01-header-menu__text {
  column-gap: 20px;
}
.is-local-server .v01-header-menu__text em {
  display: inline-grid;
  position: relative;
  color: #069e5e;
  font-style: normal;
}
.is-local-server .v01-header-menu__text em::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #222222;
  left: -10px;
}
.v01-header-menu__arrow {
  display: grid;
  align-items: center;
}
.v01-header-menu__arrow .arrow-symbol {
  transform: rotate(90deg);
  position: relative;
  top: 1px;
}
.v01-header-menu .account-avatar {
  display: grid;
  justify-content: center;
  align-content: center;
  position: relative;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  overflow: hidden;
  background-color: #d4d5d9;
}
.v01-header-menu .account-avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}
.v01-header-menu .account-avatar--local {
  display: none;
}
.is-local-server .v01-header-menu .account-avatar {
  display: none;
  color: #069e5e;
}
.is-local-server .v01-header-menu .account-avatar--local {
  display: grid;
  align-items: center;
  justify-items: center;
}
.is-local-server .v01-header-menu .account-avatar .local-icon {
  width: 18px;
  height: 18px;
  line-height: 0;
}

.t-main-of-site {
  grid-row: 2/3;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 40px 1fr 40px;
  display: none;
}
.t-main-of-site__wrapper {
  grid-column: 2/3;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) 5fr;
  column-gap: 1px;
  margin-top: 20px;
}
.t-main-of-site__breadcrumbs {
  grid-column: 2/3;
}

.t-main-main {
  padding-left: 39px;
}

.breadcrumbs {
  display: grid;
  justify-content: start;
  align-content: center;
  height: 48px;
  position: relative;
  margin-top: -20px;
}
.breadcrumbs__ul {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
}
.breadcrumbs__li {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  font-size: 14px;
  cursor: pointer;
}
.breadcrumbs__li-icon {
  height: 16px;
  width: 16px;
}
.breadcrumbs__li-icon svg {
  height: 100%;
  width: 100%;
}
.breadcrumbs__li:hover {
  color: #5fa7d9;
}
.breadcrumbs__li:not(:last-child)::after {
  content: ">";
  font-family: monospace;
  font-size: 16px;
  position: absolute;
  right: -1em;
  top: -0.2ex;
}
.breadcrumbs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: white;
  top: unset;
  bottom: 0;
}

.t-submenu {
  display: grid;
  grid-auto-flow: row;
  background-color: #e8e6e1;
  border-radius: 5px;
  padding: 10px 20px;
  color: #111111;
  font-size: 16px;
}
.t-submenu:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 5px;
  height: 100%;
  background-color: #5fa7d9;
  overflow: hidden;
  border-radius: 5px 0 0 5px;
}
.t-submenu__li {
  display: grid;
  min-height: 48px;
  position: relative;
  z-index: 1;
  align-items: center;
  min-width: 30ex;
}
.t-submenu__li:not(:first-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.2;
}
.t-submenu__li-text {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-submenu__li-text:hover {
  opacity: 0.66;
}
.t-submenu__li.is-active {
  font-weight: bold;
}
.t-main-aside {
  display: grid;
  grid-auto-flow: row;
  color: #222222;
  margin-top: 30px;
  position: sticky;
  top: 80px;
  height: max-content;
  max-height: calc(100vh - 140px);
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px;
  margin-right: -20px;
}
.main-grid .t-main-aside {
  top: 20px;
}
.t-main-aside__submenu {
  display: grid;
  position: absolute;
  z-index: 2;
  left: calc(100% + 4px);
  top: -10px;
}
.t-main-aside__submenu-alone {
  position: relative;
  left: unset;
}

.t-main-nav-block {
  display: grid;
  grid-auto-flow: row;
  row-gap: 4px;
  position: relative;
}
.t-main-nav-block__li {
  border-radius: 5px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
  padding: 6px 10px;
  color: #222222;
  position: relative;
  min-height: 56px;
  background-color: white;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.has-submenu:before {
  content: ">";
  font-family: monospace;
  display: block;
  position: absolute;
  font-size: 16px;
  color: currentColor;
  right: 15px;
}
.t-main-nav-block__li:hover {
  cursor: pointer;
  background-color: #5fa7d9;
  color: white;
  text-decoration: none;
}
.t-main-nav-block__li.is-subactive {
  color: #5fa7d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.is-subactive:hover {
  color: white;
}
.t-main-nav-block__li.is-subactive:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 5px;
  height: 100%;
  background-color: #5fa7d9;
  left: unset;
  right: 0;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
.t-main-nav-block__li.is-active {
  color: #333333;
  background-color: #0176bf;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.is-active:hover {
  color: white;
}
.t-main-nav-block__li-wrapper {
  display: grid;
  grid-auto-flow: column;
}
.t-main-nav-block__li--submenu.is-active {
  left: 10px;
  height: 40px;
  min-height: unset;
}
.t-main-nav-block__li--submenu .t-main-nav-block__text {
  font-size: 14px;
}
.trained-models .t-main-nav-block__li--submenu {
  display: none;
}
.t-main-nav-block__icons {
  display: grid;
  align-items: center;
  justify-content: center;
}
.t-main-nav-block__icons svg {
  width: 20px;
  height: 20px;
}
.t-main-nav-block__text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: currentColor;
  text-decoration: none;
}
.t-main-nav-block:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  border-top: 1px dashed white;
  position: relative;
  margin: 20px 0 15px;
}

.t-main-nav-block {
  display: grid;
  grid-auto-flow: row;
  row-gap: 4px;
  position: relative;
}
.t-main-nav-block__li {
  border-radius: 5px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  padding: 6px 10px;
  color: #222222;
  position: relative;
  min-height: 56px;
  background-color: white;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.has-submenu:before {
  content: ">";
  font-family: monospace;
  display: block;
  position: absolute;
  font-size: 16px;
  color: currentColor;
  right: 15px;
}
.t-main-nav-block__li:hover {
  cursor: pointer;
  background-color: #5fa7d9;
  color: white;
  text-decoration: none;
}
.t-main-nav-block__li.is-subactive {
  color: #5fa7d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.is-subactive:hover {
  color: white;
}
.t-main-nav-block__li.is-subactive:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 5px;
  height: 100%;
  background-color: #5fa7d9;
  left: unset;
  right: 0;
  border-radius: 0 5px 5px 0;
  overflow: hidden;
}
.t-main-nav-block__li.is-active {
  color: #333333;
  background-color: #0176bf;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-nav-block__li.is-active:hover {
  color: white;
}
.t-main-nav-block__li-wrapper {
  display: grid;
  grid-auto-flow: column;
}
.t-main-nav-block__li--submenu.is-active {
  left: 10px;
  height: 40px;
  min-height: unset;
}
.t-main-nav-block__li--submenu .t-main-nav-block__text {
  font-size: 14px;
}
.trained-models .t-main-nav-block__li--submenu {
  display: none;
}
.t-main-nav-block__icons {
  display: grid;
  align-items: center;
  justify-content: center;
}
.t-main-nav-block__icons svg {
  width: 20px;
  height: 20px;
}
.t-main-nav-block__text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: currentColor;
  text-decoration: none;
}
.t-main-nav-block:not(:first-of-type):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  border-top: 1px dashed white;
  position: relative;
  margin: 20px 0 15px;
}

.edit-fields {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #d4d5d9;
  display: none;
  grid-template-columns: 1fr auto;
  align-content: center;
  align-items: center;
  column-gap: 5px;
}
.edit-fields:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% + 20px);
  height: 100%;
  background-color: #d4d5d9;
  left: -10px;
}
.edit-fields textarea {
  border-radius: 5px;
  height: 100%;
  border: none;
  padding: 5px 10px;
  font-size: 14px;
}
.edit-fields input {
  border-radius: 5px;
  height: 36px;
  border: none;
  padding: 5px 10px;
  font-size: 14px;
}
.edit-fields .button {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background-color: white;
}
.edit-fields .button__icon {
  width: 16px;
  height: 16px;
}
.edit-fields .button__icon .svg-sprite {
  width: 100%;
  height: 100%;
  fill: #333333;
}

.t-main-header {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: minmax(auto, 0.34fr) 0.66fr;
  column-gap: 60px;
  justify-content: start;
  align-items: center;
  margin-bottom: 50px;
  margin-top: 20px;
}
.t-main-header__title {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: baseline;
}
.t-main-header__title-icon {
  width: 18px;
  height: 18px;
  position: relative;
}
.t-main-header__title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #ccccdd;
  left: unset;
  right: -30px;
  opacity: 0.9;
}
.t-main-header__title:hover .t-main-h1::after {
  border-color: white;
}
.t-main-header__title.is-active .t-main-header__title-edit {
  display: grid;
}
.t-main-header__subtitle {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: baseline;
  width: 70%;
}
.t-main-header__subtitle-icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: 1px;
}
.t-main-header__subtitle .t-main-subheader {
  width: 100%;
}
.t-main-header__subtitle:hover .t-main-subheader::after {
  border-color: #222222;
}
.t-main-header__subtitle.is-active .t-main-header__subtitle-edit {
  display: grid;
}
.t-main-header:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #ccccdd;
  top: unset;
  bottom: -20px;
}
@media screen and (max-width: 1366px) {
  .t-main-header {
    grid-template-columns: auto 1fr;
  }
}

.t-main-h1 {
  color: white;
  opacity: 0.66;
  font-weight: 600;
  line-height: 40px;
  margin: 0;
  position: relative;
  height: 100%;
  font-size: 32px;
}
.t-main-h1::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: 1.1em;
  border-bottom: 1px dashed transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.trained-models .t-main-h1 {
  font-size: 40px;
}

.t-main-subheader {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  width: 66%;
}
.t-main-subheader::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: 1.4em;
  border-bottom: 1px dashed transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.t-main-infobox {
  display: grid;
  grid-template: auto 1fr/auto auto auto auto 1fr;
  grid-template: auto 1fr/auto 5% auto 5% 1fr;
  margin-bottom: 30px;
  grid-template-areas: "t-main-infobox__preview-gallery              t-main-infobox__gap-01    t-main-infobox__info-data     t-main-infobox__gap-02    t-main-infobox__buttons-set" "t-main-infobox__info-points        t-main-infobox__gap-01    t-main-infobox__info-data     t-main-infobox__gap-02    t-main-infobox__buttons-set";
}
.t-main-infobox__preview-gallery {
  grid-area: t-main-infobox__preview-gallery;
  margin-bottom: 20px;
  height: 48px;
}
.t-main-infobox__info-points {
  grid-area: t-main-infobox__info-points;
}
.t-main-infobox__info-data {
  grid-area: t-main-infobox__info-data;
}
.t-main-infobox__buttons-set {
  grid-area: t-main-infobox__buttons-set;
  justify-content: start;
  align-content: center;
}
.t-main-infobox__gap-01 {
  grid-area: t-main-infobox__gap-01;
}
.t-main-infobox__gap-02 {
  grid-area: t-main-infobox__gap-02;
}

.t-preview-gallery {
  display: grid;
  justify-content: start;
  width: min-content;
  opacity: 0.66;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 4px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-preview-gallery:hover {
  opacity: 1;
  outline-color: #0176bf;
}
.t-preview-gallery__wrapper {
  display: grid;
  column-gap: 2px;
  grid-auto-flow: column;
  justify-content: start;
}
.t-preview-gallery__item {
  display: grid;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.t-preview-gallery__item img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.t-preview-gallery--48 .t-preview-gallery__item {
  height: 48px;
  width: 48px;
}
@media screen and (max-width: 1366px) {
  .t-preview-gallery .t-preview-gallery__item:nth-last-child(-n+2) {
    display: none;
  }
}
@media screen and (max-width: 1480px) {
  .inference-packs .t-preview-gallery .t-preview-gallery__item:nth-last-child(-n+2) {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  .inference-packs .t-preview-gallery .t-preview-gallery__item:nth-last-child(-n+4) {
    display: none;
  }
}

.t-info-points {
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
  justify-content: start;
  align-content: start;
}
.t-info-points__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
  min-width: min-content;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-info-points__item.is-important .t-info-points__label {
  background-color: transparent;
}
.t-info-points__item.is-important .t-info-points__label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #ff9947;
  opacity: 0.66;
  border-radius: 3px;
}
.t-info-points__item.has-link:hover {
  opacity: 0.66;
}
.t-info-points__label {
  background-color: #222222;
  color: #111111;
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  justify-content: start;
  align-items: center;
  height: 32px;
  padding: 0 6px;
  border-radius: 3px;
}
.t-info-points__label-elm, .t-info-points__label-icon {
  line-height: 0;
}
.t-info-points__label-elm .svg-sprite, .t-info-points__label-icon .svg-sprite {
  fill: currentColor;
}
.t-info-points__label-icon {
  width: 18px;
  height: 18px;
}
.t-info-points__label-icon svg {
  height: 100%;
  width: 100%;
}
.t-info-points__amount {
  font-weight: 600;
}
.t-info-points__text {
  font-size: 12px;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  .t-info-points {
    column-gap: 20px;
  }
  .t-info-points .t-info-points__text {
    font-size: 11px;
  }
  .t-info-points .t-info-points__label-icon {
    display: none;
  }
  .t-info-points .t-info-points__label span:first-of-type {
    display: none;
  }
}

.t-info-data {
  display: grid;
  z-index: 0;
  position: relative;
}
.t-info-data__wrapper {
  display: grid;
  grid-auto-flow: row;
  row-gap: 5px;
  justify-content: start;
  align-content: start;
}
.t-info-data__wrapper:nth-of-type(2) {
  position: absolute;
  display: grid;
  height: 0;
  width: 200%;
  opacity: 0;
  overflow: hidden;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-info-data__wrapper:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 130px;
  background-color: transparent;
  background: linear-gradient(to top, #d4d5d9 10%, transparent);
  opacity: 1;
  border-radius: 5px;
  height: calc(100% + 40px);
  width: calc(100% + 40px);
}
.t-info-data__item {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1ex;
  font-size: 14px;
  position: relative;
  z-index: 0;
  white-space: nowrap;
}
.t-info-data__item:nth-child(6), .t-info-data__item:nth-child(7), .t-info-data__item:nth-child(8) {
  display: none;
}
.t-info-data:hover {
  z-index: 2;
  overflow: visible;
}
.t-info-data:hover .t-info-data__wrapper {
  overflow: visible;
}
.t-info-data:hover .t-info-data__wrapper:after {
  background: linear-gradient(to top, #e8e6e1, #e8e6e1);
  z-index: 0;
  top: -20px;
  left: -20px;
  box-shadow: 0 20px 10px -5px rgba(0, 0, 0, 0.33);
}
.t-info-data:hover .t-info-data__wrapper:nth-of-type(1) {
  opacity: 0;
}
.t-info-data:hover .t-info-data__wrapper:nth-of-type(2) {
  height: min-content;
  opacity: 1;
}
.t-info-data:hover .t-info-data__wrapper:nth-of-type(2) .t-info-data__item {
  z-index: 1;
  color: #111111;
}
.t-info-data:hover .t-info-data__wrapper:nth-of-type(2) .t-info-data__item:nth-child(6), .t-info-data:hover .t-info-data__wrapper:nth-of-type(2) .t-info-data__item:nth-child(7), .t-info-data:hover .t-info-data__wrapper:nth-of-type(2) .t-info-data__item:nth-child(8) {
  display: grid;
  white-space: normal;
}
.t-info-data:hover .t-info-data__wrapper:nth-of-type(2) .t-info-data__item span:first-child {
  opacity: 0.66;
}
@media screen and (max-width: 1366px) {
  .t-info-data .t-info-data__item {
    font-size: 13px;
  }
}

.t-vertical-gap {
  display: grid;
  position: relative;
  height: 100%;
  min-width: 20px;
}
.t-vertical-gap::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #ccccdd;
  left: 50%;
}

.t-main-showcase {
  background-color: white;
  border-radius: 10px;
  padding: 20px 20px 40px 20px;
  margin-bottom: 20px;
}
.t-main-showcase__header {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: space-between;
  margin-bottom: 30px;
}
.t-main-showcase__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #d4d5d9;
  top: unset;
  bottom: -10px;
}
.t-main-showcase__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
}
.t-main-showcase__h2 {
  display: grid;
  align-content: center;
  color: white;
  opacity: 0.66;
  margin: 0;
}
.t-main-showcase__h2::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: unset;
  bottom: 4px;
  border-bottom: 1px dashed transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-main-showcase__title {
  display: grid;
  grid-auto-flow: column;
  column-gap: 15px;
  align-items: baseline;
  justify-content: start;
  position: relative;
}
.t-main-showcase__title-icon {
  width: 18px;
  height: 18px;
  position: relative;
  top: 1px;
}
.t-main-showcase__title-icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.t-main-showcase__title-edit {
  background-color: white;
}
.t-main-showcase__title-edit:before {
  background-color: white;
}
.t-main-showcase__title-edit .button {
  background-color: #d4d5d9;
}
.t-main-showcase__title:hover .t-main-showcase__h2::after {
  border-color: #333333;
}
.t-main-showcase__title.is-active .t-main-showcase__title-edit {
  display: grid;
}
.t-main-showcase__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  row-gap: 20px;
}
@media screen and (min-width: 1280px) {
  .t-main-showcase__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1600px) {
  .t-main-showcase__wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1900px) {
  .t-main-showcase__wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

.t-main-showcase.table-view {
  display: block;
}
.t-main-showcase.table-view .t-main-showcase__wrapper {
  grid-auto-flow: row;
  grid-template-columns: 1fr;
}

.t-sorting,
.t-view {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
  font-size: 14px;
  position: relative;
}
.t-sorting__label,
.t-view__label {
  font-size: 12px;
  display: block;
  opacity: 0.66;
  left: 15px;
}
.t-sorting__select,
.t-view__select {
  color: #222222;
  background-color: transparent;
  border: 1px solid #d4d5d9;
  padding: 0 15px;
  height: 36px;
  border-radius: 5px;
  cursor: pointer;
}
.t-sorting__select:hover,
.t-view__select:hover {
  background-color: #d4d5d9;
}
.t-sorting__button,
.t-view__button {
  color: #222222;
  height: 40px;
  width: 40px;
  border: 1px solid #d4d5d9;
  border-radius: 5px;
  font-size: 20px;
  line-height: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.t-sorting__button-symbol,
.t-view__button-symbol {
  position: relative;
  top: -3px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-sorting__button.--up .t-sorting__button-symbol,
.t-view__button.--up .t-sorting__button-symbol {
  transform: rotate(180deg);
  top: 3px;
}
.full-layer .t-sorting,
.full-layer .t-view {
  font-size: 16px;
}
.full-layer .t-sorting .t-sorting__select,
.full-layer .t-view .t-sorting__select {
  background-color: #f7f7f7;
  color: #333333;
  border: none;
}
.full-layer .t-sorting .t-sorting__select:hover,
.full-layer .t-view .t-sorting__select:hover {
  background-color: black;
}
.full-layer .t-sorting .t-sorting__button,
.full-layer .t-view .t-sorting__button {
  background-color: #f7f7f7;
  color: #333333;
  border: none;
}

.sorting-buttons {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  position: relative;
}
.sorting-buttons__button {
  border: none;
  height: 30px;
  font-size: 14px;
  padding: 0 10px;
  display: grid;
}
.sorting-buttons__button:hover {
  background-color: #0176bf;
  color: white;
  cursor: pointer;
}
.sorting-buttons__button label {
  display: grid;
  height: 100%;
  align-items: center;
}
.sorting-buttons__button label:hover {
  cursor: pointer;
}
.sorting-buttons__button.is-active {
  background-color: #0176bf;
  color: white;
}
.sorting-buttons__button.is-active:hover {
  background-color: #0176bf;
  color: white;
}
.sorting-buttons__button-symbol {
  display: inline-block;
  position: relative;
  top: -2px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.sorting-buttons__button.--up .sorting-buttons__button-symbol {
  transform: rotate(-180deg);
  top: 3px;
}
.sorting-buttons__button.is-disabled, .sorting-buttons__button[disabled] {
  opacity: 0.5;
}
.sorting-buttons__button.is-disabled .sorting-buttons__button-text, .sorting-buttons__button[disabled] .sorting-buttons__button-text {
  opacity: 0.4;
}
.sorting-buttons__button.is-disabled:hover, .sorting-buttons__button[disabled]:hover {
  background-color: #f7f7f7;
  cursor: default;
}

.t-view .t-button {
  border-color: #d4d5d9;
}
.t-view .t-button:hover {
  background-color: #d4d5d9;
}
.t-view .card-view-button {
  display: none;
}
.table-view .t-view .table-view-icon {
  display: none;
}
.table-view .t-view .t-view__text--table {
  display: none;
}
.table-view .t-view .table-view-button {
  display: none;
}
.table-view .t-view .card-view-button {
  display: grid;
}

.t-card {
  display: grid;
  align-content: start;
  outline: 1px solid #d4d5d9;
  outline-offset: -1px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.t-card__gap-01 {
  display: none;
}
.t-card__wrapper {
  display: grid;
  align-content: start;
  border-radius: 5px;
  position: relative;
  z-index: 2;
  background-color: #d4d5d9;
}
.t-card--add {
  outline-style: dashed;
  outline-color: #0176bf;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  padding-top: 75%;
}
.t-card--add:hover {
  cursor: pointer;
  opacity: 1;
}
.t-card-add {
  grid-template-rows: 1fr;
  outline: none;
}
.t-card-add--double {
  grid-template-rows: repeat(2, 1fr);
  row-gap: 10px;
  outline: none;
}
.table-view .t-card-add--double {
  grid-template-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
}
.t-card__add {
  outline: 1px dashed #0176bf;
  outline-offset: -1px;
  opacity: 0.66;
  position: relative;
  border-radius: 5px;
  padding: 40px;
  display: grid;
  grid-auto-flow: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
  font-size: 18px;
  color: #7fdbff;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-card__add:not(.t-card-add--double .t-card__add):nth-child(2) {
  display: none;
}
.t-card__add-text {
  display: grid;
  text-align: center;
}
.t-card__add-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0.5;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-card__add-icon .plus-icon {
  color: #7fdbff;
}
.t-card__add:hover {
  opacity: 1;
  cursor: pointer;
  outline: 1px dashed #7fdbff;
}
.t-card__add:hover .t-card__add-icon {
  opacity: 1;
}
.t-card__header {
  display: grid;
  align-items: center;
  min-height: 56px;
  padding: 6px 15px;
  color: white;
  font-weight: 600;
  opacity: 0.66;
  font-size: 18px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-card__header:hover {
  cursor: pointer;
  opacity: 1;
}
.t-card__order {
  font-size: 12px;
  border-radius: 5px;
  color: #222222;
  opacity: 1;
  background-color: #d4d5d9;
  border-radius: 5px;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 4px 6px;
  height: 22px;
  min-width: 22px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.t-card__order span {
  position: relative;
  top: 0.1ex;
}
.t-card__collage {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.t-card__collage-item {
  width: 48px;
  height: 48px;
}
.t-card__collage-item img {
  object-fit: contain;
  width: 100%;
}
.t-card__collage:after, .t-card__collage:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: white;
  top: 100%;
}
.t-card__collage::before {
  top: 0;
}
.t-card__collage:hover {
  cursor: pointer;
  opacity: 1;
}
.t-card__info {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
}
.t-card__info-item {
  display: grid;
  height: 40px;
  padding: 6px 15px;
  align-items: center;
  justify-content: start;
  font-size: 14px;
}
.t-card__info-item:not(:first-child) {
  border-top: 1px solid white;
}
.t-card__info-item span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-collage .t-card__info-item:first-child {
  border-top: 1px solid white;
}
.t-card__buttons {
  min-height: 64px;
  display: grid;
  align-items: center;
  padding: 10px 15px;
  border-top: 1px solid white;
}
.t-card__buttons-set {
  display: grid;
  justify-content: start;
  grid-auto-flow: column;
}
.t-card__buttons-set .has-status {
  position: absolute;
  right: -15px;
  top: 0;
  z-index: 1;
  background-color: #d4d5d9;
}
.t-card--empty {
  display: none;
}
.t-card.is-active {
  z-index: 2;
}
.t-card.is-active .t-card-info {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  width: 200%;
  opacity: 1;
}

.table-view .t-card--add {
  padding-top: 0;
  justify-content: center;
}
.table-view .t-card__add {
  position: relative;
  grid-auto-flow: column;
  column-gap: 20px;
  padding: 10px 15px;
}
.table-view .t-card__add-icon {
  order: 1;
}
.table-view .t-card__add-text {
  order: 2;
}
.table-view .t-card__header {
  grid-area: t-card__header;
  padding-right: 30px;
  max-width: 26em;
}
.table-view .t-card__collage, .table-view .t-card__collage-matrix {
  box-sizing: border-box;
  grid-area: t-card__collage;
  padding: 12px 15px;
  min-height: 64px;
}
.table-view .t-card__collage::before, .table-view .t-card__collage::after, .table-view .t-card__collage-matrix::before, .table-view .t-card__collage-matrix::after {
  content: none;
}
.table-view .t-card__info {
  grid-area: t-card__info;
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
  justify-content: start;
  min-height: 64px;
}
.table-view .t-card__info-item {
  height: unset;
  border: 0;
  min-width: 21ex;
  border-left: 1px solid white;
}
.table-view .t-card__buttons {
  grid-area: t-card__buttons;
  padding-left: 30px;
  padding-right: 30px;
  border: none;
  border-left: 1px solid white;
  justify-content: end;
}
.table-view .t-card__gap-01 {
  grid-area: t-card__gap-01;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: white;
}
.table-view .t-card__wrapper {
  justify-content: start;
  grid-template-areas: "t-card__header    t-card__buttons   t-card__buttons" "t-card__gap-01    t-card__gap-01    t-card__gap-01" "t-card__collage   t-card__collage   t-card__info";
  grid-template-columns: auto auto 1fr;
}
.inference-packs .table-view .t-card__wrapper {
  grid-template-areas: "t-card__collage   t-card__collage   t-card__buttons" "t-card__gap-01    t-card__gap-01    t-card__gap-01" "t-card__info   t-card__info   t-card__info";
}
.table-view .t-card.no-collage .t-card__wrapper {
  grid-template-areas: "t-card__header    t-card__buttons" "t-card__gap-01    t-card__gap-01" "t-card__info      t-card__info";
  grid-template-columns: auto 1fr;
}
.table-view .t-card.is-active .t-card-info {
  opacity: 1;
  padding-bottom: 140px;
  height: max-content;
  width: max-content;
}
.table-view .t-card__buttons-set .has-status {
  position: relative;
  right: unset;
  top: unset;
}

.t-card-info {
  display: grid;
  justify-content: start;
  align-content: start;
  grid-template-columns: repeat(2, 1fr);
  position: absolute;
  min-height: calc(100% + 20px);
  height: fit-content;
  background-color: #e8e6e1;
  z-index: 1;
  top: -10px;
  right: -10px;
  color: #111111;
  font-size: 14px;
  border-radius: 7px;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5);
  width: 0;
  overflow: hidden;
  opacity: 0;
}
.t-card-info__wrapper {
  grid-column: 1/2;
  justify-content: start;
  align-content: start;
  margin: 20px;
  display: grid;
  grid-auto-flow: row;
  row-gap: 6px;
}
.t-card-info__wrapper:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0.25;
  top: unset;
  bottom: -20px;
}
.table-view .t-card-info {
  max-width: 90%;
  min-width: 50%;
  width: max-content;
  padding-bottom: 0;
  height: 0;
  left: unset;
  right: -5px;
  top: unset;
  bottom: -5px;
  z-index: 0;
  justify-content: start;
  align-content: center;
  grid-template-columns: unset;
  grid-auto-flow: column;
}
.table-view .t-card-info__wrapper {
  grid-column: unset;
}
.table-view .t-card-info__wrapper:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: calc(100% + 20px);
  background-color: currentColor;
  opacity: 0.25;
  top: -10px;
  bottom: 0;
  left: unset;
  right: -20px;
}

.collage-matrix {
  display: grid;
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}
.collage-matrix__wrapper {
  width: 100%;
  height: 100%;
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  grid-template: 1fr 1fr/1fr 1fr;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  gap: 4px;
  padding: 4px;
}
.collage-matrix__wrapper.--table-view {
  display: none;
  position: absolute;
}
.table-view .collage-matrix__wrapper.--table-view {
  display: grid;
  position: relative;
}
.table-view .collage-matrix__wrapper.--card-view {
  display: none;
  position: absolute;
}
.collage-matrix__wrapper:hover {
  opacity: 1;
  cursor: pointer;
}
.collage-matrix__wrapper.--card-view .collage-matrix__box {
  background-color: white;
}
.collage-matrix__box {
  border-radius: 5px;
  overflow: hidden;
}
.collage-matrix__box-img {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.collage-matrix__box-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  outline: 1px solid #d4d5d9;
}
.collage-matrix__box.--9x9, .collage-matrix__box.--3x3 {
  display: grid;
  grid-template: repeat(3, 1fr)/repeat(3, 1fr);
}
.collage-matrix__box.--4x2 {
  display: grid;
  grid-template: repeat(2, 1fr)/repeat(4, 1fr);
}
.collage-matrix__box.--5x1 {
  display: grid;
  grid-template: 1fr/repeat(5, 1fr);
}
.collage-matrix__box.--4x4 {
  display: grid;
  grid-template: repeat(2, 1fr)/repeat(2, 1fr);
}
.collage-matrix--4x2, .collage-matrix--3x3 {
  padding-top: 50%;
}
.collage-matrix--4x2 .collage-matrix__wrapper, .collage-matrix--3x3 .collage-matrix__wrapper {
  grid-template: 1fr/1fr;
}
.collage-matrix--5x1 {
  padding-top: 20%;
}
.collage-matrix--5x1 .collage-matrix__wrapper {
  grid-template: 1fr/1fr;
}
.collage-matrix--3x3 {
  padding-top: 100%;
}
.table-view .collage-matrix {
  height: auto;
  width: auto;
  padding-top: 12px;
}
.table-view .collage-matrix__wrapper {
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  top: unset;
  left: unset;
  grid-template: unset;
}
.table-view .collage-matrix__box {
  outline: none;
  display: grid;
  grid-template: unset;
  grid-auto-flow: column;
  justify-content: start;
}
.table-view .collage-matrix__box-img {
  width: 40px;
  height: 40px;
}

.jobs-list-caller {
  display: grid;
  justify-content: center;
  align-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #d4d5d9;
  padding: 10px;
  z-index: 2;
  border-radius: 10px;
}
.has-jobs-list .jobs-list-caller::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  background-color: #0176bf;
  border-radius: 50%;
  right: 15px;
  left: unset;
  top: 15px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.jobs-list-caller:hover::after {
  background-color: white;
}

.jobs-list-layer {
  z-index: 100;
  background-color: #babbbf;
  position: relative;
  display: grid;
  grid-template: unset;
  width: 100vw;
  height: unset;
  top: unset;
  left: unset;
  bottom: unset;
}
.jobs-list-layer__wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 56px 1fr 40px;
  padding-top: 10px;
  color: #333333;
}
.jobs-list-layer__button {
  font-size: 16px;
  height: 40px;
  padding: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  justify-content: center;
  border-radius: 50%;
  border: none;
  font-size: 0;
  line-height: 0;
}
.jobs-list-layer__button .reload-icon {
  width: 16px;
  height: 16px;
}
.jobs-list-layer__button .reload-icon svg {
  width: 16px;
  height: 16px;
}
.jobs-list-layer__button .reload-icon {
  height: 14px;
  width: 14px;
}
.jobs-list-layer__button .reload-icon svg {
  height: 100%;
  width: 100%;
}
.jobs-list-layer__functional {
  grid-column: 1/2;
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
  justify-content: center;
  position: relative;
  top: unset;
  left: unset;
}
.jobs-list-layer__closer {
  background-color: #f2f2f2;
  appearance: none;
  width: 32px;
  height: 32px;
  border: none;
  color: #333333;
  border-radius: 50%;
  line-height: 0;
  padding: 0;
  border: none;
  position: sticky;
  top: 10px;
  font-size: 14px;
  font-weight: 100;
  display: grid;
  align-items: center;
  justify-items: center;
}
.jobs-list-layer__closer:hover {
  background-color: #0176bf;
  color: white;
}
.jobs-list-layer__buttons {
  display: grid;
  grid-auto-flow: row;
  row-gap: 10px;
  align-items: center;
  justify-items: center;
  font-size: 20px;
  position: sticky;
  top: 10px;
}
.jobs-list-layer__buttons .button {
  width: 32px;
  height: 32px;
  border-radius: 15px;
  padding: 0;
  align-items: center;
  justify-items: center;
  line-height: 0;
  border: none;
}
.jobs-list-layer__buttons .button--up-down {
  height: 40px;
}
.jobs-list-layer__buttons .button .up-down-icon {
  position: relative;
  top: -1px;
}
.jobs-list-layer__buttons .button .reload-icon {
  width: 14px;
  height: 14px;
}
.jobs-list-layer__buttons .button .reload-icon svg {
  height: 100%;
  width: 100%;
}
.jobs-list-layer__buttons .button:hover {
  background-color: #0176bf;
  color: white;
}

.jobs-list-list {
  grid-column: 2/3;
}
.jobs-list-list__no-content {
  display: grid;
  justify-content: center;
}
.jobs-list-list table {
  display: none;
}
.has-jobs-list .jobs-list-list table {
  display: table;
}
.has-jobs-list .jobs-list-list .jobs-list-list__no-content {
  display: none;
}
.jobs-list-list table {
  border: 1px solid #f2f2f2;
  border-top: none;
  width: 100%;
}
.jobs-list-list table thead {
  position: relative;
  opacity: 0.5;
}
.jobs-list-list table thead::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  opacity: 0.33;
}
.jobs-list-list table thead td {
  position: relative;
  z-index: 1;
}
.jobs-list-list table td {
  position: relative;
  z-index: 1;
  border: 1px solid #f2f2f2;
  padding: 6px 10px;
  max-width: 0;
  overflow-wrap: break-word;
}
.jobs-list-list table td a {
  text-decoration: underline;
  color: #7fdbff;
}
.jobs-list-list .is-x-scrollable {
  width: 100%;
  overflow-x: scroll;
  padding-bottom: 20px;
}
.jobs-list-list .is-x-scrollable table {
  width: auto;
}
.jobs-list-list .is-x-scrollable table td {
  max-width: unset;
  overflow-wrap: unset;
}

.tabs-group {
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 4px;
  grid-template: auto 1fr/1fr;
  border-radius: 7px;
  padding: 0 0 0 1px;
  border: 1px solid #d4d5d9;
}
.tabs-group__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-content: center;
  position: absolute;
  z-index: 1;
  left: -5px;
  top: -5px;
  height: calc(100% + 10px);
  background-color: black;
  padding: 0 10px;
}
.lists-config .tabs-group__tab.is-active {
  position: relative;
  z-index: 2 !important;
}
.tabs-group__input {
  border: none;
  background-color: white;
  border-radius: 5px;
}
.lists-config .tabs-group, .banners-config .tabs-group, .test-stylization .tabs-group {
  border: none;
}
.tabs-group:not(.test-stylization .tabs-group, .lists-config .tabs-group):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  opacity: 0.9;
  border-radius: 7px;
}
.tabs-group__label {
  grid-row: 1/2;
  position: relative;
  top: 0;
  font-size: 12px;
  margin: 6px 6px;
  opacity: 0.5;
  color: #333333;
  white-space: nowrap;
}
.tabs-group .link {
  grid-row: 2/3;
  position: relative;
  margin: 0 -1px -1px -1px;
}
.v02-full-layer .tabs-group__icon {
  width: 17px;
  height: 17px;
  display: block;
}
.v02-full-layer .tabs-group__icon .svg-sprite {
  height: 100%;
  width: 100%;
}
.v02-full-layer .tabs-group__icon.ok-small-icon .svg-sprite {
  fill: #66e699;
}
.v02-full-layer .tabs-group__icon.clock-small-icon .svg-sprite {
  fill: #b39500;
}
.v02-full-layer .tabs-group__text {
  font-size: 12px;
}
.v02-full-layer .tabs-group__label {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-content: center;
  align-items: center;
  justify-content: start;
  margin: 0;
  height: 30px;
  padding: 0 5px;
}
.v02-full-layer .tabs-group__text {
  position: relative;
  top: 1px;
  font-size: 13px;
}
.v02-full-layer .tabs-group::before {
  background-color: #e6e8f0;
  opacity: 1;
}

.layer-tabs {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: end;
  column-gap: 6px;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.layer-tabs__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  align-items: center;
}
.layer-tabs .link {
  border-radius: 5px;
  border: 1px solid #d4d5d9;
  display: inline-grid;
  align-items: center;
  justify-items: center;
  background-color: #d4d5d9;
  position: relative;
  z-index: 1;
  color: #222222;
  height: 28px;
  white-space: nowrap;
  padding: 0 10px;
}
.layer-tabs .link:hover {
  text-decoration: none;
  background-color: black;
}
.layer-tabs .link.is-active {
  background-color: #0176bf;
  border-color: #f7f7f7;
  color: white;
}
.layer-tabs .link.is-active:hover {
  background-color: black;
}
.layer-tabs .reload-button {
  height: 30px;
  width: 30px;
  padding: 0;
  align-items: center;
  justify-items: center;
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #d4d5d9;
  border: 1px solid #d4d5d9;
  color: #222222;
}
.layer-tabs .reload-button .reload-icon {
  width: 14px;
  height: 14px;
}
.layer-tabs .reload-button .reload-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.layer-tabs .reload-button:hover {
  background-color: black;
  color: white;
}
.lists-config .layer-tabs, .tables-config .layer-tabs, .test-stylization .layer-tabs {
  padding-bottom: 0;
  align-items: center;
  overflow: unset;
}
.lists-config .layer-tabs .link, .tables-config .layer-tabs .link, .test-stylization .layer-tabs .link {
  background-color: transparent;
  position: relative;
  z-index: 1;
  height: 40px;
  white-space: nowrap;
  padding: 0 10px;
  border: none;
  color: #13151a;
  border: 1px solid #13151a;
  font-size: 16px;
}
.lists-config .layer-tabs .link:hover, .tables-config .layer-tabs .link:hover, .test-stylization .layer-tabs .link:hover {
  text-decoration: none;
  background-color: #0176bf;
  color: white;
}
.lists-config .layer-tabs .link.is-active, .tables-config .layer-tabs .link.is-active, .test-stylization .layer-tabs .link.is-active {
  background-color: #0176bf;
  color: white;
}
.lists-config .layer-tabs .link.is-active:hover, .tables-config .layer-tabs .link.is-active:hover, .test-stylization .layer-tabs .link.is-active:hover {
  background-color: #0176bf;
}
@media screen and (max-width: 1600px) {
  .lists-config .layer-tabs .link, .tables-config .layer-tabs .link, .test-stylization .layer-tabs .link {
    font-size: 14px;
  }
}
.drop-area {
  display: grid;
  position: relative;
  border: 1px dashed #666666;
  border-radius: 10px;
  font-family: sans-serif;
  margin: 0;
  padding: 20px;
  width: auto;
}
.drop-area__input {
  display: none;
}
.drop-area p {
  white-space: normal;
  margin-top: 0;
}
.drop-area:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 10px;
  opacity: 0.1;
}
.drop-area__button {
  padding: 0 20px;
  background-color: #0176bf !important;
  border: none;
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}

.control-bar {
  display: grid;
  grid-template-columns: auto auto auto 1fr auto;
  justify-content: space-between;
  position: relative;
  height: 60px;
}
.control-bar__wrapper {
  grid-column: 1/2;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  height: 60px;
  border-right: 1px solid #f7f7f7;
  padding-right: 30px;
}
.control-bar__id {
  grid-column: 2/3;
  display: grid;
  align-content: center;
  height: 36px;
  height: 60px;
  border-right: 1px solid #f7f7f7;
  padding: 0 30px;
}
.control-bar__select {
  display: grid;
  grid-auto-flow: row;
  row-gap: 6px;
  height: 60px;
  align-items: end;
}
.control-bar__select label {
  display: grid;
  font-size: 13px;
  padding-right: 2em;
  white-space: nowrap;
}
.control-bar__select select {
  height: 36px;
  font-size: 16px;
}
.control-bar__source-n-masks {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  justify-content: start;
  column-gap: 30px;
  padding: 0 30px;
}
.control-bar__source-n-masks .edit-icon {
  display: grid;
  width: 24px;
  height: 24px;
}
.control-bar__buttons {
  grid-column: 5/6;
  display: grid;
  grid-auto-flow: column;
  column-gap: 3px;
  align-content: end;
}
.control-bar__buttons .button {
  height: 36px;
  white-space: nowrap;
}
.control-bar__img-set {
  grid-column: 3/4;
  height: 60px;
  border-right: 1px solid #f7f7f7;
  padding: 0 30px;
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
  align-items: center;
}
.control-bar__img-set img {
  height: 60px;
  width: 60px;
  border-radius: 5px;
  opacity: 0.85;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.control-bar__img-set .edit-icon {
  display: grid;
  align-items: center;
  justify-items: center;
  height: 60px;
  width: 60px;
  border: 1px solid #2b303b;
  border-radius: 5px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.control-bar__img-set:hover {
  cursor: pointer;
}
.control-bar__img-set:hover img {
  opacity: 1;
}
.control-bar__img-set:hover .edit-icon {
  border-color: #5fa7d9;
  color: #7fdbff;
}

.source-n-masks__elm {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 10px;
}

.aside {
  display: grid;
  align-content: start;
  color: #222529;
  width: 100%;
  max-height: calc(100vh - 15vh - 155px);
  padding-bottom: 60px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px;
  margin-right: -20px;
  position: sticky;
  top: 20px;
}
.local-v01 .aside {
  top: 46px;
}
.aside__nav {
  display: grid;
  grid-auto-flow: row;
}
.jobs--null .aside {
  max-height: calc(100vh - 180px);
  padding-bottom: 80px;
}
.main-grid.--larger .aside {
  max-height: calc(100vh - 33vh - 170px);
  padding-bottom: 80px;
}

.aside-menu {
  display: grid;
  grid-auto-flow: row;
  align-content: start;
  row-gap: 4px;
}
.aside-menu__li {
  display: grid;
  grid-auto-flow: row;
  row-gap: 4px;
}
.aside-menu__li.is-active .aside-submenu {
  display: grid;
}
.aside-menu__li.is-active .--header {
  color: #58a7d9;
}
.aside-menu__li.is-active .arrow-symbol {
  transform: rotate(90deg);
}
.aside-menu__item {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  outline: 1px solid white;
  outline-offset: -1px;
  background-color: white;
  border-radius: 5px;
  height: 40px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.aside-menu__item.--header {
  grid-template-columns: auto 1fr 30px;
}
.aside-menu__item:hover {
  outline-color: #58a7d9;
  color: #13151a;
}
.aside-menu__text {
  grid-column: 2/3;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aside-menu__icon {
  grid-column: 1/2;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 40px;
  height: 40px;
}
.aside-menu__icon .svg-sprite {
  width: 17px;
  height: 17px;
}
.aside-menu__icon .icon--image-cloud-icon {
  width: 20px;
  height: 20px;
}
.aside-menu__icon .icon--ok-hexagon-icon {
  width: 19px;
  height: 19px;
}
.aside-menu__icon .icon--heart {
  width: 19px;
  height: 18px;
}
.aside-menu__arrow {
  grid-column: 3/4;
  display: none;
  align-items: center;
  justify-items: center;
  width: 30px;
  height: 100%;
  border-left: 1px solid #d4d5d9;
  position: relative;
  border-radius: 0 5px 5px 0;
}
.has-submenu .aside-menu__arrow {
  display: grid;
}
.has-submenu .aside-menu__arrow:hover {
  background-color: #58a7d9;
  color: #13151a;
}
.aside-menu__main-link {
  width: calc(100% - 30px);
}
.aside-menu:not(:first-of-type) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px dashed white;
}

.aside-submenu {
  width: 100%;
  display: none;
  grid-auto-flow: row;
  row-gap: 4px;
}
.aside-submenu__li {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-content: center;
  align-items: center;
  height: 40px;
  border-radius: 5px;
  border: 1px solid white;
  padding: 4px 10px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.aside-submenu__li.is-active {
  border-color: #58a7d9;
  background-color: #58a7d9;
  color: #13151a;
}
.aside-submenu__li.is-active--inner {
  background-color: transparent;
}
.aside-submenu__li:hover {
  color: #13151a;
  border-color: #58a7d9;
  cursor: pointer;
}
.aside-submenu__li.--toolbar-mode:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(strike_background_01.svg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: 100px 100px;
  opacity: 0.25;
}
.aside-submenu__icon {
  width: 40px;
  height: 40px;
  display: grid;
  align-items: center;
  justify-items: center;
  margin-left: -10px;
}
.aside-submenu__icon .svg-sprite {
  width: 17px;
  height: 17px;
}
.aside-submenu__icon .svg-sprite.icon--edit {
  position: relative;
  top: -1px;
  width: 18px;
  height: 18px;
}
.aside-submenu__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.infrastructure-status .google-visualization-orgchart-node-medium {
  font-size: 12px !important;
}
.infrastructure-status .google-visualization-orgchart-table td {
  padding: 0;
}
.infrastructure-status .google-visualization-orgchart-node {
  vertical-align: top !important;
  border: none !important;
  padding: 0 !important;
  border-radius: 5px !important;
  font-weight: normal !important;
}

.google-visualization-orgchart-table .code-card {
  display: grid;
  height: 100%;
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  color: black;
  text-align: left;
  padding: 10px;
  line-height: 120%;
}
.google-visualization-orgchart-table .code-card__header {
  font-size: 14px;
  line-height: 100%;
  margin: 0;
  font-weight: bold;
  margin-bottom: 0.5ex;
  display: grid;
  grid-auto-flow: row;
}
@media screen and (max-width: 1600px) {
  .google-visualization-orgchart-table .code-card {
    font-size: 12px;
    padding: 8px;
  }
  .google-visualization-orgchart-table .code-card__header {
    font-size: 13px;
  }
}
@media screen and (max-width: 1400px) {
  .google-visualization-orgchart-table .code-card {
    font-size: 11px;
    padding: 5px;
  }
  .google-visualization-orgchart-table .code-card__header {
    font-size: 12px;
  }
}
.google-visualization-orgchart-table .code-card--http {
  justify-content: center;
}

.full-images .waiting {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 20px);
  height: calc(100% + 20px);
}
.full-images .waiting:before {
  border-radius: 15px;
}

.waiting {
  display: none;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.waiting:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.66;
  border-radius: 10px;
}
.waiting.is-active {
  display: grid;
}

.loader {
  color: #333333;
  width: 80px;
  height: 80px;
}
.loader__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  animation: rotate-it 1.62s linear infinite;
}
.loader__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.loader__icon.--contra {
  animation-delay: 0.03s;
  opacity: 0.33;
}

.status-layer .full-layer__header,
.status_layer .full-layer__header {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  column-gap: 60px;
  max-width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.status-layer .full-layer__header h2,
.status_layer .full-layer__header h2 {
  font-size: 28px;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
@media screen and (max-width: 1400px) {
  .status-layer .full-layer__header h2,
  .status_layer .full-layer__header h2 {
    font-size: 20px;
  }
}
.status-layer .full-layer__header-title,
.status_layer .full-layer__header-title {
  max-width: 100%;
}
.status-layer .full-layer__header .button,
.status_layer .full-layer__header .button {
  height: 32px;
  font-size: 16px;
  position: relative;
}
.status-layer .full-layer__header .button .reload-icon,
.status-layer .full-layer__header .button .svg-sprite,
.status_layer .full-layer__header .button .reload-icon,
.status_layer .full-layer__header .button .svg-sprite {
  height: 16px;
  width: 16px;
}
.status-layer .full-layer__header .button[disabled],
.status_layer .full-layer__header .button[disabled] {
  opacity: 0.33;
  cursor: default;
}
.status-layer .full-layer__header:after,
.status_layer .full-layer__header:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: unset;
  bottom: 0;
}
.status-layer .full-layer__header-buttons,
.status_layer .full-layer__header-buttons {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  align-items: center;
  column-gap: 40px;
  padding-right: 40px;
}
.status-layer .full-layer__header-wrapper,
.status_layer .full-layer__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-content: center;
  align-items: center;
  min-height: 32px;
}
.status-layer .full-layer__header-wrapper::before,
.status_layer .full-layer__header-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 50px;
  background-color: #8a8e99;
  left: -21px;
  top: -10px;
}
.status-layer .full-layer__header-wrapper fieldset,
.status_layer .full-layer__header-wrapper fieldset {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-content: center;
  align-items: center;
  justify-content: start;
  border: none;
  padding: 0;
  margin: 0;
}
.status-layer .full-layer__header-wrapper fieldset:not(:first-child),
.status_layer .full-layer__header-wrapper fieldset:not(:first-child) {
  margin-left: 10px;
}
.status-layer .full-layer__header-wrapper fieldset input,
.status_layer .full-layer__header-wrapper fieldset input {
  height: 30px;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  padding: 0 10px;
}
@media screen and (max-width: 1400px) {
  .status-layer .full-layer__header-wrapper fieldset input,
  .status_layer .full-layer__header-wrapper fieldset input {
    font-size: 16px;
    max-width: 150px;
  }
}
.status-layer .full-layer__header-wrapper fieldset button,
.status_layer .full-layer__header-wrapper fieldset button {
  height: 40px;
  width: 40px;
}
.status-layer .full-layer__header .autoreload,
.status_layer .full-layer__header .autoreload {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  white-space: nowrap;
  font-size: 16px;
}
.status-layer .full-layer__header .autoreload::before,
.status_layer .full-layer__header .autoreload::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 50px;
  background-color: #8a8e99;
  left: -21px;
  top: -10px;
}
.status-layer .full-layer__header .autoreload__input,
.status_layer .full-layer__header .autoreload__input {
  border: none;
  background-color: #fff;
  border-radius: 5px;
  width: 8ex;
  height: 30px;
  padding: 0 10px;
}
.status-layer .full-layer__header .autoreload__checkbox,
.status_layer .full-layer__header .autoreload__checkbox {
  height: 18px;
  width: 18px;
}
.status-layer.hd-layout .full-layer__header .autoreload,
.status_layer.hd-layout .full-layer__header .autoreload {
  font-size: 14px;
}
.status-layer.hd-layout .full-layer__header .autoreload::before,
.status_layer.hd-layout .full-layer__header .autoreload::before {
  content: none;
}
.status-layer.hd-layout .full-layer__header-buttons,
.status_layer.hd-layout .full-layer__header-buttons {
  padding-right: 0;
}
.status-layer.hd-layout .full-layer__header-buttons .button,
.status_layer.hd-layout .full-layer__header-buttons .button {
  font-size: 14px;
}
.status-layer.hd-layout .full-layer__header-buttons .button .reload-icon,
.status_layer.hd-layout .full-layer__header-buttons .button .reload-icon {
  height: 14px;
  width: 14px;
}
.status-layer.hd-layout .full-layer__header-buttons .button svg,
.status_layer.hd-layout .full-layer__header-buttons .button svg {
  height: 14px;
  width: 14px;
}

.auto-processing .full-layer__header {
  font-size: 16px;
}
.auto-processing .full-layer__header:after {
  content: none;
}
.large-layout .full-layer__header {
  justify-content: start;
}
.large-layout .full-layer__header .button--reload::before {
  content: none;
}
.large-layout .full-layer__box {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tables-set {
  display: grid;
  grid-auto-flow: row;
  row-gap: 40px;
}
.tables-set table {
  border: 1px solid #2b303b;
  width: 100%;
  min-height: 30px;
}
.tables-set table thead {
  position: relative;
  opacity: 1;
}
.tables-set table thead::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #1c1f26;
  opacity: 0.66;
}
.tables-set table thead td {
  position: relative;
  z-index: 1;
  border-top: none;
  color: #c0c5ce;
}
.tables-set table thead tr {
  position: relative;
  z-index: 1;
}
.tables-set table td {
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
  padding: 6px 10px;
  overflow-wrap: anywhere;
}
.tables-set table td a {
  text-decoration: none;
  color: #0036b6;
}
.tables-set table td a:hover {
  text-decoration: underline;
}
.auto-processing .tables-set table td {
  min-height: 1em;
  min-width: 3em;
}
.auto-processing .tables-set table td:nth-child(1) {
  white-space: nowrap;
}
.tables-set table .has-hidden-text {
  position: relative;
  z-index: 1;
}
.tables-set table .has-hidden-text:hover {
  position: relative;
  z-index: 3;
}
.tables-set table .has-hidden-text__section {
  display: inline-grid;
  grid-auto-flow: row;
  row-gap: 20px;
  overflow-wrap: break-word;
  width: 100%;
}
.tables-set table .has-hidden-text__text {
  position: relative;
  overflow-wrap: anywhere;
}
.tables-set table .has-hidden-text__text:hover:after {
  display: grid;
  content: attr(data-text);
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 10px;
  background: white;
  font-size: 0.875rem;
  color: #282828;
  padding: 24px;
  border-radius: 10px;
  line-height: normal;
  text-transform: none;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  width: 200%;
}
.tables-set table .has-hidden-text__icon {
  position: relative;
  color: #7fdbff;
}
.tables-set table .has-hidden-text__icon svg {
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  width: 16px;
  height: 20px;
}
.tables-set table .has-hidden-text__icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: -10px;
  opacity: 0.25;
}
.tables-set table .has-hidden-text__icon:hover svg {
  cursor: pointer;
  opacity: 0.5;
}
.tables-set table caption {
  display: table-caption;
  margin-bottom: 20px;
  text-align: left;
  font-size: 20px;
}
.tables-set table .status-error td {
  color: white;
  border: 1px solid black;
}
.tables-set table .status-error td::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #412a34;
}
.tables-set table .status-error td a {
  color: #0277cc;
}
.tables-set table .is-disabled {
  background-color: #a6a6a6;
  color: #515459;
}
.tables-set table .is-disabled a {
  color: inherit;
  text-decoration: none;
}
.tables-set table .is-disabled td::before {
  background-color: transparent;
}
.tables-set table .is-disabled .has-hidden-text__icon {
  position: relative;
  color: currentColor;
}
.tables-set table .runpod {
  background-color: #e0e0e0;
}
.tables-set table .status-working td::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #b39500;
  opacity: 0.2;
}
.tables-set table .status-wait td::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #b66009;
  opacity: 0.13;
}
.tables-set table.table-loki-log {
  font-family: "Roboto Mono", monospace;
}
.tables-set table.table-loki-log th {
  padding-top: 1ex;
  padding-bottom: 1ex;
  border: 1px solid black;
  border-top: none;
  color: #c0c5ce;
}
.tables-set table.table-loki-log thead {
  opacity: 1;
}
.tables-set table.table-loki-log td:nth-of-type(1), .tables-set table.table-loki-log td:nth-of-type(2) {
  white-space: nowrap;
}
.tables-set table.table-loki-log td:last-of-type {
  background-color: #111217;
}
.tables-set .table-images td {
  padding: 10px;
}
.tables-set .images-set {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.tables-set .images-set__img {
  display: inline-grid;
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 5px;
  overflow: hidden;
}
.tables-set .images-set__img img {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 0;
}
.tables-set .images-set__img.original-image {
  outline: 8px solid orangered;
  outline-offset: 0px;
  position: relative;
  z-index: 2;
}
.tables-set .images-set__img.original-image img {
  outline: 4px solid white;
  outline-offset: -4px;
}
.tables-set .images-set__img.original-image::before {
  content: "➦";
  position: absolute;
  top: unset;
  left: unset;
  right: 6px;
  bottom: -4px;
  font-size: 70px;
  font-weight: bold;
  color: white;
  z-index: 1;
  opacity: 0.8;
}
.layer-4k-images .tables-set .images-set__img {
  width: 200px;
  height: 200px;
}
.layer-4k-images .tables-set .images-set {
  padding-bottom: 10px;
}
.large-layout .tables-set {
  display: grid;
  grid-template: 1fr/1fr 1fr auto;
  gap: 40px;
  font-size: 8px;
}
.large-layout .tables-set__box-01 {
  grid-column: 1/2;
  grid-row: 1/2;
  display: grid;
  column-gap: 20px;
  row-gap: 40px;
  align-content: start;
  align-items: start;
}
.large-layout .tables-set__box-01 .tables-set__box-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
}
.large-layout .tables-set__box-01 .tables-set__box-wrapper table caption {
  font-size: 14px;
}
.large-layout .tables-set__box-02 {
  grid-column: 2/3;
  grid-row: 1/3;
  display: grid;
  grid-template: auto 1fr/1fr;
  gap: 40px;
}
.large-layout .tables-set__box-04 {
  grid-column: 3/4;
  grid-row: 1/2;
  min-width: 832px;
}
.large-layout .tables-set table {
  height: max-content;
}
.large-layout .tables-set table td {
  padding: 5px;
}
.large-layout .tables-set table td.wider {
  min-width: 20%;
}
.large-layout .tables-set table caption {
  color: white;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1ex;
}
.infrastructure-dashboard .tables-set {
  height: 100%;
  grid-template: 330px 330px 1fr/repeat(4, 1fr);
  gap: 10px;
}
.infrastructure-dashboard .tables-set__cell {
  display: grid;
  border-radius: 5px;
  font-size: 14px;
  overflow: hidden;
  padding: 12px 20px 20px;
}
.infrastructure-dashboard .tables-set__cell.cell-01 {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 0;
  background-color: #f7f7f7;
}
.infrastructure-dashboard .tables-set__cell.cell-02 {
  grid-column: 2/3;
  grid-row: 1/2;
  background-color: #f7f7f7;
  padding: 0;
  grid-template-rows: repeat();
}
.infrastructure-dashboard .tables-set__cell.cell-03 {
  grid-column: 3/4;
  grid-row: 1/2;
  background-color: #f7f7f7;
  padding: 0;
}
.infrastructure-dashboard .tables-set__cell.cell-04 {
  grid-column: 4/5;
  grid-row: 1/3;
  border: 1px solid #2b303b;
  padding: 0 10px 10px;
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 20px;
}
.infrastructure-dashboard .tables-set__cell.cell-04 .infrastructure-log {
  background-color: #f8f8f8;
  margin: 0 -20px 0 -20px;
  padding: 20px;
  overflow: hidden;
}
.infrastructure-dashboard .tables-set__cell.cell-04 .wrapper {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.infrastructure-dashboard .tables-set__cell.cell-05 {
  grid-column: 1/2;
  grid-row: 2/3;
  background-color: #f7f7f7;
  padding: 0;
}
.infrastructure-dashboard .tables-set__cell.cell-06 {
  grid-column: 2/3;
  grid-row: 2/3;
  background-color: #f7f7f7;
  padding: 0;
}
.infrastructure-dashboard .tables-set__cell.cell-07 {
  grid-column: 3/4;
  grid-row: 2/3;
  background-color: #f7f7f7;
  padding: 0;
}
.infrastructure-dashboard .tables-set__cell.cell-08 {
  grid-column: 4/5;
  grid-row: 2/3;
  outline: 1px solid #f7f7f7;
  outline-offset: -1px;
  display: grid;
  align-content: start;
  align-items: start;
  row-gap: 20px;
  height: calc(100% + 120px);
  top: -120px;
}
.infrastructure-dashboard .tables-set__cell.cell-09 {
  grid-column: 1/3;
  grid-row: 3/4;
  outline: 1px solid #f7f7f7;
  outline-offset: -1px;
  align-items: start;
  align-content: start;
  justify-items: start;
  row-gap: 20px;
}
.infrastructure-dashboard .tables-set__cell.cell-10 {
  grid-column: 3/-1;
  grid-row: 3/4;
  outline: 1px solid #f7f7f7;
  outline-offset: -1px;
}
.infrastructure-dashboard .tables-set__cell .infrastructure-log {
  margin: 0;
  padding: 0;
}
.infrastructure-dashboard--4x3 .tables-set__box-wrapper {
  grid-template-columns: auto auto auto auto;
  column-gap: 10px;
}
.infrastructure-dashboard--4x3 .tables-set table {
  height: max-content;
}
.infrastructure-dashboard--4x3 .tables-set table td {
  max-width: none;
  font-size: 12px;
}
.infrastructure-dashboard--4x3 .tables-set table caption {
  color: black;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 1ex;
}
.infrastructure-dashboard--4x3 .tables-set .table-nodes td:first-of-type {
  min-width: 40%;
}
.layer-4k-images .tables-set {
  grid-template: 1fr/1fr;
}
.tables-set__box-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-items: start;
}
.hd-layout .tables-set__box-wrapper {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.tables-set__box-wrapper table caption {
  font-size: 14px;
  font-weight: bold;
}
.status-layer .tables-set table thead td {
  white-space: nowrap;
}
.tables-set .--nowrap {
  white-space: nowrap;
}

.infrastructure-log {
  display: grid;
  grid-auto-flow: row;
  margin: 80px 0;
  padding: 40px;
  background-color: #f8f8f8;
  font-size: 16px;
}
.infrastructure-log__conditions {
  display: grid;
  grid-auto-flow: row;
  justify-content: start;
  align-items: center;
  gap: 1ex;
  font-size: 18px;
  color: #333333;
  margin-bottom: 40px;
}
.infrastructure-log__conditions input {
  border: none;
  background-color: #333333;
  border-radius: 5px;
  width: 12ex;
  height: 30px;
  padding: 0 10px;
  color: #d4d5d9;
}
.infrastructure-log__conditions:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #babbbf;
  bottom: -20px;
  top: unset;
}
.infrastructure-log__data {
  display: grid;
  grid-auto-flow: row;
  row-gap: 1ex;
}
.infrastructure-log__data:not(:first-of-type) {
  margin-top: 10px;
}
.infrastructure-log__data-sec {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1em;
  row-gap: 0.5ex;
}
.infrastructure-log__data-stamp {
  display: grid;
  grid-auto-flow: row;
  row-gap: 2px;
  color: #0036b6;
}
.infrastructure-log__data-text {
  color: #368e36;
}
.infrastructure-log .button--orange {
  padding-left: 40px;
  padding-right: 40px;
}
.large-layout .infrastructure-log .button--orange {
  display: none;
}

.infrastructure-dashboard .full-layer__box {
  grid-template-rows: auto 1fr;
  padding-top: 10px;
}
.infrastructure-dashboard .full-layer__header {
  margin-bottom: 0;
  padding-right: 10px;
  padding-bottom: 10px;
}
.infrastructure-dashboard .full-layer__header::after {
  content: none;
}
.infrastructure-dashboard .full-layer__header .wrapper,
.infrastructure-dashboard .full-layer__header .dashboard-functional {
  padding-right: 0;
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
  grid-row: 1/2;
}
.infrastructure-dashboard .full-layer__header .cols-switch {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.infrastructure-dashboard .full-layer__header .cols-switch::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  left: unset;
  right: -15px;
}
.infrastructure-dashboard .full-layer__header .button--reload::before {
  content: none;
}
.infrastructure-dashboard .full-layer__closer {
  color: black;
  opacity: 0.5;
}
.infrastructure-dashboard__subtitle {
  display: grid;
  font-size: 28px;
  justify-items: end;
  padding-right: 40px;
  opacity: 0.5;
  color: black;
}
.infrastructure-dashboard__subtitle::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: 50px;
  background-color: black;
  left: -31px;
  top: -10px;
  opacity: 0.66;
}
.infrastructure-dashboard .full-layer__header {
  grid-template-columns: 1fr auto;
  align-items: center;
}
.infrastructure-dashboard .infrastructure-log {
  margin: 0;
  padding: 20px;
  font-size: 14px;
  align-content: start;
}
.infrastructure-dashboard .infrastructure-log__conditions {
  font-size: 14px;
  margin-bottom: 40px;
  justify-content: start;
}
.infrastructure-dashboard .infrastructure-log__conditions .wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
  justify-content: start;
}
.infrastructure-dashboard .infrastructure-log__conditions .wrapper__inner {
  display: block;
}
.infrastructure-dashboard .infrastructure-log__conditions .wrapper__inner em {
  font-style: normal;
  font-weight: bold;
  font-size: larger;
  color: white;
}
.infrastructure-dashboard .infrastructure-log__conditions:after {
  bottom: -20px;
}
.infrastructure-dashboard .table-stat .has-hidden-text__section .has-hidden-text__icon {
  display: none;
}
.infrastructure-dashboard.hd-layout .full-layer__header {
  justify-content: start;
  justify-items: start;
  align-items: center;
  padding: 0 40px 0 0;
  margin: 0;
}
.infrastructure-dashboard.hd-layout .full-layer__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  opacity: 0.5;
  top: unset;
  bottom: -20px;
}
.infrastructure-dashboard.hd-layout .full-layer__box-wrapper:before {
  content: none;
}
.infrastructure-dashboard.hd-layout .full-layer__box {
  grid-template-rows: auto 1fr;
  padding: 20px;
  row-gap: 50px;
}
.infrastructure-dashboard.hd-layout .tables-set {
  grid-template: 310px 310px auto auto auto/repeat(6, 1fr);
  height: auto;
  gap: 20px;
}
.infrastructure-dashboard.hd-layout .tables-set__cell {
  font-size: 16px;
  overflow: auto;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-01 {
  grid-column: 1/3;
  grid-row: 1/2;
  padding: 0;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-02 {
  grid-column: 3/5;
  grid-row: 1/2;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-03 {
  grid-column: 5/7;
  grid-row: 1/2;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-04 {
  grid-column: 1/-1;
  grid-row: 3/4;
  height: auto;
  column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 20px;
  grid-template-rows: 1fr;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-05 {
  grid-column: 1/3;
  grid-row: 2/3;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-06 {
  grid-column: 3/5;
  grid-row: 2/3;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-07 {
  grid-column: 5/7;
  grid-row: 2/3;
  background-color: #1c1f26;
  overflow: hidden;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-08 {
  grid-column: 4/-1;
  grid-row: 3/4;
  outline-offset: -1px;
  padding: 20px;
  display: grid;
  grid-auto-flow: row;
  column-gap: 20px;
  top: unset;
  height: auto;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-09 {
  grid-column: 1/-1;
  grid-row: 4/5;
  outline: 1px solid #1c1f26;
  outline-offset: -1px;
  padding: 20px;
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.cell-10 {
  grid-column: 1/-1;
  grid-row: 5/6;
  outline: 1px solid #1c1f26;
  outline-offset: -1px;
  padding: 20px;
}
.infrastructure-dashboard.hd-layout .tables-set__cell.--colspan-2 {
  grid-column: span 2;
}
.infrastructure-dashboard.hd-layout .tables-set__cell .infrastructure-log {
  margin: 0;
  padding: 20px;
}
.infrastructure-dashboard.hd-layout .tables-set caption {
  font-size: 20px;
}
.infrastructure-dashboard.hd-layout.dashboard-tables .tables-set caption {
  font-size: 18px;
}
.infrastructure-dashboard.hd-layout--custom-01 .tables-set {
  grid-template: 1fr/1fr;
}
.infrastructure-dashboard.hd-layout--custom-01 .tables-set__cols {
  display: grid;
  grid-template: 1fr/repeat(2, 1fr);
  gap: 40px;
}
.infrastructure-dashboard.hd-layout--custom-01 .tables-set__cols table caption {
  margin-bottom: 1em;
}
.infrastructure-dashboard.hd-layout--custom-01 .tables-set__col {
  display: grid;
  row-gap: 40px;
  align-content: start;
}
.infrastructure-dashboard.no-columns .tables-set__cols {
  grid-template-columns: 1fr;
}
.infrastructure-dashboard.large-layout .infrastructure-log {
  font-size: 12px;
}
.infrastructure-dashboard.large-layout .infrastructure-log__conditions {
  font-size: 12px;
  margin-bottom: 20px;
}
.infrastructure-dashboard.large-layout .infrastructure-log__conditions input {
  height: 24px;
  border: 1px solid #999999;
  background-color: transparent;
  color: white;
  font-weight: bold;
}
.infrastructure-dashboard.large-layout .infrastructure-log__conditions:after {
  bottom: -10px;
}
.infrastructure-dashboard.large-layout .infrastructure-log__data-sec span:first-of-type {
  font-size: 12px;
}
.infrastructure-dashboard.dashboard-tables .full-layer__header {
  display: grid;
  grid-template-columns: 1fr auto;
}
.infrastructure-dashboard.dashboard-tables .full-layer__header-title {
  max-width: unset;
}
.infrastructure-dashboard.dashboard-tables .dashboard-functional {
  grid-row: unset;
}

.plain-dashboard .infrastructure-log__conditions {
  grid-auto-flow: row;
  row-gap: 20px;
}
.plain-dashboard .infrastructure-log__conditions .wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  justify-content: start;
}
.plain-dashboard .infrastructure-log__conditions .wrapper__inner {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
}
.plain-dashboard .infrastructure-log__conditions .wrapper:last-child .wrapper__inner:nth-last-child(2) {
  margin-right: 2em;
}

.style-data {
  display: grid;
  grid-template: auto 1fr/1fr;
  column-gap: 20px;
}
.style-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
}
.v02-full-layer .style-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 2px;
  background-color: #ededed;
}
.style-data table {
  border-top: none;
  width: 100%;
}
.style-data table caption {
  margin-bottom: 20px;
  text-align-last: left;
  font-size: 18px;
}
.style-data table thead {
  opacity: 1;
}
.style-data table thead td {
  position: relative;
  z-index: 1;
}
.style-data table th, .style-data table thead td {
  position: relative;
  z-index: 1;
  border: 1px solid #1a1e2d;
  padding: 10px;
}
.style-data table th.title, .style-data table th.subtitle, .style-data table th.description, .style-data table thead td.title, .style-data table thead td.subtitle, .style-data table thead td.description {
  width: 50%;
  text-align: left;
}
.style-data table th:before, .style-data table thead td:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #1c1f26;
  opacity: 0.33;
}
.style-data table td {
  position: relative;
  z-index: 1;
  border: 1px solid #1a1e2d;
  padding: 10px;
  vertical-align: middle;
}
.style-data table td input, .style-data table td textarea {
  color: #1a1e2d;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
}
.style-data table td textarea {
  min-height: 82px;
  padding: 10px;
}
.style-data table .wrapper {
  display: grid;
  grid-template-columns: 10ex 1fr;
  align-items: center;
}
.style-data table .wrapper:first-of-type {
  margin-bottom: 10px;
}
.style-data .button.--save {
  height: 50px;
  padding: 0 40px;
  font-size: 18px;
}
.style-data__box-01 {
  grid-column: 1/2;
  grid-row: 2/3;
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  align-content: start;
  padding-bottom: 20px;
}
.test-stylization .style-data__box-01 {
  grid-column: 1/3;
}
.style-data__box-01 .button.--save-translates {
  width: max-content;
  height: 40px;
  padding: 0 20px;
}
.style-data__box-02 {
  grid-column: 2/3;
  grid-row: 2/3;
  display: none;
}
.style-data__header {
  grid-column: 1/-1;
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  justify-content: start;
  align-items: center;
  margin-bottom: 30px;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #2b303b;
  padding: 20px 0;
}
.v02-full-layer .style-data__header {
  border-bottom: 1px solid #ededed;
}
@media screen and (max-width: 1480px) {
  .style-data__header {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .style-data__header {
    font-size: 15px;
  }
}
.style-data__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  align-items: center;
}
.style-data__header-wrapper input, .style-data__header-wrapper textarea {
  color: #1a1e2d;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
}
.style-data__header .images-set {
  outline: 2px solid transparent;
  outline-offset: 4px;
  border-radius: 5px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.style-data__header .images-set__box {
  column-gap: 4px;
}
.style-data__header .images-set__img {
  width: 120px;
  height: 120px;
  position: relative;
}
.style-data__header .images-set__action {
  position: absolute;
  right: 3px;
  top: 3px;
}
.style-data__header .images-set .water-mark {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 50%;
}
.style-data__header .images-set:hover {
  outline: 2px solid #0176bf;
  cursor: pointer;
}
.style-data__header .images-set:hover .images-set__action {
  background-color: #0176bf;
  color: white;
}
.style-data__enabled input {
  height: 20px;
  width: 20px;
}
.style-data__elm {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr;
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
}
.style-data__elm.--header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.style-data__elm.--header .item .drag-icon {
  visibility: hidden;
}
.style-data__elm.--header .item:first-of-type:before {
  display: none;
}
.style-data__elm.--header .t-buttons-set {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.style-data__elm.--main {
  border-top: none;
}
.style-data__elm input {
  color: #d4d5d9;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  min-width: 30ex;
  height: 30px;
}
@media screen and (max-width: 1480px) {
  .style-data__elm input {
    min-width: 28ex;
  }
}
.style-data__elm .item {
  display: grid;
  padding: 10px;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 10px;
}
.style-data__elm .item .drag-icon {
  opacity: 0.5;
  display: inline-grid;
  justify-items: center;
  align-items: center;
  line-height: 0;
  width: 20px;
  cursor: move;
}
.style-data__elm .item:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 1px;
  height: 100%;
  background-color: #2b303b;
  height: 100%;
  left: 0;
}
.style-data__elm .item:first-of-type:before {
  display: none;
}
.style-data__watermark::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
}
.style-data__blog-name {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.style-data__folder {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.style-data__folder select {
  border: none;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
}
.style-data__folder .button,
.style-data__folder button {
  height: 32px;
  padding: 0 20px;
}
.style-data__folder .button[disabled],
.style-data__folder button[disabled] {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
  color: #babbbf;
  box-shadow: none;
}
.style-data__folder .button[disabled]:hover,
.style-data__folder button[disabled]:hover {
  cursor: default;
}
.style-data__infra {
  font-size: 16px;
  opacity: 0.66;
}
.style-data__ip {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  padding: 5px;
  border: 1px dashed #2b303b;
  overflow-wrap: anywhere;
}
.style-data__ip .t-buttons-set {
  position: relative;
  top: unset;
  height: 100%;
}
.style-data__ip .t-buttons-set__button {
  outline: none;
  background-color: transparent;
  height: 32px;
  width: 32px;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 0;
}
.style-data__ip .t-buttons-set__button:hover {
  background-color: #0176bf;
}
.style-data__enabled {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 5px;
}

.watermak-section {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: minmax(min-content, 60%) auto;
  justify-content: start;
  column-gap: 20px;
  row-gap: 20px;
  margin-top: 10px;
  padding-top: 30px;
}
.watermak-section__title {
  grid-row: 1/2;
  grid-column: 1/3;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}
.watermak-section .images-set {
  grid-row: 2/3;
  grid-column: 2/3;
  column-gap: 10px;
  justify-content: start;
  align-content: start;
  width: max-content;
}
.watermak-section .images-set__box {
  outline: 1px solid #f2f2f2;
  border-radius: 5px;
}
.watermak-section .images-set__box:hover {
  cursor: pointer;
}
.watermak-section .images-set__img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.watermak-section .images-set__img img {
  object-fit: contain;
  width: 80%;
  height: 90%;
}
.watermak-section__input {
  grid-row: 2/3;
  grid-column: 1/2;
  border: none;
  height: 40px;
  padding: 0 10px;
  border-radius: 5px;
}
.watermak-section__textarea {
  grid-row: 2/3;
  grid-column: 1/2;
  border: none;
  min-height: 80px;
  padding: 10px;
  border-radius: 5px;
}

.style-tags {
  grid-column: 1/-1;
  grid-row: 1/2;
  margin-top: 40px;
  display: grid;
  grid-auto-flow: row;
  column-gap: 60px;
  justify-content: start;
}
.style-tags__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 80px;
}
.style-tags ul {
  display: block;
  gap: 10px;
}
.style-tags ul li {
  border: 1px solid #a4afbb;
  color: #1c1f26;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 16px;
  margin-bottom: 10px;
  break-inside: avoid-column;
}
@media screen and (max-width: 1480px) {
  .style-tags ul li {
    font-size: 12px;
  }
}
.style-tags ul li:hover {
  cursor: pointer;
  background-color: #0176bf;
  border-color: transparent;
}
.style-tags ul li.header {
  border-color: transparent;
  font-size: 20px;
  background-color: transparent;
  opacity: 0.66;
  display: grid;
  grid-auto-flow: column;
  column-gap: 15px;
  align-items: center;
  position: absolute;
  top: -60px;
}
.style-tags ul li.header:hover {
  cursor: default;
}
.style-tags ul li .header__input {
  border: none;
  border-radius: 5px;
  font-size: 16px;
  padding: 0 10px;
  height: 28px;
}
.style-tags ul.--selected li:not(.header) {
  background-color: #8790a8;
  border-color: #8790a8;
  color: black;
}
.style-tags ul.--has-2-cols {
  columns: 2 auto;
}
.style-tags ul.--has-3-cols {
  columns: 3 auto;
}
.style-tags ul.--has-4-cols {
  columns: 4 auto;
}
@media (max-width: 1560px) {
  .style-tags ul.--has-4-cols {
    columns: 3 auto;
  }
}
@media (max-width: 1280px) {
  .style-tags ul.--has-4-cols {
    columns: 2 auto;
  }
}
.style-tags__header {
  margin-bottom: 20px;
  text-align-last: left;
  font-size: 18px;
}
.style-data-tags .style-tags__header {
  font-size: 28px;
  margin-bottom: 1em;
}

.images-data {
  display: grid;
  row-gap: 40px;
  padding-top: 30px;
  align-content: start;
}
.images-data__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 40px;
  width: 100%;
  justify-content: start;
}
.images-data__wrapper:not(:first-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
  top: -20px;
}
.images-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
}
.images-data__header {
  font-size: 16px;
  margin-bottom: 1em;
}
.images-data__box {
  display: grid;
  height: auto;
  grid-template-rows: 1fr auto;
}
.images-data .images-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: start;
}
.images-data .images-set__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: start;
  gap: 4px;
  min-width: 120px;
  min-height: 120px;
}
.images-data .images-set__img {
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #f7f7f7;
  border-radius: 5px;
  overflow: hidden;
}
.images-data .images-set__action {
  position: absolute;
  left: 3px;
  top: 3px;
}

.images-data-box {
  display: grid;
  height: auto;
  grid-template-rows: 1fr auto;
}
.images-data-box__header {
  font-size: 16px;
  margin-bottom: 1em;
  font-weight: bold;
}
.images-data-box .images-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: start;
}
.images-data-box .images-set__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: start;
  gap: 4px;
}
.images-data-box .images-set__img {
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #f7f7f7;
  border-radius: 5px;
  overflow: hidden;
}
.images-data-box .images-set__action {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 28px;
  height: 28px;
  padding: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.images-data-box .images-set__action svg {
  width: 16px;
  height: 16px;
}
.images-data-box .images-set__action.--view-action {
  top: 32px;
}
.images-data-box .images-set__action.--view-action .svg-sprite {
  top: 0;
  left: 0;
}
.images-data-box .images-set__action.--delete-action {
  top: 61px;
}
.images-data-box .images-set__action.--delete-action .svg-sprite {
  top: 0;
  left: 0;
}

.style-data-tags {
  padding-top: 40px;
  grid-template: auto 1fr/1fr;
}

.style-data-config {
  padding-top: 20px;
  grid-template-columns: 1fr;
}

.translations,
.tabs-edit {
  display: grid;
  grid-template: 1fr auto 2fr/1fr 600px 1fr;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
}
.translations::before,
.tabs-edit::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.33;
}
.translations__box,
.tabs-edit__box {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.15);
  background-color: #d0d1d4;
  border-radius: 20px;
  padding: 20px;
}
.translations__box .wrapper,
.tabs-edit__box .wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.translations table,
.tabs-edit table {
  margin-bottom: 10px;
}
.translations table caption,
.tabs-edit table caption {
  font-size: 20px;
  font-weight: bold;
  color: black;
  margin-bottom: 10px;
}
.translations table thead,
.tabs-edit table thead {
  background-color: #353942;
  color: white;
}
.translations table th,
.tabs-edit table th {
  padding: 10px;
  border: 1px solid #1a1e2d;
  text-align-last: left;
}
.translations table td,
.tabs-edit table td {
  text-align: left;
  border: 1px solid #1a1e2d;
  color: #1c1f26;
  padding: 10px;
  padding-right: 20px;
}
.translations table td input,
.tabs-edit table td input {
  background-color: white;
  padding: 0 10px;
  height: 28px;
  border-radius: 3px;
  border: none;
}
.translations table td .wrapper,
.tabs-edit table td .wrapper {
  display: grid;
  column-gap: 10px;
  align-items: center;
  grid-template-columns: auto 1fr;
}
.translations__button,
.tabs-edit__button {
  height: 32px;
  width: max-content;
  padding: 0 20px;
}

.tags-edit .v01-full-layer__box-wrapper {
  overflow: hidden;
}

.tags-data {
  display: grid;
  grid-template: auto 1fr/repeat(2, 1fr);
  column-gap: 3%;
  padding-top: 40px;
  overflow: auto;
}
@media screen and (max-width: 1480px) {
  .tags-data {
    column-gap: 20px;
  }
}
.tags-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 2px;
  background-color: #f7f7f7;
}
.v02-full-layer .tags-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 2px;
  background-color: #ededed;
}
.tags-data table {
  border-top: none;
  width: 100%;
}
.tags-data table thead td {
  position: relative;
  z-index: 1;
}
.tags-data table th {
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
  padding: 10px;
  text-align-last: left;
}
.tags-data table th:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.tags-data table td {
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
  padding: 10px;
  vertical-align: top;
}
.tags-data table td input, .tags-data table td textarea {
  color: #d4d5d9;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 4px 10px;
  min-width: 30ex;
  height: 30px;
}
.tags-data table td textarea {
  min-height: 66px;
}
.tags-data .button.--save {
  height: 50px;
  padding: 0 40px;
  font-size: 18px;
}
.tags-data__box-01 {
  grid-column: 1/2;
  grid-row: 2/3;
  display: grid;
  grid-auto-flow: row;
  align-content: start;
}
.tags-data__box-01 .button.--save-translates {
  width: max-content;
  height: 40px;
  padding: 0 20px;
}
.tags-data__box-02 {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
}
.tags-data .t-buttons-set__button {
  padding: 0;
  height: 30px;
  width: 30px;
}
.tags-data .t-buttons-set__button .svg-sprite {
  height: 100%;
  width: 100%;
}
.tags-data .t-buttons-set__button .trash-icon {
  height: 16px;
  width: 16px;
}

.styles-config .header-bar {
  justify-content: start;
  align-items: center;
}
.styles-config .header-bar .button {
  position: relative;
}
.styles-config .header-bar .button::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: calc(100% + 20px);
  background-color: #f7f7f7;
  left: -40px;
  top: -10px;
}

.config-table-section {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.config-table-section .sticky-button {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 2;
  height: 50px;
  border: none;
  overflow: hidden;
}
.config-table-section .sticky-button::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100vw;
  height: 50px;
  background-color: #babbbf;
}
.config-table-section .button {
  height: 30px;
}

.config-table {
  border-top: none;
  width: 100%;
}
.config-table td {
  position: relative !important;
  z-index: 1 !important;
  border: 1px solid black !important;
  border-right-width: 2px !important;
  padding: 10px !important;
  padding-right: 20px !important;
  vertical-align: top !important;
}
.config-table td:not(:first-child) {
  border-left: none !important;
}
.config-table th {
  border: 1px solid black !important;
  border-right-width: 2px !important;
  border-bottom: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding: 10px !important;
  color: #1c1f26 !important;
  position: relative;
}
.config-table th:not(:first-child) {
  border-left: none !important;
}
.config-table th:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #d1d1d4;
  opacity: 1;
}
.config-table tr:first-of-type {
  position: sticky;
  top: 50px;
  z-index: 2;
}
.styles-config .config-table tr:first-of-type {
  top: 0;
}
.config-table__name {
  min-width: 10ex;
  max-width: 20ex;
}
.config-table .td-section {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  column-gap: 10px;
}
.config-table .td-section select,
.config-table .td-section input {
  color: #1a1e2d;
  border: none;
  border-radius: 5px;
  padding: 4px;
  height: 24px;
}
.config-table .td-section select[type=checkbox],
.config-table .td-section input[type=checkbox] {
  height: 16px;
  width: 16px;
}
.config-table__main-td.is-checked * {
  position: relative;
  z-index: 1;
}
.config-table__main-td.is-checked::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #58a7d9;
  opacity: 0.33;
}
.config-table .main-td-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 30px;
}
.config-table .wrapper {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  align-content: center;
  row-gap: 10px;
}
.config-table .wrapper:first-of-type {
  margin-bottom: 0 !important;
}
.config-table .wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% + 20px);
  background-color: black;
  opacity: 0.5;
  top: -10px;
  left: unset;
  right: -15px;
}
.config-table .inpaints-section {
  display: grid;
  justify-content: start;
  align-items: start;
  align-content: start;
  grid-auto-flow: row;
  row-gap: 10px;
}
.config-table .inpaints-section ul {
  display: grid;
  justify-items: start;
  align-content: start;
  row-gap: 5px;
}
.config-table .inpaints-section ul li {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  white-space: nowrap;
}
.config-table .fuzzy-section {
  display: grid;
  justify-content: start;
  align-items: start;
  align-content: start;
  grid-auto-flow: row;
  row-gap: 5px;
}
.config-table .fuzzy-section .item {
  white-space: nowrap;
}
.config-table .fuzzy-section::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1px;
  height: calc(100% + 20px);
  background-color: black;
  opacity: 0.5;
  top: -10px;
  left: -15px;
  right: 0;
}
.config-table .checkbox-section {
  grid-auto-flow: column;
}
.config-table .images-section input {
  width: 50px;
}
.config-table .quality-section {
  column-gap: 11px;
}
.config-table .quality-section input {
  width: 50px;
}
.config-table--vertical {
  width: max-content !important;
}
.config-table--vertical tr:first-of-type {
  position: unset;
  top: unset;
  z-index: unset;
}
.config-table--vertical th {
  position: static !important;
}
.config-table--vertical .wrapper {
  grid-auto-flow: column;
  column-gap: 20px;
  margin-bottom: 0;
}
.config-table--vertical .inpaints-section {
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  align-content: center;
}
.config-table--vertical .inpaints-section ul {
  grid-auto-flow: column;
  column-gap: 10px;
}
.config-table__header-box th {
  background-color: transparent !important;
}
.styles-config .config-table {
  margin-bottom: 20px;
}

.view-stylization-results .col-right .images-set {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
  margin-bottom: 60px;
}
.view-stylization-results .col-right .images-set__header {
  font-size: 20px;
  display: block;
}
.view-stylization-results .col-right .images-set__box {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.view-stylization-results .col-right .images-set__box:hover {
  cursor: pointer;
}
.view-stylization-results .col-right .images-set__img {
  display: flex;
  width: 120px;
  height: 120px;
  position: relative;
  flex-wrap: wrap;
  background-color: #7c7d80;
}

.user-identity .fields-set {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: unset;
  align-content: start;
}
.user-identity .fields-set__params {
  display: grid;
  row-gap: 30px;
  grid-auto-flow: row;
  margin: 20px 0;
}
.user-identity .fields-set__params-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.user-identity .fields-set__params-row.--rows {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.user-identity .fields-set__params::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  top: -20px;
  left: 0;
}
.user-identity .fields-set__params fieldset {
  display: grid;
}
.user-identity .fields-set__params fieldset {
  display: grid;
  justify-self: stretch;
}
.user-identity .fields-set__params fieldset input, .user-identity .fields-set__params fieldset textarea {
  color: #1a1e2d;
  border: none;
}
.user-identity .fields-set__params fieldset textarea {
  line-height: 133%;
  height: 100%;
}
.user-identity .fields-set__params fieldset.--json {
  display: grid;
  grid-template-rows: auto 1fr;
}
.user-identity .fields-set__params fieldset.--json textarea {
  height: 100%;
  min-height: 40ex;
  background-color: #fff;
  color: #1a1e2d;
}
.user-identity .fields-set__params .identity-prompt input[type=text] {
  width: 100%;
}
.user-identity .fields-set__params .identity-weight input[type=text] {
  width: 5em;
}
.user-identity .fields-set .gender-identity select {
  min-width: 10em;
}
.user-identity .fields-set .body-shape-checkbox {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
}
.user-identity .fields-set .body-shape-checkbox input {
  order: 1;
  width: 24px;
  height: 24px;
}
.user-identity .fields-set .body-shape-checkbox label {
  order: 2;
  margin: 0;
}
.user-identity .fields-set .identity-name label {
  font-size: 20px;
}
.user-identity .fields-set .remark {
  font-size: 14px;
  opacity: 0.66;
  display: block;
}
.user-identity .base-functional {
  row-gap: 40px;
  grid-template-columns: 1fr 1fr;
  column-gap: 60px;
  height: 100%;
  align-content: unset;
  overflow: auto;
}
.user-identity .base-functional__wrapper {
  display: grid;
  height: 100%;
  align-content: start;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  overflow-y: auto;
}
.user-identity .base-functional__inner-wrapper {
  display: grid;
  grid-auto-flow: column;
  gap: 40px;
  align-content: start;
  justify-content: start;
}
.user-identity .base-functional .images-set {
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: 1fr auto auto;
  row-gap: 20px;
}
.user-identity .base-functional .images-set__header {
  font-size: 20px;
  display: block;
}
.user-identity .base-functional .images-set__header.in-row {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
}
.user-identity .base-functional .images-set__header.in-row .images-set__action {
  width: 28px;
  height: 28px;
  padding: 0;
  line-height: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.user-identity .base-functional .images-set__header.in-row .images-set__action .edit-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: -2px;
}
.user-identity .base-functional .images-set__header.in-row .images-set__action svg {
  width: 16px;
  height: 16px;
}
.user-identity .base-functional .images-set__box {
  display: grid;
  gap: 8px;
  border-radius: 5px;
  width: 120px;
  height: 120px;
  background-color: #babbbf;
}
.user-identity .base-functional .images-set__img {
  display: flex;
  width: 120px;
  height: 120px;
  position: relative;
  flex-wrap: wrap;
}
.user-identity .base-functional .images-set__action {
  position: relative;
}
.user-identity .base-functional .images-set.hr-above {
  margin-top: 10px;
}
.user-identity .base-functional .images-set.hr-above::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: -20px;
  opacity: 0.15;
}
.user-identity .base-functional .info-fields {
  display: grid;
  row-gap: 20px;
  margin: 40px 0;
  grid-auto-flow: row;
  grid-template-rows: auto auto 1fr;
  grid-auto-rows: auto;
}
.user-identity .base-functional .info-fields::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  top: -20px;
  left: 0;
}
.user-identity .base-functional .info-fields fieldset {
  display: grid;
  width: 100%;
  justify-self: stretch;
}
.user-identity .base-functional .info-fields fieldset input, .user-identity .base-functional .info-fields fieldset textarea {
  border: none;
}
.user-identity .base-functional .info-fields fieldset textarea {
  line-height: 133%;
  height: 100%;
}
.user-identity .base-functional .info-fields fieldset.--json {
  display: grid;
  grid-template-rows: auto 1fr;
}
.user-identity .base-functional .info-fields fieldset.--json textarea {
  height: 100%;
  min-height: 40ex;
  background-color: #333333;
  color: #f2f2f2;
}
.user-identity .base-functional .info-fields .identity-prompt input[type=text] {
  width: 100%;
}
.user-identity .base-functional .info-fields .identity-weight input[type=text] {
  width: 5em;
}
.user-identity .full-layer__header {
  grid-template-columns: 1fr auto;
  column-gap: 10px;
}
.user-identity .tabs-box {
  display: grid;
  row-gap: 20px;
  padding: 15px;
  padding-bottom: 20px;
  width: 100%;
  border: 1px solid #2b303b;
  border-radius: 5px;
  margin-top: 20px;
}
.user-identity .tabs-box__wrapper {
  display: grid;
  row-gap: 20px;
}
.user-identity .tabs-box__row {
  display: grid;
  row-gap: 20px;
}
.user-identity .tabs-box__tabs {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  justify-self: end;
  max-width: max-content;
  padding: 0 5px;
  margin-top: -28px;
  margin-right: 5px;
  background-color: #dee0e6;
}
.user-identity .tabs-box__tab {
  height: 28px;
  padding: 4px 10px;
  border-radius: 5px;
  font-size: 14px;
  outline: 1px solid #2b303b;
  display: grid;
  align-items: center;
  justify-items: center;
  transition-property: all;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.user-identity .tabs-box__tab.is-active {
  background-color: #0176bf;
  color: white;
  outline-color: #0176bf;
}
.user-identity .tabs-box__tab:hover {
  cursor: pointer;
  opacity: 0.5;
}

.user-shapes .base-functional {
  align-content: start;
}

.pose-catalogue .base-functional {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-content: start;
}
.pose-catalogue .base-functional .images-set__box {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  background-color: transparent;
}
.pose-catalogue .base-functional .images-set__img {
  background-color: #babbbf;
}
.pose-catalogue .fields-set {
  max-width: 40em;
}

.dashboard-info-blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-self: center;
  justify-self: start;
}
.dashboard-info-blocks__block {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  padding: 6px;
  border: 1px solid #212329;
  border-radius: 5px;
  row-gap: 2px;
}
.dashboard-info-blocks__title {
  font-size: 12px;
  text-align: center;
  display: block;
  width: 100%;
  color: black;
}
.dashboard-info-blocks__subtitle {
  display: block;
  width: 100%;
  font-size: 11px;
  opacity: 0.5;
  position: relative;
  top: -2px;
  text-align: center;
}
.dashboard-info-blocks__amount {
  font-size: 28px;
  text-align: center;
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-items: baseline;
  color: black;
}
.dashboard-info-blocks__amount.--red {
  color: red;
}
.dashboard-info-blocks__amount.--yellow {
  color: yellow;
}
.dashboard-info-blocks__amount .uom {
  font-size: 16px;
}

.api-log-layer .full-layer__subheader .t-buttons-set {
  position: relative;
  top: unset;
  height: 100%;
}
.api-log-layer .full-layer__subheader .t-buttons-set__button {
  outline: none;
  background-color: #f7f7f7;
  height: 32px;
  width: 32px;
}
.api-log-layer .full-layer__subheader .t-buttons-set__button:hover {
  background-color: #0176bf;
}

.neuro-blogs .layer-tabs {
  padding: 0;
  overflow: unset;
}
.neuro-blogs .tabs-group {
  border: none;
}
.neuro-blogs .tabs-group:before {
  content: none !important;
}
.neuro-blogs.--has-toolbar-type2 .v01-full-layer__box {
  row-gap: 20px;
}

.dashboard-tables .full-layer__header {
  max-width: unset;
}
.dashboard-tables .full-layer__header-title {
  font-size: 20px;
}
.dashboard-tables .dashboard-functional {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
  align-items: center;
  font-size: 13px;
}
.dashboard-tables .autoreload__checkbox {
  width: 16px;
  height: 16px;
}
.dashboard-tables .button--reload .reload-icon {
  width: 14px;
  height: 14px;
}
.dashboard-tables .button--reload .reload-icon svg {
  height: 100%;
  width: 100%;
}
.dashboard-tables .tables-set {
  font-size: 12px;
}

.show-tables {
  display: grid;
  grid-auto-flow: column;
  column-gap: 15px;
  height: 32px;
}
.show-tables__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 5px;
  align-items: center;
}
.show-tables__checkbox {
  width: 16px;
  height: 16px;
}
.show-tables::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  left: unset;
  top: 0;
  right: -15px;
  opacity: 0.5;
}

.autoreload {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  height: 32px;
}

.cols-switch {
  height: 32px;
}
.cols-switch__checkbox {
  width: 16px;
  height: 16px;
}

.checkboxes-set {
  grid-template: 10px auto minmax(100px, 1fr)/minmax(40px, 1fr) minmax(auto, max-content) minmax(40px, 1fr);
}
.checkboxes-set .full-layer__info-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
}
.checkboxes-set .full-layer__info-wrapper {
  grid-template-columns: 1fr auto;
}
.checkboxes-set__button {
  display: grid;
  align-self: start;
  height: 40px;
  width: max-content;
  padding: 0 40px;
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
}
.checkboxes-set__button[disabled] {
  background-color: #d8d3d3;
  border-color: #d8d3d3;
  color: #f2f2f2;
  box-shadow: none;
}
.checkboxes-set__button[disabled]:hover {
  cursor: default;
}
.checkboxes-set--country {
  top: 0;
  grid-template-rows: 20px 1fr 20px;
}
.checkboxes-set--country .full-layer__box {
  width: 800px;
}
.checkboxes-set--country .full-layer__info-wrapper {
  overflow: hidden;
  height: 100%;
}
.checkboxes-set--user-lists .info-layer__header {
  font-weight: normal;
}
.checkboxes-set--user-lists .info-layer__header__user-name {
  font-weight: bold;
}
.checkboxes-set--user-lists .checkboxes-list {
  min-height: 80px;
}
.checkboxes-set--user-lists .full-layer__info-wrapper {
  width: max-content;
  max-width: 100%;
}
.checkboxes-set--user-lists .info-layer__user-name {
  font-weight: bold;
}
.checkboxes-set--user-lists .info-layer__remark {
  max-width: 90ex;
  margin-top: 1em !important;
  margin-bottom: 0 !important;
}
.checkboxes-set--user-lists .info-layer__remark.--alert {
  color: #803b2b;
}
.checkboxes-set .info-layer__header {
  margin-top: -1ex;
}
.checkboxes-set__search {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  margin-bottom: 30px;
  justify-content: start;
  align-items: center;
}
.checkboxes-set__search input[type=search] {
  border: none;
  background-color: white;
  padding: 0 10px;
  height: 28px;
  font-size: 14px;
  color: #f7f7f7;
  width: 40ex;
  border-radius: 5px;
}
.checkboxes-set__search .label-item {
  font-size: 16px;
}
.checkboxes-set .info-layer__box,
.checkboxes-set .full-layer__box {
  overflow: hidden;
}
.checkboxes-set .full-layer__info {
  display: grid;
  grid-template-rows: auto auto 1fr;
  overflow: hidden;
  height: 100%;
}
.checkboxes-set .info-layer__header {
  margin-top: 0;
}
.checkboxes-set .full-layer__info-wrapper {
  overflow: hidden;
}

.checkboxes-list {
  display: grid;
  justify-self: start;
  row-gap: 1em;
  min-height: 100px;
  height: max-content;
  width: 100%;
  padding-top: 4px;
  position: relative;
  padding-right: 40px;
}
.checkboxes-list__item {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  padding: 0;
  font-size: 16px;
  line-height: 100%;
}
.checkboxes-list__item input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 1ex;
  position: relative;
  top: -2px;
}
.checkboxes-list__item input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 1ex;
  position: relative;
  top: -1px;
}
.checkboxes-list__item input[type=number] {
  border: none;
  height: 30px;
  width: min-content;
  border-radius: 5px;
  padding: 0 10px;
  background-color: white;
  font-size: 16px;
  margin-right: 1ex;
}
.checkboxes-list__item-img {
  display: grid;
  width: 100px;
  height: 100px;
  border-radius: 5px;
  background-color: #2b303b;
  margin-right: 1em;
}
.checkboxes-list__item-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.checkboxes-list__item label {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}
.checkboxes-list::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  top: unset;
  left: unset;
  bottom: 0;
  right: 30px;
  opacity: 0.33;
}
.info-layer--short .checkboxes-list::after {
  content: none;
}

.checkboxes-scroll-wrapper {
  display: grid;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 30px;
}

@media screen and (max-width: 1023px) {
  .t-header-of-site {
    grid-row: unset;
    background-color: white;
    height: 64px;
    grid-template-columns: 20px 1fr 20px;
    position: sticky;
  }
  .t-header-of-site__wrapper {
    grid-column: 2/3;
    grid-template-columns: 1fr auto;
    column-gap: 2px;
    justify-content: space-between;
  }
  .t-mosaica-logo {
    width: 120px;
    height: 30px;
  }
  .t-header-menu__item {
    column-gap: 10px;
    padding: 10px 0;
    border-right: unset;
    font-size: 14px;
  }
  .t-header-menu__item .t-main-logout {
    margin-left: 0px;
  }
  .t-header-menu__item .t-main-logout::before {
    content: none;
  }
  .t-header-menu .account-tab {
    display: none;
  }
  .is-loggedin .t-header-menu .account-tab {
    display: grid;
  }
  .t-header-menu .login-tab {
    display: grid;
  }
  .is-loggedin .t-header-menu .login-tab {
    display: none;
  }
  .t-account-avatar {
    width: 30px;
    height: 30px;
  }
  .main-grid {
    grid-template-rows: 1fr;
    min-height: 100vh;
    height: auto;
  }
  .main-grid__top {
    grid-row: 1/-1;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: start;
  }
  .t-main-of-site {
    grid-row: unset;
    grid-template-columns: 20px 1fr 20px;
  }
  .t-main-of-site__wrapper {
    grid-template-columns: 1fr;
    column-gap: unset;
    margin-top: 40px;
  }
  .t-main-of-site__breadcrumbs {
    grid-column: 2/3;
  }
  .t-main-main {
    padding-left: 39px;
  }
  .infrastructure-dashboard.full-layer {
    grid-template: 0 1fr 0px/0px 1fr 0px;
  }
  .infrastructure-dashboard .full-layer__box {
    border-radius: 0;
    grid-template-rows: 1fr;
    padding: 40px 20px 20px;
  }
  .infrastructure-dashboard .full-layer__header {
    grid-template-columns: unset;
    grid-auto-flow: row;
    justify-content: unset;
    row-gap: 30px;
    padding-bottom: 30px;
  }
  .infrastructure-dashboard .full-layer__header-text::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100vw;
    height: 1px;
    background-color: black;
    top: unset;
    bottom: -20px;
    left: -20px;
  }
  .infrastructure-dashboard .full-layer__header h2 {
    font-size: 20px;
  }
  .infrastructure-dashboard .full-layer__header .wrapper::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100vw;
    height: 1px;
    background-color: black;
    top: unset;
    bottom: -10px;
    left: -20px;
  }
  .infrastructure-dashboard .full-layer__header .button__text {
    font-size: 14px;
  }
  .infrastructure-dashboard .full-layer__header .button::before {
    content: none;
  }
  .infrastructure-dashboard .full-layer__header .autoreload {
    font-size: 14px;
  }
  .infrastructure-dashboard .full-layer__header .autoreload::before {
    content: none;
  }
  .infrastructure-dashboard .full-layer__header .wrapper {
    justify-content: space-between;
  }
  .infrastructure-dashboard__subtitle {
    display: none;
  }
  .infrastructure-dashboard .infrastructure-log {
    margin: 0;
    padding: 20px;
    font-size: 14px;
    align-content: start;
  }
  .infrastructure-dashboard .infrastructure-log__conditions {
    grid-auto-flow: row;
    font-size: 13px;
    margin-bottom: 40px;
    justify-content: unset;
    row-gap: 20px;
  }
  .infrastructure-dashboard .infrastructure-log__conditions .wrapper {
    display: grid;
    grid-auto-flow: column;
    row-gap: 10px;
    align-items: center;
    justify-content: unset;
  }
  .infrastructure-dashboard .infrastructure-log__conditions .wrapper span {
    display: grid;
    grid-auto-flow: column;
    column-gap: 5px;
    align-items: center;
  }
  .infrastructure-dashboard .infrastructure-log__data-sec span {
    font-size: 14px;
  }
  .infrastructure-dashboard .infrastructure-log__data-sec span:first-of-type {
    font-size: 12px;
  }
  .infrastructure-dashboard .infrastructure-log .button--orange {
    margin-left: 0;
    font-size: 14px;
  }
  .infrastructure-dashboard .table-stat .has-hidden-text__section .has-hidden-text__icon {
    display: none;
  }
  .infrastructure-dashboard .tables-set {
    grid-template: unset;
    grid-auto-flow: row;
    gap: 40px;
    height: auto;
  }
  .infrastructure-dashboard .tables-set table td {
    overflow-wrap: normal;
  }
  .infrastructure-dashboard .tables-set__cell {
    display: grid;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px;
    min-height: 330px;
    width: calc(100vw - 40px);
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-01 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-02 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-03 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-04 {
    grid-column: unset;
    grid-row: unset;
    height: unset;
    min-height: unset;
    padding: 20px 10px;
    overflow: unset;
  }
  .infrastructure-dashboard .tables-set__cell.cell-05 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-06 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-07 {
    grid-column: unset;
    grid-row: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-08 {
    grid-column: unset;
    grid-row: unset;
    row-gap: 20px;
    height: unset;
    min-height: unset;
    top: unset;
    outline: none;
    padding: 0;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-09 {
    grid-column: unset;
    grid-row: unset;
    grid-auto-flow: row;
    row-gap: 40px;
    padding: 0;
    outline: none;
    height: unset;
    min-height: unset;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-10 {
    grid-column: unset;
    grid-row: unset;
    height: unset;
    min-height: unset;
    grid-auto-flow: row;
    row-gap: 40px;
    padding: 0;
    outline: none;
    overflow: auto;
  }
  .infrastructure-dashboard .tables-set__cell.cell-10 .tables-set__box-wrapper {
    grid-auto-flow: row;
    row-gap: 40px;
  }
}
.lists-config .full-layer__header {
  margin: 0;
  padding: 0;
  padding-right: 40px;
  max-width: unset;
}
.lists-config .full-layer__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -20px;
  opacity: 0.66;
}
.lists-config .full-layer__box {
  padding-top: 20px;
  row-gap: 60px;
}
.lists-config .full-layer__title {
  font-size: 32px;
  color: #333333;
  margin: 0;
  padding: 0;
}
.lists-config__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}

.list-group {
  display: grid;
  grid-auto-flow: row;
  row-gap: 42px;
  align-content: start;
  overflow-y: auto;
}
.list-group__wrapper {
  display: grid;
  row-gap: 10px;
}
.list-group__items {
  display: grid;
  overflow: hidden;
  outline-offset: -1px;
  border-radius: 7px;
  padding: 5px;
  position: relative;
  background-color: #d1d1d4;
  color: #1c1f26;
  outline: 1px solid #2b303b;
}
.lists-config .list-group__items {
  grid-auto-flow: column;
  column-gap: 4px;
  row-gap: 5px;
  justify-content: start;
}
.banners-config .list-group__items {
  row-gap: 80px;
  overflow-y: auto;
}
.lists-config .list-group__items .item {
  display: block;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 5px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.lists-config .list-group__items .item[draggable=false] {
  background-color: #b39500;
}
.lists-config .list-group__items .item .images-set {
  display: block;
}
.lists-config .list-group__items .item .images-set__box {
  column-gap: unset;
}
.lists-config .list-group__items .item .images-set__img {
  border: none;
  position: relative;
  width: 120px;
  height: 120px;
}
.lists-config .list-group__items .item .text-item {
  display: grid;
  align-items: end;
  justify-content: center;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 17px;
  text-shadow: 2px 2px 2px black;
  height: 100%;
  width: 100%;
  padding: 10px 5px;
  box-sizing: border-box;
}
.lists-config .list-group__items .item .text-item__elm {
  display: inline;
  position: relative;
  padding: 2px 5px;
}
.lists-config .list-group__items .item .text-item__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.25;
}
.lists-config .list-group__items .item.--empty-img {
  border-color: #f2f2f2;
  border-style: dashed;
}
.lists-config .list-group__items .item.--empty-img .text-item {
  color: #333333;
  text-shadow: unset;
}
.lists-config .list-group__items .item.--empty-img .text-item__elm::before {
  content: none;
}
.lists-config .list-group__items .item.--empty-img[draggable=false] {
  background-color: #d3c5b6;
  border: none;
}
.lists-config .list-group__items .item.--empty-img[draggable=false] .text-item {
  color: #f7f7f7;
}
.lists-config .list-group__items .item:hover {
  cursor: move;
  opacity: 0.5;
}
.banners-config .list-group__items .item-wrapper {
  display: grid;
  row-gap: 15px;
  margin-top: 15px;
}
.banners-config .list-group__items .item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 40px);
  height: 20px;
  background-color: #babbbf;
  top: unset;
  left: unset;
  bottom: -50px;
  right: -20px;
  border-top: 1px solid #2b303b;
  border-bottom: 1px solid #2b303b;
}
.banners-config .list-group__items .item__elm {
  display: grid;
  grid-auto-flow: column;
  column-gap: 30px;
  align-items: center;
  justify-content: space-between;
}
.banners-config .list-group__items .item__elm::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: -8px;
  right: 0;
  opacity: 0.33;
}
.banners-config .list-group__items .item__elm:last-child::after {
  content: none;
}
.banners-config .list-group__items .item__elm input,
.banners-config .list-group__items .item__elm select {
  border: none;
  border-radius: 5px;
  height: 28px;
  padding: 0 10px;
}
.banners-config .list-group__items .item__elm-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.banners-config .list-group__items .item__elm.banner-select {
  justify-content: center;
  column-gap: 10px;
}
.banners-config .list-group__items .item__elm.banner-name .elm-name, .banners-config .list-group__items .item__elm.banner-title .elm-name, .banners-config .list-group__items .item__elm.banner-subtitle .elm-name, .banners-config .list-group__items .item__elm.banner-button .elm-name {
  min-width: 6em;
}
.banners-config .list-group__items .item__elm .elm-name {
  font-weight: bold;
}
.banners-config .list-group__items .item__elm .elm-name-tag {
  display: inline-grid;
  align-items: center;
  background-color: #a4afbb;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #1c1f26;
  height: 24px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  margin-right: 2px;
}
.banners-config .list-group__items .item__elm .elm-name-tag.is-active {
  background-color: #0176bf;
  color: white;
}
.banners-config .list-group__items .item__elm .elm-name-tag:hover {
  cursor: pointer;
  opacity: 0.5;
}
.banners-config .list-group__items .item__elm.banner-name {
  justify-content: space-between;
  padding-bottom: 10px;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set {
  height: 28px;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set__button {
  height: 100%;
  width: 100%;
  background-color: #ff7f66;
  padding: 0 13px;
  outline: 1px solid transparent;
  outline-offset: 0;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set__button:hover {
  background-color: #0176bf;
  outline: 1px solid #f7f7f7;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set__button:hover .t-buttons-set__icon svg {
  opacity: 1;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set__icon {
  width: 18px;
  height: 18px;
  padding: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.banners-config .list-group__items .item__elm.banner-name .t-buttons-set__icon svg {
  height: 100%;
  width: 100%;
  fill: white;
  opacity: 0.8;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.banners-config .list-group__items .item__elm.banner-checkboxes {
  justify-content: center;
}
.banners-config .list-group__items .item__elm.banner-checkboxes::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.33;
}
.banners-config .list-group__items .item__elm.banner-checkboxes .item__elm-wrapper {
  align-items: center;
}
.banners-config .list-group__items .item .arrow-symbol {
  transform: rotate(-90deg);
  width: 30px;
  height: 30px;
  border: 1px solid #2b303b;
  border-radius: 5px;
}
.banners-config .list-group__items .item .arrow-symbol:hover {
  cursor: pointer;
}
.banners-config .list-group__items .item.is-rolled .banner-name {
  padding-bottom: 0;
}
.banners-config .list-group__items .item.is-rolled .banner-name::after {
  content: none;
}
.banners-config .list-group__items .item.is-rolled .arrow-symbol {
  transform: rotate(90deg);
}
.banners-config .list-group__items .item.is-rolled .item-wrapper {
  display: none;
}
.list-group__items:hover {
  overflow-x: auto;
}
.list-group.--moved {
  row-gap: 20px;
}
.list-group.--moved .list-group__filters {
  display: grid;
  row-gap: 20px;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #babbbf;
  padding-bottom: 22px;
}
.list-group.--moved .list-group__filters::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: 0;
  opacity: 0.33;
}
.list-group.--moved .list-group__items {
  display: grid;
  row-gap: 5px;
  grid-auto-flow: row;
  justify-content: unset;
  column-gap: unset;
  width: 100%;
  overflow: hidden;
  outline: unset;
  outline-offset: unset;
  border-radius: unset;
  padding: 0;
  background-color: transparent;
  z-index: 0;
}
.list-group.--moved .list-group__items .item {
  border-color: transparent;
  background-color: #f2f2f2;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  width: 100%;
  height: unset;
  min-height: unset;
  overflow: unset;
  border: unset;
  border-radius: 5px;
  padding: 2px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.list-group.--moved .list-group__items .item .images-set {
  display: block;
}
.list-group.--moved .list-group__items .item .images-set__box {
  column-gap: unset;
}
.list-group.--moved .list-group__items .item .images-set__img {
  border: none;
  position: relative;
  width: 40px;
  height: 40px;
}
.list-group.--moved .list-group__items .item .images-set__img img, .list-group.--moved .list-group__items .item .images-set__img video {
  border-radius: 3px;
}
.list-group.--moved .list-group__items .item .text-item {
  align-items: center;
  justify-content: start;
  order: 2;
  text-align: center;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  font-size: 16px;
  text-shadow: none;
  height: unset;
  width: unset;
  padding: 0;
}
.list-group.--moved .list-group__items .item .text-item__elm {
  padding: 0;
}
.list-group.--moved .list-group__items .item .text-item__elm::before {
  content: none;
}
.list-group.--moved .list-group__items .item.--empty-img .images-set__img {
  background-color: #7c7d80;
  border-radius: 3px;
}
.list-group.--moved .list-group__items .item[draggable=false] {
  background: linear-gradient(to right, #f2f2f2 25%, #d3c5b6 100%);
}
.list-group.--moved .list-group__items .item[draggable=false] .text-item {
  color: #333333;
}
.list-group.--moved .list-group__items:hover {
  overflow-y: auto;
  overflow-x: unset;
}
.banners-config .list-group--initial-items {
  row-gap: 80px;
  overflow-y: auto;
}
.banners-config .list-group--initial-items .list-group__items {
  padding: 20px;
}
.banners-config .list-group--initial-items .list-group__items .item .images-set {
  column-gap: 5px;
  align-items: center;
}
.banners-config .list-group--initial-items .list-group__items .item .images-set__box {
  column-gap: 1px;
}
.banners-config .list-group--initial-items .list-group__items .item .images-set__img {
  border: none;
  position: relative;
  width: 38px;
  height: 38px;
}
.banners-config .list-group--initial-items .list-group__items .item .images-set__img img, .banners-config .list-group--initial-items .list-group__items .item .images-set__img video {
  border-radius: 3px;
}
.list-group--result-items {
  width: 386px;
}
.list-group--result-items .list-group__items {
  padding: 0;
  outline-style: dashed;
  background-color: transparent;
  row-gap: 20px;
}
.list-group--result-items .list-group__items .item:not(:last-child)::after {
  content: none;
}

.items-toolbar {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  grid-template-columns: 1fr auto auto;
}
.items-toolbar__wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
}
.items-toolbar__input-title {
  width: 15em;
  border: none;
  border-radius: 5px;
  height: 32px;
  font-size: 16px;
  padding: 0 10px;
  outline-offset: -3px;
}
.items-toolbar__select {
  border: none;
  border-radius: 5px;
  height: 32px;
  font-size: 16px;
  padding: 0 10px;
}
.items-toolbar .button {
  height: 32px;
}

.banner-imitation {
  display: block;
  overflow: hidden;
}
.banner-imitation__box {
  width: 100%;
  height: 0;
}
.banner-imitation__img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.banner-imitation__img img, .banner-imitation__img video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  top: 0;
  left: 0;
}
.banner-imitation__video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ebebeb;
}
.banner-imitation__video video {
  position: absolute;
  display: block;
  width: calc(100% - 30px);
  height: calc(100% - 20px);
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-imitation__title {
  font-size: 28px;
  line-height: 100%;
  letter-spacing: -1px;
}
.banner-imitation__subtitle {
  font-size: 15px;
}
.banner-imitation__button {
  background-color: #ff7c5a;
  border: none;
  height: 48px;
  color: white;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  color: black;
  padding: 0 20px;
}
.banner-imitation__content {
  display: grid;
  align-content: end;
  align-items: center;
  grid-template-columns: 1fr auto;
  column-gap: 20px;
  height: 100%;
  width: 100%;
  padding: 30px;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
}
.banner-imitation__content .content-wrapper {
  display: grid;
  row-gap: 10px;
}
.banner-imitation--big {
  border-radius: 30px;
  width: 366px;
}
.banner-imitation--big .banner-imitation__box {
  padding-top: calc(100% / 1.3071428571);
}
.banner-imitation--middle {
  border-radius: 20px;
  width: 366px;
}
.banner-imitation--middle .banner-imitation__box {
  padding-top: calc(100% / 4.4096385542);
}
.banner-imitation--middle .banner-imitation__content {
  padding: 0;
  align-content: center;
}
.banner-imitation--middle .banner-imitation__content .content-wrapper {
  display: grid;
  row-gap: 5px;
}
.banner-imitation--middle .banner-imitation__title,
.banner-imitation--middle .banner-imitation__subtitle {
  text-align: center;
}

.showoff-products .v01-full-layer__box-wrapper {
  overflow: hidden;
}
.showoff-products .choose-style__ul.--front {
  height: 32px;
}
.showoff-products .choose-style__submenu {
  width: max-content;
  max-width: unset;
  margin-top: 34px;
}
.showoff-products .choose-style__header {
  padding: 10px 0 10px 20px;
  background-color: #222529;
  border-radius: 5px;
  top: 0;
  margin-left: 0px;
  margin-top: -48px;
  width: max-content;
  position: sticky;
  z-index: 5;
  font-size: 16px;
  width: calc(100% - 20px);
  justify-content: start;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: center;
}
.showoff-products .choose-style__header input[type=search] {
  height: 28px;
  border: none;
  border-radius: 5px;
  background-color: white;
}
.showoff-products .choose-style__header-title {
  font-size: 16px;
  position: relative;
  top: 1px;
}
.showoff-products .choose-style.is-active .choose-style__submenu {
  max-height: calc(100vh - 126px);
  overflow-y: hidden;
}
.showoff-products .choose-style.is-active .choose-style__ul.--back {
  padding-top: 48px;
  width: 360px;
}
.showoff-products .choose-style__current {
  grid-template-columns: 1fr auto;
}
.showoff-products .sets-list__set-wrapper::before {
  background-color: transparent;
  border-bottom: 2px dotted #f2f2f2;
  top: unset;
  bottom: -10px;
}
.showoff-products .selects-tabs {
  position: sticky;
  top: 0;
  background-color: #babbbf;
  z-index: 2;
}
.showoff-products .sets-list {
  height: calc(100vh - 220px);
  overflow-y: auto;
  row-gap: 20px;
}
.showoff-products .sets-list__set-radio:hover {
  cursor: pointer;
  color: white;
}
.showoff-products .sets-list__set.is-active:not(.inference-layer .showoff-products .sets-list__set.is-active) {
  outline-offset: 6px;
}
.showoff-products .sets-list-results {
  height: calc(100vh - 220px);
  overflow-y: auto;
  padding-right: 20px;
  margin-right: -20px;
  scrollbar-gutter: stable;
  display: grid;
  row-gap: 40px;
}
.showoff-products .sets-list-results h3 {
  margin: 0;
}
.showoff-products .sets-list-results button {
  width: max-content;
  padding: 10px 20px;
}
.showoff-products .sets-list-results__buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
  align-content: start;
}
.showoff-products .sets-list-results__buttons::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
  margin-top: -20px;
}
.showoff-products .sets-list-results__buttons [disabled] {
  opacity: 0.33;
  cursor: default;
}
.showoff-products .sets-list-results__buttons [disabled]:hover {
  background-color: #f7f7f7;
  color: #333333;
}
.showoff-products .sets-list-results .results-data-01 {
  display: grid;
}
.showoff-products .sets-list-results .results-data-01__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
  padding: 8px 10px;
}
.showoff-products .sets-list-results .results-data-01__item:not(:last-child) {
  border-bottom: 2px dotted #f7f7f7;
}
.showoff-products .sets-list-results .results-data-01__item input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-products .sets-list-results .results-data-01__item.use-for {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 20px;
}
.showoff-products .sets-list-results .results-data-01__item-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.showoff-products .sets-list-results .results-data-01__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-products .sets-list-results .results-data-01__label {
  font-weight: bold;
}
.showoff-products .sets-list-results .results-data-01__important-item {
  font-weight: 700;
  color: #ff9c85;
}
.showoff-products .sets-list-results .results-data-01__descr {
  align-items: start;
}
.showoff-products .sets-list-results .results-data-01__prompt {
  grid-template-columns: auto 1fr;
}
.showoff-products .sets-list-results .results-data-01__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-products .sets-list-results .results-data-02 {
  display: grid;
  row-gap: 20px;
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 20px;
}
.showoff-products .sets-list-results .results-data-02__item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  justify-content: start;
  align-items: center;
}
.showoff-products .sets-list-results .results-data-02__item.is-active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
  background-color: #80d4ff;
  top: -10px;
  left: -20px;
}
.showoff-products .sets-list-results .results-data-02 .no-image-selected {
  column-gap: 10px;
}
.showoff-products .sets-list-results .results-data-02 input[type=radio] {
  width: 20px;
  height: 20px;
}
.showoff-products .sets-list-results .results-data-02 input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-products .sets-list-results .results-data-02__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-products .sets-list-results .results-data-02__shape-type {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
}
.showoff-products .sets-list-results .results-data-02__prompt {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
}
.showoff-products .sets-list-results .results-data-02__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-products .sets-list-results .results-data-02__use {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
}
.showoff-products .sets-list-results .results-data-02__title h3 {
  font-size: 20px;
}
.showoff-products .sets-list-results .results-data-02__img-box {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
}
.showoff-products .sets-list-results .results-data-02__img-box img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.showoff-products .sets-list-results .results-data-02__func-box {
  display: grid;
  row-gap: 10px;
  justify-self: stretch;
  width: 100%;
}
.showoff-products .brand-image__icon {
  color: #333333;
}
.showoff-products .brand-image__icon svg {
  width: 16px;
  height: 16px;
}
.showoff-products .gender-marker {
  font-size: 14px;
  font-weight: 100;
  color: #666666;
  margin-left: 1em;
}
.showoff-products .selects-tabs {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 40px;
}
.showoff-products .gender-tabs {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
  height: 28px;
}
.showoff-products .gender-tabs__button {
  background-color: transparent;
  font-size: 12px;
}
.showoff-products .gender-tabs__button.is-active {
  background-color: #f2f2f2;
}
.showoff-products .tags-list-wrapper {
  display: grid;
  grid-column: 20px;
  gap: 30px;
  justify-content: start;
}
.showoff-products .tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 2px;
  align-content: start;
}
.showoff-products .tags-list__item {
  border: 1px solid #2b303b;
  padding: 4px 6px;
  border-radius: 5px;
  font-size: 13px;
}
.showoff-products .tags-list__item.is-active {
  font-weight: bold;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.showoff-products .tags-list__header {
  font-weight: bold;
  color: white;
  margin-bottom: 1ex;
  width: 100%;
}

.closer {
  display: block;
  cursor: pointer;
  transition: all;
  transition-duration: 0.25s;
  z-index: 1;
}
.closer__elm {
  display: grid;
  align-items: center;
  justify-items: center;
  height: 40px;
  width: 40px;
}
.closer__item {
  font-size: 20px;
  line-height: 0;
}
.closer:hover {
  opacity: 0.66;
}

.header-functional {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.header-functional__elm {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  min-height: 32px;
}
.header-functional__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: calc(100% + 10px);
  background-color: black;
  top: -5px;
  left: -20px;
  opacity: 0.33;
}
.tables-set-01 .header-functional {
  column-gap: 40px;
}
.lists-config .header-functional {
  column-gap: 40px;
}

.auto-reload {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
}
.auto-reload__number {
  border: none;
  height: 32px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 14px;
  width: 5em;
}
.auto-reload__checkbox {
  width: 20px;
  height: 20px;
}

.main-layer {
  display: none;
  grid-template: 10px 1fr 10px/10px 1fr 10px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 101;
}
.main-layer:before {
  content: "";
  display: grid;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  z-index: -1;
  opacity: 60%;
}
.main-layer.is-active {
  display: grid;
}
.main-layer__box {
  grid-column: 2/3;
  grid-row: 2/3;
  display: grid;
  border-radius: 20px;
  padding: 20px 40px;
  overflow: hidden;
  font-size: 14px;
  position: relative;
  background-color: #babbbf;
  box-shadow: 0 10px 50px -10px rgb(0, 0, 0);
  color: #333333;
  align-content: start;
}
.main-layer__wrapper, .main-layer__main {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  margin: 0 -20px;
  padding: 0 20px;
}
.lists-config .main-layer__wrapper, .banners-config .main-layer__wrapper, .lists-config .main-layer__main, .banners-config .main-layer__main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 60px;
  overflow: hidden;
}
.lists-config .main-layer__wrapper .column, .banners-config .main-layer__wrapper .column, .lists-config .main-layer__main .column, .banners-config .main-layer__main .column {
  overflow-y: auto;
  padding-right: 20px;
  margin-right: -20px;
}
.banners-config .main-layer__wrapper, .banners-config .main-layer__main {
  grid-template-columns: 386px minmax(auto, 50%);
  justify-content: center;
}
.main-layer.--zindex-02:not(.info-layer) {
  grid-template: 20px 1fr 30px/20px 1fr 20px;
}
.main-layer.--zindex-02:not(.info-layer) .main-layer__box {
  border-radius: 15px;
}
.main-layer.--zindex-02:not(.info-layer):before {
  opacity: 30%;
}
.main-layer.--zindex-03:not(.info-layer) {
  grid-template: 30px 1fr 50px/30px 1fr 30px;
}
.main-layer.--zindex-03:not(.info-layer) .full-layer__box {
  border-radius: 10px;
}
.main-layer.--zindex-03:not(.info-layer):before {
  opacity: 30%;
}
.main-layer.--zindex-04:not(.info-layer) {
  grid-template: 40px 1fr 70px/40px 1fr 40px;
}
.main-layer.--zindex-04:not(.info-layer) .full-layer__box {
  border-radius: 7px;
}
.main-layer.--zindex-04:not(.info-layer):before {
  opacity: 30%;
}
.main-layer__closer {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
}
.main-layer__closer.closer .closer__elm {
  height: 100%;
  width: 100%;
}
.main-layer__closer.closer .closer__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0.5;
  transform: rotate(-45deg);
  left: -1px;
  top: -1px;
  border-radius: 20px;
  border: 1px solid transparent;
  border-left-color: black;
}
.main-layer__closer.closer .closer__item {
  font-size: 16px;
}
.main-layer__header {
  color: #333333;
  margin-bottom: 40px;
  padding-right: 40px;
  display: grid;
  grid-auto-flow: column;
}
.main-layer__header .button {
  display: grid;
  align-items: center;
  height: 30px;
  font-size: 14px;
  position: relative;
  padding: 0 10px;
}
.main-layer__header .button .reload-icon,
.main-layer__header .button .svg-sprite {
  height: 14px;
  width: 14px;
}
.main-layer__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: calc(100% + 80px);
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -20px;
  left: -40px;
  opacity: 0.5;
}
.tables-set-01 .main-layer__header {
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 60px;
  margin-bottom: 20px;
}
.lists-config .main-layer__header, .banners-config .main-layer__header {
  grid-template-columns: 1fr auto;
}
.lists-config .main-layer__header .button, .banners-config .main-layer__header .button {
  padding: 0 20px;
}
.main-layer__title {
  color: #333333;
  font-size: 28px;
  margin-bottom: 1em;
  max-width: calc(100% - 80px);
  margin: 0;
}
.main-layer__header-bar {
  padding: 0;
  margin-bottom: 40px;
}
.main-layer__header-bar::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: -20px;
  right: 0;
  opacity: 0.33;
}
.main-layer .link {
  color: #7fdbff;
}
.main-layer .link--over {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.test-dem-log table {
  border-top: none;
  width: 100%;
}
.test-dem-log table caption {
  margin-bottom: 20px;
  text-align-last: left;
  font-size: 18px;
}
.test-dem-log table thead {
  opacity: 1;
}
.test-dem-log table thead td {
  position: relative;
  z-index: 1;
}
.test-dem-log table th, .test-dem-log table thead td {
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
  padding: 10px;
}
.test-dem-log table th.title, .test-dem-log table th.subtitle, .test-dem-log table th.description, .test-dem-log table thead td.title, .test-dem-log table thead td.subtitle, .test-dem-log table thead td.description {
  width: 50%;
  text-align: left;
}
.test-dem-log table th:before, .test-dem-log table thead td:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.test-dem-log table td {
  position: relative;
  z-index: 1;
  border: 1px solid #2b303b;
  padding: 10px;
  vertical-align: middle;
}
.test-dem-log table td input, .test-dem-log table td textarea {
  color: #d4d5d9;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
}
.test-dem-log table td textarea {
  min-height: 82px;
  padding: 10px;
}
.test-dem-log table .wrapper {
  display: grid;
  grid-template-columns: 10ex 1fr;
  align-items: center;
}
.test-dem-log table .wrapper:first-of-type {
  margin-bottom: 10px;
}

.dimensions-tab-box {
  display: grid;
  grid-template-columns: max-content 4em 1fr;
  grid-template-rows: repeat(auto, 1fr);
  gap: 20px 2em;
  padding-top: 1em;
}
.dimensions-tab-box .identity-last-update {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  position: relative;
  margin: 0;
}
.dimensions-tab-box .identity-last-update label {
  grid-column: 1/2;
}
.dimensions-tab-box .identity-last-update input {
  grid-column: 2/3;
}
.dimensions-tab-box .identity-last-update .ui-slider {
  grid-column: 3/4;
}
.dimensions-tab-box .identity-last-update:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  top: unset;
  bottom: -10px;
  opacity: 0.5;
}

.--align-center {
  align-items: center !important;
}

.drag-icon-cross {
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #f7f7f7;
  bottom: 2px;
  left: 2px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.drag-icon-cross__item {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: white;
  line-height: 0;
  transform: translateY(-0.25ex);
}
.drag-icon-cross__item::before {
  content: "↕";
  display: grid;
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;
  opacity: 0.66;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.drag-icon-cross__item::after {
  content: "↔";
  display: grid;
  position: absolute;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-items: center;
  opacity: 0.66;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.drag-icon-cross__item:hover {
  cursor: move;
}
.drag-icon-cross__item:hover::before, .drag-icon-cross__item:hover::after {
  opacity: 0;
}

dl {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  align-content: start;
  gap: 10px 20px;
  margin: 0;
  padding: 0;
}
dl dt {
  margin: 0;
  padding: 0;
}
dl dt::after {
  content: ":";
}
dl dd {
  margin: 0;
  padding: 0;
}

.t-buttons-set {
  position: relative;
}
.t-buttons-set__input-file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.t-buttons-set__input-label {
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-auto-flow: column;
  column-gap: 6px;
  align-items: center;
  justify-items: center;
  width: 100%;
  height: 100%;
}
.t-buttons-set__input-label__icon {
  display: block;
  width: 16px;
  height: 16px;
}
.t-buttons-set__input-label__icon .svg-sprite {
  display: block;
}

body {
  background-color: #d4d5d9;
}

.images-kit-box.is-active .images-kit__img {
  outline: 4px solid #bc6d34;
}

.v03-header {
  grid-row: 1/2;
  background-color: black;
  height: 60px;
  display: grid;
  grid-auto-flow: column;
  z-index: 100;
}
.v03-header__wrapper {
  display: grid;
  column-gap: 1px;
}
.v03-header__elm-button {
  background-color: white;
  border-radius: 5px;
  border: none;
  appearance: none;
  width: 100%;
  height: 100%;
  color: #222222;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
}
.v03-header__elm-button:hover {
  color: white;
}
.v03-header__elm-button .to-top {
  width: 18px;
  height: 18px;
}
.v03-header__elm-button .jobs-list {
  width: 20px;
  height: 18px;
}
.v03-header__elm.--main {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
  grid-template-columns: 1fr 5fr;
}
.v03-header__elm-wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr auto;
  column-gap: 1px;
}
.v03-header__logout {
  display: grid;
  align-items: center;
  width: 20px;
  height: 20px;
  align-self: center;
  position: relative;
  margin-left: 10px;
}
.v03-header__logout::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 16px;
  background-color: #222222;
  left: -10px;
  top: 2px;
}
.v03-header__logout .svg-sprite {
  height: 16px;
  width: 16px;
}

.v03-mosaica-logo {
  background-color: #1a1e2d;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  align-items: center;
  justify-items: center;
  color: #c0c5ce;
  padding: 0 24px;
  border-radius: 0 5px 5px 0;
}
.v03-mosaica-logo__img {
  width: 100%;
  height: 30px;
}
.v03-mosaica-logo:hover {
  color: white;
}

.v03-header-menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
  height: 100%;
}
.v03-header-menu__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  padding: 10px 30px;
  border-right: 1px solid #d4d5d9;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v03-header-menu__item:hover {
  opacity: 0.66;
}
.v03-header-menu__item.is-active {
  background-color: #d4d5d9;
  color: #7fdbff;
}
.v03-header-menu__item.is-active span {
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  line-height: 0;
  white-space: nowrap;
}
.v03-header-menu__item.is-active span svg {
  height: 18px;
}
.v03-header-menu__item.is-active:hover {
  opacity: 1;
}
.v03-header-menu__item.is-active:hover span {
  opacity: 0.5;
}
.v03-header-menu .account-tab {
  display: none;
}
.is-loggedin .v03-header-menu .account-tab {
  display: grid;
}
.v03-header-menu .login-tab {
  display: grid;
}
.is-loggedin .v03-header-menu .login-tab {
  display: none;
}

.v03-account-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  overflow: hidden;
  position: relative;
  justify-items: center;
  align-items: center;
}
.v03-account-avatar img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.v03-header-data {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  row-gap: 2px;
  border-radius: 5px;
  background-color: #1a1e2d;
  font-size: 14px;
  font-family: monospace;
  color: #069e5e;
}
.v03-header-data__wrapper {
  display: grid;
  grid-auto-flow: column;
  align-content: center;
  white-space: nowrap;
  column-gap: 10px;
}

.switch-theme {
  background-color: transparent;
  border: none;
  display: grid;
  grid-auto-flow: column;
}
.switch-theme__item {
  display: grid;
  background-color: transparent;
  border-color: transparent;
  align-items: center;
  justify-items: center;
  padding: 0;
  height: 100%;
  width: 56px;
}
.switch-theme__item svg {
  fill: currentColor;
}
.switch-theme__item:hover {
  background-color: #004f80;
}
.switch-theme__item.is-active:not(:hover) {
  background-color: transparent;
  color: #ff7c5a;
}

.switch-theme-on-top {
  position: fixed;
  top: 5px;
  left: 5px;
  z-index: 1000;
}

.dark-to-light-icon {
  width: 48px;
  line-height: 0;
}
.dark-to-light-icon svg {
  fill: #c0c5ce;
}
.light-theme .dark-to-light-icon svg {
  fill: #ffb085;
  border: 0;
}

.v03-header-menu {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1px;
}
.v03-header-menu__elm {
  border-radius: 5px;
  padding: 0 30px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-content: center;
  justify-content: center;
  background-color: #1a1e2d;
}
.v03-header-menu__elm.is-active {
  background-color: #d4d5d9;
}
.v03-header-menu__elm:hover {
  color: white;
}
.v03-header-menu__icon {
  width: 18px;
  height: 18px;
}
.v03-header-menu__text {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  color: #c0c5ce;
}
.v03-header-menu__text em {
  display: none;
}
.is-local-server .v03-header-menu__text {
  column-gap: 20px;
}
.is-local-server .v03-header-menu__text em {
  display: inline-grid;
  position: relative;
  color: #069e5e;
  font-style: normal;
}
.is-local-server .v03-header-menu__text em::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 16px;
  background-color: #c0c5ce;
  left: -10px;
}
.v03-header-menu__arrow {
  display: grid;
  align-items: center;
}
.v03-header-menu__arrow .arrow-symbol {
  transform: rotate(90deg);
  position: relative;
  top: 1px;
}
.v03-header-menu .account-avatar {
  display: grid;
  justify-content: center;
  align-content: center;
  position: relative;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  overflow: hidden;
  background-color: #c0c5ce;
  color: #1a1e2d;
  display: grid;
  align-items: center;
  justify-items: center;
  padding: 0;
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
}
.v03-header-menu .account-avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1800px) {
  .v03-header-data {
    row-gap: 0;
  }
}
@media screen and (max-width: 1600px) {
  .v03-header-menu__text {
    font-size: 15px;
    color: #c0c5ce;
  }
}
@media screen and (max-width: 1400px) {
  .v03-header-menu__text {
    font-size: 14px;
  }
  .v03-header-menu .account-avatar {
    height: 36px;
    width: 36px;
  }
  .v03-header-data {
    font-size: 13px;
  }
}
@media screen and (max-width: 1200px) {
  .v03-header-menu__text {
    font-size: 13px;
  }
  .v03-header-menu .account-avatar {
    height: 28px;
    width: 28px;
  }
  .v03-header-data {
    font-size: 12px;
  }
}
.v03-main-grid__container {
  display: grid;
  grid-template-columns: minmax(40px, 10%) 1fr minmax(40px, 10%);
}

@media screen and (max-width: 1800px) {
  .v03-main-grid__container {
    display: grid;
    grid-template-columns: minmax(40px, 8%) 1fr minmax(40px, 8%);
  }
}
@media screen and (max-width: 1600px) {
  .v03-main-grid__container {
    display: grid;
    grid-template-columns: minmax(40px, 6%) 1fr minmax(40px, 6%);
  }
}
@media screen and (max-width: 1400px) {
  .v03-main-grid__container {
    display: grid;
    grid-template-columns: minmax(40px, 4%) 1fr minmax(40px, 4%);
  }
}
@media screen and (max-width: 1200px) {
  .v03-main-grid__container {
    display: grid;
    grid-template-columns: minmax(40px, 2%) 1fr minmax(40px, 2%);
  }
}
.v03-aside {
  grid-column: 2/3;
  display: grid;
  align-content: start;
  justify-content: center;
  color: #333333;
  padding: 20px 0 0;
}
.v03-aside__nav {
  display: grid;
  grid-template-columns: repeat(6, auto);
  column-gap: 20px;
  align-content: start;
  padding-bottom: 20px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  height: calc(100vh - 100px);
  padding-right: 10px;
  margin-right: -10px;
}

.v03-aside-menu {
  display: grid;
  grid-auto-flow: row;
  align-content: start;
  row-gap: 4px;
}
.v03-aside-menu__li {
  display: grid;
  grid-auto-flow: row;
  row-gap: 4px;
}
.v03-aside-menu__li.is-active .aside-submenu {
  display: grid;
}
.v03-aside-menu__li.is-active .--header {
  color: #58a7d9;
}
.v03-aside-menu__li.is-active .arrow-symbol {
  transform: rotate(90deg);
}
.v03-aside-menu__li-delimeter {
  height: 1em;
}
.v03-aside-menu__li-delimeter::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 0.1px;
  background-color: transparent;
  top: 8px;
  left: 0;
  border-bottom: 2px dotted #babbbf;
  opacity: 0.33;
}
.v03-aside-menu__item {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  outline: 2px solid white;
  outline-offset: -2px;
  background-color: white;
  border-radius: 5px;
  height: 40px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.v03-aside-menu__item.--header {
  grid-template-columns: auto 1fr 30px;
}
.v03-aside-menu__item:hover {
  outline-color: #0176bf;
  color: #13151a;
}
.v03-aside-menu__text {
  grid-column: 2/3;
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v03-aside-menu__icon {
  grid-column: 1/2;
  display: grid;
  align-items: center;
  justify-items: center;
  width: 40px;
  height: 40px;
}
.v03-aside-menu__icon .svg-sprite {
  width: 17px;
  height: 17px;
}
.v03-aside-menu__icon .icon--image-cloud-icon {
  width: 20px;
  height: 20px;
}
.v03-aside-menu__icon .icon--ok-hexagon-icon {
  width: 19px;
  height: 19px;
}
.v03-aside-menu__icon .icon--heart {
  width: 19px;
  height: 18px;
}
.v03-aside-menu__arrow {
  grid-column: 3/4;
  display: none;
  align-items: center;
  justify-items: center;
  width: 30px;
  height: 100%;
  border-left: 1px solid #d4d5d9;
  position: relative;
  border-radius: 0 5px 5px 0;
}
.has-submenu .v03-aside-menu__arrow {
  display: grid;
}
.has-submenu .v03-aside-menu__arrow:hover {
  background-color: #58a7d9;
  color: #13151a;
}
.v03-aside-menu__main-link {
  width: calc(100% - 30px);
}

@media (max-width: 1600px) {
  .v03-aside__nav {
    column-gap: 10px;
  }
  .v03-aside-menu__text {
    font-size: 15px;
  }
}
@media (max-width: 1400px) {
  .v03-aside-menu__text {
    font-size: 14px;
  }
}
@media (max-width: 1200px) {
  .v03-aside-menu__text {
    font-size: 13px;
  }
}
.full-images-layer-v02 .full-layer__box {
  padding: 20px 0 0 0;
}
.full-images-layer-v02__closer {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
}
.full-images-layer-v02__closer:hover {
  cursor: pointer;
}
.full-images-layer-v02 .full-images {
  display: grid;
  grid-template: 1fr/1fr 2fr 1fr;
  column-gap: 40px;
  overflow: hidden;
  padding: 0 40px;
  justify-items: unset;
  align-content: unset;
  grid-auto-flow: unset;
  row-gap: unset;
  padding-bottom: unset;
}
.full-images-layer-v02 .full-images__image {
  grid-column: 2/3;
  width: auto;
}
.full-images-layer-v02 .full-images__pages {
  position: absolute;
  z-index: 2;
  background-color: #00629f;
  border-radius: 10px;
  padding: 2px 15px;
  color: white;
  font-size: 15px;
  bottom: 20px;
  left: 0;
}
.full-images-layer-v02 .full-images__picture {
  position: absolute;
  height: calc(100% - 20px);
  padding-top: unset;
}
.full-images-layer-v02 .full-images__picture .label-item {
  position: absolute;
  bottom: 5px;
  left: 5px;
  padding: 0.5ex 1ex;
  border-radius: 999px;
  background-color: #0176bf;
}
.full-images-layer-v02 .full-images__button {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  box-shadow: 0 0 0 0 transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.full-images-layer-v02 .full-images__button svg {
  position: relative;
  top: 1px;
  height: 20px;
  width: 20px;
}
.full-images-layer-v02 .full-images__button:hover {
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.full-images-layer-v02 .full-images__paginator {
  bottom: 40px;
  right: 5px;
}
.full-images-layer-v02 .full-images.--two-img {
  grid-template: 1fr/1fr 1fr;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
}
.full-images-layer-v02 .full-images.--two-img .full-images__image {
  grid-column: unset;
}
.full-images-layer-v02 .full-images.--three-img {
  grid-template: 1fr/1fr 1fr 1fr;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
}
.full-images-layer-v02 .full-images.--three-img .full-images__image {
  grid-column: unset;
}
.full-images-layer-v02 .full-images.--four-img {
  grid-template: 1fr/1fr 1fr 1fr 1fr;
  justify-content: center;
  padding-left: 50px;
  padding-right: 50px;
}
.full-images-layer-v02 .full-images.--four-img .full-images__image {
  grid-column: unset;
}
.full-images-layer-v02 .full-images.--one-img {
  grid-template: 1fr/1fr 2fr 1fr;
  justify-items: center;
}
.full-images-layer-v02 .paginator {
  margin: 0;
  padding: 0 5px;
  min-height: unset;
  min-width: unset;
  position: absolute;
  z-index: 100;
  transform: unset;
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  justify-content: start;
}
.full-images-layer-v02 .paginator .angle {
  width: 60px;
  height: 60px;
  transform: unset;
  display: grid;
  align-items: center;
  justify-items: center;
  background-color: black;
  color: white;
  opacity: 0.25;
  border-radius: 10px;
  color: white;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.full-images-layer-v02 .paginator .angle:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-top: none;
  border-right: none;
  display: block;
  position: relative;
  z-index: 1;
  background-color: none;
  top: unset;
  left: unset;
  right: unset;
  transform: translateX(4px) rotate(45deg);
}
.full-images-layer-v02 .paginator .angle:after {
  position: relative;
  top: unset;
  left: unset;
  left: unset;
  right: unset;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.full-images-layer-v02 .paginator .angle--next::before {
  transform: translateX(-4px) rotate(225deg);
}
.full-images-layer-v02 .paginator .angle:hover {
  opacity: 1;
}
.full-images-layer-v02 .paginator .angle:hover:after {
  border-color: black;
}
.full-images-layer-v02 .paginator::before {
  content: none;
}
.full-images-layer-v02 .paginator__counter {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  height: 100%;
  align-items: center;
}

.full-images-toolbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 41px;
  padding: 0 20px;
}
.full-images-toolbar::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: 0;
  left: 0;
}
.full-images-toolbar__elm {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  padding: 10px 0;
}
.full-images-toolbar__elm:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: unset;
  right: -20px;
}
.full-images-toolbar__elm .t-buttons-set {
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.full-images-toolbar__elm .t-buttons-set__icon svg {
  height: 18px;
}
.new-closer {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
}
.new-closer:hover {
  cursor: pointer;
}
.new-closer__elm {
  display: grid;
  align-items: center;
  justify-items: center;
  height: 100%;
  width: 100%;
}
.new-closer__elm::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0.5;
  transform: rotate(-45deg);
  left: -1px;
  top: -1px;
  border-radius: 20px;
  border: 1px solid transparent;
  border-left-color: black;
}
.new-closer__item {
  font-size: 16px;
  transition-property: scale;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.new-closer:hover .new-closer__item {
  opacity: 1;
  scale: 1.33;
}

.full-images-aside-right {
  grid-column: 3/4;
  height: calc(100% - 20px);
  padding-right: 30px;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  grid-template-rows: 1fr auto;
  row-gap: 10px;
}
.full-images-aside-right__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  align-content: start;
}
.full-images-aside-right__elm {
  display: block;
  border-radius: 10px;
  outline: 1px solid #a3a4a8;
  outline-offset: -1px;
  overflow: hidden;
  padding-top: 100%;
}
.full-images-aside-right__elm .image-item {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #a3a4a8;
}
.full-images-aside-right__elm .image-item img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.full-images-aside-right__elm .text-item {
  position: absolute;
  z-index: 1;
  bottom: 0;
  display: grid;
  background-color: #0176bf;
  border-radius: 999px;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
  padding: 5px 8px 3px;
}
.full-images-aside-right__elm:hover {
  transition: all 0.33s ease;
  background-color: #d4d5d9;
  cursor: pointer;
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
}
.full-images-aside-right__elm:hover .image-item {
  transition: background-color 0.33s ease;
  background-color: #d4d5d9;
}
.full-images-aside-right__info {
  display: grid;
  grid-row: 2/3;
  border-radius: 10px;
  outline: 1px solid #8a8e99;
  outline-offset: -1px;
  width: 100%;
  padding: 10px;
  font-size: 14px;
}
.full-images-aside-right__info dl {
  gap: 8px 20px;
}
.full-images-aside-right__info .skin-color-plate {
  display: inline-block;
  border-radius: 999px;
  width: 50px;
  height: 1em;
}
.full-images-aside-left {
  grid-column: 1/2;
  grid-row: 1/2;
  display: grid;
  overflow: auto;
  margin-right: -15px;
  padding-right: 20px;
  align-content: start;
  align-items: start;
  height: calc(100% - 20px);
}
.full-images-aside-left__prompt {
  margin-top: 2em;
}
.full-images-aside-left__tags {
  margin-top: 2em;
  font-size: 16px;
  line-height: 120%;
  overflow: hidden;
  overflow-x: auto;
}
.full-images-aside-left__tags .key {
  color: #af1717;
}
.full-images-aside-left__tags .string {
  color: #1e7c1e;
}
.full-images-aside-left__tags .number {
  color: black;
}
.full-images-aside-left__tags .boolean {
  color: #4f5ee2;
}
.full-images-aside-left__title {
  font-size: 18px;
  font-weight: bold;
  color: black;
  margin: 0;
  margin-bottom: 1ex;
}
.full-images-aside-left__data {
  margin: 0;
  margin-bottom: 1ex;
  font-size: 16px;
  line-height: 133%;
}
.full-images-aside-left__data pre {
  font-family: "Amazon Ember", Helvetica, Arial, sans-serif;
}
.full-images-aside-left__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  outline: 4px solid #babbbf;
}
.full-images-aside-left__buttons .button {
  font-size: 14px;
}

@media (max-width: 1600px) {
  .full-images-layer-v02 .full-images {
    column-gap: 20px;
    padding: 0 20px;
  }
  .full-images-aside {
    background-color: #fff;
  }
  .full-images-aside-right {
    row-gap: 5px;
  }
  .full-images-aside-left__tags {
    font-size: 15px;
  }
  .full-images-aside-left__title {
    font-size: 15px;
  }
  .full-images-aside-left__data {
    font-size: 15px;
    line-height: 120%;
  }
  .full-images-aside-left__buttons {
    gap: 5px;
  }
  .full-images-aside-left__buttons .button {
    font-size: 13px;
  }
}
@media (max-width: 1400px) {
  .full-images-aside-left__tags {
    font-size: 14px;
  }
  .full-images-aside-left__title {
    font-size: 14px;
  }
  .full-images-aside-left__data {
    font-size: 14px;
    line-height: 120%;
  }
  .full-images-aside-left__buttons .button {
    font-size: 12px;
  }
}
.showoff-collections .v01-full-layer__box-wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 60px;
}
.showoff-collections .col-left {
  display: grid;
  row-gap: 10px;
  align-content: start;
  overflow: hidden;
  grid-template-rows: minmax(10ex, 1fr) minmax(10ex, 1fr);
  padding: 0;
}
.showoff-collections .col-right {
  height: calc(100vh - 140px);
  overflow-y: auto;
  padding-right: 20px;
  margin-right: -20px;
  scrollbar-gutter: stable;
  display: grid;
  row-gap: 40px;
  align-content: start;
}
.showoff-collections .col-right h3 {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  margin: 0;
  margin-bottom: -20px;
  background-color: #f7f7f7;
  padding: 8px 10px 7px;
}
.showoff-collections .col-right__images-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.showoff-collections .col-right .images-prompt-wrapper {
  display: grid;
  row-gap: 40px;
}
.showoff-collections .col-right .images-prompt {
  display: grid;
}
.showoff-collections .col-right .images-prompt__title {
  font-size: 18px;
  font-weight: bold;
}
.showoff-collections .col-right .images-prompt__wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  grid-auto-flow: column;
}
.showoff-collections .col-right .images-prompt .results-data-03__item:first-of-type {
  padding-top: 0;
}
.showoff-collections .results-data-02 {
  display: grid;
  row-gap: 20px;
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 20px;
}
.showoff-collections .results-data-02__item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
  justify-content: start;
  align-items: center;
}
.showoff-collections .results-data-02__item.is-active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
  background-color: #80d4ff;
  top: -10px;
  left: -20px;
}
.showoff-collections .results-data-02 .no-image-selected {
  column-gap: 10px;
}
.showoff-collections .results-data-02 input[type=radio] {
  width: 20px;
  height: 20px;
}
.showoff-collections .results-data-02 input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-collections .results-data-02__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-collections .results-data-02__shape-type {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 10px;
}
.showoff-collections .results-data-02__use {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
}
.showoff-collections .results-data-02__title h3 {
  font-size: 20px;
  margin: 0;
}
.showoff-collections .results-data-02__img-box {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
}
.showoff-collections .results-data-02__img-box img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}
.showoff-collections .results-data-02__func-box {
  display: grid;
  row-gap: 10px;
  justify-self: stretch;
  width: 100%;
}
.showoff-collections .results-data-02__prompt {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
}
.showoff-collections .results-data-02__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections .results-data-03 {
  display: grid;
}
.showoff-collections .results-data-03__item {
  display: grid;
  grid-template-columns: 1fr 4fr;
  column-gap: 20px;
  align-items: center;
  justify-content: start;
  padding: 8px 0;
}
.showoff-collections .results-data-03__item:not(:last-child) {
  border-bottom: 2px dotted #f7f7f7;
}
.showoff-collections .results-data-03__item input[type=text] {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections .results-data-03__item input[type=number] {
  border: none;
  width: 10ex;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections .results-data-03__item .button {
  width: max-content;
  padding: 0 20px;
  height: 28px;
}
.showoff-collections .results-data-03__item textarea {
  border: none;
  width: 100%;
  min-height: 100px;
  border-radius: 5px;
}
.showoff-collections .results-data-03__item input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-collections .results-data-03__item.use-for {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 20px;
}
.showoff-collections .results-data-03__item-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: center;
}
.showoff-collections .results-data-03__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-collections .results-data-03__label {
  font-weight: bold;
}
.showoff-collections .results-data-03__important-item {
  font-weight: 700;
  color: #ff9c85;
}
.showoff-collections .results-data-03__descr {
  align-items: start;
}
.showoff-collections .results-data-03__prompt {
  grid-template-columns: auto 1fr;
}
.showoff-collections .results-data-03__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections .results-data-03__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.showoff-collections .results-data-03__tag {
  display: inline-grid;
  align-items: center;
  background-color: #d3c5b6;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #f2f2f2;
  height: 24px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}

.some-collection {
  display: grid;
  grid-template-rows: auto 1fr;
  row-gap: 10px;
  align-content: start;
  padding: 10px;
  border: 1px solid #f7f7f7;
  border-radius: 10px;
}
.some-collection h3 {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.some-collection__header {
  display: grid;
  position: sticky;
  z-index: 2;
  top: 0;
  background-color: #babbbf;
}
.some-collection__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 20px);
  height: 1px;
  background-color: #f7f7f7;
  left: -10px;
  bottom: -10px;
  top: unset;
}
.some-collection__header-box {
  display: grid;
  justify-content: space-between;
  column-gap: 20px;
  grid-auto-flow: column;
  align-content: start;
}
.some-collection__list {
  display: grid;
  list-style-type: none;
  padding: 0;
  justify-content: start;
  align-content: start;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
}
.some-collection__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  padding: 5px;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 16px;
}
.some-collection__item:hover {
  color: white;
  cursor: pointer;
}
.some-collection__item:hover::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% + 10px);
  height: 100%;
  background-color: #f7f7f7;
  left: -5px;
  top: 0;
}
.some-collection__item.is-active {
  color: white;
}
.some-collection__item.is-active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: calc(100% + 10px);
  height: 100%;
  background-color: #a84600;
  left: -5px;
  top: 0;
}
.some-collection__num {
  opacity: 0.5;
}
.some-collection__num::after {
  content: ".";
  margin-left: 0.2ex;
}
.some-collection .t-buttons-set {
  justify-content: start;
  margin-bottom: 0;
}
.some-collection .t-buttons-set__button {
  height: 24px;
  padding: 0 8px 0 5px;
  background-color: white;
}
.some-collection .t-buttons-set__icon {
  height: 14px;
  width: 14px;
}
.some-collection .t-buttons-set__icon svg {
  height: 100%;
  width: 100%;
}
.some-collection.is-active .some-collection__item.is-active::before {
  background-color: #a84600;
}
.some-collection__search {
  display: grid;
}
.some-collection__search .title-item {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.some-collection__search .input-item {
  border: none;
  background-color: #333333;
  border-radius: 5px;
  padding: 0 5px;
  height: 24px;
}
.some-collection__modes {
  display: grid;
  position: relative;
}
.some-collection__modes .title-item {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.some-collection__modes .buttons-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: start;
}
.some-collection__modes .buttons-set button {
  height: 24px;
  padding: 0 5px;
  background-color: white;
}
.some-collection--collections .some-collection__header-box:nth-of-type(1) {
  margin-bottom: 20px;
  align-content: center;
}
.some-collection--collections .some-collection__header-box:nth-of-type(1)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 20px);
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -10px;
  left: -10px;
  opacity: 0.33;
}
.some-collection--collections .some-collection__header-box:nth-of-type(2) {
  align-items: start;
}
.some-collection--items .some-collection__list {
  justify-content: unset;
}
.some-collection--items .some-collection__item {
  grid-template-columns: auto 1fr;
}
.some-collection--items .some-collection__item-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: end;
  align-items: center;
  column-gap: 10px;
}
.some-collection--items .some-collection__item .images-set {
  justify-self: end;
}
.some-collection--items .some-collection__item .images-set__img {
  width: 40px;
  height: 40px;
  background-color: #f7f7f7;
  border-radius: 3px;
}

.images-kit {
  display: grid;
  height: auto;
  grid-template-rows: 1fr auto;
}
.images-kit__header {
  font-size: 14px;
  margin-bottom: 1em;
}
.images-kit__main {
  display: grid;
  justify-content: start;
  justify-items: start;
}
.images-kit__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  justify-items: start;
  gap: 4px;
  min-width: 120px;
  min-height: 120px;
}
.images-kit__box:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 120px;
  height: 120px;
  background-color: #2b303b;
  outline: 1px solid #2b303b;
  outline-offset: -1px;
  border-radius: 5px;
}
.user-shapes .images-kit__box:before {
  outline-color: #a3a4a8;
}
.images-kit__img {
  width: 120px;
  height: 120px;
  position: relative;
  background-color: #7c7d80;
  border-radius: 5px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}
.images-kit__img img {
  display: grid;
  align-items: center;
  justify-items: center;
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.images-kit__actions,
.images-kit .t-buttons-set {
  display: grid;
  align-content: start;
  gap: 1px;
  position: absolute;
  left: 3px;
  top: 3px;
  width: 28px;
  height: 100%;
}
.images-kit__action,
.images-kit .t-buttons-set__button {
  width: 28px;
  height: 28px;
  padding: 0;
  display: grid;
  align-items: center;
  justify-items: center;
}
.images-kit__action svg,
.images-kit .t-buttons-set__button svg {
  width: 16px;
  height: 16px;
}
.images-kit__action.--view-action,
.images-kit .t-buttons-set__button.--view-action {
  top: 32px;
}
.images-kit__action.--view-action .svg-sprite,
.images-kit .t-buttons-set__button.--view-action .svg-sprite {
  top: 0;
  left: 0;
}
.images-kit__action.--delete-action,
.images-kit .t-buttons-set__button.--delete-action {
  top: 61px;
}
.images-kit__action.--delete-action .svg-sprite,
.images-kit .t-buttons-set__button.--delete-action .svg-sprite {
  top: 0;
  left: 0;
}

.showoff-lists__table {
  border-top: none;
  width: 100%;
}
.showoff-lists__table caption {
  margin-bottom: 20px;
  text-align-last: left;
  font-size: 18px;
}
.showoff-lists__table thead {
  opacity: 1;
}
.showoff-lists__table thead th {
  white-space: nowrap;
  text-align: left;
}
.showoff-lists__table thead td {
  position: relative;
  z-index: 1;
}
.showoff-lists__table th, .showoff-lists__table thead td {
  position: relative;
  z-index: 1;
  border: 1px solid black;
  padding: 1em;
}
.showoff-lists__table th.title, .showoff-lists__table th.subtitle, .showoff-lists__table th.description, .showoff-lists__table thead td.title, .showoff-lists__table thead td.subtitle, .showoff-lists__table thead td.description {
  width: 50%;
  text-align: left;
}
.showoff-lists__table th:before, .showoff-lists__table thead td:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #1c1f26;
  opacity: 0.33;
}
.showoff-lists__table td {
  position: relative;
  z-index: 1;
  border: 1px solid #1a1e2d;
  padding: 10px;
  vertical-align: top;
  white-space: nowrap;
}
.showoff-lists__table td input, .showoff-lists__table td textarea, .showoff-lists__table td select {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
}
.showoff-lists__table td textarea {
  min-height: 82px;
  padding: 10px;
}
.showoff-lists__table .wrapper {
  display: grid;
  grid-template-columns: 10ex 1fr;
  align-items: center;
}
.showoff-lists__table .wrapper:first-of-type {
  margin-bottom: 10px;
}
.showoff-lists__table .user-data {
  display: grid;
  row-gap: 1ex;
  white-space: nowrap;
}
.showoff-lists__table .user-data__elm input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-left: 1em;
}
.showoff-lists__table .user-data .delete-button {
  margin-top: 1ex;
}
.showoff-lists__table .user-data__id {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
  justify-content: start;
}
.showoff-lists__table .user-data__id .t-buttons-set {
  justify-content: center;
  align-content: center;
  top: -2px;
}
.showoff-lists__table .user-data__id .t-buttons-set__button {
  background-color: transparent;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
}
.showoff-lists__table .user-data__id .t-buttons-set__button:hover {
  background-color: #0176bf;
}
.showoff-lists__table .user-data__id .t-buttons-set__icon {
  width: 14px;
  height: 14px;
}
.showoff-lists__table .user-data__id .t-buttons-set__icon .svg-sprite {
  width: 14px;
  height: 14px;
}
.showoff-lists__table .operator {
  display: grid;
  row-gap: 1em;
}
.showoff-lists__table .operator__elm {
  padding-bottom: 2ex;
  width: 100%;
}
.showoff-lists__table .operator__elm:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: unset;
  bottom: 0;
  opacity: 0.13;
}
.showoff-lists__table .operator .t-buttons-set {
  display: flex;
  justify-content: start;
}
.showoff-lists__table .operator .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-lists__table .operator .t-buttons-set__icon {
  height: 16px;
  width: 16px;
}
.showoff-lists__table .operator .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-lists__table .operator__company {
  display: grid;
  row-gap: 1ex;
}
.showoff-lists__table .operator__header {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  column-gap: 1ex;
}
.showoff-lists__table .operator__title {
  font-weight: bold;
}
.showoff-lists .operator-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.showoff-lists .operator-tags__item {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
  background-color: #d8dce1;
  padding: 3px 10px;
  border-radius: 999px;
  color: #272b35;
}
.showoff-lists .v01-full-layer__box-wrapper {
  display: grid;
  grid-template-columns: 5fr 1fr;
  column-gap: 60px;
}
.showoff-lists .v01-full-layer__box-wrapper .col-left {
  scrollbar-gutter: stable;
  padding: 0;
}
.showoff-lists .base-functional {
  min-width: unset;
}
.showoff-lists .base-functional .add-new-user {
  display: grid;
  row-gap: 1em;
}
.showoff-lists .base-functional .add-new-user__elm {
  display: grid;
  row-gap: 1ex;
}
.showoff-lists .layer-tabs {
  margin-bottom: 20px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.showoff-lists .layer-tabs::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #babbbf;
  top: 0;
  left: 0;
}
.showoff-lists .layer-tabs__wrapper {
  column-gap: 0;
}
.showoff-lists .layer-tabs__search {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 1em;
  margin-left: 3em;
}
.showoff-lists .layer-tabs__search input {
  color: #08141f;
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 32px;
}
.showoff-lists .layer-tabs__search::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  top: 0;
  left: -1.5em;
  opacity: 0.33;
}
.showoff-lists .layer-tabs__buttons {
  display: grid;
  align-items: center;
  margin-left: 3em;
}
.showoff-lists .layer-tabs__buttons::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  top: 0;
  left: -1.5em;
  opacity: 0.33;
}
.showoff-lists .layer-tabs__buttons button {
  height: 34px;
}
.showoff-lists .tabs-group {
  display: grid;
  grid-template: unset;
  grid-auto-flow: column;
  gap: 4px;
  border: none;
}
.showoff-lists .tabs-group:before {
  content: none !important;
}
.showoff-lists .tabs-group .link {
  grid-row: unset;
  background-color: #212329;
  position: relative;
  z-index: 1;
  color: #c0c5ce;
  height: 32px;
  white-space: nowrap;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #212329;
  font-size: 14px;
}
.showoff-lists .tabs-group .link:hover {
  text-decoration: none;
  background-color: #0176bf;
  color: white;
}
.showoff-lists .tabs-group .link.is-active {
  background-color: #0176bf;
  color: white;
}
.showoff-lists .tabs-group .link.is-active:hover {
  background-color: #0176bf;
}
@media screen and (max-width: 1600px) {
  .showoff-lists .tabs-group .link {
    font-size: 14px;
  }
}
.showoff-lists .tags-layer {
  position: fixed;
  z-index: 2;
  background-color: #f7f7f7;
  padding: 20px;
  border-radius: 10px;
  width: 400px;
  margin-left: -20px;
  margin-top: 2px;
  max-height: calc(100vh - 400px);
  overflow: auto;
  box-shadow: 0 15px 15px -8px rgba(0, 0, 0, 0.25);
}
.showoff-lists .tags-layer__list {
  display: grid;
  grid-template-columns: repeat(3, auto);
  column-gap: 10px;
}
.showoff-lists .tags-layer__item {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  align-items: center;
  padding: 10px 5px;
}
.showoff-lists .tags-layer__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #bfbfbf;
  top: unset;
  bottom: 0;
  opacity: 0.33;
}
.showoff-lists .tags-layer__item.is-checked::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.33;
}
.showoff-lists .tags-layer__tag {
  grid-column: 2/3;
}
.showoff-lists .tags-layer__check {
  grid-column: 1/2;
}
.showoff-lists .tags-layer__check input {
  width: 16px;
  height: 16px;
}
.showoff-lists .tags-layer__description {
  grid-column: 3/4;
  margin-left: 10px;
}

.right-col-filers {
  margin: 10px 30px;
}

.always-on-top {
  display: grid;
  align-content: start;
  position: fixed;
  left: 5px;
  bottom: 5px;
  z-index: 1000;
  width: 80px;
  height: 32px;
  border-radius: 5px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  background-color: #1a1e2d;
  color: #dee0e6;
  font-size: 14px;
}
.always-on-top:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  background-color: transparent;
  top: -20px;
  left: -20px;
}
.always-on-top__header {
  height: 30px;
  display: grid;
  grid-template-columns: 30px 1fr 30px;
  align-items: center;
  justify-items: center;
}
.always-on-top__header-text {
  opacity: 0;
  overflow: hidden;
  height: 0;
  padding: 0;
}
.always-on-top__main {
  display: none;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-padding-right: 20px;
  scrollbar-gutter: stable;
  padding: 1em 1em 1em 0;
}
.always-on-top__list {
  display: grid;
  row-gap: 16px;
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.always-on-top__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: unset;
  left: unset;
  bottom: -8px;
  right: 0;
  opacity: 0.33;
  border-bottom: 1px dashed black;
}
.always-on-top__item-box {
  display: grid;
  grid-template-columns: 1fr auto auto;
  column-gap: 2em;
  align-items: center;
}
.always-on-top__status {
  display: grid;
  height: 100%;
  width: 20px;
  align-items: center;
}
.always-on-top__status-icon {
  line-height: 0;
  display: grid;
  justify-items: center;
}
.always-on-top .button {
  display: grid;
  align-items: center;
  justify-items: center;
  background-color: transparent;
  height: 30px;
  width: 30px;
  border-radius: 0;
  border: none;
  padding: 0;
  transition-property: all;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.always-on-top .button--minimize {
  right: 0;
  top: 0;
}
.always-on-top .button--minimize:hover {
  opacity: 0.2;
}
.always-on-top .button--move {
  display: grid;
  left: 0;
  top: 0;
}
.always-on-top .button--move:hover {
  opacity: 0.2;
  cursor: move;
}
.always-on-top .minimize-icon {
  display: none;
  width: 14px;
  height: 10px;
  line-height: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #d4d5d9;
}
.always-on-top .maximize-icon {
  display: grid;
  width: 14px;
  height: 12px;
  line-height: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #d4d5d9;
}
.always-on-top .move-icon {
  width: 14.28px;
  height: 14px;
  line-height: 0;
}
.always-on-top__timing {
  display: grid;
  align-items: center;
  height: 100%;
  opacity: 0.66;
}
.always-on-top.is-active {
  width: 400px;
  height: auto;
  min-height: 100px;
  max-height: 300px;
  box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
}
.always-on-top.is-active .always-on-top__header-text {
  display: grid;
  justify-items: center;
  align-items: center;
  height: 100%;
  opacity: 1;
  height: auto;
}
.always-on-top.is-active .always-on-top__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  opacity: 0.2;
}
.always-on-top.is-active .always-on-top__main {
  display: grid;
}
.always-on-top.is-active .button .maximize-icon {
  display: none;
}
.always-on-top.is-active .button .minimize-icon {
  display: block;
}

.showoff-collections-new.v01-full-layer .v01-full-layer__main {
  margin: 0 30px;
  overflow: hidden;
  height: calc(100vh - 40px - 60px - 20px - 20px);
}
.showoff-collections-new.v01-full-layer .v01-full-layer__box {
  row-gap: 20px;
  grid-template-rows: 60px auto 1fr;
}
.showoff-collections-new .layer-grid {
  display: grid;
  border-radius: 10px;
}
.showoff-collections-new .layer-grid--16 {
  grid-template-columns: repeat(16, 1fr);
  column-gap: 30px;
}
.showoff-collections-new .toolbar-top {
  height: 52px;
}
.showoff-collections-new .toolbar-top .images-set__img {
  width: 26px;
  height: 26px;
  outline: 1px solid #13151a;
  outline-offset: 0;
  border-radius: 3px;
}
.showoff-collections-new .toolbar-top .images-set__icon {
  display: grid;
  width: 26px;
  height: 26px;
  align-items: end;
  justify-items: center;
}
.showoff-collections-new .toolbar-top__wrapper {
  padding: 0 30px;
  column-gap: 20px;
}
.showoff-collections-new .toolbar-top__title {
  font-size: 36px;
  color: #1a1e2d;
}
.showoff-collections-new .toolbar-top__title-main {
  font-size: smaller;
}
.showoff-collections-new .toolbar-top__title:after {
  bottom: 0;
}
.showoff-collections-new .toolbar-top .t-buttons-set__button {
  font-size: 14px;
}
.showoff-collections-new .toolbar-top .toolbar-top__elm:not(:first-of-type):before {
  left: -11px;
}
.showoff-collections-new .custom-collection {
  grid-column: 1/5;
  display: grid;
  z-index: 4;
}
.showoff-collections-new .custom-collection__box {
  display: grid;
  align-content: start;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #2b303b;
  background-color: #babbbf;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.showoff-collections-new .custom-collection__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #babbbf;
  padding: 0 15px;
  height: 44px;
}
.showoff-collections-new .custom-collection__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.33;
}
.showoff-collections-new .custom-collection__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-collections-new .custom-collection__header .t-buttons-set {
  flex-wrap: nowrap;
}
.showoff-collections-new .custom-collection__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  background-color: #212329;
  color: #c0c5ce;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-collections-new .custom-collection__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.showoff-collections-new .custom-collection__header .t-buttons-set__button__text {
  font-size: 11px;
}
@media (max-width: 1500px) {
  .showoff-collections-new .custom-collection__header .t-buttons-set__text {
    display: none;
  }
}
.showoff-collections-new .custom-collection__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.showoff-collections-new .custom-collection__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .custom-collection__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.showoff-collections-new .custom-collection__list {
  display: grid;
  counter-reset: collections-list;
  list-style-type: decimal;
  padding: 0;
  align-content: start;
  width: 100%;
  margin-top: 0;
}
.showoff-collections-new .custom-collection__item {
  counter-increment: collections-list;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  column-gap: 10px;
  padding: 5px 0;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  list-style-type: decimal;
  font-size: 14px;
  width: 100%;
  border-top: 1px solid #8a8e99;
  border-bottom: 1px solid #8a8e99;
}
.showoff-collections-new .custom-collection__item:first-of-type {
  border-top-color: transparent;
}
.showoff-collections-new .custom-collection__item:last-of-type {
  border-bottom: none;
}
.showoff-collections-new .custom-collection__item:not(:first-child) {
  margin-top: -1px;
}
.showoff-collections-new .custom-collection__item::before {
  grid-column: 1/2;
  content: counter(collections-list) ".";
  position: relative;
  font-size: 14px;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.showoff-collections-new .custom-collection__item-text {
  grid-column: 2/3;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showoff-collections-new .custom-collection__item .visibility-markers {
  grid-column: 3/4;
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.showoff-collections-new .custom-collection__item .visibility-markers__item {
  display: block;
  width: 16px;
  height: 14px;
}
.showoff-collections-new .custom-collection__item .visibility-markers__item .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .custom-collection__item .visibility-marker {
  grid-column: 3/4;
  width: 16px;
  height: 16px;
}
.showoff-collections-new .custom-collection__item .visibility-marker .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .custom-collection__item .t-buttons-set {
  grid-column: 4/5;
  width: 24px;
  height: 24px;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__button {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  background-color: #212329;
  color: #c0c5ce;
  border-radius: 3px;
  border: none;
  transition-property: all;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__button:hover {
  opacity: 0.66;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__icon {
  width: 13px;
  height: 13px;
  position: relative;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__icon.reload-icon {
  right: 0;
}
.showoff-collections-new .custom-collection__item .t-buttons-set__icon.reload-icon--animated {
  animation-duration: 1s;
  animation-name: rotate-it;
  animation-iteration-count: 5;
  animation: rotate-it 0.66s linear infinite;
}
.showoff-collections-new .custom-collection__item.is-active {
  border-color: #a84600;
  z-index: 2;
  color: #a84600;
}
.showoff-collections-new .custom-collection__item.is-active:first-of-type {
  border-top: 1px solid #a84600;
}
.showoff-collections-new .custom-collection__item.is-active:last-of-type {
  border-bottom: 1px solid #a84600;
}
.showoff-collections-new .custom-collection__item.is-active:hover {
  cursor: pointer;
}
.showoff-collections-new .custom-collection__item:hover::before {
  opacity: 0.33;
}
.showoff-collections-new .custom-collection__item:hover .custom-collection__item-text {
  cursor: pointer;
  opacity: 0.33;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active {
  border-color: #006e00;
  z-index: 2;
  color: #006e00;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited .t-buttons-set__button, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active .t-buttons-set__button {
  background-color: #006e00;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited .t-buttons-set__icon .svg-sprite, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active .t-buttons-set__icon .svg-sprite {
  fill: white;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited .t-buttons-set:hover, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active .t-buttons-set:hover {
  cursor: pointer;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited .t-buttons-set:hover .t-buttons-set__button, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active .t-buttons-set:hover .t-buttons-set__button {
  background-color: #69b569;
  outline-color: #69b569;
  opacity: 1;
}
.showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited .t-buttons-set:hover .t-buttons-set__icon .svg-sprite, .showoff-collections-new .custom-collection.has-edition .custom-collection__item.is-edited.is-active .t-buttons-set:hover .t-buttons-set__icon .svg-sprite {
  fill: white;
}
.showoff-collections-new .custom-collection__num {
  opacity: 0.5;
}
.showoff-collections-new .custom-collection__num::after {
  content: ".";
  margin-left: 0.2ex;
}
.showoff-collections-new .custom-collection__searches {
  position: sticky;
  top: 44px;
  background-color: #babbbf;
  z-index: 3;
}
.showoff-collections-new .custom-collection__search {
  display: grid;
  padding: 15px;
  padding-block-end: 0;
}
.showoff-collections-new .custom-collection__search-title {
  font-size: 12px;
  width: max-content;
  position: absolute;
  left: 16px;
  top: 21px;
  padding: 1px 5px;
  border-radius: 5px;
  background-color: #333333;
  color: #babbbf;
}
.showoff-collections-new .custom-collection__search-input {
  border: none;
  background-color: #fff;
  color: #1a1e2d;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
}
.showoff-collections-new .custom-collection__search:focus-within .custom-collection__search-title {
  top: 5px;
  color: #babbbf;
  background-color: #333333;
}
.showoff-collections-new .custom-collection__modes {
  display: grid;
  position: relative;
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid #2b303b;
}
.showoff-collections-new .custom-collection__modes-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.showoff-collections-new .custom-collection__modes .buttons-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: start;
}
.showoff-collections-new .custom-collection__modes .buttons-set button {
  height: 24px;
  padding: 0 8px;
  background-color: #8790a8;
  border: none;
  color: black;
  font-size: 13px;
}
.showoff-collections-new .custom-collection__modes .buttons-set button.is-active {
  background-color: #e6eaf2;
}
.showoff-collections-new .custom-collection__modes .buttons-set button:hover {
  cursor: pointer;
  opacity: 0.5;
}
.showoff-collections-new .custom-collection__nav {
  display: grid;
  padding: 12px 15px 15px 15px;
}
.showoff-collections-new .custom-collection__companies {
  border-bottom: 1px solid #1c1f26;
  padding: 15px;
  display: grid;
}
.showoff-collections-new .custom-collection__companies-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.showoff-collections-new .custom-collection__companies select {
  width: 100%;
  height: 28px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  background-color: #fff;
}
.showoff-collections-new .custom-collection .go-to-top {
  display: none;
  position: fixed;
  z-index: 3;
  left: 20px;
  bottom: 20px;
  width: 48px;
  height: 48px;
  background-color: black;
  border-radius: 50%;
  box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1490196078);
  transition: all 0.33s ease;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0);
}
.showoff-collections-new .custom-collection .go-to-top:hover {
  border-radius: 50%;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
  transform: translateY(-5px);
  transition: all 0.2s ease;
}
.showoff-collections-new .custom-collection .go-to-top.--is--out {
  opacity: 0;
  visibility: hidden;
}
.showoff-collections-new .custom-collection .go-to-top__link {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: 0.66;
  color: white;
  background-color: transparent;
  border: 0;
}
.showoff-collections-new .collection-edit {
  display: grid;
  position: absolute;
  z-index: 1;
  border: 1px solid #2b303b;
  border-radius: 10px 0 0 10px;
  border-left: none;
  background-color: #babbbf;
  width: 200%;
  height: 100%;
  left: -260%;
  box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.5);
  transition: left 0.33s ease;
}
.showoff-collections-new .collection-edit::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 0;
  height: 100%;
  background-color: black;
  left: 100%;
  opacity: 0;
  transition: opacity 0.1s ease, width 0.1s ease;
}
.showoff-collections-new .collection-edit.is-active {
  left: calc(100% - 1px);
}
.showoff-collections-new .collection-edit.is-active::after {
  opacity: 0.66;
  width: 100vw;
}
.showoff-collections-new .collection-edit__box {
  display: grid;
  align-content: start;
  border-radius: 10px 0 0 10px;
  overflow-y: auto;
  overflow-x: hidden;
}
.showoff-collections-new .collection-edit__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 10px;
  border-radius: 0 10px 0 0;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  padding: 0 30px;
  height: 44px;
}
.showoff-collections-new .collection-edit__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.33;
}
.showoff-collections-new .collection-edit__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-collections-new .collection-edit__header .new-closer {
  background-color: transparent;
}
.showoff-collections-new .collection-edit__header .new-closer__elm::before {
  content: none;
}
.showoff-collections-new .collection-edit__header .new-closer:hover {
  cursor: pointer;
}
.showoff-collections-new .collection-edit__header .t-buttons-set {
  margin-right: 20px;
}
.showoff-collections-new .collection-edit__header .t-buttons-set__button {
  height: 28px;
  width: 28px;
  padding: 0;
  background-color: #212329;
  color: #c0c5ce;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-collections-new .collection-edit__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.showoff-collections-new .collection-edit__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.showoff-collections-new .collection-edit__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .collection-edit__header .t-buttons-set__text {
  display: none;
}
.showoff-collections-new .collection-edit__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
  color: #006e00;
}
.showoff-collections-new .collection-edit .images-kit {
  margin: 0 30px 30px;
}
.showoff-collections-new .collection-edit .images-kit__header {
  font-size: 14px;
}
.showoff-collections-new .edit-set {
  display: grid;
  padding: 20px 20px;
}
.showoff-collections-new .edit-set__item {
  display: grid;
  grid-template-columns: 1.5fr 3.5fr;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin-bottom: 10px;
}
.showoff-collections-new .edit-set__item-box {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
}
.showoff-collections-new .edit-set__item-box.--has-3-fields {
  grid-template-columns: repeat(3, auto);
  column-gap: 1em;
}
.showoff-collections-new .edit-set__item-box.--has-3-fields fieldset {
  padding: 0;
  border: 0;
  margin: 0;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 1ex;
}
.showoff-collections-new .edit-set__item-box.--has-3-fields fieldset label {
  font-size: 12px;
}
.showoff-collections-new .edit-set__item-box.--has-3-fields fieldset.weight-item input {
  width: 4ex;
}
.showoff-collections-new .edit-set__item-box.--has-3-fields fieldset.batch-item input {
  width: 9ex;
}
.showoff-collections-new .edit-set__item-box .button.button--set {
  width: max-content;
  min-width: unset;
}
.showoff-collections-new .edit-set__item-box .button.button--set[disabled] {
  background-color: #babbbf;
  color: #f2f2f2;
  border-color: #babbbf;
}
.showoff-collections-new .edit-set__item input[type=text],
.showoff-collections-new .edit-set__item select {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
  z-index: 1;
}
.showoff-collections-new .edit-set__item input[type=number] {
  border: none;
  width: 10ex;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections-new .edit-set__item textarea {
  border: none;
  width: 100%;
  min-height: 100px;
  border-radius: 5px;
}
.showoff-collections-new .edit-set__item input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-collections-new .edit-set__item.use-for {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 20px;
}
.showoff-collections-new .edit-set__item-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.showoff-collections-new .edit-set__item-wrapper .button {
  padding: 0 10px;
  border-radius: 3px;
  height: 28px;
  border: none;
}
.showoff-collections-new .edit-set__item--tag:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: unset;
  bottom: -5px;
  border-bottom: 1px dashed #f2f2f2;
}
.showoff-collections-new .edit-set__item--shape-type .edit-set__item-wrapper {
  display: grid;
  justify-content: start;
}
.showoff-collections-new .edit-set__item--shape-type .edit-set__item-wrapper .button {
  min-width: auto;
}
.showoff-collections-new .edit-set__item--shape-type .edit-set__item-wrapper .edit-icon {
  width: 16px;
  height: 16px;
}
.showoff-collections-new .edit-set__item--shape-type .edit-set__item-wrapper .edit-icon svg {
  height: 100%;
  width: 100%;
}
.showoff-collections-new .edit-set__item-wrapper {
  display: grid;
}
.showoff-collections-new .edit-set__item-wrapper.--gafc {
  grid-template-columns: unset;
  column-gap: 10px;
  justify-content: start;
}
.showoff-collections-new .edit-set__item.--tags-list {
  margin: 1ex 0 2.3ex;
}
.showoff-collections-new .edit-set__item.is-highlighted {
  color: white;
  margin-top: 10px;
}
.showoff-collections-new .edit-set__item.is-highlighted::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: calc(100% + 20px);
  height: calc(100% + 18px);
  background-color: #205483;
  top: -9px;
  left: -10px;
  opacity: 1;
  border-radius: 5px;
}
.showoff-collections-new .edit-set__item.is-highlighted select {
  background-color: white;
}
.showoff-collections-new .edit-set .edit-set__item--tag:has(+ .edit-set__item):after {
  content: none;
}
.showoff-collections-new .edit-set .is-highlighted + .is-highlighted {
  margin-top: 0;
}
.showoff-collections-new .edit-set .is-highlighted + .edit-set__item:not(.is-highlighted) {
  margin-top: 10px;
}
.showoff-collections-new .edit-set__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-collections-new .edit-set__label {
  font-weight: normal;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1ex;
  z-index: 1;
}
.showoff-collections-new .edit-set__important-item {
  font-weight: 700;
  color: #ff9c85;
}
.showoff-collections-new .edit-set__descr {
  align-items: start;
}
.showoff-collections-new .edit-set__prompt {
  grid-template-columns: auto 1fr;
}
.showoff-collections-new .edit-set__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections-new .edit-set__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.showoff-collections-new .edit-set__tag {
  display: inline-grid;
  align-items: center;
  background-color: transparent;
  border: 1px solid #a4afbb;
  color: #1c1f26;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  height: 24px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.showoff-collections-new .edit-set .button {
  min-width: 72px;
  border-radius: 3px;
  height: 28px;
}
.showoff-collections-new .edit-set input[type=number] {
  width: 3.2em;
}
.showoff-collections-new .edit-set__tag-description {
  grid-column: span 2;
  font-size: 13px;
  margin-top: 1em;
  background-color: #d3d8e1;
  color: #1a1e2d;
  border-radius: 20px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
  height: 0;
  overflow: hidden;
  padding: 0 1.5em;
  transition: height 0.25s ease, padding 0.25s ease;
}
.showoff-collections-new .edit-set__tag-description dt {
  font-weight: 600;
}
.showoff-collections-new .edit-set__tag-description.is-active {
  height: auto;
  overflow: auto;
  padding: 1.5em;
}
.showoff-collections-new .edit-set .hint-marker {
  display: grid;
  align-items: center;
  justify-items: center;
  position: relative;
  top: -3px;
  left: -3px;
  cursor: pointer;
  font-size: 10px;
  font-weight: bold;
  background-color: #a87754;
  color: #dee0e6;
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
.showoff-collections-new .edit-set .tags-list {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 1em;
  margin-bottom: 0;
  align-items: center;
}
.showoff-collections-new .edit-set .tags-list__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  column-gap: 1ex;
}
.showoff-collections-new .edit-set .tags-list__item {
  display: grid;
  grid-auto-flow: column;
}
.showoff-collections-new .edit-set .tags-list__item:not(:last-of-type):after {
  content: ",";
}
.showoff-collections-new .edit-set .tags-list__icon {
  display: none;
}
.showoff-collections-new .edit-set .tags-list .button {
  padding: 0 1em;
  font-size: 14px;
  line-height: 100%;
  width: auto;
}
.showoff-collections-new .edit-set .tags-list .button svg {
  height: 16px;
  width: 16px;
}
.showoff-collections-new .edit-set .edit-data {
  grid-column: 2/3;
  position: absolute;
  z-index: 2;
  top: 10px;
  left: -10px;
  width: calc(100% + 20px);
  height: auto;
  background-color: #d3d8e1;
  color: #1a1e2d;
  border-radius: 5px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
.showoff-collections-new .edit-set .edit-data__box {
  display: grid;
  align-items: start;
  padding: 10px;
  height: 14em;
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  align-content: start;
}
.showoff-collections-new .edit-set .edit-data__box button {
  height: 28px;
  padding: 0;
  line-height: 100%;
}
.showoff-collections-new .edit-set .edit-data__box .item-price {
  width: 100%;
}
.showoff-collections-new .edit-set .edit-data__box .item-add {
  font-size: 20px;
  line-height: 0;
  padding: 0 1ex;
}
.showoff-collections-new .edit-set .edit-data__box .item-add[disabled] {
  opacity: 0.33;
}
.showoff-collections-new .edit-set .edit-data__box .item-add[disabled]:hover {
  cursor: default;
  background-color: #f2f2f2;
  border-color: transparent;
  color: #333333;
}
.showoff-collections-new .edit-set .edit-data__box select, .showoff-collections-new .edit-set .edit-data__box input {
  background-color: white;
  padding: 0 1ex;
}
.showoff-collections-new .edit-set .edit-data__header {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
}
.showoff-collections-new .edit-set .edit-data__main {
  display: grid;
  row-gap: 1ex;
}
.showoff-collections-new .edit-set .edit-data__main-row {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  justify-content: start;
}
.showoff-collections-new .edit-set .edit-data__main-row input {
  min-width: 5em;
  width: 100%;
}
.showoff-collections-new .edit-set .edit-data__main-row input[type=number] {
  width: 6em;
}
.showoff-collections-new .edit-set .edit-data__main-row .item-closer {
  height: 28px;
  width: 28px;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  color: #f2f2f2;
  opacity: 1;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  font-size: 14px;
  line-height: 0;
}
.showoff-collections-new .edit-set .edit-data__main-row .item-closer:hover {
  border-color: #f7f7f7;
  opacity: 0.66;
}
.showoff-collections-new .edit-set .edit-data .dropdown-layer {
  position: absolute;
  z-index: 2;
  width: 100%;
  background-color: white;
  margin-top: 2px;
  border-radius: 5px;
  display: grid;
}
.showoff-collections-new .edit-set .edit-data .dropdown-layer ul {
  overflow-y: auto;
  max-height: 8em;
  padding: 2ex;
  color: #f7f7f7;
  display: grid;
  row-gap: 1ex;
}
.showoff-collections-new .edit-set .edit-data .dropdown-layer ul li span:hover {
  cursor: pointer;
  opacity: 0.66;
}
.showoff-collections-new .edit-set .edit-data--prices .edit-data__header {
  grid-template-columns: 1fr 1fr auto;
  margin-bottom: 2ex;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__box {
  height: 14em;
  row-gap: unset;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header {
  grid-auto-flow: row;
  row-gap: unset;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header-wrapper.--search {
  grid-template-columns: 1fr auto;
  margin-bottom: 2em;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header-wrapper.--search button {
  height: 28px;
  width: 28px;
  justify-items: center;
  padding: 0;
  min-width: unset;
  font-size: 18px;
  line-height: 0;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header-wrapper.--search::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -1em;
  opacity: 0.33;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__header-wrapper.--add-tag {
  justify-content: start;
}
.showoff-collections-new .edit-set .edit-data--tags .edit-data__main {
  padding-bottom: 2em;
}
.showoff-collections-new .edit-set .edit-data--tags .tags-list-wrapper {
  display: grid;
  align-items: center;
}
.showoff-collections-new .edit-set .edit-data--tags .tags-list__item {
  background-color: #8790a8;
  color: black;
  padding: 0 1ex;
  border-radius: 5px;
  margin-bottom: 1ex;
  height: 24px;
  font-size: 12px;
  line-height: 0;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  line-height: 0;
  font-size: 12px;
}
.showoff-collections-new .edit-set .edit-data--tags .tags-list__item .item-closer {
  background-color: transparent;
  border: none;
  color: currentColor;
  margin-left: 1ex;
  height: auto;
}
.showoff-collections-new .edit-set .edit-data--tags .tags-list__item:after {
  content: none;
}
.showoff-collections-new .collection-items {
  grid-column: 5/11;
  border: 1px solid #2b303b;
  border-radius: 10px 0 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 1px solid #2b303b;
}
.showoff-collections-new .collection-items__header {
  display: grid;
  align-items: center;
  row-gap: 1em;
  background-color: #babbbf;
  padding: 10px 20px;
}
.showoff-collections-new .collection-items__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.33;
}
.showoff-collections-new .collection-items__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-collections-new .collection-items__header .t-buttons-set {
  justify-content: start;
}
.showoff-collections-new .collection-items__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  background-color: #212329;
  color: #c0c5ce;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-collections-new .collection-items__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.showoff-collections-new .collection-items__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
  display: block;
}
.showoff-collections-new .collection-items__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .collection-items__header .t-buttons-set .delete-all-icon {
  width: 20px;
}
.showoff-collections-new .collection-items__header .t-buttons-set__text {
  white-space: nowrap;
}
.showoff-collections-new .collection-items__title {
  font-size: 18px;
  color: #1a1e2d;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.showoff-collections-new .collection-items__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: -0.5ex;
  right: 0;
  opacity: 0.2;
}
.showoff-collections-new .collection-items__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  gap: 20px 10px;
  padding: 20px 20px;
  margin-top: 0;
  counter-reset: items-list;
}
.showoff-collections-new .collection-items__item {
  list-style-type: none;
  width: 120px;
}
.showoff-collections-new .collection-items__item .images-kit {
  display: grid;
  row-gap: 10px;
  align-content: start;
  align-items: start;
  transition-property: all;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.showoff-collections-new .collection-items__item .images-kit__header {
  counter-increment: items-list;
  order: 2;
  font-size: 13px;
  margin: 0;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1ex;
}
.showoff-collections-new .collection-items__item .images-kit__main {
  order: 1;
  height: 120px;
  width: 120px;
}
.showoff-collections-new .collection-items__item .images-kit__box {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .collection-items__item .images-kit__img {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .collection-items__item .images-kit__actions {
  top: unset;
  left: unset;
  right: 3px;
  bottom: 3px;
  align-content: end;
}
.showoff-collections-new .collection-items__item .images-kit:before {
  content: none;
}
.showoff-collections-new .collection-items__item .images-kit .visibility-markers {
  display: grid;
}
.showoff-collections-new .collection-items__item .images-kit .visibility-markers__item {
  display: grid;
  padding: 3px;
  border-radius: 999px;
  background-color: #f7f7f7;
  opacity: 0.75;
}
.showoff-collections-new .collection-items__item .images-kit .visibility-marker {
  display: grid;
  padding: 3px;
  border-radius: 5px;
  background-color: #f7f7f7;
  opacity: 0.75;
  position: relative;
}
.showoff-collections-new .collection-items__item .images-kit .ft-marker {
  height: 14px;
  display: grid;
  padding: 3px;
  border-radius: 5px;
  background-color: #f7f7f7;
  opacity: 0.75;
}
.showoff-collections-new .collection-items__item .images-kit .ft-marker__subicon {
  display: none;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #2cb009;
  align-items: center;
  justify-items: center;
  position: absolute;
  left: -2px;
  bottom: -2px;
}
.showoff-collections-new .collection-items__item .images-kit .ft-marker.--checked .ft-marker__subicon {
  display: grid;
}
.showoff-collections-new .collection-items__item .images-kit:hover {
  cursor: pointer;
  opacity: 0.5;
}
.showoff-collections-new .collection-items__item.is-active .images-kit__img {
  outline: 4px solid #bc6d34;
}
.showoff-collections-new .collection-items__item.is-active .images-kit__header {
  color: #bc6d34;
}
.showoff-collections-new .collection-items__tabs {
  display: grid;
  row-gap: 1ex;
  font-size: 12px;
  padding: 20px;
  padding-top: 0;
}
.showoff-collections-new .collection-items__tabs-box {
  grid-template-columns: subgrid;
  grid-column: 1/-1;
  display: grid;
  row-gap: 1ex;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  column-gap: 1ex;
}
.showoff-collections-new .collection-items__tabs-title {
  grid-column: 1/2;
}
.showoff-collections-new .collection-items__tabs .buttons-set {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  column-gap: 2px;
}
.showoff-collections-new .collection-items__tabs .buttons-set button {
  background-color: #8790a8;
  color: black;
  border: none;
  padding: 4px 8px;
  height: 24px;
}
.showoff-collections-new .collection-items__tabs .buttons-set button .low-item {
  color: white;
  opacity: 0.5;
}
.showoff-collections-new .collection-items__tabs .buttons-set button.is-active {
  background-color: white;
  color: black;
}
.showoff-collections-new .collection-items__tabs .buttons-set button.is-active .low-item {
  color: black;
  opacity: 1;
}
.showoff-collections-new .collection-items__tabs .buttons-set button:hover {
  opacity: 0.5;
}
.showoff-collections-new .collection-items__select {
  display: grid;
  grid-auto-flow: column;
  row-gap: 1ex;
  justify-content: start;
  align-items: center;
  column-gap: 1ex;
  font-size: 12px;
  padding: 20px;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 1ex;
}
.showoff-collections-new .collection-items__select select {
  border: none;
  max-width: max-content;
  height: 24px;
  border-radius: 5px;
  z-index: 1;
  padding: 4px 16px 4px 8px;
  background-color: #fff;
  color: #1a1e2d;
}
.showoff-collections-new .collection-items__select-title {
  grid-column: 1/2;
}
.showoff-collections-new .collection-items__multiselect {
  z-index: 2;
}
.showoff-collections-new .collection-items__search {
  display: grid;
  grid-auto-flow: column;
  row-gap: 1ex;
  justify-content: start;
  align-items: center;
  column-gap: 1ex;
  font-size: 12px;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 1ex;
}
.showoff-collections-new .collection-items__search-input {
  border: none;
  background-color: #fff;
  color: #1a1e2d;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
}
.showoff-collections-new .collection-items__search-title {
  grid-column: 1/2;
}
.showoff-collections-new .collection-items .nth-elm {
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.showoff-collections-new .collection-items .nth-elm:last-of-type {
  padding-bottom: 0;
}
.showoff-collections-new .collection-items .sticky-wrapper {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  padding-bottom: 10px;
}
.showoff-collections-new .collection-items .header-funcs {
  display: grid;
  grid-template-columns: auto 1fr;
}
.showoff-collections-new .item-edition {
  grid-column: 11/17;
  border: 1px solid #2b303b;
  border-radius: 0 10px 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: -31px;
  padding-bottom: 30px;
}
.showoff-collections-new .item-edition .sticky-wrapper {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #babbbf;
}
.showoff-collections-new .item-edition__header {
  display: grid;
  align-items: center;
  row-gap: 1em;
  padding: 10px 20px;
}
.showoff-collections-new .item-edition__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.33;
}
.showoff-collections-new .item-edition__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-collections-new .item-edition__header .t-buttons-set {
  justify-content: start;
}
.showoff-collections-new .item-edition__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  background-color: #212329;
  color: #c0c5ce;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-collections-new .item-edition__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.showoff-collections-new .item-edition__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
  display: block;
}
.showoff-collections-new .item-edition__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-collections-new .item-edition__header .t-buttons-set .delete-all-icon {
  width: 20px;
}
.showoff-collections-new .item-edition__header .t-buttons-set__text {
  white-space: nowrap;
}
.showoff-collections-new .item-edition__header-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  column-gap: 1em;
}
.showoff-collections-new .item-edition__header-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: -0.5ex;
  right: 0;
  opacity: 0.2;
}
.showoff-collections-new .item-edition__header-wrapper .selects-tabs .item {
  background-color: #212329;
  text-transform: uppercase;
  line-height: 100%;
  padding: 0.5ex 2ex;
  display: grid;
  align-items: center;
  color: #c0c5ce;
  border: none;
  height: unset;
}
.showoff-collections-new .item-edition__header-wrapper .selects-tabs .item.is-active {
  background-color: white;
  color: black;
}
.showoff-collections-new .item-edition__header-wrapper .selects-tabs .item[disabled] {
  opacity: 0.33;
  cursor: default;
  color: currentColor;
}
.showoff-collections-new .item-edition__header-wrapper .selects-tabs .item[disabled]:hover {
  opacity: 0.33;
  color: currentColor;
}
.showoff-collections-new .item-edition__title {
  font-size: 18px;
  color: #1a1e2d;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.showoff-collections-new .item-edition__list {
  display: grid;
  padding: 20px 30px;
  margin-top: 9px;
}
.showoff-collections-new .item-edition__item {
  display: grid;
  grid-template-columns: 1.5fr 3.5fr;
  column-gap: 10px;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin-bottom: 10px;
}
.showoff-collections-new .item-edition__item input[type=text] {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections-new .item-edition__item input[type=number] {
  border: none;
  width: 10ex;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections-new .item-edition__item textarea {
  border: none;
  width: 100%;
  min-height: 100px;
  border-radius: 5px;
}
.showoff-collections-new .item-edition__item input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.showoff-collections-new .item-edition__item.use-for {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 20px;
}
.showoff-collections-new .item-edition__item-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.showoff-collections-new .item-edition__item-wrapper .button {
  padding: 0 10px;
  border-radius: 3px;
  height: 28px;
  border: none;
}
.showoff-collections-new .item-edition__item--tag:not(:last-of-type)::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: unset;
  bottom: -5px;
  border-bottom: 1px dashed #f2f2f2;
}
.showoff-collections-new .item-edition__select {
  border: none;
  height: 28px;
  width: max-content;
}
.showoff-collections-new .item-edition__label {
  font-weight: normal;
}
.showoff-collections-new .item-edition__important-item {
  font-weight: 700;
  color: #ff9c85;
}
.showoff-collections-new .item-edition__descr {
  align-items: start;
}
.showoff-collections-new .item-edition__prompt {
  grid-template-columns: auto 1fr;
}
.showoff-collections-new .item-edition__prompt input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
}
.showoff-collections-new .item-edition__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.showoff-collections-new .item-edition__tag {
  display: inline-grid;
  align-items: center;
  background-color: #d3c5b6;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  color: #f2f2f2;
  height: 24px;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.showoff-collections-new .item-edition .images-kit {
  margin: 0 20px 30px;
}
.showoff-collections-new .item-edition .images-kit__header {
  font-size: 14px;
}
.showoff-collections-new .item-edition .button {
  width: max-content;
  border-radius: 3px;
  height: 28px;
}
.showoff-collections-new .item-edition .edit-set__item-wrapper .button {
  width: auto;
}
.showoff-collections-new .item-edition .source-images-caller {
  display: grid;
  justify-content: center;
  border-top: 1px solid #8a8e99;
  padding: 2em 0;
  margin: 2em 0;
}
.showoff-collections-new .item-edition .source-images-caller .button {
  height: 40px;
  font-size: 16px;
}
.showoff-collections-new .images-kit-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 20px;
}
.showoff-collections-new .images-kit-box .images-kit {
  margin: 0;
}
.showoff-collections-new .images-kit-box.--large-images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  margin: 0 20px 40px;
}
.showoff-collections-new .images-kit-box.--large-images .images-kit {
  padding-top: 100%;
  height: 0;
  display: grid;
}
.showoff-collections-new .images-kit-box.--large-images .images-kit__box {
  display: grid;
  min-width: unset;
  min-height: unset;
  width: 100%;
  height: 100%;
}
.showoff-collections-new .images-kit-box.--large-images .images-kit__box:before {
  height: 100%;
  width: 100%;
}
.showoff-collections-new .images-kit-box.--large-images .images-kit__main {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.showoff-collections-new .images-kit-box.--large-images .images-kit__img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.showoff-collections-new .images-kit-set {
  display: grid;
  padding: 20px;
}
.showoff-collections-new .images-kit-set:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
}
.showoff-collections-new .images-kit-set .images-kit-box {
  margin: 0;
}
.showoff-collections-new .images-kit-set__header {
  margin-bottom: 1.5em;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.showoff-collections-new .images-kit-set__title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 1ex;
}
.showoff-collections-new .images-kit-set__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1ex;
}
.showoff-collections-new .images-kit-set__bottom {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  gap: 1ex;
}
.showoff-collections-new #so_seeds_pictures.images-kit-box {
  margin-left: 0;
  margin-right: 0;
  gap: 4px;
}
.showoff-collections-new .images-prompts {
  display: grid;
  grid-auto-flow: row;
  margin-top: 30px;
}
.showoff-collections-new .images-prompts::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: 10px;
  left: 0;
  opacity: 0.33;
}
.showoff-collections-new .images-prompts__title {
  display: grid;
  column-gap: 40px;
  justify-content: start;
  font-weight: bold;
  font-size: 20px;
  margin: 2em 20px 20px;
}
.showoff-collections-new .images-prompts__title .low-item {
  font-size: small;
  font-weight: normal;
  opacity: 0.66;
  display: block;
  word-wrap: anywhere;
  margin-top: 1ex;
}
.showoff-collections-new .images-prompts__title-elm {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
}
.showoff-collections-new .images-prompts__title .button {
  height: 28px;
  font-size: 14px;
  padding: 0 2em;
}
.showoff-collections-new .images-prompts__title-wrapper {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1ex;
  margin-top: 1ex;
}
.showoff-collections-new .images-prompts .button {
  padding: 0 1em;
}

.product-changes-history {
  background-color: #c4c1bb;
  padding: 20px 30px;
  margin-top: 30px;
  margin-bottom: 50px;
  color: black;
  display: grid;
  row-gap: 1em;
}
.product-changes-history__title {
  font-weight: bold;
  font-size: larger;
}
.product-changes-history__data {
  display: grid;
  grid-template-columns: auto auto 1fr;
  row-gap: 16px;
  column-gap: 2em;
}
.product-changes-history__elm {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-flow: column;
}
.product-changes-history__elm:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: unset;
  bottom: -8px;
  opacity: 0.2;
}
.product-changes-history__item {
  display: grid;
}
.product-changes-history__item:nth-of-type(1) {
  grid-column: 1/2;
}
.product-changes-history__item:nth-of-type(2) {
  grid-column: 2/3;
}
.product-changes-history__item:nth-of-type(3) {
  grid-column: 3/4;
}
.product-changes-history__item:nth-of-type(4) {
  grid-column: 4/5;
}

.multiselect {
  display: grid;
  grid-auto-flow: column;
  row-gap: 1ex;
  justify-content: start;
  align-items: center;
  column-gap: 1ex;
  font-size: 12px;
  padding: 20px;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 1ex;
}
.multiselect__wrapper {
  position: relative;
  width: 100%;
}
.multiselect__button {
  border: none;
  max-width: max-content;
  height: 24px;
  border-radius: 5px;
  z-index: 1;
  padding: 4px 28px 4px 8px;
  background-color: #222529;
  color: black;
  position: relative;
}
.multiselect__button::after {
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 33%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16' %3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
  height: 8px;
  width: 8px;
}
.multiselect__button:hover {
  cursor: default;
}
.multiselect__title {
  grid-column: 1/2;
}
.multiselect__select {
  position: absolute;
  left: 0;
  top: 25px;
  border: none;
  width: 100%;
  height: 0;
  border-radius: 5px;
  z-index: 1;
  padding: 0 28px 0 8px;
  background-color: #222529;
  color: black;
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  display: block;
}
.multiselect.is-active .multiselect__select {
  display: block;
  height: 20em;
  padding-top: 10px;
  padding-bottom: 10px;
}
.multiselect.is-active .multiselect__button::after {
  transform: rotate(180deg);
}

.collapse-wrapper {
  margin-bottom: 10px;
  min-height: 34px;
  border: 1px dashed #8790a8;
  border-width: 1px 0;
  transition-property: outline-offset;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.collapse-wrapper__box {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 34px;
}
.collapse-wrapper__box button {
  position: absolute;
  right: 0;
  top: 3px;
  z-index: 2;
  padding: 0;
  border: 1px solid #8790a8;
  border-radius: 3px;
  width: 26px;
  height: 26px;
  background-color: transparent;
  display: grid;
  align-items: center;
  justify-items: center;
  color: black;
}
.collapse-wrapper__box button span {
  rotate: -90deg;
  left: -0.2ex;
  position: relative;
  font-size: 20px;
  color: #13151a;
}
.collapse-wrapper__box button:hover {
  background-color: #004f80;
  border-color: #004f80;
}
.collapse-wrapper__label {
  font-style: italic;
  color: #8790a8;
}
.collapse-wrapper.is-collapsed {
  display: block !important;
  overflow: hidden;
  margin-bottom: 10px;
}
.collapse-wrapper.is-collapsed .collapse-wrapper__box button span {
  rotate: 90deg;
  left: 0.2ex;
}
.collapse-wrapper.is-collapsed li {
  display: none;
}

@media (max-width: 1440px) {
  .showoff-collections-new .v01-full-layer__main {
    margin: 0 20px;
  }
  .showoff-collections-new .toolbar-top__wrapper {
    padding: 0 20px;
  }
  .showoff-collections-new .toolbar-top__title {
    font-size: 32px;
  }
  .showoff-collections-new .toolbar-top .t-buttons-set__button {
    font-size: 13px;
  }
  .showoff-collections-new .layer-grid--16 {
    column-gap: 20px;
  }
  .showoff-collections-new .custom-collection__header {
    column-gap: 5px;
  }
  .showoff-collections-new .custom-collection__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .showoff-collections-new .custom-collection__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .custom-collection__title {
    font-size: 16px;
  }
  .showoff-collections-new .custom-collection__item {
    column-gap: 8px;
    font-size: 13px;
  }
  .showoff-collections-new .custom-collection__item::before {
    font-size: 13px;
  }
  .showoff-collections-new .custom-collection__item .visibility-marker {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .custom-collection__modes .buttons-set button {
    height: 24px;
    padding: 0 5px;
    font-size: 12px;
  }
  .showoff-collections-new .collection-edit {
    left: -310%;
  }
  .showoff-collections-new .collection-edit__header {
    padding: 0 20px;
    height: 44px;
  }
  .showoff-collections-new .collection-edit__title {
    font-size: 16px;
  }
  .showoff-collections-new .collection-edit__list {
    padding: 20px 20px;
  }
  .showoff-collections-new .collection-edit__item {
    grid-template-columns: 1.5fr 3.5fr;
  }
  .showoff-collections-new .collection-edit__item-wrapper .button {
    padding: 0 8px;
  }
  .showoff-collections-new .collection-edit__tag {
    padding: 0 8px;
  }
  .showoff-collections-new .collection-edit .images-kit {
    margin: 0 20px 30px;
  }
  .showoff-collections-new .collection-edit .images-kit__header {
    font-size: 13px;
  }
  .showoff-collections-new .collection-items__header {
    column-gap: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .showoff-collections-new .collection-items__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .collection-items__title {
    font-size: 16px;
  }
  .showoff-collections-new .collection-items__list {
    padding-left: 15px;
    padding-right: 15px;
  }
  .showoff-collections-new .item-edition {
    margin-left: -21px;
  }
  .showoff-collections-new .item-edition__header {
    column-gap: 5px;
    padding: 10px 20px;
  }
  .showoff-collections-new .item-edition__title {
    font-size: 16px;
  }
  .showoff-collections-new .item-edition__list {
    padding: 20px 20px;
  }
  .showoff-collections-new .item-edition__item {
    column-gap: 10px;
  }
  .showoff-collections-new .item-edition__item-wrapper {
    column-gap: 8px;
  }
  .showoff-collections-new .item-edition__item-wrapper .button {
    padding: 0 5px;
  }
  .showoff-collections-new .item-edition__tag {
    padding: 0 6px;
    font-size: 12px;
  }
  .showoff-collections-new .item-edition .images-kit__header {
    font-size: 13px;
  }
  .showoff-collections-new .item-edition .images-kit--multiple {
    margin-left: 30px;
  }
  .showoff-collections-new .images-kit-box {
    gap: 10px;
    row-gap: 30px;
    margin: 0 20px 0 20px;
  }
  .showoff-collections-new .images-kit-box#so_seeds_pictures .images-kit {
    margin: 0;
  }
}
@media (max-width: 1380px) {
  .showoff-collections-new .collection-items__header .t-buttons-set__text {
    display: none;
  }
}
@media (max-width: 1280px) {
  .showoff-collections-new .v01-full-layer__main {
    margin: 0 15px;
  }
  .showoff-collections-new .toolbar-top__wrapper {
    padding: 0 15px;
  }
  .showoff-collections-new .toolbar-top__title {
    font-size: 28px;
  }
  .showoff-collections-new .toolbar-top .t-buttons-set__button {
    font-size: 12px;
  }
  .showoff-collections-new .layer-grid--16 {
    column-gap: 15px;
  }
  .showoff-collections-new .custom-collection__header {
    column-gap: 5px;
  }
  .showoff-collections-new .custom-collection__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .showoff-collections-new .custom-collection__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .custom-collection__title {
    font-size: 14px;
  }
  .showoff-collections-new .custom-collection__item {
    column-gap: 8px;
    font-size: 12px;
  }
  .showoff-collections-new .custom-collection__item::before {
    font-size: 12px;
  }
  .showoff-collections-new .custom-collection__item .visibility-marker {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .custom-collection__modes .buttons-set button {
    height: 24px;
    padding: 0 5px;
    font-size: 12px;
  }
  .showoff-collections-new .collection-edit {
    left: -310%;
  }
  .showoff-collections-new .collection-edit__header {
    padding: 0 15px;
    height: 44px;
  }
  .showoff-collections-new .collection-edit__title {
    font-size: 14px;
  }
  .showoff-collections-new .collection-edit__list {
    padding: 20px 15px;
  }
  .showoff-collections-new .collection-edit__item {
    grid-template-columns: 1.5fr 3.5fr;
  }
  .showoff-collections-new .collection-edit__item-wrapper .button {
    padding: 0 8px;
  }
  .showoff-collections-new .collection-edit__tag {
    padding: 0 8px;
  }
  .showoff-collections-new .collection-edit .images-kit {
    margin: 0 15px 0;
  }
  .showoff-collections-new .collection-edit .images-kit__header {
    font-size: 13px;
  }
  .showoff-collections-new .collection-items__header {
    column-gap: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .showoff-collections-new .collection-items__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .showoff-collections-new .collection-items__header .t-buttons-set__text {
    display: none;
  }
  .showoff-collections-new .collection-items__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .showoff-collections-new .collection-items__title {
    font-size: 14px;
  }
  .showoff-collections-new .collection-items__list {
    padding-left: 10px;
    padding-right: 10px;
  }
  .showoff-collections-new .item-edition {
    margin-left: -16px;
  }
  .showoff-collections-new .item-edition__header {
    column-gap: 5px;
    padding-inline: 15px;
  }
  .showoff-collections-new .item-edition__title {
    font-size: 14px;
  }
  .showoff-collections-new .item-edition__list {
    padding: 20px 15px;
  }
  .showoff-collections-new .item-edition__item {
    column-gap: 10px;
  }
  .showoff-collections-new .item-edition__item-wrapper {
    column-gap: 8px;
  }
  .showoff-collections-new .item-edition__item-wrapper .button {
    padding: 0 5px;
  }
  .showoff-collections-new .item-edition__tag {
    padding: 0 6px;
    font-size: 12px;
  }
  .showoff-collections-new .item-edition .images-kit {
    margin: 0 15px 0;
  }
  .showoff-collections-new .item-edition .images-kit__header {
    font-size: 13px;
  }
  .showoff-collections-new .images-kit-box {
    gap: 10px;
    row-gap: 20px;
    margin: 0 15px 0;
  }
}
.showoff-items-group .items-group {
  grid-column: 1/5;
  display: grid;
  z-index: 3;
}
.showoff-items-group .items-group__scroll-wrapper {
  display: grid;
  overflow: hidden;
}
.showoff-items-group .items-group__box {
  display: grid;
  align-content: start;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #8a8e99;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.showoff-items-group .items-group.has-edition .custom-collection__box {
  border-radius: 10px 0 0 10px;
}
.showoff-items-group .items-group__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  padding: 0 15px;
  height: 44px;
}
.showoff-items-group .items-group__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #8a8e99;
  opacity: 0.5;
}
.showoff-items-group .items-group__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-items-group .items-group__header .t-buttons-set {
  flex-wrap: nowrap;
}
.showoff-items-group .items-group__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-items-group .items-group__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.showoff-items-group .items-group__header .t-buttons-set__button__text {
  font-size: 11px;
}
@media (max-width: 1500px) {
  .showoff-items-group .items-group__header .t-buttons-set__text {
    display: none;
  }
}
.showoff-items-group .items-group__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.showoff-items-group .items-group__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .items-group__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.showoff-items-group .items-group__list {
  display: grid;
  counter-reset: groups-list;
  list-style-type: decimal;
  padding: 0;
  align-content: start;
  width: 100%;
  margin-top: 0;
}
.showoff-items-group .items-group__item {
  counter-increment: groups-list;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  column-gap: 10px;
  padding: 10px 0;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  list-style-type: decimal;
  font-size: 14px;
  width: 100%;
  border-top: 1px solid #8a8e99;
  border-bottom: 1px solid #8a8e99;
}
.showoff-items-group .items-group__item:first-of-type {
  border-top-color: transparent;
}
.showoff-items-group .items-group__item:last-of-type {
  border-bottom: none;
}
.showoff-items-group .items-group__item:not(:first-child) {
  margin-top: -1px;
}
.showoff-items-group .items-group__item::before {
  grid-column: 1/2;
  content: counter(groups-list) ".";
  position: relative;
  font-size: 14px;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.showoff-items-group .items-group__item-text {
  grid-column: 2/3;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.33s;
  transition-timing-function: ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.showoff-items-group .items-group__item .visibility-markers {
  grid-column: 3/4;
  display: grid;
  grid-auto-flow: column;
  column-gap: 4px;
}
.showoff-items-group .items-group__item .visibility-markers__item {
  display: block;
  width: 16px;
  height: 14px;
}
.showoff-items-group .items-group__item .visibility-markers__item .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .items-group__item .visibility-marker {
  grid-column: 3/4;
  width: 16px;
  height: 16px;
}
.showoff-items-group .items-group__item .visibility-marker .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .items-group__item .t-buttons-set {
  grid-column: 4/5;
  width: 24px;
  height: 24px;
}
.showoff-items-group .items-group__item .t-buttons-set__button {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #f7f7f7;
  outline: 1px solid transparent;
  border-radius: 3px;
  border: none;
  transition-property: all;
  transition-duration: 0.33s;
  transition-timing-function: ease;
}
.showoff-items-group .items-group__item .t-buttons-set__button:hover {
  background-color: black;
  color: white;
  outline-color: black;
}
.showoff-items-group .items-group__item .t-buttons-set__icon {
  width: 13px;
  height: 13px;
  position: relative;
  right: -1px;
}
.showoff-items-group .items-group__item .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .items-group__item .t-buttons-set__icon.reload-icon {
  right: 0;
}
.showoff-items-group .items-group__item .t-buttons-set__icon.reload-icon--animated {
  animation-duration: 1s;
  animation-name: rotate-it;
  animation-iteration-count: 5;
  animation: rotate-it 0.66s linear infinite;
}
.showoff-items-group .items-group__item.is-active {
  border-color: #a84600;
  z-index: 2;
  color: #a84600;
}
.showoff-items-group .items-group__item.is-active:first-of-type {
  border-top: 1px solid #a84600;
}
.showoff-items-group .items-group__item.is-active:last-of-type {
  border-bottom: 1px solid #a84600;
}
.showoff-items-group .items-group__item.is-active:hover {
  cursor: pointer;
}
.showoff-items-group .items-group__item:hover::before {
  opacity: 0.33;
}
.showoff-items-group .items-group__item:hover .items-group__item-text {
  cursor: pointer;
  opacity: 0.33;
}
.showoff-items-group .items-group__num {
  opacity: 0.5;
}
.showoff-items-group .items-group__num::after {
  content: ".";
  margin-left: 0.2ex;
}
.showoff-items-group .items-group__search {
  display: grid;
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid #8a8e99;
}
.showoff-items-group .items-group__search-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.showoff-items-group .items-group__search-input {
  border: none;
  background-color: #fff;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
}
.showoff-items-group .items-group__modes {
  display: grid;
  position: relative;
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid #8a8e99;
}
.showoff-items-group .items-group__modes-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.showoff-items-group .items-group__modes .buttons-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: start;
}
.showoff-items-group .items-group__modes .buttons-set button {
  height: 24px;
  padding: 0 8px;
  background-color: #ccccd9;
  border: none;
  color: #f7f7f7;
  font-size: 13px;
}
.showoff-items-group .items-group__modes .buttons-set button.is-active {
  background-color: #333333;
}
.showoff-items-group .items-group__modes .buttons-set button:hover {
  cursor: pointer;
  opacity: 0.5;
}
.showoff-items-group .items-group__nav {
  display: grid;
  padding: 12px 15px 15px 15px;
}
.showoff-items-group .items-group__companies {
  border-bottom: 1px solid #8a8e99;
  padding: 15px;
  display: grid;
}
.showoff-items-group .items-group__companies-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.showoff-items-group .items-group__companies select {
  width: 100%;
  height: 28px;
  border: none;
  border-radius: 5px;
  z-index: 1;
  background-color: #fff;
}
.showoff-items-group .group-items {
  grid-column: 5/11;
  border: 1px solid #8a8e99;
  border-radius: 10px 0 0 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
.showoff-items-group .group-items__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 1em;
  justify-content: start;
  min-height: 44px;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 5px 20px;
}
.showoff-items-group .group-items__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #8a8e99;
  opacity: 0.5;
}
.showoff-items-group .group-items__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-items-group .group-items__header .t-buttons-set {
  justify-content: start;
}
.showoff-items-group .group-items__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-items-group .group-items__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
  display: block;
}
.showoff-items-group .group-items__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .group-items__header .t-buttons-set .delete-all-icon {
  width: 20px;
}
.showoff-items-group .group-items__header .t-buttons-set__text {
  white-space: nowrap;
}
.showoff-items-group .group-items__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.showoff-items-group .group-items__title::after {
  content: none;
}
.showoff-items-group .group-items__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 120px);
  gap: 20px 10px;
  padding: 20px 20px;
  margin-top: 0;
  counter-reset: items-list;
}
.showoff-items-group .group-items__select {
  display: grid;
  grid-auto-flow: column;
  row-gap: 1ex;
  justify-content: start;
  align-items: center;
  column-gap: 1ex;
  font-size: 12px;
  padding: 20px;
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 1ex;
}
.showoff-items-group .group-items__select select {
  border: none;
  max-width: max-content;
  height: 24px;
  border-radius: 5px;
  z-index: 1;
  padding: 4px 16px 4px 8px;
  background-color: #222529;
}
.showoff-items-group .group-items__select-title {
  grid-column: 1/2;
}
.showoff-items-group .group-items__inputs {
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 1em;
  padding: 20px;
}
.showoff-items-group .group-items__inputs-item {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  column-gap: 1em;
}
.showoff-items-group .group-items__inputs-item.has-icon-overlay .t-buttons-set {
  position: absolute;
  right: 2px;
  top: 2px;
}
.showoff-items-group .group-items__inputs-item.has-icon-overlay .t-buttons-set__button {
  width: 24px;
  height: 24px;
}
.showoff-items-group .group-items__inputs-item.has-icon-overlay .t-buttons-set__icon {
  height: 12px;
  width: 12px;
}
.showoff-items-group .group-items__inputs-item.has-icon-overlay .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.showoff-items-group .group-items__input {
  border: none;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
}
.showoff-items-group .group-items__input[readonly] {
  background-color: transparent;
  border: 1px solid #2b303b;
  color: #1c1f26;
}
.showoff-items-group .group-items__textarea {
  border: none;
  border-radius: 5px;
  padding: 1ex;
  min-height: 5em;
  padding-right: 2em;
}
.showoff-items-group .group-items__textarea[readonly] {
  background-color: transparent;
  border: 1px solid #2b303b;
  color: #1c1f26;
}
.showoff-items-group .group-items__textarea.--sql {
  min-height: 10em;
}
.showoff-items-group .group-conditions {
  display: grid;
  row-gap: 1em;
  padding: 20px;
}
.showoff-items-group .group-conditions__title {
  margin: 0;
  font-size: 18px;
}
.showoff-items-group .group-conditions__match {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}
.showoff-items-group .group-conditions__match label input {
  margin-left: 2em;
}
.showoff-items-group .group-conditions__filters {
  display: grid;
  row-gap: 1em;
}
.showoff-items-group .group-conditions__filters .row-wrapper {
  display: grid;
  column-gap: 1ex;
  grid-auto-flow: column;
}
.showoff-items-group .group-conditions__filters-row {
  display: grid;
  grid-template-columns: 1fr auto;
}
.showoff-items-group .group-conditions__filters-row select,
.showoff-items-group .group-conditions__filters-row input {
  border: none;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
  width: 100%;
}
.showoff-items-group .group-conditions__filters-row .t-buttons-set {
  display: grid;
  margin-left: 2em;
  align-content: center;
}
.showoff-items-group .group-conditions__filters-row .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.showoff-items-group .group-conditions__filters-row .t-buttons-set__icon svg {
  width: 100%;
  height: 100%;
}
.showoff-items-group .group-conditions .section-buttons {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1em;
  margin-top: 2em;
}
.showoff-items-group .group-conditions .section-buttons .button {
  display: grid;
  align-items: center;
}
.showoff-items-group .group-conditions .section-buttons .button .apply-icon {
  display: grid;
  align-items: center;
  width: 14px;
}
.showoff-items-group .group-conditions .section-buttons::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: -1em;
  opacity: 0.33;
  background: linear-gradient(to right, black 66%, transparent 50%);
  background-size: 1em;
}
.showoff-items-group .group-result {
  grid-column: 11/17;
  border: 1px solid #8a8e99;
  border-radius: 0 10px 10px 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: -31px;
  padding-bottom: 30px;
}
.showoff-items-group .group-result__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0.8ex 20px;
  min-height: 44px;
}
.showoff-items-group .group-result__header select {
  border: none;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
  margin-left: 1ex;
}
.showoff-items-group .group-result__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #8a8e99;
  opacity: 0.5;
}
.showoff-items-group .group-result__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  left: 0;
  bottom: 0;
  top: unset;
}
.showoff-items-group .group-result__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  background-color: #f2f2f2;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.showoff-items-group .group-result__header .t-buttons-set__icon {
  height: 16px;
  width: 16px;
}
.showoff-items-group .group-result__header .t-buttons-set__icon .svg-sprite {
  height: 100%;
  width: 100%;
}
.showoff-items-group .group-result__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.showoff-items-group .group-result__list {
  display: grid;
  padding: 0 20px;
  row-gap: 1em;
  margin: 2em 0;
}
.showoff-items-group .group-result .result-list {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
}
.showoff-items-group .group-result .result-list__item {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
  column-gap: 1em;
  grid-auto-flow: column;
  justify-content: start;
}
.showoff-items-group .group-result .result-list__item:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -0.5em;
  opacity: 0.25;
}
.showoff-items-group .group-result .result-list__item-order:after {
  content: ".";
}
.showoff-items-group .group-result .result-list__status {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
}
.showoff-items-group .group-result .result-list__status-item {
  padding: 0.5ex 1ex;
  border-radius: 3px;
  border: 1px solid #bfbfbf;
}
.showoff-items-group .group-result .result-list__status-item.--done {
  background-color: #457b45;
  border-color: #457b45;
}
.showoff-items-group .group-result .result-list__status-item.--disabled {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  color: #e0e0e0;
}
.showoff-items-group .group-result .result-list__status-item.--cancel {
  background-color: #a84600;
  border-color: #a84600;
}
.showoff-items-group .group-result .result-list__name {
  text-align-last: left;
}
.showoff-items-group .group-result .images-kit {
  margin: 0;
}
.showoff-items-group .group-result .images-kit__img {
  width: 40px;
  height: 40px;
}
.showoff-items-group .group-result .button {
  width: max-content;
  border-radius: 3px;
  height: 28px;
}

.pagination {
  padding: 0 20px;
  display: grid;
  row-gap: 1.5em;
  justify-content: center;
  justify-items: center;
  margin-top: 3em;
}
.pagination::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  top: -1.5em;
  opacity: 0.33;
  background: linear-gradient(to right, black 66%, transparent 50%);
  background-size: 1em;
}

.items-per-page {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 1ex;
}
.items-per-page select {
  border: none;
  border-radius: 5px;
  padding: 0 5px;
  height: 28px;
}

.paginator-02 button[disabled] {
  opacity: 0.33;
}
.paginator-02 .page-numbers {
  padding: 0 1em;
}

@media (max-width: 1440px) {
  .showoff-items-group .group-items__title {
    font-size: 16px;
  }
  .showoff-items-group .group-result {
    margin-left: -21px;
  }
  .showoff-items-group .group-result__title {
    font-size: 16px;
  }
}
@media (max-width: 1380px) {
  .showoff-items-group .items-group__header .t-buttons-set__text {
    display: none;
  }
}
@media (max-width: 1280px) {
  .showoff-items-group .group-items__title {
    font-size: 15px;
  }
  .showoff-items-group .group-result {
    margin-left: -16px;
  }
  .showoff-items-group .group-result__title {
    font-size: 15px;
  }
}
@media (max-width: 1500px) {
  .showoff-items-group .group-items__header .t-buttons-set__text {
    display: none;
  }
}
.showoff-sync-db.v01-full-layer .v01-full-layer__main {
  margin: 0 30px;
  overflow: hidden;
  height: calc(100vh - 40px - 60px - 20px - 20px);
}
.showoff-sync-db.v01-full-layer .new-closer {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
}
.showoff-sync-db.v01-full-layer .new-closer:hover {
  cursor: pointer;
}
.showoff-sync-db .toolbar-top .images-set__img {
  width: 30px;
  height: 30px;
  outline: 1px solid #f2f2f2;
  outline-offset: -1px;
  border-radius: 3px;
}
.showoff-sync-db .toolbar-top .images-set__icon {
  display: grid;
  width: 30px;
  height: 30px;
  align-items: end;
  justify-items: center;
}
.showoff-sync-db .toolbar-top__wrapper {
  padding: 0 30px;
}
.showoff-sync-db .toolbar-top__title {
  font-size: 36px;
}
.showoff-sync-db .toolbar-top__title-main {
  font-size: inherit;
}
.showoff-sync-db .toolbar-top__title:after {
  bottom: 0;
}
.showoff-sync-db .toolbar-top .t-buttons-set__button {
  font-size: 14px;
}
.showoff-sync-db .sync-log {
  padding: 20px;
  height: 100%;
  overflow: auto;
  display: grid;
  align-content: start;
}
.showoff-sync-db .sync-log p {
  margin: 0 0 1ex 0;
  font-size: larger;
}
.showoff-sync-db .sync-log dl {
  font-size: 16px;
}
.showoff-sync-db .sync-log dt {
  font-weight: bold;
  color: #d3c5b6;
}
.showoff-sync-db .layer-grid {
  display: grid;
}
.showoff-sync-db .layer-grid .left-column {
  grid-column: 1/5;
  display: grid;
  z-index: 3;
}
.showoff-sync-db .layer-grid .left-column__scroll-wrapper {
  display: grid;
  overflow: hidden;
}
.showoff-sync-db .layer-grid .left-column__box {
  display: grid;
  align-content: start;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #8a8e99;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.showoff-sync-db .layer-grid .left-column__main {
  padding: 20px;
}
.showoff-sync-db .layer-grid .left-column .t-buttons-set {
  display: grid;
  grid-auto-flow: row;
  justify-content: unset;
  row-gap: 10px;
}
.showoff-sync-db .layer-grid .left-column .t-buttons-set__button-wrapper {
  display: grid;
  row-gap: 1ex;
}
.showoff-sync-db .layer-grid .left-column .t-buttons-set__button {
  display: grid;
  justify-items: center;
  font-size: 16px;
  height: auto;
  padding: 1ex 1em;
}
.showoff-sync-db .layer-grid .left-column .t-buttons-set__hint {
  display: grid;
  justify-items: center;
  text-align: center;
  font-size: 12px;
  opacity: 0.66;
  margin-bottom: 1em;
}
.showoff-sync-db .layer-grid .left-column .t-buttons-set__text {
  display: grid;
  justify-items: center;
  text-align: center;
}
.showoff-sync-db .layer-grid .right-column {
  grid-column: 5/-1;
  border: 1px solid #8a8e99;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.api-log-layer-new.v01-full-layer .v01-full-layer__main {
  margin: 0 30px;
  overflow: hidden;
  height: calc(100vh - 40px - 60px - 20px - 20px);
}
.api-log-layer-new.v01-full-layer .v01-full-layer__box {
  row-gap: 30px;
}
.api-log-layer-new.v01-full-layer .new-closer {
  position: absolute;
  z-index: 100;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
}
.api-log-layer-new.v01-full-layer .new-closer:hover {
  cursor: pointer;
}
.api-log-layer-new.--has-toolbar-type2 .v01-full-layer__box {
  grid-template-rows: 50px 1fr;
}
.api-log-layer-new .layer-grid {
  display: grid;
  border-radius: 10px;
}
.api-log-layer-new .layer-grid--16 {
  grid-template-columns: repeat(16, 1fr);
  column-gap: 30px;
}
.api-log-layer-new .toolbar-top {
  padding-right: 40px;
  height: 50px;
}
.api-log-layer-new .toolbar-top .images-set__img {
  width: 30px;
  height: 30px;
  outline: 1px solid #f2f2f2;
  outline-offset: -1px;
  border-radius: 3px;
}
.api-log-layer-new .toolbar-top .images-set__icon {
  display: grid;
  width: 30px;
  height: 30px;
  align-items: end;
  justify-items: center;
}
.api-log-layer-new .toolbar-top__wrapper {
  padding: 0 30px;
  align-content: unset;
}
.api-log-layer-new .toolbar-top__title {
  font-size: 36px;
  bottom: -12px;
}
.api-log-layer-new .toolbar-top__title-main {
  font-size: inherit;
}
.api-log-layer-new .toolbar-top__title:after {
  bottom: 0;
}
.api-log-layer-new .toolbar-top .t-buttons-set__button {
  font-size: inherit;
  padding: 0;
}
.api-log-layer-new .toolbar-top .t-buttons-set__text {
  display: none;
}
.api-log-layer-new .toolbar-top .tech-data {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 1ex;
  font-family: monospace;
  font-size: 14px;
}
.api-log-layer-new .toolbar-top__elm:before {
  height: 100%;
  top: 0;
}
.api-log-layer-new .api-log-tabs {
  grid-column: 1/6;
  display: grid;
  z-index: 3;
}
.api-log-layer-new .api-log-tabs__box {
  display: grid;
  align-content: start;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #2b303b;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.api-log-layer-new .api-log-tabs__header {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  column-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0 15px;
  height: 44px;
}
.api-log-layer-new .api-log-tabs__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.5;
}
.api-log-layer-new .api-log-tabs__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set {
  justify-content: start;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set__button {
  height: 28px;
  width: 28px;
  padding: 0;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.api-log-layer-new .api-log-tabs__header .t-buttons-set__text {
  display: none;
}
.api-log-layer-new .api-log-tabs__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.api-log-layer-new .api-log-tabs__list {
  display: grid;
  row-gap: 8px;
  padding: 0;
  align-content: start;
  width: 100%;
  margin-top: 0;
}
.api-log-layer-new .api-log-tabs__item {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 10px;
  justify-content: start;
  align-items: center;
  position: relative;
  z-index: 1;
  font-size: 13px;
  width: 100%;
}
.api-log-layer-new .api-log-tabs__item:not(:first-child) {
  margin-top: -1px;
}
.api-log-layer-new .api-log-tabs__item::before {
  content: none;
}
.api-log-layer-new .api-log-tabs__item span:nth-of-type(1) {
  margin-right: 1em;
  font-weight: bold;
}
.api-log-layer-new .api-log-tabs__container {
  display: grid;
  position: relative;
  padding: 12px 15px 15px 15px;
  border-bottom: 1px solid #2b303b;
}
.api-log-layer-new .api-log-tabs__container-title {
  font-size: 12px;
  margin-bottom: 0.5ex;
}
.api-log-layer-new .api-log-tabs__container .buttons-set {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  justify-content: start;
}
.api-log-layer-new .api-log-tabs__container .buttons-set button {
  height: 24px;
  padding: 0 8px;
  background-color: #8790a8;
  color: black;
  border: none;
  font-size: 13px;
}
.api-log-layer-new .api-log-tabs__container .buttons-set button.is-active {
  background-color: #dee0e6;
  color: #1c1f26;
}
.api-log-layer-new .api-log-tabs__container .buttons-set button:hover {
  cursor: pointer;
  opacity: 0.5;
}
.api-log-layer-new .api-log-tabs__shortlog {
  display: grid;
  padding: 12px 15px 15px 15px;
}
.api-log-layer-new .api-log-tabs__shortlog-title {
  font-size: 18px;
  font-weight: bold;
  margin: 1ex 0;
}
.api-log-layer-new .main-log {
  grid-column: 6/17;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
  background-color: #dee0e6;
  border: 1px solid #2b303b;
}
.api-log-layer-new .main-log__box {
  display: grid;
  grid-template-rows: 44px 1fr;
  height: 100%;
  overflow: hidden;
}
.api-log-layer-new .main-log__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #babbbf;
  padding: 0 20px;
  height: 44px;
}
.api-log-layer-new .main-log__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.5;
}
.api-log-layer-new .main-log__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #dee0e6;
  left: 0;
  bottom: 0;
  top: unset;
}
.api-log-layer-new .main-log__header .t-buttons-set__button {
  padding: 0 10px;
  height: 28px;
  width: auto;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.api-log-layer-new .main-log__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.api-log-layer-new .main-log__header .t-buttons-set__button.--quad {
  height: 28px;
  width: 28px;
  padding: 0;
}
.api-log-layer-new .main-log__header .t-buttons-set__button.--quad .t-buttons-set__text {
  display: none;
}
.api-log-layer-new .main-log__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.api-log-layer-new .main-log__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.api-log-layer-new .main-log__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: grid;
  align-items: center;
}
.api-log-layer-new .main-log__code {
  display: grid;
  align-content: start;
  padding: 20px;
  overflow: auto;
  height: 100%;
}
.api-log-layer-new .main-log__code pre {
  font-family: monospace;
  line-height: 150%;
  font-size: 13px;
}
.api-log-layer-new .images-kit-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0 30px 30px;
}
.api-log-layer-new .images-kit-box .images-kit {
  margin: 0;
}
.api-log-layer-new .images-prompts {
  display: grid;
  grid-auto-flow: row;
}
.api-log-layer-new .images-prompts__title {
  font-weight: bold;
  font-size: 20px;
  margin: 2em 30px 20px;
}
.api-log-layer-new .images-prompts .button {
  padding: 0 20px;
}

.api-log-layer-new.--zindex-02 .v01-full-layer__main {
  height: calc(100vh - 160px);
}
.api-log-layer-new.--zindex-03 .v01-full-layer__main {
  height: calc(100vh - 200px);
}
.api-log-layer-new.--zindex-04 .v01-full-layer__main {
  height: calc(100vh - 220px);
}
.api-log-layer-new.--zindex-05 .v01-full-layer__main {
  height: calc(100vh - 240px);
}

@media (max-width: 1440px) {
  .api-log-layer-new .v01-full-layer__main {
    margin: 0 20px;
  }
  .api-log-layer-new .toolbar-top__wrapper {
    padding: 0 20px;
  }
  .api-log-layer-new .toolbar-top__title {
    font-size: 32px;
  }
  .api-log-layer-new .toolbar-top .t-buttons-set__button {
    font-size: 13px;
  }
  .api-log-layer-new .layer-grid--16 {
    column-gap: 20px;
  }
  .api-log-layer-new .custom-collection__header {
    column-gap: 5px;
  }
  .api-log-layer-new .custom-collection__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .api-log-layer-new .custom-collection__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .custom-collection__title {
    font-size: 16px;
  }
  .api-log-layer-new .custom-collection__item {
    column-gap: 8px;
    font-size: 13px;
  }
  .api-log-layer-new .custom-collection__item::before {
    font-size: 13px;
  }
  .api-log-layer-new .custom-collection__item .visibility-marker {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .custom-collection__box .buttons-set button {
    height: 24px;
    padding: 0 5px;
    font-size: 12px;
  }
  .api-log-layer-new .collection-edit {
    width: 300%;
    left: -310%;
  }
  .api-log-layer-new .collection-edit__header {
    padding: 0 20px;
    height: 44px;
  }
  .api-log-layer-new .collection-edit__title {
    font-size: 16px;
  }
  .api-log-layer-new .collection-edit__list {
    padding: 20px 20px;
  }
  .api-log-layer-new .collection-edit__item {
    grid-template-columns: 1.5fr 3.5fr;
  }
  .api-log-layer-new .collection-edit__item-wrapper .button {
    padding: 0 8px;
  }
  .api-log-layer-new .collection-edit__tag {
    padding: 0 8px;
  }
  .api-log-layer-new .collection-edit .images-kit {
    margin: 0 20px 30px;
  }
  .api-log-layer-new .collection-edit .images-kit__header {
    font-size: 13px;
  }
  .api-log-layer-new .collection-items__header {
    column-gap: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .api-log-layer-new .collection-items__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .api-log-layer-new .collection-items__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .collection-items__title {
    font-size: 16px;
  }
  .api-log-layer-new .collection-items__list {
    padding-left: 15px;
    padding-right: 15px;
  }
  .api-log-layer-new .item-edition {
    margin-left: -21px;
  }
  .api-log-layer-new .item-edition__header {
    column-gap: 5px;
    padding: 0 20px;
  }
  .api-log-layer-new .item-edition__title {
    font-size: 16px;
  }
  .api-log-layer-new .item-edition__list {
    padding: 20px 20px;
  }
  .api-log-layer-new .item-edition__item {
    column-gap: 10px;
  }
  .api-log-layer-new .item-edition__item-wrapper {
    column-gap: 8px;
  }
  .api-log-layer-new .item-edition__item-wrapper .button {
    padding: 0 5px;
  }
  .api-log-layer-new .item-edition__tag {
    padding: 0 6px;
    font-size: 12px;
  }
  .api-log-layer-new .item-edition .images-kit {
    margin: 0 20px 30px;
  }
  .api-log-layer-new .item-edition .images-kit__header {
    font-size: 13px;
  }
  .api-log-layer-new .images-kit-box {
    gap: 10px;
    margin: 0 20px 30px;
  }
}
@media (max-width: 1280px) {
  .api-log-layer-new .v01-full-layer__main {
    margin: 0 15px;
  }
  .api-log-layer-new .toolbar-top__wrapper {
    padding: 0 15px;
  }
  .api-log-layer-new .toolbar-top__title {
    font-size: 28px;
  }
  .api-log-layer-new .toolbar-top .t-buttons-set__button {
    font-size: 12px;
  }
  .api-log-layer-new .layer-grid--16 {
    column-gap: 15px;
  }
  .api-log-layer-new .custom-collection__header {
    column-gap: 5px;
  }
  .api-log-layer-new .custom-collection__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .api-log-layer-new .custom-collection__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .custom-collection__title {
    font-size: 14px;
  }
  .api-log-layer-new .custom-collection__item {
    column-gap: 8px;
    font-size: 12px;
  }
  .api-log-layer-new .custom-collection__item::before {
    font-size: 12px;
  }
  .api-log-layer-new .custom-collection__item .visibility-marker {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .custom-collectionboxmodes .buttons-set button {
    height: 24px;
    padding: 0 5px;
    font-size: 12px;
  }
  .api-log-layer-new .collection-edit {
    width: 300%;
    left: -310%;
  }
  .api-log-layer-new .collection-edit__header {
    padding: 0 15px;
    height: 44px;
  }
  .api-log-layer-new .collection-edit__title {
    font-size: 14px;
  }
  .api-log-layer-new .collection-edit__list {
    padding: 20px 15px;
  }
  .api-log-layer-new .collection-edit__item {
    grid-template-columns: 1.5fr 3.5fr;
  }
  .api-log-layer-new .collection-edit__item-wrapper .button {
    padding: 0 8px;
  }
  .api-log-layer-new .collection-edit__tag {
    padding: 0 8px;
  }
  .api-log-layer-new .collection-edit .images-kit {
    margin: 0 15px 30px;
  }
  .api-log-layer-new .collection-edit .images-kit__header {
    font-size: 13px;
  }
  .api-log-layer-new .collection-items__header {
    column-gap: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .api-log-layer-new .collection-items__header .t-buttons-set__button {
    height: 24px;
    width: 24px;
  }
  .api-log-layer-new .collection-items__header .t-buttons-set__icon {
    width: 14px;
    height: 14px;
  }
  .api-log-layer-new .collection-items__title {
    font-size: 14px;
  }
  .api-log-layer-new .collection-items__list {
    padding-left: 10px;
    padding-right: 10px;
  }
  .api-log-layer-new .item-edition {
    margin-left: -16px;
  }
  .api-log-layer-new .item-edition__header {
    column-gap: 5px;
    padding: 0 15px;
  }
  .api-log-layer-new .item-edition__title {
    font-size: 14px;
  }
  .api-log-layer-new .item-edition__list {
    padding: 20px 15px;
  }
  .api-log-layer-new .item-edition__item {
    column-gap: 10px;
  }
  .api-log-layer-new .item-edition__item-wrapper {
    column-gap: 8px;
  }
  .api-log-layer-new .item-edition__item-wrapper .button {
    padding: 0 5px;
  }
  .api-log-layer-new .item-edition__tag {
    padding: 0 6px;
    font-size: 12px;
  }
  .api-log-layer-new .item-edition .images-kit {
    margin: 0 15px 30px;
  }
  .api-log-layer-new .item-edition .images-kit__header {
    font-size: 13px;
  }
  .api-log-layer-new .images-kit-box {
    gap: 10px;
    margin: 0 15px 30px;
  }
}
.memo-text {
  width: 100%;
  height: 80%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  min-height: 82px;
  padding: 10px;
  overflow: auto;
  color: #d4d5d9;
  background-color: #333333;
  text-wrap: nowrap;
}

.info-layer--collection-items .full-layer__box {
  height: calc(100vh - 150px);
  align-content: unset;
}
.info-layer--collection-items .full-layer__info {
  height: 100%;
}

.info-layer--counter .full-layer__box {
  height: 80vh;
  overflow: hidden;
}
.info-layer--counter .full-layer__info {
  overflow: auto;
}
.info-layer--counter .log-data {
  display: grid;
  justify-content: start;
  row-gap: 1em;
}
.info-layer--counter .log-data__elm {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 120px 1fr;
  column-gap: 2em;
  align-items: center;
}
.info-layer--counter .info-layer__header {
  font-size: 20px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto;
}
.info-layer--counter .info-layer__header button {
  height: 40px;
  align-self: center;
  font-size: 18px;
  padding: 0 1em;
}
.info-layer--counter .info-layer__title .counter-item {
  margin-right: 2ex;
  position: relative;
}
.info-layer--counter .info-layer__title .counter-item::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  right: -1ex;
  left: unset;
  opacity: 0.33;
}

.changes-comments {
  padding: 30px;
  background-color: #eaeaea;
  margin-bottom: -30px;
  display: grid;
  row-gap: 1em;
  font-size: 14px;
}
.changes-comments__title {
  font-weight: bold;
  font-size: larger;
}
.changes-comments__comment {
  display: grid;
  margin-bottom: 3em;
}
.changes-comments__comment::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 3px;
  background-color: black;
  top: unset;
  bottom: -1.5em;
  opacity: 0.33;
}
.changes-comments__comment p:only-child, .changes-comments__comment p:last-child {
  margin-bottom: 0;
}
.changes-comments__comment-time, .changes-comments__comment-author {
  font-size: smaller;
  color: #1a1e2d;
  padding-left: 1em;
}
.changes-comments__comment-time:before, .changes-comments__comment-author:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 2px;
  height: 100%;
  background-color: #1a1e2d;
  left: 0;
  top: 0;
  opacity: 0.66;
}
.changes-comments__funcs {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
}
.changes-comments__funcs input {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
  z-index: 1;
}
.changes-comments__funcs button {
  outline: 2px solid black;
  background-color: black;
  border: none;
  position: relative;
  padding: 0 2em;
}
.changes-comments:nth-child(1n) {
  margin-bottom: 2em;
  border-left: 3px solid #69b569;
}
.changes-comments:nth-child(2n) {
  border-left: 3px solid #4f5ee2;
}

.showoff-collections-new .toolbar-top {
  z-index: 5;
}
.showoff-collections-new .toolbar-top__elm:last-child {
  margin-right: 40px;
}
.showoff-collections-new .toolbar-top__elm .buttons-set {
  align-items: center;
}

.edit-styles--showoff-lists .t-buttons-set {
  top: 40px;
  right: 20px;
}

.paginator-01 {
  display: grid;
  justify-content: center;
  align-items: center;
  grid-auto-flow: column;
  column-gap: 40px;
}
.paginator-01__button,
.paginator-01 button {
  width: 40px;
  height: 40px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.paginator-01__button[disabled],
.paginator-01 button[disabled] {
  opacity: 0.33;
  cursor: default !important;
  background-color: transparent;
}
.paginator-01__button[disabled]:hover,
.paginator-01 button[disabled]:hover {
  cursor: default !important;
  background-color: inherit;
}
.paginator-01__button[disabled] .angle,
.paginator-01 button[disabled] .angle {
  color: black;
}
.paginator-01__button[disabled] .angle:hover,
.paginator-01 button[disabled] .angle:hover {
  background-color: inherit;
  cursor: inherit;
  opacity: 0.66;
}
.paginator-01__center {
  font-size: 18px;
}
.paginator-01 .angle {
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
  color: white;
  opacity: 0.66;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.paginator-01 .angle:before {
  content: "";
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-top: none;
  border-right: none;
  display: block;
  position: relative;
  z-index: 1;
  background-color: none;
  top: unset;
  left: unset;
  left: unset;
  right: unset;
  transform: translateX(4px) rotate(45deg);
}
.paginator-01 .angle:after {
  position: relative;
  top: unset;
  left: unset;
  left: unset;
  right: unset;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
}
.paginator-01 .angle--next::before {
  transform: translateX(-4px) rotate(225deg);
}
.paginator-01 .angle:hover {
  opacity: 1;
}
.paginator-01 .angle:hover:after {
  border-color: black;
}

.user-abuses .paginator-01 {
  margin-right: 40px;
}
.user-abuses .full-layer__header {
  align-items: center;
}

.user-access .v01-full-layer__box-wrapper {
  display: grid;
  grid-template-columns: 4.5fr 1.5fr;
}

.info-layer-table td {
  border: 1px solid #747880;
  padding: 5px 10px;
}

.final-images__img {
  min-width: 200px;
}
.final-images__image-2-image {
  position: relative;
  right: unset;
  background-color: #08141f;
}
.final-images__image-2-image-wrapper {
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  column-gap: 6px;
  justify-items: center;
}

.showoff-collections-new .layer-tabs {
  position: absolute;
  top: 71px;
  right: 32px;
  z-index: 100;
}

.view-mode {
  display: grid;
  row-gap: 1ex;
}
.view-mode__office {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 2em;
  justify-content: start;
}
.view-mode__text {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1em;
}
.view-mode__text .emphasis {
  font-weight: bold;
  color: #b39500;
  width: 10em;
}
.view-mode__buttons {
  display: grid;
  grid-auto-flow: column;
  column-gap: 2px;
}
.view-mode__buttons button {
  height: 32px;
  padding: 0 2em;
}
.view-mode__buttons button[disabled] {
  opacity: 0.33;
  cursor: default;
  color: #000000;
}
.view-mode__buttons button[disabled]:hover {
  background-color: #f2f2f2;
  opacity: 0.33;
  color: #000000;
}
.view-mode::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  bottom: -1em;
  opacity: 0.33;
}

.tabs-in-header .button {
  height: 24px;
  padding: 0 8px;
  background-color: #8790a8;
  border: none;
  color: black;
  font-size: 13px;
}
.tabs-in-header .button.is-active {
  background-color: black;
  color: white;
}

.infrastructure-graph {
  width: calc(100vw - 100px);
  height: 500px;
  position: relative;
  background-color: #f7f7f7;
}
.infrastructure-graph.is-invisible {
  position: absolute;
  top: -100vh;
  opacity: 0;
}

.auto-processing .v01-full-layer__main {
  padding: 40px;
  padding-top: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.auto-processing .toolbar-top__buttons-set {
  column-gap: 1ex;
}
.auto-processing .toolbar-top__elm:last-child {
  margin-right: 40px;
}
.auto-processing .t-buttons-set__button {
  font-size: 14px;
}
.auto-processing .pics-amount {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
}
.auto-processing .pics-amount input {
  width: 5em;
  border: none;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
  background-color: #fff;
}
.auto-processing .start-gen {
  grid-auto-flow: column;
  column-gap: 1ex;
}

.one-clone-info {
  margin-bottom: 3em;
  display: flex;
  flex-wrap: wrap;
  column-gap: 2em;
  row-gap: 1ex;
  line-height: 2;
}
.one-clone-info dl {
  padding: 0 1ex;
  position: relative;
}
.one-clone-info dl::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  top: 0;
  left: unset;
  right: -1em;
  opacity: 0.33;
}

.runway-stylization {
  height: 100vh;
  overflow: hidden;
  grid-template: 5vh 1fr 5vh/minmax(15px, 1fr) minmax(10px, max-content) max-content minmax(15px, 1fr);
  top: 0;
}
.runway-stylization .full-layer__box {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  overflow: hidden !important;
  min-width: 50vw !important;
  max-width: 90vw !important;
}
.runway-stylization .full-layer__title {
  font-size: 28px;
  margin: 0;
  position: relative;
}
.runway-stylization .full-layer__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  left: unset;
  right: -1em;
}
.runway-stylization .full-layer__header {
  display: grid;
  grid-auto-flow: column;
  column-gap: 2em;
  justify-content: start;
  align-items: center;
  margin-bottom: 1.5em;
  color: #1a1e2d;
}
.runway-stylization .full-layer__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100vw;
  height: 1px;
  background-color: #8a8e99;
  top: unset;
  bottom: -1ex;
  left: -40px;
}
.runway-stylization .full-layer__header .choose-block {
  display: grid;
  grid-template: 1fr/auto auto;
  column-gap: 1ex;
}
.runway-stylization .full-layer__header .choose-block__text {
  grid-column: 1/2;
  grid-row: 1/2;
}
.runway-stylization .full-layer__header .choose-block__select {
  grid-column: 2/3;
  grid-row: 1/2;
}
.runway-stylization .full-layer__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 70vh;
}
.runway-stylization .box-01 dl {
  font-size: 16px;
}
.runway-stylization .box-02 {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1em;
}
.runway-stylization .box-02 .images-kit__box {
  width: 200px;
  height: 200px;
}
.runway-stylization .box-02 .images-kit__box:before {
  width: 200px;
  height: 200px;
}
.runway-stylization .box-02 .images-kit__img {
  width: 100%;
  height: 100%;
}
.runway-stylization .left-col {
  display: grid;
  row-gap: 2em;
  align-content: start;
  height: 95%;
  overflow-y: auto;
}
.runway-stylization .right-col {
  height: 95%;
  padding-right: 2em;
  padding-left: 2em;
  overflow-y: auto;
}
.runway-stylization .right-col::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0.33;
}
.runway-stylization .choose-blocks {
  display: grid;
  row-gap: 1em;
}
.runway-stylization .info-layer__bottom-buttons {
  margin-top: 1em;
  padding-top: 1em;
}

.three-cols-layout.v01-full-layer .v01-full-layer__main {
  margin: 0 15px;
  height: 100%;
}
.three-cols-layout.v01-full-layer .v01-full-layer__box {
  grid-template-rows: 60px auto 1fr;
  row-gap: 15px;
}
.three-cols-layout .functional-subheader {
  padding: 1ex 32px;
  display: grid;
  align-items: center;
  grid-template-columns: auto auto 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  column-gap: 3em;
}
.three-cols-layout .functional-subheader .images-set {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 8px;
}
.three-cols-layout .functional-subheader .images-set::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  top: unset;
  left: unset;
  bottom: 0;
  right: -1.5em;
  opacity: 1;
}
.three-cols-layout .functional-subheader .images-set__box {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 4px;
  align-items: center;
}
.three-cols-layout .functional-subheader .images-set__action {
  width: 36px;
  height: 36px;
  background-color: transparent;
}
.three-cols-layout .functional-subheader .images-set__img {
  width: 36px;
  height: 36px;
  background-color: #2b303b;
  border-radius: 5px;
}
.three-cols-layout .functional-subheader .images-set__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.three-cols-layout .functional-subheader .images-set__img:hover {
  opacity: 0.5;
  cursor: pointer;
}
.three-cols-layout .functional-subheader .images-set__img.is-active {
  outline: 2px solid #a84600;
}
.three-cols-layout .functional-subheader .operator-work-label {
  display: grid;
  height: 100%;
  position: relative;
  margin-left: -32px;
}
.three-cols-layout .functional-subheader .operator-work-label__box {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
  height: 100%;
  z-index: 1;
  padding: 0 1em 0 32px;
  background-color: #d4b76b;
  color: black;
  font-size: 14px;
}
.three-cols-layout .functional-subheader .operator-work-label__icon {
  width: 18px;
  height: 18px;
}
.three-cols-layout .functional-subheader .operator-work-label__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.three-cols-layout .functional-subheader .operator-work-label::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: 100%;
  background-color: #8a8e99;
  top: unset;
  left: unset;
  bottom: 0;
  right: -1.5em;
  opacity: 1;
}
.three-cols-layout .functional-subheader .operator-work-label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 5px;
  left: unset;
  right: 0;
  opacity: 0.33;
  transform: skewY(-3deg);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgb(0, 0, 0));
}
.three-cols-layout .first-col {
  grid-column: 1/5;
  display: grid;
  z-index: 4;
}
.three-cols-layout .first-col__box {
  display: grid;
  align-content: start;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #2b303b;
  background-color: #babbbf;
  border-radius: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2;
}
.three-cols-layout .first-col__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 10px;
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #babbbf;
  padding: 0 15px;
  min-height: 44px;
}
.three-cols-layout .first-col__header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #dee0e6;
  opacity: 0.33;
}
.three-cols-layout .first-col__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  left: 0;
  bottom: 0;
  top: unset;
}
.three-cols-layout .first-col__header .t-buttons-set {
  flex-wrap: nowrap;
}
.three-cols-layout .first-col__header .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  background-color: #212329;
  color: #c0c5ce;
  display: grid;
  align-items: center;
  justify-items: center;
}
.three-cols-layout .first-col__header .t-buttons-set__button:hover {
  opacity: 0.5;
}
.three-cols-layout .first-col__header .t-buttons-set__button__text {
  font-size: 11px;
}
.three-cols-layout .first-col__header .t-buttons-set__icon {
  width: 16px;
  height: 16px;
}
.three-cols-layout .first-col__header .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.three-cols-layout .first-col__title {
  font-size: 18px;
  margin: 0;
  position: relative;
  z-index: 1;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.three-cols-layout .first-col__text-data {
  padding: 2em 15px 0;
}
.three-cols-layout .first-col__text-data p {
  font-size: 14px;
  line-height: 1.5em;
  margin: 0;
  margin-bottom: 1.5em;
}
.three-cols-layout .first-col__main .t-buttons-set {
  padding: 15px;
  justify-content: start;
  display: flex;
  gap: 1ex;
}
.three-cols-layout .first-col__main .t-buttons-set__text {
  white-space: nowrap;
}
.three-cols-layout .first-col .temporary-box-01::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  opacity: 0.33;
}
.three-cols-layout .first-col .semantic-group {
  padding: 2em 15px;
}
.three-cols-layout .first-col .semantic-group__header {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 1em;
}
.three-cols-layout .first-col .semantic-group .t-buttons-set {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
  justify-content: start;
  justify-items: start;
  gap: 1ex;
}
.three-cols-layout .first-col .semantic-group .t-buttons-set .number-label {
  opacity: 0.5;
  margin-left: 1em;
}
.three-cols-layout .first-col .semantic-group .t-buttons-set .--main-action {
  width: 100%;
  justify-content: start;
  grid-template-columns: auto 1fr auto;
}
.three-cols-layout .first-col .semantic-group .t-buttons-set .--main-action .t-buttons-set__text {
  justify-self: start;
}
.three-cols-layout .first-col .semantic-group::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: black;
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  opacity: 0.33;
}
.three-cols-layout .second-col {
  grid-column: 5/11;
  border-radius: 10px 0 0 10px;
  margin-left: 0 !important;
}
.three-cols-layout .third-col .item-edition__box {
  display: grid;
  grid-auto-flow: row;
  row-gap: 30px;
  align-content: start;
}
.three-cols-layout .third-col .item-edition__box .images-prompts {
  margin-top: 0;
}
.three-cols-layout .third-col .item-edition__box .images-prompts__title {
  margin-top: 1em;
}
.three-cols-layout .third-col .item-edition__box .images-prompts:before {
  top: 0;
}
.three-cols-layout .third-col .item-edition__box .images-kit {
  margin-bottom: 0;
}

.workplace.three-cols-layout .first-col {
  grid-column: 1/6;
}
.workplace.three-cols-layout .second-col {
  grid-column: 6/12;
}
.workplace.three-cols-layout .third-col {
  grid-column: 12/17;
}
.workplace .item-edition__header {
  min-height: 44px;
}
.workplace .item-edition__title::after {
  content: none;
}
.workplace .product-changes-history {
  padding-left: 15px;
  padding-right: 15px;
  font-size: smaller;
}
.workplace .product-changes-history__data {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-auto-flow: column;
  column-gap: 1.5em;
}
.workplace .product-changes-history__elm {
  grid-template-columns: subgrid;
}
.workplace .product-changes-history__item {
  display: grid;
}
.workplace .product-changes-history__item:nth-of-type(1), .workplace .product-changes-history__item:nth-of-type(2), .workplace .product-changes-history__item:nth-of-type(3), .workplace .product-changes-history__item:nth-of-type(4), .workplace .product-changes-history__item:nth-of-type(5) {
  grid-column: unset;
}
.workplace .second-col .item-edition__header {
  display: grid;
  justify-content: space-between;
  grid-auto-flow: column;
  column-gap: 1em;
}
.workplace .changes-comments {
  padding: 1em;
}
.workplace .changes-comments__funcs {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: unset;
  row-gap: 1em;
}
.workplace .changes-comments__comment-img-txt {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  column-gap: 0.5em;
  margin-top: 1em;
}
.workplace .changes-comments__comment-img-txt p {
  margin: 0;
  margin-left: 1em;
  line-height: 1.5;
}
.workplace .changes-comments__comment-text {
  margin-top: 1.5em;
}
.workplace .changes-comments .images-kit__img {
  background-color: #7c7d80;
}
.workplace .changes-comments .images-kit button {
  padding: 0;
}
.workplace .changes-comments .images-kit__actions {
  gap: 6px;
}
.workplace .changes-comments .images-kit__action.--delete-action, .workplace .changes-comments .images-kit__action.--view-action, .workplace .changes-comments .images-kit__action.--edit-action {
  top: unset;
}
.workplace .add-comment .hint {
  line-height: 1.5;
  padding: 1em;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 1fr;
  column-gap: 1em;
}
.workplace .add-comment .hint::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #205483;
  opacity: 0.33;
  border-radius: 5px;
}
.workplace .add-comment .hint__elm {
  position: relative;
  z-index: 0;
}
.workplace .add-comment .hint .hint-icon {
  line-height: 0;
}
.workplace .add-comment .hint .hint-text {
  display: grid;
  align-items: center;
}
.workplace .add-comment__main {
  display: grid;
  grid-template-columns: 1fr repeat(2, auto);
  column-gap: 1em;
}
.workplace .add-comment .buttons-set button {
  padding: 0 1em;
  position: relative;
}
.workplace .add-comment .buttons-set button .reload-icon--animated {
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  opacity: 0;
  width: 16px;
  height: 16px;
}
.workplace .add-comment .buttons-set button .reload-icon--animated .svg-sprite {
  width: 100%;
  height: 100%;
}
.workplace .add-comment .buttons-set button.show-reload-icon .button__text {
  opacity: 0;
}
.workplace .add-comment .buttons-set button.show-reload-icon .reload-icon--animated {
  opacity: 1;
}
.workplace .add-comment input[type=textarea],
.workplace .add-comment textarea {
  min-height: 4em;
  display: grid;
  height: 100%;
  border: none;
  width: 100%;
  border-radius: 5px;
  z-index: 1;
}
.workplace .add-comment .buttons-set {
  display: grid;
  grid-auto-flow: row;
  row-gap: 0.5ex;
}
.workplace .add-comment .buttons-set button {
  height: 32px;
  outline: none;
}
.workplace .possible-actions {
  margin-top: 0;
}
.workplace .possible-actions .semantic-group {
  padding: 0 15px 2em 15px;
}
.workplace .possible-actions .semantic-group__header {
  display: grid;
  align-items: center;
  margin-bottom: 1.5em;
  min-height: 44px;
}
.workplace .possible-actions .semantic-group__header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: unset;
  left: unset;
  bottom: 0;
  right: 0;
  opacity: 0.66;
}
.workplace .possible-actions .semantic-group .t-buttons-set {
  display: grid;
  grid-auto-flow: row;
}

.operators-permissions .tables-set {
  min-width: 50vw;
  align-content: start;
}
.operators-permissions .tables-set .operators-permissions__table {
  border-top: none;
  width: 100%;
}
.operators-permissions .tables-set .operators-permissions__table caption {
  margin-bottom: 20px;
  text-align-last: left;
  font-size: 18px;
}
.operators-permissions .tables-set .operators-permissions__table thead {
  opacity: 1;
  position: sticky;
  z-index: 100;
  top: 0;
}
.operators-permissions .tables-set .operators-permissions__table thead th {
  white-space: nowrap;
  text-align: left;
  background-color: #babbbf;
  border-color: #1a1e2d;
}
.operators-permissions .tables-set .operators-permissions__table thead td {
  position: relative;
  z-index: 1;
}
.operators-permissions .tables-set .operators-permissions__table thead::before {
  content: none !important;
}
.operators-permissions .tables-set .operators-permissions__table th, .operators-permissions .tables-set .operators-permissions__table thead td {
  position: relative;
  z-index: 1;
  border: 1px solid black;
  padding: 1em;
}
.operators-permissions .tables-set .operators-permissions__table th.title, .operators-permissions .tables-set .operators-permissions__table th.subtitle, .operators-permissions .tables-set .operators-permissions__table th.description, .operators-permissions .tables-set .operators-permissions__table thead td.title, .operators-permissions .tables-set .operators-permissions__table thead td.subtitle, .operators-permissions .tables-set .operators-permissions__table thead td.description {
  width: 50%;
  text-align: left;
}
.operators-permissions .tables-set .operators-permissions__table th:before, .operators-permissions .tables-set .operators-permissions__table thead td:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #1c1f26;
  opacity: 0.33;
}
.operators-permissions .tables-set .operators-permissions__table td {
  position: relative;
  z-index: 1;
  border: 1px solid #1a1e2d;
  padding: 10px;
  white-space: nowrap;
}
.operators-permissions .tables-set .operators-permissions__table td input, .operators-permissions .tables-set .operators-permissions__table td textarea, .operators-permissions .tables-set .operators-permissions__table td select {
  width: 100%;
  border: none;
  border-radius: 5px;
  padding: 0 10px;
  height: 36px;
}
.operators-permissions .tables-set .operators-permissions__table td input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.operators-permissions .tables-set .operators-permissions__table td textarea {
  min-height: 82px;
  padding: 10px;
}
.operators-permissions .tables-set .operators-permissions__table td .checkbox-box {
  display: grid;
  justify-content: center;
}
.operators-permissions .tables-set .operators-permissions__table .wrapper {
  display: grid;
  grid-template-columns: 10ex 1fr;
  align-items: center;
}
.operators-permissions .tables-set .operators-permissions__table .wrapper:first-of-type {
  margin-bottom: 10px;
}
.operators-permissions .tables-set .operators-permissions__table .user-data {
  display: grid;
  row-gap: 1ex;
  white-space: nowrap;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__elm input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-left: 1em;
}
.operators-permissions .tables-set .operators-permissions__table .user-data .delete-button {
  margin-top: 1ex;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
  justify-content: start;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id .t-buttons-set {
  justify-content: center;
  align-content: center;
  top: -2px;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id .t-buttons-set__button {
  background-color: transparent;
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id .t-buttons-set__button:hover {
  background-color: #0176bf;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id .t-buttons-set__icon {
  width: 14px;
  height: 14px;
}
.operators-permissions .tables-set .operators-permissions__table .user-data__id .t-buttons-set__icon .svg-sprite {
  width: 14px;
  height: 14px;
}
.operators-permissions .tables-set .operators-permissions__table .operator {
  display: grid;
  row-gap: 1em;
}
.operators-permissions .tables-set .operators-permissions__table .operator__elm {
  padding-bottom: 2ex;
  width: 100%;
}
.operators-permissions .tables-set .operators-permissions__table .operator__elm:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  top: unset;
  bottom: 0;
  opacity: 0.13;
}
.operators-permissions .tables-set .operators-permissions__table .operator .t-buttons-set {
  display: flex;
  justify-content: start;
}
.operators-permissions .tables-set .operators-permissions__table .operator .t-buttons-set__button {
  height: 28px;
  min-width: 28px;
  padding: 0 6px;
  border-radius: 3px;
  display: grid;
  align-items: center;
  justify-items: center;
}
.operators-permissions .tables-set .operators-permissions__table .operator .t-buttons-set__icon {
  height: 16px;
  width: 16px;
}
.operators-permissions .tables-set .operators-permissions__table .operator .t-buttons-set__icon .svg-sprite {
  width: 100%;
  height: 100%;
}
.operators-permissions .tables-set .operators-permissions__table .operator__company {
  display: grid;
  row-gap: 1ex;
}
.operators-permissions .tables-set .operators-permissions__table .operator__header {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  column-gap: 1ex;
}
.operators-permissions .tables-set .operators-permissions__table .operator__title {
  font-weight: bold;
}
.operators-permissions .operators-identity {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 2em;
}
.operators-permissions .operators-identity .t-buttons-set {
  align-items: center;
}
.operators-permissions .operators-identity .t-buttons-set__text {
  margin-right: 1ex;
  top: 0;
  display: grid;
  align-items: center;
}
.operators-permissions .operators-identity__search {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  align-items: center;
}
.operators-permissions .operators-identity__search input {
  min-width: 40ex;
}

.workplace .selects-tabs {
  position: relative;
  top: unset;
  right: unset;
  z-index: 1;
  display: flex;
  justify-content: end;
}

.select-company {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  font-size: 16px;
}
.select-company select {
  border: none;
  width: 100%;
  height: 28px;
  border-radius: 5px;
  z-index: 1;
}
.select-company p {
  margin: 0;
}
.select-company p:not(:only-of-type) {
  margin: 0 0 1em 0;
}
.select-company__user-id {
  display: grid;
  row-gap: 1ex;
  margin-top: 1em;
  margin-bottom: 1em;
}
.select-company__user-id .text-item:nth-child(1):after {
  content: ": ";
}
.select-company__attention {
  line-height: 1.5;
}
.select-company__attention strong {
  display: block;
  margin-bottom: 1ex;
}

.t-buttons-set .images-set {
  column-gap: 3px;
}
.t-buttons-set .images-set__img {
  width: 26px;
  height: 26px;
  opacity: 0.66;
  border-radius: 3px;
  background-color: #2b303b;
  outline: 1px solid #13151a;
  outline-offset: 0;
}
.t-buttons-set .images-set__img img {
  object-fit: cover;
  border-radius: 0;
}
.t-buttons-set .images-set__icon {
  display: inline-block;
  width: 100% !important;
  height: 100% !important;
}
.t-buttons-set .images-set__icon .svg-sprite {
  width: 100% !important;
  height: 100% !important;
}

.watermark-dl {
  margin: 1em 0;
}
.watermark-dl__button {
  background-color: transparent;
}
.watermark-dl__button.is-turned .arrow-symbol {
  rotate: 180deg;
}
.watermark-dl dl {
  display: grid;
  grid-template-columns: auto auto;
  margin-top: 1em;
}
.watermark-dl dl dt {
  font-weight: bold;
}
.watermark-dl .low-item {
  opacity: 0.5;
  margin-left: 1ex;
}

.status-layer .inputs-post-header {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  column-gap: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.status-layer .inputs-post-header::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
  top: unset;
  bottom: 0;
}
.status-layer .inputs-post-header fieldset {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  border: none;
  padding-left: 0;
  margin: 0;
}
.status-layer .full-layer__header-buttons.--first-header-buttons {
  padding-right: 0;
}
@media screen and (max-width: 1440px) {
  .status-layer .full-layer__header-buttons .button {
    font-size: 14px;
  }
}
@media screen and (max-width: 1280px) {
  .status-layer .full-layer__header-buttons .button {
    font-size: 13px;
  }
}

.user-abuses .tables-set table td:nth-child(2) {
  max-width: 60ex;
}

.source-image-edit .v01-full-layer__main {
  overflow: auto;
  height: 100%;
}
.source-image-edit .v01-full-layer__box {
  padding: 0 48px 24px 24px;
}
.source-image-edit .toolbar-top:not(:last-child)::after {
  content: none;
}

.source-image-table {
  font-size: 15px;
  width: 100%;
}
.source-image-table tr {
  position: relative;
}
.source-image-table td {
  padding: 1em 1em;
  position: relative;
}
.source-image-table td:nth-of-type(1) .grid-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 2em;
  grid-template-columns: auto 1fr;
}
.source-image-table th {
  padding: 1ex 0;
  font-size: 14px;
  font-weight: normal;
  position: relative;
}
.source-image-table th + th {
  min-width: 120px;
}
.source-image-table th:nth-of-type(1) {
  width: 100%;
}
.source-image-table tbody {
  border-bottom: 1px solid #8a8e99;
}
.source-image-table .th-item {
  display: grid;
  justify-content: start;
}
.source-image-table__num {
  display: grid;
  grid-auto-flow: column;
  column-gap: 0;
  align-items: center;
  font-size: 18px;
  position: relative;
  width: max-content;
}
.source-image-table__num::after {
  content: ".";
  display: block;
  position: absolute;
  right: -0.75ex;
}
.source-image-table__edit-icon {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  opacity: 0.5;
}
.source-image-table__edit-icon svg {
  width: 100%;
  height: 100%;
}
.source-image-table__info {
  border-top: 1px solid #8a8e99;
}
.source-image-table__info td:nth-child(1) {
  width: 100%;
}
.source-image-table__info td:nth-child(1):hover {
  cursor: pointer;
}
.source-image-table__info td:nth-child(1):hover .source-image-data,
.source-image-table__info td:nth-child(1):hover .source-image-number {
  opacity: 0.5;
}
.source-image-table__info .source-image-number {
  width: 2em;
  display: grid;
  align-items: center;
}
.source-image-table__info.is-active {
  border-top: 1px solid #006e00;
  border-bottom: 1px dashed #8a8e99;
  z-index: 2;
}
.source-image-table__info.is-active td {
  background-color: transparent;
}
.source-image-table__info.is-active td::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #205483;
  opacity: 0.1;
}
.source-image-table__info.is-active .source-image-table__edit-icon {
  opacity: 1;
  color: #006e00;
}
.source-image-table__info td:has(.images-kit) {
  padding-right: 2px;
  padding-left: 2px;
}
.source-image-table__edit {
  display: none;
}
.source-image-table__edit td:first-child {
  padding-left: 76px;
}
.source-image-table__edit.is-active {
  display: table-row;
  border-bottom: 1px solid green;
}
.source-image-table__edit.is-active td::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #205483;
  opacity: 0.1;
}
.source-image-table__edit-row {
  display: grid;
  margin-bottom: 1.25em;
  justify-content: start;
  align-items: center;
}
.source-image-table__edit-start {
  padding-right: 2em;
}
.source-image-table__edit-end {
  padding-left: 0;
}
.source-image-table .images-kit__header {
  display: none;
}
.source-image-table .delimiter {
  display: inline-block;
  width: 1px;
  height: 100%;
  min-height: 28px;
  background-color: #8a8e99;
  margin: 0 1em;
}
.source-image-table .buttons-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1ex;
  align-items: center;
  justify-content: start;
}
.source-image-table .buttons-group .button {
  margin-left: 0;
}
.source-image-table .buttons-group + .buttons-group {
  margin-top: 1ex;
}
.source-image-table .controls-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1ex;
  align-items: center;
  justify-content: start;
}

.source-image-data {
  display: grid;
  align-items: center;
  grid-auto-flow: row;
  gap: 1em;
}
.source-image-data::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: calc(100% + 2em);
  background-color: #8a8e99;
  margin-top: -1em;
  margin-left: -1em;
}

.body-parts,
.shape-type {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 1ex;
}

.shape-type__item {
  font-size: larger;
  font-weight: bold;
  margin: 0 1em;
}

.prompt-box {
  display: grid;
  gap: 1ex;
  width: 100%;
}
.prompt-box__textarea {
  border: none;
  width: 100%;
  min-height: 100px;
  border-radius: 5px;
  padding: 1ex;
}

.checkboxes-group {
  display: grid;
  row-gap: 1ex;
}
.checkboxes-group__label {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1ex;
  justify-content: start;
}
.checkboxes-group__label input {
  padding: 0;
  margin: 0;
  width: 18px;
  height: 18px;
}

.button--link-like {
  background-color: transparent;
  height: auto;
  line-height: 100%;
  border: none;
  padding: 0;
  color: #0036b6;
  margin-right: 1em;
  position: relative;
}
.button--link-like::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: transparent;
  opacity: 0;
  bottom: -2px;
  top: unset;
  border-bottom: 1px dashed #1c1f26;
}
.button--link-like:nth-child(1) {
  margin-right: 0;
}
.button--link-like:hover {
  background-color: transparent;
}
.button--link-like:hover::after {
  opacity: 1;
}

.showoff-collections-new .right-col-filters {
  display: none;
}
.showoff-collections-new .right-col-filters:has(.t-buttons-set__button) {
  display: block;
}
.showoff-collections-new .right-col-filters .t-buttons-set__button {
  background-color: #8790a8;
  color: black;
  padding: 0 8px;
  height: 24px;
}
.showoff-collections-new .right-col-filters .t-buttons-set:has(.t-buttons-set__button) {
  padding-top: 10px;
}
.showoff-collections-new .right-col-filters .t-buttons-set:has(.t-buttons-set__button):before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #8a8e99;
}
.showoff-collections-new.workplace .item-edition__header {
  grid-auto-flow: column;
  column-gap: 30px;
  justify-content: space-between;
}
.showoff-collections-new.workplace .right-col-filters .t-buttons-set {
  padding-top: 0;
}
.showoff-collections-new.workplace .right-col-filters .t-buttons-set:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 1px;
  height: calc(100% + 10px);
  background-color: #8a8e99;
  left: unset;
  right: -15px;
  top: -5px;
}

.pose-catalogue .base-functional__wrapper {
  overflow: unset;
}
.pose-catalogue .base-functional__wrapper--2-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em;
}
.pose-catalogue .base-functional__json textarea {
  width: 100%;
  height: 100%;
  min-height: 100px;
  border: none;
  text-align: left;
}

.lookbook .v01-full-layer__main {
  margin: 0 30px;
  overflow: hidden;
  height: calc(100vh - 40px - 60px - 20px - 20px);
}

.lookbook-data {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.lookbook-item {
  font-size: 16px;
  border-block: 1px solid #8a8e99;
  padding: 1em 0;
}
.lookbook-item + .lookbook-item {
  margin-top: -1px;
}
.lookbook-item__title {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 1ex;
}
.lookbook-item__body {
  display: flex;
  flex-wrap: wrap;
  gap: 1ex;
}

.presentations .base-functional__wrapper--2-cols {
  grid-template-columns: 2fr 3fr;
  column-gap: 5em;
}
.presentations .base-functional__wrapper--2-cols .t-buttons-set {
  display: grid;
  justify-content: start;
  grid-auto-flow: row;
  row-gap: 1ex;
}
.presentations .base-functional__wrapper--2-cols .t-buttons-set__button {
  padding: 1ex 2em;
  height: auto;
  border-radius: 5px;
  background-color: black;
  color: white;
}
.presentations .base-functional__wrapper--2-cols .t-buttons-set__button:hover {
  color: white;
  background-color: #0176bf;
}
.presentations .base-functional__wrapper--2-cols .t-buttons-set__box {
  margin-bottom: 2em;
}
.presentations .fields-set .in-row {
  display: grid;
  grid-auto-flow: column;
  column-gap: 1em;
  align-items: center;
}
.presentations .sets-list:after {
  content: none;
}
.presentations .sets-list-wrapper .tabs-buttons {
  margin-bottom: 3em;
}
.presentations .sets-list-wrapper .tabs-buttons:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  background-color: #2b303b;
  bottom: -1.5em;
  top: unset;
}
.--justify-content-start {
  justify-content: start !important;
}

.--justify-content-end {
  justify-content: end !important;
}

.--justify-content-stretch {
  justify-content: stretch !important;
}

.--gaf--row {
  grid-auto-flow: row !important;
}

.--gaf--column {
  grid-auto-flow: column !important;
}

.--colspan--all {
  grid-column: 1/-1 !important;
}

/*# sourceMappingURL=looky_light.css.map */