:root {
  --vh: 100vh;
}

.pagination {
  margin-top: 60px;
}
@media screen and (max-width: 1440px) {
  .pagination {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1260px) {
  .pagination {
    margin-top: 40px;
  }
}
@media screen and (max-width: 780px) {
  .pagination {
    margin-top: 30px;
  }
}
.pagination > nav > *:first-child {
  display: none;
}
.pagination > nav > *:last-child {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 780px) {
  .pagination > nav > *:last-child {
    flex-direction: column;
  }
}
@media screen and (max-width: 780px) {
  .pagination > nav > *:last-child > *:first-child {
    margin-bottom: 15px;
  }
}
.pagination > nav > *:last-child > *:last-child {
  flex: 1;
}
.pagination > nav > *:last-child > *:last-child > span {
  display: flex;
  justify-content: center;
}
.pagination > nav > *:last-child > *:last-child > span > * {
  margin: 0px 3px;
  padding: 6px 10px;
  background: white;
  color: #005E52;
  border: 1px solid white;
  display: flex;
  align-items: center;
  min-width: 42px;
  justify-content: center;
}
.pagination > nav > *:last-child > *:last-child > span > *:hover {
  border-color: #005E52;
}
.pagination > nav > *:last-child > *:last-child > span > *[aria-current=page] {
  background: #005E52;
  color: white;
}
.pagination > nav > *:last-child > *:last-child svg {
  display: block;
  height: 20px;
}

.form:not(.lang-form) .form-group:last-child {
  margin-bottom: 0px;
}

.form-group {
  width: 100%;
  margin-bottom: 1.56rem;
  display: block;
  position: relative;
}
.form-group.no-bottom-margin {
  margin-bottom: 11px;
}
.form-group.big-bottom-margin {
  margin-bottom: 1.75rem;
}
.form-group.bigger-bottom-margin {
  margin-bottom: 50px;
}
@media screen and (max-width: 1440px) {
  .form-group.bigger-bottom-margin {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1260px) {
  .form-group.bigger-bottom-margin {
    margin-bottom: 20px;
  }
}
.form-group.max-bottom-margin {
  margin-bottom: 88px;
}
@media screen and (max-width: 1440px) {
  .form-group.max-bottom-margin {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1260px) {
  .form-group.max-bottom-margin {
    margin-bottom: 30px;
  }
}
.form-group .hint {
  font-size: 0.875rem;
  margin-top: 0.8125rem;
  letter-spacing: 0.02em;
  display: block;
}
.form-group .text-link {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.form-group .text-link:hover {
  text-decoration: underline;
}
.form-group.invalid .form-input {
  border-color: red;
}
.form-group h2.semi-h1 {
  margin-bottom: 24px;
}
.form-group.section-title {
  margin-bottom: 1.56rem;
}
.form-group.section-title h2 {
  margin-bottom: 0;
}
.form-group.section-title p {
  margin-top: 22px;
}
@media screen and (max-width: 780px) {
  .form-group.section-title.empty {
    display: none;
  }
}
.form-group.section-title label:not(.form-element) {
  margin-bottom: 0;
}
.form-group.ghost {
  margin: 0;
  width: 0;
  min-width: 0;
  max-width: 0;
}
@media screen and (max-width: 780px) {
  .form-group.ghost {
    display: none;
  }
}
.form-group.select {
  position: relative;
}
.form-group.select::after {
  content: "";
  position: absolute;
  right: 1.43rem;
  bottom: 1rem;
  background-image: url("../img/icon-caret-down-solid-dark-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.87rem;
  width: 0.5rem;
}
.form-group.transparent label:not(.form-element).label-checkbox input[type=radio] + span,
.form-group.transparent label:not(.form-element).label-checkbox input[type=checkbox] + span {
  border: 1px solid #707070;
  background-color: transparent;
}
.form-group.transparent label:not(.form-element).label-checkbox input[type=radio] + span::after,
.form-group.transparent label:not(.form-element).label-checkbox input[type=checkbox] + span::after {
  background-image: url("../img/icon-check-solid-gray.svg");
}
.form-group.transparent label:not(.form-element).label-checkbox input[type=radio]:checked + span,
.form-group.transparent label:not(.form-element).label-checkbox input[type=checkbox]:checked + span {
  background-color: transparent;
}
.form-group.gray label:not(.form-element).label-checkbox input[type=radio] + span,
.form-group.gray label:not(.form-element).label-checkbox input[type=checkbox] + span {
  border-color: #777776;
}
.form-group.gray label:not(.form-element).label-checkbox input[type=radio]:checked + span,
.form-group.gray label:not(.form-element).label-checkbox input[type=checkbox]:checked + span {
  background-color: #777776;
}
.form-group .subtitle {
  font-size: 14px;
  color: #707070;
  font-weight: 500;
}
@media screen and (max-width: 780px) {
  .form-group .subtitle {
    font-size: 12px;
  }
}
.form-group label:not(.form-element) {
  margin-bottom: 8px;
  display: flex;
}
.form-group label:not(.form-element).deleter {
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: normal;
  font-style: italic;
  align-items: center;
}
.form-group label:not(.form-element).deleter input {
  margin-right: 10px;
}
.form-group label:not(.form-element).deleter.file-list-deleter {
  margin-top: 0px;
}
.form-group label:not(.form-element).label-radio {
  padding-left: 36px;
}
.form-group label:not(.form-element).label-radio input[type=radio] {
  display: none;
}
.form-group label:not(.form-element).label-radio input[type=radio] + span {
  position: absolute;
  left: 0;
  top: 11px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #707070;
}
.form-group label:not(.form-element).label-radio input[type=radio] + span:after {
  content: "";
  display: none;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0BD4E3;
}
.form-group label:not(.form-element).label-radio input[type=radio]:checked + span:after {
  display: block;
}
.form-group label:not(.form-element).label-checkbox {
  padding-left: 1.875rem;
  font-weight: normal;
  position: relative;
}
.form-group label:not(.form-element).label-checkbox input[type=radio],
.form-group label:not(.form-element).label-checkbox input[type=checkbox] {
  display: none;
}
.form-group label:not(.form-element).label-checkbox input[type=radio] + span,
.form-group label:not(.form-element).label-checkbox input[type=checkbox] + span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
  border: 1px solid #D73648;
}
.form-group label:not(.form-element).label-checkbox input[type=radio] + span:after,
.form-group label:not(.form-element).label-checkbox input[type=checkbox] + span:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.56rem;
  height: 0.56rem;
  transform: translate(-50%, -50%);
  background-image: url("../img/icon-check-solid-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.form-group label:not(.form-element).label-checkbox input[type=radio]:checked + span,
.form-group label:not(.form-element).label-checkbox input[type=checkbox]:checked + span {
  background-color: #D73648;
}
.form-group label:not(.form-element).label-checkbox input[type=radio]:checked + span:after,
.form-group label:not(.form-element).label-checkbox input[type=checkbox]:checked + span:after {
  display: block;
}
.form-group label:not(.form-element).on-border {
  position: absolute;
  left: 29px;
  top: -12px;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 0;
  background-color: #ffffff;
}
@media screen and (max-width: 1260px) {
  .form-group label:not(.form-element).on-border {
    top: -11px;
  }
}
@media screen and (max-width: 780px) {
  .form-group label:not(.form-element).on-border {
    top: -10px;
  }
}
.form-group.condensed {
  margin-bottom: 50px;
}
.form-group.condensed label {
  position: absolute;
  top: 0px;
  left: 18px;
  padding: 0px 4px;
  background: white;
  transform: translateY(-50%);
}
.form-group.condensed .form-element {
  border-color: #707070;
}
.form-group .radio-wrapper input[type=radio]:checked + .radio-label:after {
  transform: scale(1);
}
.form-group .custom-option {
  border-bottom: 1px solid rgba(112, 112, 112, 0.5);
  width: 100%;
}
.form-group.custom-price .custom-prices-list > *:last-child {
  margin-bottom: 22px;
}
.form-group.custom-price .add-more-prices,
.form-group .label-checkbox-with-text-add {
  font-weight: 500;
}
.form-group.custom-price .add-more-prices b,
.form-group .label-checkbox-with-text-add b {
  margin-left: 11px;
  font-size: 1.3em;
  font-weight: bold;
}
.form-group label {
  font-size: 0.87rem;
  font-weight: 300;
}
.form-group label .required {
  color: #D73648;
  margin-left: 0.37rem;
  font-weight: bold;
}
.form-group.product-select {
  display: flex;
  align-items: flex-end;
}
.form-group.product-select .middle {
  margin: 0 1.375rem;
  height: 9.375rem;
  max-height: 9.375rem;
  display: flex;
  align-items: center;
}
.form-group.product-select .middle img {
  width: 0.375rem;
  height: auto;
}
.form-group.product-select:not([disabled]) .products-list a:hover {
  text-decoration: underline;
  background: #eee;
}
.form-group.product-select:not([disabled]) .products-list a:hover:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  background-image: url("../img/icon-product-select-add.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.875rem;
  width: 0.4375rem;
}
.form-group.product-select:not([disabled]) .products-list.products-destination a:hover:after {
  height: 0.875rem;
  width: 0.875rem;
  background-image: url("../img/icon-trash-solid-red.svg");
}
.form-group.product-select .products-list {
  margin-bottom: 0;
  height: 9.375rem;
  max-height: 9.375rem;
  overflow: auto;
  padding: 0.8125rem 0.75rem;
  font-weight: 600;
  font-size: 0.87rem;
  letter-spacing: 0.02em;
  line-height: 1.84615385;
  display: block;
}
.form-group.product-select .products-list a {
  display: block;
  position: relative;
  padding: 0 0.5rem;
}
.form-group.product-select .products-list a.selected {
  background: #eee;
}
.form-group.product-select .products-list a.selected:after {
  display: none;
}
.form-group.variations {
  margin-bottom: 0rem;
  margin-top: 1.56rem;
}
.form-group.variations[disabled] > .content > .col:last-child {
  max-width: 50%;
}
.form-group.variations > .content > .col:first-child {
  max-width: calc((67.625rem) / 2 - var(--bleed) * 2);
  flex: auto;
  min-width: auto;
  width: 100%;
}
.form-group.variations > .content > .col:last-child {
  flex: 1;
  min-width: 0;
  max-width: none;
}
.form-group.variations .attribute-selector option.active {
  background: #E4E4E3;
  color: black;
}
.form-group.variations .selected-attributes {
  margin-top: 1.56rem;
  display: flex;
  flex-direction: column;
  gap: 1.56rem;
}
.form-group.variations .selected-attributes .attribute-options {
  display: none;
}
.form-group.variations .selected-attributes .attribute-options.active {
  display: block;
}
.form-group.variations .selected-attributes .attribute-options .options {
  gap: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.form-group.variations .selected-attributes .attribute-options a {
  font-size: 0.81rem;
  font-weight: 300;
  line-height: 1.5rem;
  height: 2.87rem;
  padding: 0px 1.25rem;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  background: transparent;
  text-align: left;
  color: #777776;
  border-radius: 3px;
  letter-spacing: 0.02em;
}
.form-group.variations .selected-attributes .attribute-options a.active {
  background: #E4E4E3;
  color: black;
}
.form-group.variations .generated-variations {
  display: flex;
  flex-direction: column;
  gap: 0.56rem;
}
.form-group.variations .generated-variations .generated-variation {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid #707070;
  padding-bottom: 0.5rem;
}
.form-group.variations .generated-variations .generated-variation.template {
  display: none;
}
.form-group.variations .generated-variations .generated-variation .label-checkbox {
  flex: 1;
  margin-bottom: 0;
}
.form-group.variations .generated-variations .generated-variation .product-number {
  max-width: 12rem;
}
.form-group.variations .generated-variations .generated-variation .sorting {
  max-width: 8rem;
}
.form-group.variations .generated-variations .generated-variation .name {
  display: flex;
  align-items: center;
}
.form-group.file {
  margin-bottom: 3.125rem;
}
.form-group.variations-list {
  margin-bottom: 3.125rem;
}
.form-group.variations-list .small-text {
  gap: 1rem;
}
.form-group.variations-list .variations-list-add {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: -8px;
  font-size: 0.87rem;
  letter-spacing: 0.02em;
}
.form-group.variations-list .variations-list-add img {
  transform: translateY(2px);
}
.form-group.variations-list .variations-list-items {
  margin: 1rem 0;
}
.form-group.variations-list .variations-list-item {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1.5625rem;
}
.form-group.variations-list .variations-list-item:last-child {
  margin-bottom: 0;
}
.form-group.variations-list .variations-list-item.variations-list-template {
  display: none;
}
.form-group.variations-list .variations-list-item .delete-item {
  width: auto;
  min-height: 0.81rem;
  max-height: 0.81rem;
  cursor: pointer;
}
.form-group.variations-list .variations-list-item select,
.form-group.variations-list .variations-list-item .inputs {
  flex: 1;
}
.form-group.free-list {
  margin-bottom: 3.125rem;
}
.form-group.free-list .small-text {
  gap: 1rem;
}
.form-group.free-list .free-list-add {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: -8px;
  font-size: 0.87rem;
  letter-spacing: 0.02em;
}
.form-group.free-list .free-list-add img {
  transform: translateY(2px);
}
.form-group.free-list .free-list-option-template,
.form-group.free-list .free-list-template {
  display: none;
}
.form-group.free-list .free-list-items {
  margin: 1rem 0;
}
.form-group.free-list.no-checkboxes label:not(.form-element).label-checkbox {
  padding-left: 0;
}
.form-group.free-list.no-checkboxes label:not(.form-element).label-checkbox input[type=checkbox] + span {
  display: none;
}
.form-group.free-list .free-list-item img {
  width: auto;
  min-height: 0.81rem;
}
.form-group.free-list .free-list-item img.icon-check {
  filter: grayscale(100%);
}
.form-group.free-list .free-list-item img.icon-check:hover {
  filter: none;
}
.form-group.free-list .free-list-item .label-checkbox input[type=checkbox] + span {
  top: calc( 2.87rem / 2);
}
.form-group.free-list .free-list-item.edit-mode .inputs {
  display: flex;
}
.form-group.free-list .free-list-item.edit-mode .texts {
  display: none;
}
.form-group.free-list .free-list-item .delete-option,
.form-group.free-list .free-list-item .delete-item,
.form-group.free-list .free-list-item .switch-mode {
  cursor: pointer;
  max-height: 0.81rem;
}
.form-group.free-list .free-list-item .texts,
.form-group.free-list .free-list-item .inputs {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-group.free-list .free-list-item .inputs {
  display: none;
}
.form-group.free-list .free-list-item .texts {
  align-items: flex-start;
}
.form-group.free-list .free-list-item .texts .inputs-name {
  width: 20rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.87rem;
}
.form-group.free-list .free-list-item .texts .inputs-name.no-options {
  width: 100%;
}
.form-group.free-list .free-list-item .texts .inputs-options {
  display: flex;
  gap: 3.125rem;
  flex: 1;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .options-list {
  display: flex;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options {
  background: #F1F1F1;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options img {
  max-width: 1rem;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options .active {
  display: flex;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options .info,
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options .hover {
  display: none;
}
.form-group.free-list .free-list-item .texts .inputs-options.edit-mode .toggle-options:hover .hover {
  display: none;
}
.form-group.free-list .free-list-item .texts .inputs-options .free-list-item:not(.edit-mode) {
  font-size: 0.81rem;
  font-weight: 300;
  line-height: 1.5rem;
  height: 2.87rem;
  padding: 0px 1.25rem;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  background: transparent;
  text-align: left;
  color: #777776;
  border-radius: 3px;
  letter-spacing: 0.02em;
}
.form-group.free-list .free-list-item .texts .inputs-options .free-list-item:not(.edit-mode) .texts .inputs-name {
  width: auto;
  gap: 1.25rem;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options {
  display: flex;
  align-items: center;
  min-width: 14rem;
  width: auto;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options > * {
  flex: 1;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options .active,
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options .hover {
  font-weight: bold;
  display: none;
  justify-content: space-between;
  align-items: center;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options:hover {
  background: #F1F1F1;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options:hover .hover {
  display: flex;
}
.form-group.free-list .free-list-item .texts .inputs-options .toggle-options:hover .info {
  display: none;
}
.form-group.free-list .free-list-item .texts .inputs-options .options-list {
  display: none;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.form-group.attributes-list {
  margin-bottom: 3.125rem;
}
.form-group.attributes-list .small-text {
  margin-bottom: 1rem;
}
.form-group.attributes-list .attribute {
  margin-bottom: 1.5625rem;
  align-items: center;
  height: 2.87rem;
  display: none;
}
.form-group.attributes-list .attribute:last-child {
  margin-bottom: 0;
}
.form-group.attributes-list .attribute .label-checkbox {
  width: 14.25rem;
  margin: 0;
}
.form-group.attributes-list .attribute .attribute-options {
  display: none;
  flex: 1;
  max-width: 34.5rem;
}
.form-group.attributes-list .attribute.active {
  display: flex;
}
.form-group.attributes-list .attribute.active .attribute-options {
  display: block;
}
.form-group.attributes-list .select-wrapper {
  max-width: 20rem;
}
.form-group.attributes-list .select-wrapper option.active {
  background: #E4E4E3;
  color: black;
}

.show-password {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.show-password img {
  width: 1.31rem;
}

[disabled] .form-element {
  background: #F1F1F1 !important;
}

.form-element {
  font-size: 0.81rem;
  font-weight: 300;
  line-height: 1.5rem;
  height: 2.87rem;
  padding: 0px 1.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border: 1px solid #707070;
  background: transparent;
  text-align: left;
  color: #777776;
  border-radius: 3px;
  letter-spacing: 0.02em;
}
.form-element[disabled] {
  background: #F1F1F1 !important;
}
.form-element.invalid {
  border-color: red;
}
.form-element.underlined {
  height: 1.75rem;
  padding: 0 0 0.25rem 0;
  border: none;
  border-bottom: 2px solid #777776;
  border-radius: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.12rem;
  color: #777776;
  transition-delay: 0;
}
.form-element.underlined:focus {
  color: #D73648;
  border-bottom: 2px solid #D73648;
}
.form-element:not(.underlined) + .show-password {
  top: auto;
  right: 1.12rem;
  bottom: 1rem;
  transform: none;
}
.form-element[type=password] {
  padding-right: 1.56rem;
}
.form-element[type=password]::-ms-reveal {
  display: none;
}
.form-element::-webkit-input-placeholder {
  color: #777776;
}

.form-element:-moz-placeholder {
  color: #777776;
}

.form-element::-moz-placeholder {
  color: #777776;
}

.form-element:-ms-input-placeholder {
  color: #777776;
}

.form-element:-internal-autofill-selected, .form-element:-webkit-autofill, .form-element:-webkit-autofill:hover, .form-element:-webkit-autofill:focus, .form-element:-webkit-autofill, .form-element:-webkit-autofill:hover, .form-element:-webkit-autofill:focus, .form-element:-webkit-autofill, .form-element:-webkit-autofill:hover, .form-element:-webkit-autofill:focus {
  transition-delay: 9999s;
}
.form-element.checkbox {
  border: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.form-element.checkbox input {
  margin-right: 12px;
}
.form-element.file-input {
  cursor: pointer;
  position: relative;
  border-radius: 31px;
  display: flex;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
}
.form-element.file-input.selected {
  border: none;
}
.form-element.file-input.selected .icon {
  background-image: url(../../front/img/icon-prices-delete.svg);
}
.form-element.file-input.selected:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-image: url(../../front/img/icon-file-document.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 32px;
  height: 32px;
}
.form-element.file-input.selected.file-type-image:before {
  background-image: url(../../front/img/icon-file-image.svg);
}
.form-element.file-input a {
  color: #0BD4E3;
}
.form-element.file-input a:hover {
  text-decoration: underline;
}
.form-element.file-input .icon {
  z-index: 1;
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background-image: url(../../front/img/icon-upload.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}
.form-element.file-input input {
  display: none;
}

input[type=number].form-element::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
  /* Firefox */
}

input[type=number].form-element {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

textarea.form-element {
  min-height: 9.5rem;
  padding: 0.9375rem;
}

.select-wrapper {
  position: relative;
}
.select-wrapper .icon {
  position: absolute;
  top: 50%;
  right: 1.4375rem;
  transform: translateY(-50%);
  width: 0.5rem;
  height: auto;
}
.select-wrapper select.form-element {
  position: relative;
  background: transparent;
  z-index: 1;
  appearance: none;
  padding-right: 2.56rem;
}

@keyframes loading-rotation {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.button {
  cursor: pointer;
  padding: 0.62rem 2.93rem;
  min-height: 2.87rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid transparent;
  font-size: 0.87rem;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.25rem;
}
.button img {
  width: 15px;
  height: auto;
  margin-right: 12px;
}
.button.left-aligned {
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 0px;
}
.button.primary {
  border-color: #D73648;
  background: #D73648;
  color: white;
}
.button.primary.disabled:hover {
  border-color: rgba(112, 112, 112, 0.5);
  color: #707070;
  background: white;
}
.button.primary.loading {
  color: #D73648;
}
.button.gray {
  border-color: #777776;
  color: #FFFFFF;
  background: #777776;
}
.button.gray.loading {
  color: #777776;
}
.button.red {
  background: #D73648;
  border-color: #D73648;
  color: #FFFFFF;
}
.button.red.loading {
  color: #D73648;
}
.button.green {
  background: #1D4B3D;
  border-color: #1D4B3D;
  color: #FFFFFF;
}
.button.green.loading {
  color: #1D4B3D;
}
.button.blue {
  background: #1D0EF9;
  border-color: #1D0EF9;
  color: #FFFFFF;
}
.button.blue.loading {
  color: #1D0EF9;
}
.button.violet {
  background: #790DDE;
  border-color: #790DDE;
  color: #FFFFFF;
}
.button.violet.loading {
  color: #790DDE;
}
.button.smaller-padding {
  padding-right: 1.4rem;
  padding-left: 1.4rem;
}
.button.bigger-padding {
  padding-right: 150px;
  padding-left: 150px;
}
@media screen and (max-width: 1440px) {
  .button.bigger-padding {
    padding-right: 125px;
    padding-left: 125px;
  }
}
@media screen and (max-width: 1260px) {
  .button.bigger-padding {
    padding-right: 100px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 780px) {
  .button.bigger-padding {
    padding-right: 75px;
    padding-left: 75px;
  }
}
.button.text-only {
  border-color: transparent;
  background-color: transparent;
  font-weight: normal;
  color: #D73648;
}
.button.text-only.no-padding {
  padding: 0;
}
.button.text-only.gray {
  color: #777776;
}
.button.loading {
  position: relative;
}
.button.loading::after {
  animation: loading-rotation 0.9s infinite;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../img/icon-loading.svg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
}

.arrow-button {
  display: flex;
  align-items: center;
}
.arrow-button.right img {
  display: block;
  margin-left: 30px;
}
.arrow-button.left img {
  display: block;
  margin-right: 20px;
}

.alert {
  margin: 1.25px 0;
  padding: 1rem 2.81rem;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 1.53846154;
}
.alert strong, .alert b {
  font-weight: normal;
}
.alert.with-icon {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.alert.alert-error {
  background: rgba(228, 228, 227, 0.25);
  color: #D73648;
}
.alert.alert-success {
  background: lightgreen;
  color: green;
}
.alert.alert-info {
  background: #0BD4E3;
  color: white;
}

.validation-message.error {
  padding: 5px 0px;
  color: red;
}

.action-buttons .divider {
  background-color: #9F9F9E;
  height: 100%;
  width: 1.5px;
  margin-left: 2.27rem;
  margin-right: 2.27rem;
}

.lang-inputs {
  width: 100%;
}
.lang-inputs .lang-input {
  display: none;
}
.lang-inputs .lang-input.active {
  display: block;
}

.description-field .form-group {
  margin-bottom: 2.31rem;
}
.description-field .fields-wrapper .row:last-child:not(:first-child) .deleter {
  display: flex;
}
.description-field .deleter {
  display: none;
  margin-top: 0.75rem;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.88rem;
}
.description-field .deleter img {
  width: 0.88rem;
  height: auto;
}
.description-field .deleter:hover {
  text-decoration: underline;
}
.description-field .add-field {
  margin-top: 1.12rem;
  --bleed: 0.43rem;
}
.description-field .add-field .img-wrapper {
  height: 1rem;
  width: 1rem;
  border-radius: 5px;
  background-color: #E4E4E3;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.description-field .add-field .img-wrapper img {
  height: 0.56rem;
  width: 0.56rem;
}

.file-additional-text {
  margin-bottom: 1.56rem;
}

.file-upload {
  padding: 0.62rem 1.25rem;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23707070FF' stroke-width='4' stroke-dasharray='5%2c 10' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e");
  display: flex;
  align-items: center;
  width: fit-content;
  width: 34.5rem;
  max-width: 100%;
}
.file-upload .waiting {
  text-align: left;
}
.file-upload .waiting .upload-icon {
  height: 1.56rem;
  width: 1.56rem;
  background-color: #777776;
  border-radius: 50%;
}
.file-upload .waiting .upload-icon img {
  display: block;
  width: 0.4rem;
  height: 0.5rem;
}
.file-upload .loading {
  display: none;
}
.file-upload input {
  display: none;
}
.file-upload.uploading .waiting {
  display: none;
}
.file-upload.uploading .loading {
  display: block;
}
.file-upload.is-dragover {
  background: #f5f5f5;
}

.image-single {
  position: relative;
  display: inline-block;
  margin-bottom: 1rem;
}
.image-single .deleter {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-single .deleter img {
  display: block;
  width: 1rem;
  height: 1rem;
}

.uploaded-photos-wrapper {
  margin-bottom: 3.75rem;
}
.uploaded-photos-wrapper .image-row .form-group, .uploaded-photos-wrapper .image-row .label-checkbox {
  margin-bottom: 0;
}
.uploaded-photos-wrapper .image-row .form-group label:not(.form-element).label-checkbox {
  padding-left: 1.86rem;
}
.uploaded-photos-wrapper .image-row .form-group label:not(.form-element).label-checkbox span {
  font-weight: 300;
}
.uploaded-photos-wrapper .image-row.edit-mode .edit-field {
  display: block;
}
.uploaded-photos-wrapper .image-row.edit-mode .value {
  display: none;
}
.uploaded-photos-wrapper .image-row .edit-field {
  display: none;
}
.uploaded-photos-wrapper .image-row .edit-field input {
  max-width: 19.62rem;
}
.uploaded-photos-wrapper .image-row .enable-edit {
  height: 1rem;
  width: 1rem;
}
.uploaded-photos-wrapper .image-row .disable-edit {
  height: 0.68rem;
  width: 0.68rem;
}
.uploaded-photos-wrapper .image-row .deleter {
  color: #D73648;
}
.uploaded-photos-wrapper .images-table td {
  vertical-align: middle;
}
.uploaded-photos-wrapper .images-table td.preview-col {
  width: 10rem;
  padding-left: 0.93rem;
}
.uploaded-photos-wrapper .images-table td.preview-col .preview-image {
  display: block;
  height: 3.12rem;
  width: 3.12rem;
}
.uploaded-photos-wrapper .images-table td.preview-col .preview-image img {
  height: 3.12rem;
  width: 3.12rem;
  object-fit: cover;
  object-position: center;
}
.uploaded-photos-wrapper .images-table td.output-col {
  width: 19rem;
  --bleed: 1.25rem;
  color: #4D4E4D;
}
.uploaded-photos-wrapper .images-table td.output-col .checkbox {
  --bleed: 0.43rem;
}
.uploaded-photos-wrapper .images-table td.alt-text {
  width: 35.37rem;
  font-weight: bold;
}
.uploaded-photos-wrapper .images-table td.file-name {
  width: 19.37rem;
}
.uploaded-photos-wrapper .images-table td.upload {
  width: 8.75rem;
}
.uploaded-photos-wrapper .images-table td.edit {
  width: 1.62rem;
}
.uploaded-photos-wrapper .images-table tr td {
  min-width: auto;
}

.form-ajax-success {
  display: none;
  margin: 1.56rem 0;
}

.advanced-select .form-element {
  position: relative;
  cursor: pointer;
}
.advanced-select .form-element .value {
  overflow-x: auto;
}
.advanced-select .form-element .value .cat-arrow {
  height: 0.81rem;
  margin: 0 1.12rem;
}
.advanced-select .form-element .value span {
  min-width: max-content;
}
.advanced-select.options-opened > .form-element > img {
  transform: translateY(-50%) rotate(180deg);
}
.advanced-select.options-opened .select-options {
  display: block;
}
.advanced-select img:not(.cat-arrow) {
  position: absolute;
  top: 50%;
  right: 1.43rem;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.87rem;
}
.advanced-select .select-options {
  display: none;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #707070;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-top: -1px;
  max-height: 40rem;
  overflow-y: auto;
}
.advanced-select .select-options .option.opened > .option-text img, .advanced-select .select-options .option.selected > .option-text img {
  transform: translateY(-50%) rotate(180deg);
}
.advanced-select .select-options .option.opened > .children, .advanced-select .select-options .option.selected > .children {
  display: block;
}
.advanced-select .select-options .option.selected > .option-text {
  background-color: rgba(228, 228, 227, 0.5);
}
.advanced-select .select-options .option .option-text {
  position: relative;
  height: 2.75rem;
  padding: 0.2rem 3.37rem 0.2rem 0.87rem;
}
.advanced-select .select-options .option .option-text.has-children {
  font-weight: 600;
}
.advanced-select .select-options .option .option-text:hover {
  background-color: rgba(228, 228, 227, 0.5);
}
.advanced-select .select-options .option .spacer {
  width: 1.87rem;
}
.advanced-select .select-options .option .spacer:not(:first-child) {
  width: 5.31rem;
}
.advanced-select .select-options .option .children {
  display: none;
}

.smaller-text.notice {
  color: #D73648;
  margin-bottom: 1.56rem;
}

.tinymce-wrapper .preview {
  min-height: 170px;
  padding: 0.9375rem;
  display: block;
  overflow: auto;
}
.tinymce-wrapper .editor {
  max-height: 170px;
}
.tinymce-wrapper:not(.active) .editor {
  display: none;
}
.tinymce-wrapper.active .preview {
  display: none;
}