:root {
  --cursor-style: default;
  --tn-outline-width: 1px;
  --tn-outline-offset: 1px;
}
/* @font-face {
  font-weight: 300;
  font-family: tfutura;
  font-style: normal;
}
@font-face {
  font-weight: 400;
  font-family: tfutura;
  font-style: normal;
  src: url(/front/fonts/f400.woff) format('woff');
}
@font-face {
  font-weight: 500;
  font-family: tfutura;
  font-style: normal;
  src: url(/front/fonts/f500.woff) format('woff');
}
@font-face {
  font-weight: 600;
  font-family: tfutura;
  font-style: normal;
  src: url(/front/fonts/f600.woff) format('woff');
}
@font-face {
  font-weight: 700;
  font-family: tfutura;
  font-style: normal;
  src: url(/front/fonts/f600.woff) format('woff');
}
@font-face {
  font-weight: 300;
  font-family: FuturaPT;
  font-style: normal;
  src: url(/front/fonts/f300.woff) format('woff');
}
@font-face {
  font-weight: 400;
  font-family: FuturaPT;
  font-style: normal;
  src: url(/front/fonts/f400.woff) format('woff');
}
@font-face {
  font-weight: 500;
  font-family: FuturaPT;
  font-style: normal;
  src: url(/front/fonts/f500.woff) format('woff');
}
@font-face {
  font-weight: 600;
  font-family: FuturaPT;
  font-style: normal;
  src: url(/front/fonts/f600.woff) format('woff');
}
@font-face {
  font-weight: 700;
  font-family: FuturaPT;
  font-style: normal;
  src: url(/front/fonts/f600.woff) format('woff');
} */
body {
  margin: 0;
  overflow: auto;
  background-color: #ccc;
  font-family: arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  cursor: default;
}
.userselect_none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tn-loader {
  position: fixed;
  top: calc(50vh - 32px);
  left: calc(50vw - 32px);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tn-loader__text {
  margin-bottom: 40px;
  font-size: 35px;
}
.tn-loader_hidden {
  display: none;
}
.tn-layout {
  position: relative;
  width: 12000px;
  height: 10000px;
  transform-origin: left top;
}
.tn-floor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 12000px;
  height: 10000px;
  cursor: var(--cursor-style, auto);
}
.tn-artboard {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 0;
  height: 0;
}
.tn-canvas-min {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  box-shadow: 0 0 15px 1px rgb(0 0 0 / 20%);
}
.tn-canvas-min_noborder {
  box-shadow: 0 0 0 0 rgb(0 0 0 / 20%);
}
.tn-canvas-max {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid rgb(0 0 0 / 10%);
}
.tn-canvas-max-bottom {
  position: absolute !important;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 8px;
  cursor: s-resize;
}
.tn-canvas-max_noborder {
  border: none;
}
.tn-filter {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  box-sizing: border-box;
}
.tn-grid {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  cursor: default;
  pointer-events: none;
}
.tn-grid__column {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  height: 10000px;
  border-left: 1px solid transparent;
}
.tn-grid__row {
  position: absolute;
  left: 0;
  box-sizing: border-box;
  width: 12000px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.tn-guides__line {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100vh;
  background-color: blue;
  opacity: 1;
}
.tn-guides__line:first-child,
.tn-guides__line:last-child {
  opacity: 0;
}
.tn-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh;
}
.tn-group {
  position: absolute;
}
.tn-molecule {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.tn-molecule__hidden {
  opacity: 0 !important;
  pointer-events: none;
}
.tn-group__selected {
  box-shadow: 0 0 0 1px rgb(0 0 255 / 0%);
}
.tn-group__selected:not(.tn-group__on-resize)::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: 0 0 0 var(--tn-outline-width) rgb(0 0 255 / 30%) inset;
  pointer-events: none;
  border-radius: inherit;
}
.tn-group__selected__noborder.tn-group__selected::after {
  opacity: 0;
}
.tn-display-none {
  display: none !important;
}
.tn-fullmin-display-none {
  display: none !important;
}
.tn-mainmenu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100vw;
  height: 60px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  background-color: rgb(235 235 235 / 85%);
}
.tn-mainmenu__table {
  width: 100%;
  height: 60px;
}
.for_redactor_toolbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  width: 100%;
  height: 60px;
  background-color: #fff;
  transform: translateY(-60px);
}
.tn-testanim-display-none {
  display: none !important;
}
.tn-testanim-layer {
  position: fixed;
  z-index: 100000;
  width: 100vw;
  height: 100vh;
}
.tn-mainmenu__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
}
.tn-add-btn {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-color: #4787f0;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-add-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-add-btn__icon {
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27 19.2H20.8V13H19.2V19.2H13V20.8H19.2V27H20.8V20.8H27V19.2Z' fill='white'/></svg>");
  text-align: center;
}
.tn-mainmenu__leftside {
  display: flex;
  align-items: center;
  width: 100%;
}
.tn-zoom-wrapper {
  display: block;
  margin-left: 32px;
  padding: 0 5px;
  height: 35px;
  border-radius: 5px;
}
.tn-zoom-wrapper__container {
  height: 35px;
  line-height: 35px;
}
.tn-zoom-wrapper__scale {
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  height: 35px;
  text-align: center;
  font-size: 14px;
}
.tn-zoom-wrapper__btn {
  display: inline-block;
  box-sizing: border-box;
  width: 18px;
  height: 35px;
  text-align: center;
  cursor: pointer;
}
.tn-zoom-wrapper__btn_reset {
  position: relative;
  bottom: 1px;
  margin-left: 10px;
  box-sizing: border-box;
  width: 55px;
  height: 27px;
  border-radius: 5px;
  background: rgb(255 255 255 / 50%);
  line-height: 30px;
  font-size: 11px;
  cursor: pointer;
}
.tn-zoom-wrapper__btn_in,
.tn-zoom-wrapper__btn_out {
  font-weight: 300;
  font-size: 24px;
}
.tn-zoom-wrapper__btn_in {
  position: relative;
  top: 3px;
}
.tn-add-popup {
  position: fixed;
  top: -1000px;
  left: 0;
  padding: 20px 30px;
  width: 150px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 5px;
  background-color: white;
  color: black;
  transition: opacity 100ms linear;
  transition: left 100ms linear;
  opacity: 0;
}
.tn-add-popup__item {
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
.tn-add-wrapper_opened .tn-add-btn {
  background-color: #4787f0; //#4787f0; //#4787f0; //#f06847;
}
.tn-add-wrapper_opened .tn-add-popup {
  top: 55px;
  left: 10px;
  opacity: 1;
}
.tn-save-wrapper {
  position: fixed;
  z-index: 1000;
}
.tn-save-btn,
.tn-import-btn {
  margin-right: 5px;
  width: 70px;
  height: 40px;
  border-radius: 50px;
  background-color: #4787f0; //#f06847;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-save-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-save-btn__icon,
.tn-import-btn__icon {
  padding-top: 2px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-save-btn_processed {
  background-color: #ccc;
  cursor: default;
  transition: background-color 100ms linear;
}
.tn-rightbtns-wrapper {
  display: flex;
  margin-left: 32px;
}
.tn-publish-btn {
  margin-right: 5px;
  width: 85px;
  height: 40px;
  border-radius: 50px;
  background-color: #000;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-publish-btn__icon {
  padding-top: 2px;
  color: #fff;
  text-align: center;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-publish-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-publish-btn_processed {
  background-color: #ccc;
  cursor: default;
  transition: background-color 100ms linear;
}
.tn-close-btn {
  margin-right: 5px;
  width: 70px;
  height: 38px;
  border-radius: 50px;
  background-color: #fff;
  color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-close-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-close-btn__icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-upload-wrapper {
  position: fixed;
  z-index: 1000;
}
.tn-upload-btn {
  width: 130px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-upload-btn__hidden {
  display: none;
}
.tn-upload-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-upload-btn__icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-help-btn {
  margin-right: 5px;
  width: 50px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-help-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-help-btn__icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-sett-wrapper {
  position: fixed;
  z-index: 1000;
}
.tn-sett-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  width: 100px;
  height: 50px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  border-radius: 50px;
  background-color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-sett-btn:hover {
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 30%);
  cursor: pointer;
}
.tn-sett-btn_active {
  display: block;
  background-color: #fff;
  cursor: pointer;
}
.tn-sett-btn__icon {
  margin-top: 2px;
  color: #000;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-more-btn {
  margin-right: 10px;
  width: 50px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-more-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-more-btn__icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-more-btn_processed {
  background-color: #ccc;
  cursor: default;
  transition: background-color 100ms linear;
}
.tn-more-popup {
  position: fixed;
  top: -1000px;
  right: 0;
  padding: 20px 30px;
  width: 230px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 5px;
  background-color: white;
  color: black;
  transition: opacity 100ms linear;
  transition: left 100ms linear;
  opacity: 0;
}
.tn-more-popup__item {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  font-weight: 300;
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
}
.tn-more-wrapper_opened .tn-more-btn {
  background-color: #eee;
}
.tn-more-wrapper_opened .tn-more-popup {
  top: 55px;
  right: 10px;
  opacity: 1;
}
.tn-more-table {
  width: 100%;
}
.tn-more-table__left {
  width: 100px;
  vertical-align: top;
}
.tn-more-table__right {
  vertical-align: top;
  width: 50px;
}
.tn-more-popup__key {
  height: 30px;
  text-align: right;
  line-height: 30px;
  font-weight: 300;
  font-size: 15px;
  cursor: pointer;
  opacity: 0.5;
}
.tn-more-popup__plus {
  opacity: 0.5;
}
.tn-res-slider {
  display: flex;
  align-items: center;
}
.tn-res-wrapper {
  position: absolute;
  left: 50%;
  z-index: 1000;
  transform: translateX(-50%);
}
.tn-res-item {
  padding: 0 8px;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}
.tn-res-item:has(.tn-res-icon_1200) {
  padding: 0 6px;
}
.tn-res-icon {
  opacity: 0.3;
  cursor: pointer;
}
.tn-res-item:hover .tn-res-icon,
.tn-res-item_active .tn-res-icon {
  opacity: 1;
}
.tn-res-icon_320 {
  width: 11px;
  height: 19px;
  background-image: url("data:image/svg+xml;utf8,<svg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.99202 19C0.891856 19 0 18.1091 0 17.0026L0 1.99742C0 0.894276 0.900176 0 1.99202 0H9.00798C10.1081 0 11 0.890925 11 1.99742L11 17.0026C11 18.1057 10.0998 19 9.00798 19H1.99202ZM2 15L2 2.81482H9L9 15H2ZM6.5 17C6.5 16.4477 6.05228 16 5.5 16C4.94772 16 4.5 16.4477 4.5 17C4.5 17.5523 4.94772 18 5.5 18C6.05228 18 6.5 17.5523 6.5 17Z' fill='black'/></svg>");
}
.tn-res-icon_480 {
  width: 19px;
  height: 11px;
  background-image: url("data:image/svg+xml;utf8,<svg width='19' height='11' viewBox='0 0 19 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 1.99202C0 0.891856 0.890925 0 1.99742 0H17.0026C18.1057 0 19 0.900176 19 1.99202V9.00798C19 10.1081 18.1091 11 17.0026 11H1.99742C0.894276 11 0 10.0998 0 9.00798V1.99202ZM4 2H16.1852V9H4V2ZM2 6.5C2.55228 6.5 3 6.05228 3 5.5C3 4.94772 2.55228 4.5 2 4.5C1.44772 4.5 1 4.94772 1 5.5C1 6.05228 1.44772 6.5 2 6.5Z' fill='black'/></svg>");
}
.tn-res-icon_640 {
  width: 17px;
  height: 25px;
  background-image: url("data:image/svg+xml;utf8,<svg width='17' height='25' viewBox='0 0 17 25' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.00011 25C0.895478 25 0 24.1102 0 22.9964L0 2.0036C0 0.89704 0.890059 0 2.00011 0H14.9999C16.1045 0 17 0.889764 17 2.0036V22.9964C17 24.103 16.1099 25 14.9999 25H2.00011ZM2 20L2 2H15L15 20H2ZM10 22.5C10 21.6716 9.32843 21 8.5 21C7.67157 21 7 21.6716 7 22.5C7 23.3284 7.67157 24 8.5 24C9.32843 24 10 23.3284 10 22.5Z' fill='black'/></svg>");
}
.tn-res-icon_960 {
  width: 30px;
  height: 21px;
  background-image: url("data:image/svg+xml;utf8,<svg width='30' height='21' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 1.99456C0 0.892996 0.89784 0 1.99162 0H28.0084C29.1083 0 30 0.902344 30 1.99456V19.0054C30 20.107 29.1022 21 28.0084 21H1.99162C0.891677 21 0 20.0977 0 19.0054V1.99456ZM5 2H28V19H5V2ZM2.5 12C3.32843 12 4 11.3284 4 10.5C4 9.67157 3.32843 9 2.5 9C1.67157 9 1 9.67157 1 10.5C1 11.3284 1.67157 12 2.5 12Z' fill='black'/></svg>");
}
.tn-res-icon_1200 {
  width: 51px;
  height: 31px;
  background-image: url("data:image/svg+xml;utf8,<svg width='51' height='31' viewBox='0 0 51 31' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M47 31H4C1.79086 31 0 30.5523 0 30C0 29.4477 1.79086 29 4 29H47C49.2091 29 51 29.4477 51 30C51 30.5523 49.2091 31 47 31Z' fill='black'/><path fill-rule='evenodd' clip-rule='evenodd' d='M4 2.00733C4 0.898712 4.89812 0 6.002 0H44.998C46.1037 0 47 0.898338 47 2.00733V24.9927C47 26.1013 46.1019 27 44.998 27H6.002C4.89633 27 4 26.1017 4 24.9927V2.00733ZM6 2H45V25H6V2Z' fill='black'/></svg>");
}
.tn-res-icon_1600 {
  width: 42px;
  height: 31px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='31' viewBox='0 0 42 31' fill='none'><path d='M21 25H40C40.5523 25 41 24.5523 41 24V2C41 1.44772 40.5523 1 40 1H2C1.44772 1 1 1.44772 1 2V24C1 24.5523 1.44772 25 2 25H21ZM21 25V30M21 30H13M21 30H29' stroke='black' stroke-width='2' stroke-linecap='round'/></svg>");
}
.tn-res-icon_unknow {
  width: 52px;
  height: 33px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 36' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M3.2844 11.4277C2.19319 11.4277 1.30859 12.3123 1.30859 13.4035V32.8184C1.30859 33.9096 2.19319 34.7942 3.2844 34.7942H12.5989C13.6901 34.7942 14.5747 33.9096 14.5747 32.8184V13.4035C14.5747 12.3123 13.6901 11.4277 12.5989 11.4277H3.2844ZM3.56949 14.5933H12.3131V29.6685H3.56949V14.5933ZM9.29805 32.0805C9.29805 32.7465 8.7581 33.2865 8.09204 33.2865C7.42597 33.2865 6.88602 32.7465 6.88602 32.0805C6.88602 31.4144 7.42597 30.8745 8.09204 30.8745C8.7581 30.8745 9.29805 31.4144 9.29805 32.0805Z' fill='black'/><path d='M28.9699 28.2549H49.5277C50.1252 28.2549 50.6096 27.7704 50.6096 27.1729V3.3691C50.6096 2.77154 50.1252 2.28711 49.5277 2.28711H8.41207C7.81451 2.28711 7.33008 2.77154 7.33008 3.3691V8.54365M28.9699 28.2549V33.6648M28.9699 28.2549H17.2561M28.9699 33.6648H20.3139M28.9699 33.6648H37.6258' stroke='black' stroke-width='2.16398' stroke-linecap='round'/></svg>");
  background-size: 48px 33px;
  background-repeat: no-repeat;
}
.tn-res-icon_settings {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'><path d='M13.0588 10.328L11.8495 9.46799C12.0526 8.72118 12.0515 7.93354 11.8462 7.18732L13.0595 6.33799L12.0908 4.66199L10.7415 5.27932C10.1961 4.73001 9.51324 4.33722 8.76418 4.14199L8.63552 2.66666H6.69818L6.56952 4.14199C5.82062 4.33749 5.13795 4.73051 4.59285 5.27999L3.24285 4.66266L2.27485 6.33866L3.48818 7.18799C3.2828 7.93393 3.28142 8.72133 3.48418 9.46799L2.27485 10.328L3.24285 11.996L4.59285 11.378C5.13803 11.9272 5.82069 12.32 6.56952 12.5153L6.69818 13.9907H8.63552L8.76418 12.5153C9.513 12.32 10.1956 11.9272 10.7408 11.378L12.0908 11.996L13.0595 10.3287L13.0588 10.328ZM9.00352 1.98999C9.08933 1.9899 9.17187 2.02291 9.23396 2.08214C9.29605 2.14137 9.3329 2.22227 9.33685 2.30799L9.45552 3.66466C9.94833 3.85246 10.4081 4.11756 10.8175 4.44999L12.0508 3.87466C12.127 3.83546 12.2154 3.8271 12.2975 3.85131C12.3797 3.87551 12.4494 3.93043 12.4922 4.00466L13.8288 6.31799C13.8718 6.39214 13.8845 6.47999 13.8644 6.56328C13.8443 6.64658 13.7929 6.71894 13.7208 6.76532L12.6048 7.54666C12.6902 8.07866 12.6875 8.60866 12.6055 9.11932L13.7208 9.89932C13.7931 9.94572 13.8446 10.0182 13.8647 10.1017C13.8849 10.1851 13.872 10.2731 13.8288 10.3473L12.4922 12.652C12.4494 12.7262 12.3797 12.7811 12.2975 12.8053C12.2154 12.8295 12.127 12.8212 12.0508 12.782L10.8175 12.2067C10.4162 12.5333 9.95885 12.8 9.45552 12.9927L9.33685 14.3493C9.33274 14.4349 9.29581 14.5157 9.23374 14.5747C9.17166 14.6338 9.08922 14.6668 9.00352 14.6667H6.33018C6.24448 14.6668 6.16203 14.6338 6.09996 14.5747C6.03789 14.5157 6.00096 14.4349 5.99685 14.3493L5.87818 12.9927C5.38534 12.8046 4.92558 12.5393 4.51618 12.2067L3.28285 12.782C3.20669 12.8214 3.11825 12.83 3.03592 12.8059C2.9536 12.7818 2.88373 12.7269 2.84085 12.6527L1.50485 10.3467C1.4619 10.2725 1.44916 10.1847 1.46927 10.1014C1.48938 10.0181 1.5408 9.94571 1.61285 9.89932L2.72818 9.11866C2.64466 8.59776 2.64466 8.06689 2.72818 7.54599L1.61352 6.76532C1.54164 6.71895 1.49035 6.64672 1.47025 6.56357C1.45014 6.48043 1.46277 6.39275 1.50552 6.31866L2.84018 4.00466C2.88296 3.93026 2.95278 3.87522 3.03511 3.851C3.11744 3.82679 3.20594 3.83526 3.28218 3.87466L4.51552 4.44999C4.92494 4.11756 5.3847 3.85246 5.87752 3.66466L5.99618 2.30799C6.00013 2.22227 6.03698 2.14137 6.09907 2.08214C6.16116 2.02291 6.2437 1.9899 6.32952 1.98999H9.00285H9.00352ZM7.66685 5.99999C8.28569 5.99999 8.87918 6.24582 9.31676 6.68341C9.75435 7.12099 10.0002 7.71448 10.0002 8.33332C10.0002 8.95216 9.75435 9.54565 9.31676 9.98324C8.87918 10.4208 8.28569 10.6667 7.66685 10.6667C7.04801 10.6667 6.45452 10.4208 6.01693 9.98324C5.57935 9.54565 5.33352 8.95216 5.33352 8.33332C5.33352 7.71448 5.57935 7.12099 6.01693 6.68341C6.45452 6.24582 7.04801 5.99999 7.66685 5.99999ZM7.66685 6.66666C7.22482 6.66666 6.8009 6.84225 6.48834 7.15481C6.17578 7.46737 6.00018 7.8913 6.00018 8.33332C6.00018 8.77535 6.17578 9.19927 6.48834 9.51183C6.8009 9.8244 7.22482 9.99999 7.66685 9.99999C8.10888 9.99999 8.5328 9.8244 8.84536 9.51183C9.15792 9.19927 9.33352 8.77535 9.33352 8.33332C9.33352 7.8913 9.15792 7.46737 8.84536 7.15481C8.5328 6.84225 8.10888 6.66666 7.66685 6.66666V6.66666Z' fill='black'/></svg>");
  background-size: 24px;
  background-repeat: no-repeat;
  transform: scale(0.8);
  opacity: 1;
}
.tn-elem {
  position: absolute !important;
  display: table;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: var(--cursor-style, auto);
}
.tn-elem__fake {
  display: none !important;
}
.tn-atom {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.tn-atom a {
  pointer-events: none;
}
.tn-elem__selected {
  box-shadow: 0 0 0 1px rgb(0 0 255 / 0%);
}
.tn-group__selected .tn-elem__selected::after {
  opacity: 0;
}
.tn-elem__selected__noborder.tn-elem__selected::after {
  opacity: 0;
}
.t-animate_started.tn-elem__selected::after {
  opacity: 0;
}
.tn-elem.ui-state-disabled {
  opacity: 1;
}
.tn-elem__selected__noborder .ui-resizable-handle {
  opacity: 0;
}
.tn-elem__selected[data-group-id] {
  box-shadow: none;
}
.tn-elem .redactor-box {
  display: table;
  box-sizing: border-box;
  width: 100%;
  vertical-align: middle;
}
.tn-elem__selected.tn-elem__locked {
  box-shadow: 0 0 0 var(--tn-outline-width) yellow inset;
}
.tn-elem__locked.tn-elem__selected::after {
  box-shadow: none;
}
.tn-group:not(.tn-group__open) .tn-elem__selected.tn-elem__locked {
  box-shadow: none;
}
.tn-group__locked.tn-group__selected {
  box-shadow: 0 0 0 var(--tn-outline-width) yellow inset;
}
.tn-group__selected.tn-group__locked::after {
  position: absolute;
  top: 97%;
  left: 91%;
  box-shadow: none;
  color: yellow;
  line-height: 12px;
  font-weight: 500;
  font-size: 10px;
  font-family: sans-serif;
  content: 'locked';
  letter-spacing: 0.5px;
}
.tn-group__hidden.tn-group__selected {
  box-shadow: none;
}
.tn-group.tn-group__hidden {
  pointer-events: none;
}
.tn-elem__selected.tn-elem__locked::after {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: yellow;
  line-height: 12px;
  font-weight: 500;
  font-size: 10px;
  font-family: sans-serif;
  content: 'locked';
  letter-spacing: 0.5px;
}
.tn-elem__locked img {
  pointer-events: none;
}
.t-sbs-anim_playing img {
  pointer-events: none;
}
.sbs-panel-open-mode .tn-tidy-controls-wrpr,
.sbs-panel-open-mode .border-radius-handle,
.sbs-panel-open-mode .tn-outline_hover,
.sbs-panel-open-mode .tn-group__selected:not(.tn-elem__on-resize)::after,
.sbs-panel-open-mode .tn-canvas-max-bottom,
.sbs-panel-open-mode .tn-elem__selected.tn-elem__fluid::before {
  display: none;
}
.tn-elem__selected.tn-elem__selected__noborder,
.tn-group__selected__noborder,
.tn-group__selected .tn-elem__selected {
  box-shadow: 0 0 0 0 white;
}
.tn-elem__transform-wrapper:not(.tn-elem__transform-wrapper--disabled) .tn-atom {
  transform: none !important;
}
.tn-elem__fluid.tn-elem__selected::after {
  box-shadow: none;
}
.tn-elem__selected.tn-elem__fluid::after {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: rebeccapurple;
  line-height: 12px;
  font-weight: 500;
  font-size: 10px;
  font-family: sans-serif;
  content: 'window relative';
  letter-spacing: 0.5px;
}
.tn-elem__selected.tn-elem__fluid::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: inherit;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 var(--tn-outline-width) rebeccapurple inset;
  content: '';
}
.tn-elem__invisible {
  opacity: 0;
  pointer-events: none;
}
.tn-elem__selected.tn-elem__sbsmode .tn-atom::after,
.tn-elem__sbsmode .tn-molecule::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 var(--tn-outline-width) green inset;
  content: '';
}
.tn-elem__sbsmode.tn-elem__selected::after {
  opacity: 0;
}
.tn-elem__selected.tn-elem__selected__noborder.tn-elem__sbsmode {
  box-shadow: 0 0 0 0 white;
}
.tn-elem__highlight {
  box-shadow: 0 0 0 var(--tn-outline-width) yellow;
}
.tn-fake-group {
  position: absolute !important;
  display: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: default;
}
.tn-fake-group__selected {
  display: table;
  box-shadow: 0 0 0 1px blue;
}
.tn-right-box {
  position: fixed;
  top: 70px;
  right: 10px;
  z-index: 1000;
  display: block;
  width: 320px;
  height: calc(100vh - 80px);
  overflow: hidden auto;
  border-radius: 4px;
  background-color: rgb(235 235 235 / 85%);
}
.tn-right-box::-webkit-scrollbar {
  display: none;
}
.tn-right-box_min {
  height: 100px;
}
.tn-right-box_hide {
  display: block;
}
.tn-settings {
  display: block;
}
.tn-right-box__header {
  padding: 0 18px 0 20px;
  height: 40px;
  line-height: 40px;
}
.tn-right-box__caption {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.4;
  letter-spacing: 1px;
}
.tn-right-box__icon {
  cursor: pointer;
  float: right;
  margin-top: 13px;
  width: 15px;
}
.sui-panel__section {
  position: relative;
  margin: 0 5px 5px;
  padding: 15px;
  border-radius: 3px;
  background-color: rgb(245 245 245 / 100%);
}
.sui-panel__section_hidden {
  display: none;
}
.sui-panel__section.sui-blocks-box {
  display: none;
}
.sui-panel__section_disable {
  pointer-events: none;
}
.sui-panel__section_disable .sui-input {
  opacity: 0.3;
}
.sui-panel__section_closed .sui-panel__table {
  display: none !important;
}
.sui-panel__section_closed .sui-label_title {
  position: relative;
  margin-bottom: 0;
}
.sui-panel__section_closed .sui-label_title::after {
  position: absolute;
  top: 1px;
  right: 10px;
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #000;
  border-top: none;
  border-left: none;
  font-weight: 300;
  font-size: 22px;
  transform: rotate(45deg);
  content: '';
}
.sui-panel__table {
  width: 100%;
  height: 50px;
}
.sui-panel__table.sui-panel__table_toggle {
  width: auto;
  height: 45px;
}
.sui-panel__2col-space {
  width: 20px;
}
.sui-panel__padd_b-25 {
  padding-bottom: 25px;
}
.sui-panel__padd_b-10 {
  padding-bottom: 10px;
}
.sui-panel__padd_t-10 {
  padding-top: 10px;
}
.sui-panel__padd_b-5 {
  padding-bottom: 5px;
}
.sui-panel_hidden {
  display: none;
}
.sui-copypaste-wrapper {
  position: absolute;
  top: 2px;
  right: 0;
  display: flex;
  visibility: hidden;
  transition: visibility 0.3s ease;
}
.sui-panel__section-sbsopenbtn:hover .sui-copypaste-wrapper {
  visibility: visible;
}
.sui-copypaste-wrapper .sui-paste-btn {
  margin-left: 3px;
}
.sui-copypaste-wrapper .sui-copy-btn,
.sui-copypaste-wrapper .sui-paste-btn {
  opacity: 1;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.sui-copypaste-wrapper .sui-copy-btn:hover,
.sui-copypaste-wrapper .sui-paste-btn:hover {
  opacity: 0.5;
}
.sui-header-wrapper {
  position: relative;
}
.sui-panel__section-anim:hover .sui-copypaste-wrapper {
  visibility: visible;
}
.sui-panel__section-anim.sui-panel__section_closed .sui-copypaste-wrapper {
  display: none;
}
.sui-form-group-pos-twocoldiv {
  width: 100px;
}
.sui-form-group-width {
  min-width: 82px;
}
.sui-form-group .minicolors-theme-default.minicolors {
  display: block;
}
.sui-form-group .minicolors-theme-default .minicolors-swatch-color {
  border-radius: 40px;
}
.sui-form-group .minicolors-swatch-color {
  cursor: default;
}
.sui-form-group .minicolors-theme-default .minicolors-swatch {
  left: 0;
  border-radius: 40px;
}
.sui-form-group .minicolors-theme-default .minicolors-input {
  padding-left: 43px;
}
.sui-slider-relwrapper {
  position: relative;
  height: 0;
}
.sui-slider-abswrapper {
  position: absolute;
  bottom: -13px;
  width: 97%;
}
.sui-form-group .sui-input-slider-div + .sui-slider {
  top: -10px;
  margin-top: -5px;
  height: 0 !important;
}
.sui-form-group .ui-slider-handle {
  top: -2px !important;
  width: 10px !important;
  height: 10px !important;
}
.sui-form-group .minigradients .ui-slider-handle {
  top: -26px !important;
  width: 14px !important;
  height: 14px !important;
}
.sui-form-group .ui-slider-range {
  opacity: 0;
}
.sui-form-group .ui-slider-handle.ui-state-default {
  background: none;
  background-color: #000;
}
.sui-form-group .ui-slider-handle.ui-state-active {
  border: 0;
}
.sui-form-group .tu-popup-progressbar-container {
  max-width: 276px;
}
.sui-form-group .ui-button {
  padding-top: 4px;
  width: 91px;
  height: 30px;
  border-radius: 0 !important;
  font-weight: 300;
  font-size: 16px;
  font-family: tfutura, Arial, sans-serif;
}
.sui-form-group .ui-state-active {
  background: transparent;
}
.sui-form-group .ui-state-active .ui-icon {
  background-image: none;
}
.sui-form-group .ui-checkboxradio-icon {
  opacity: 0;
  display: none;
}
.sui-form-group .ui-state-default {
  border: 0;
  border-bottom: 1px solid #ccc;
  background: transparent;
  color: #777;
}
.sui-form-group .ui-button-text-only .ui-button-text {
  line-height: 30px;
}
.sui-form-group-untis {
  width: 30px;
}
.sui-form-group-untis .sui-select {
  font-size: 12px;
  opacity: 0.8;
}
.sui-form-group-untis .sui-select::after {
  content: none;
}
.sui-form-group .ui-widget-content {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 4px;
  height: 8px;
  border: none !important;
  border-bottom: 1px solid #aaa;
  background: transparent !important;
}
.sui-form-group .ui-widget-content .ui-state-default {
  margin-left: -5px;
  outline: 0;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  background-color: #fff;
  text-decoration: none;
}
.sui-form-group .minigradients .ui-widget-content .ui-state-default {
  border: none;
  border-radius: 0;
}
.sui-form-group .ui-widget-content:not(.minigradients__slider__range) .ui-state-active {
  outline: 0;
  border: 1px solid #ff855d !important;
  background-color: #ff855d;
}
.sui-form-group .sui-radio .ui-state-active {
  border: 0;
  border-bottom: 1px solid #000 !important;
}
.sui-btn {
  display: inline-block;
  margin-right: 4px;
  padding: 4px 14px;
  border: 1px solid rgb(0 0 0 / 20%);
  line-height: 20px;
  font-size: 14px;
  cursor: pointer;
}
.sui-btn_sm {
  padding: 4px 13px;
}
.sui-btn_singular {
  margin-right: 0;
}
.sui-file-upload {
  padding-top: 7px;
  width: 95px;
  border-radius: 3px;
  background: #222;
  color: #fff;
  text-align: center;
}
.sui-btn_disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sui-btn-ico {
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  height: 30px;
  cursor: pointer;
}
.sui-btn-ico.sui-btn-ico_elems {
  padding-right: 8px;
  padding-left: 8px;
}
.sui-btn-ico:hover {
  opacity: 0.5;
}
.sui-btn-ico.sui-btn-context-distribution svg {
  display: inline-block;
  vertical-align: middle;
}
.sui-btn-ico.sui-btn-context-distribution svg.sui-btn-ico-square {
  margin-top: 2px;
}
.sui-btn-ico.sui-btn-context-distribution svg.sui-btn-ico-arrow {
  margin-top: 3px;
  margin-left: 8px;
}
.sui-btn-back__icon,
.sui-btn-front__icon,
.sui-btn-backward__icon,
.sui-btn-frontward__icon {
  width: 24px;
  height: 24px;
  background-position: right center;
  background-repeat: no-repeat;
}
.sui-btn-arr-left,
.sui-btn-alig-left,
.sui-btn-arr-center,
.sui-btn-alig-center,
.sui-btn-arr-right,
.sui-btn-alig-right,
.sui-btn-arr-top,
.sui-btn-alig-top,
.sui-btn-arr-middle,
.sui-btn-alig-middle,
.sui-btn-arr-bottom,
.sui-btn-alig-bottom {
  width: 19px;
  height: 20px;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.sui-btn-arr-left,
.sui-btn-alig-left {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M15.5 11.5V15.5L3.5 15.5V11.5L15.5 11.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M11.5 4.5V8.5L3.5 8.5V4.5L11.5 4.5Z' stroke='black'/%3E%3Cpath d='M0.5 0.5L0.5 19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: 12% bottom;
}
.sui-btn-arr-center,
.sui-btn-alig-center {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='20' viewBox='0 0 13 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M12.5 11.5V15.5L0.5 15.5V11.5L12.5 11.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M10.5 4.5V8.5L2.5 8.5V4.5L10.5 4.5Z' stroke='black'/%3E%3Cpath d='M6.5 0.5L6.5 19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.sui-btn-arr-right,
.sui-btn-alig-right {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M12.5 11.5V15.5L0.5 15.5V11.5L12.5 11.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M12.5 4.5V8.5L4.5 8.5V4.5L12.5 4.5Z' stroke='black'/%3E%3Cpath d='M15.5 0.5L15.5 19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
.sui-btn-arr-top,
.sui-btn-alig-top {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M4.5 3.5H8.5V15.5H4.5V3.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M11.5 3.5H15.5V11.5H11.5V3.5Z' stroke='black'/%3E%3Cpath d='M0.5 0.5H19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: center 80%;
}
.sui-btn-arr-middle,
.sui-btn-alig-middle {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M4.5 0.5H8.5V12.5H4.5V0.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M11.5 2.5H15.5V10.5H11.5V2.5Z' stroke='black'/%3E%3Cpath d='M0.5 6.5H19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: center 70%;
}
.sui-btn-arr-bottom,
.sui-btn-alig-bottom {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.260086' d='M4.5 0.5H8.5V12.5H4.5V0.5Z' stroke='black'/%3E%3Cpath opacity='0.260086' d='M11.5 4.5H15.5V12.5H11.5V4.5Z' stroke='black'/%3E%3Cpath d='M0.5 15.5H19.5' stroke='black' stroke-linecap='square'/%3E%3C/svg%3E%0A");
  background-position: center 75%;
}
.sui-btn-front {
  float: left;
}
.sui-btn-backward {
  float: left;
}
.sui-btn-forward {
  float: left;
}
.sui-btn-sbs-copy,
.sui-btn-sbs-paste {
  display: inline-block;
}
.sui-btn-close {
  margin-bottom: 20px;
  background-color: #222;
  color: #fff;
  font-weight: 500;
}
.sui-btn-close_no-margin {
  margin-bottom: 0;
}
.sui-btn-lettercase {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: transparent;
  text-align: center;
  vertical-align: middle;
}
.sui-btn-lettercase + .sui-btn-lettercase {
  margin-left: 8px;
}
.sui-btn-lettercase_active {
  background-color: #ebebeb;
}
.sui-radio-lettercase label,
.sui-btn-lettercase-reset {
  cursor: pointer;
}
.sui-btn-lettercase-reset:hover,
.sui-radio-lettercase label:hover {
  opacity: 0.5;
}
.sui-radio-lettercase {
  line-height: 26px;
}
.sui-btn-rp {
  padding: 8px 30px;
  background-color: #222;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
}
.sui-btn-group {
  width: 154px;
  text-align: center;
}
.sui-file-div {
  display: block;
  padding-top: 15px;
  max-width: 276px;
}
.sui-file-div.sui-file-slides {
  padding-top: 0;
}
.sui-file-div tbody {
  display: block;
}
.sui-file-list {
  background-color: #fff;
}
.sui-file-list__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2px;
  padding: 5px 0;
}
.sui-file-list__wrapper .sui-btn,
.sui-file-list__text-content__link,
.sui-file-list__image-wrapper--img {
  transition: opacity 0.15s ease-in-out;
}
.sui-panel__section-gallery-imgs,
.sui-panel__section-gallery-imgs .sui-form-group {
  position: initial;
}
.sui-file-list__drag {
  cursor: pointer;
  padding-right: 2px;
}
.sui-file-list__image-wrapper {
  position: relative;
  height: 60px;
}
.sui-file-list__image-wrapper--play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  opacity: 0.6;
}
.sui-file-list__text-content__link {
  display: block;
  opacity: 0.5;
  color: #000;
  text-decoration: none;
  font-size: 14px;
}
.sui-file-list__text-content__link:hover {
  opacity: 0.6;
}
.sui-file-list__settings-wrapper,
.sui-file-list__wrapper--left-content {
  display: flex;
  align-items: center;
}
.sui-file-list__text-content {
  padding-left: 10px;
}
.sui-file-list__delete {
  cursor: pointer;
  padding: 0 12px 5px 5px;
}
.upload-btn-wrapper {
  margin-bottom: 15px;
}
.sui-file-list .sui-file-del {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
}
.sui-file-label,
.sui-file-error {
  opacity: 0.5;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 14px;
}
.sui-file-error,
.sui-file-warning {
  padding: 0;
  color: red;
  opacity: 1;
}
.sui-file-warning {
  padding-bottom: 5px;
  color: red;
  line-height: 1.2;
  font-size: 14px;
  opacity: 0.8;
}
.sui-file-del {
  font-size: 14px;
}
.sui-file-del_no-border {
  padding: 4px 8px;
  border: none;
}
.sui-file-del_no-border svg {
  margin-bottom: -5px;
  width: 17px;
  height: 17px;
}
.sui-file-settings,
.sui-file-replace,
.sui-file-video {
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
  line-height: 28px;
}
.sui-file-settings {
  margin-right: 44px;
  margin-left: 0;
}
.sui-file-settings:hover,
.sui-file-replace:hover,
.sui-file-video:hover {
  opacity: 0.6;
}
.tn-elem .ui-resizable-handle,
.tn-outline .ui-resizable-handle {
  width: 8px;
  height: 8px;
}
.tn-elem .ui-resizable-n,
.tn-elem .ui-resizable-s,
.tn-outline .ui-resizable-n,
.tn-outline .ui-resizable-s {
  right: 8px;
  left: 8px;
  width: calc(100% - 16px);
}
.tn-elem .ui-resizable-e,
.tn-elem .ui-resizable-w,
.tn-outline .ui-resizable-e,
.tn-outline .ui-resizable-w {
  top: 8px;
  bottom: 8px;
  height: calc(100% - 16px);
}
.tn-elem .ui-resizable-n,
.tn-outline .ui-resizable-n {
  top: -4px;
  top: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-e,
.tn-outline .ui-resizable-e {
  right: -4px;
  right: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-s,
.tn-outline .ui-resizable-s {
  bottom: -4px;
  bottom: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-w,
.tn-outline .ui-resizable-w {
  left: -4px;
  left: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-nw,
.tn-elem .ui-resizable-ne,
.tn-elem .ui-resizable-sw,
.tn-elem .ui-resizable-se,
.tn-outline .ui-resizable-nw,
.tn-outline .ui-resizable-ne,
.tn-outline .ui-resizable-sw,
.tn-outline .ui-resizable-se {
  box-sizing: border-box;
  border: 1px solid blue;
  background-color: #fff;
}
.tn-elem.tn-elem__fluid .ui-resizable-nw,
.tn-elem.tn-elem__fluid .ui-resizable-ne,
.tn-elem.tn-elem__fluid .ui-resizable-sw,
.tn-elem.tn-elem__fluid .ui-resizable-se,
.tn-outline.tn-outline__fluid .ui-resizable-nw,
.tn-outline.tn-outline__fluid .ui-resizable-ne,
.tn-outline.tn-outline__fluid .ui-resizable-sw,
.tn-outline.tn-outline__fluid .ui-resizable-se {
  border-color: rebeccapurple;
}
.tn-outline.tn-outline__fluid.tn-outline_text-selected::before,
.tn-outline.tn-outline__fluid.tn-outline_text-selected::after {
  border-color: rebeccapurple;
}
.tn-outline.tn-outline__locked .ui-resizable-nw,
.tn-outline.tn-outline__locked .ui-resizable-ne,
.tn-outline.tn-outline__locked .ui-resizable-sw,
.tn-outline.tn-outline__locked .ui-resizable-se {
  border-color: yellow;
}
.tn-outline.tn-outline__locked .tn-outline__border {
  background-color: yellow;
}
.tn-outline.tn-outline__locked.tn-outline_text-selected::before,
.tn-outline.tn-outline__locked.tn-outline_text-selected::after {
  display: none;
}
.tn-outline.tn-outline__locked .tn-outline__rotate-anchor,
.tn-outline.tn-outline__locked .ui-resizable-handle {
  display: none !important;
}
.tn-elem .ui-resizable-nw,
.tn-outline .ui-resizable-nw {
  top: var(--tn-outline-offset, -4px);
  left: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-ne,
.tn-outline .ui-resizable-ne {
  top: var(--tn-outline-offset, -4px);
  right: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-sw,
.tn-outline .ui-resizable-sw {
  bottom: var(--tn-outline-offset, -4px);
  left: var(--tn-outline-offset, -4px);
}
.tn-elem .ui-resizable-se,
.tn-outline .ui-resizable-se {
  right: var(--tn-outline-offset, -4px);
  bottom: var(--tn-outline-offset, -4px);
}
.tn-outline_text-selected::before {
  position: absolute;
  top: 50%;
  bottom: auto;
  left: -4px;
  z-index: 900;
  width: 7px;
  height: 7px;
  border: 1px solid blue;
  background-color: #fff;
  transform: translateY(-50%);
  content: '';
}
.tn-outline_text-selected::after {
  position: absolute;
  top: 50%;
  right: -4px;
  bottom: auto;
  z-index: 900;
  width: 7px;
  height: 7px;
  border: 1px solid blue;
  background-color: #fff;
  transform: translateY(-50%);
  content: '';
}
.tn-outline_selected.tn-outline__fluid {
  border-color: transparent;
}
.tn-elem .ui-pseudo-handle-fix-e,
.tn-elem .ui-pseudo-handle-fix-w {
  position: absolute;
  top: calc(50% - 5px);
  right: -4px;
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid red;
  font-size: 0.1px;
  touch-action: none;
  opacity: 0;
}
.tn-elem .ui-pseudo-handle-fix-w {
  left: -4px;
}
.tn-outline__rotate-anchor {
  position: absolute;
  z-index: 89;
  width: 26px;
  height: 26px;
  pointer-events: none;
}
.tn-outline__rotate-anchor-zone-1,
.tn-outline__rotate-anchor-zone-2 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: auto;
}
.tn-outline__rotate-anchor-zone-1 {
  width: 13px;
  height: 26px;
}
.tn-outline__rotate-anchor-zone-2 {
  width: 26px;
  height: 13px;
}
.tn-outline__rotate-anchor_nw {
  top: calc(var(--tn-outline-offset, 0) - 17px);
  left: calc(var(--tn-outline-offset, 0) - 17px);
}
.tn-outline__rotate-anchor_ne {
  top: calc(var(--tn-outline-offset, 0) - 17px);
  right: calc(var(--tn-outline-offset, 0) - 17px);
}
.tn-outline__rotate-anchor_sw {
  bottom: calc(var(--tn-outline-offset, 0) - 17px);
  left: calc(var(--tn-outline-offset, 0) - 17px);
}
.tn-outline__rotate-anchor_se {
  right: calc(var(--tn-outline-offset, 0) - 17px);
  bottom: calc(var(--tn-outline-offset, 0) - 17px);
}
.tn-outline__rotate-anchor_ne .tn-outline__rotate-anchor-zone-1,
.tn-outline__rotate-anchor_se .tn-outline__rotate-anchor-zone-1 {
  left: 13px;
}
.tn-outline__rotate-anchor_sw .tn-outline__rotate-anchor-zone-2,
.tn-outline__rotate-anchor_se .tn-outline__rotate-anchor-zone-2 {
  top: 13px;
}
.tn-rotate-cursor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.sui-spiner-div .ui-widget-content {
  margin: 0;
  height: 50px;
  border: none;
  background: none;
}
.sui-spiner-div .ui-widget input {
  font-size: inherit;
  font-family: inherit;
}
.sui-spiner-div .ui-spinner-input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  outline: none !important;
  border: 0;
  border-bottom: 1px solid #b5b5b5;
  background: transparent none repeat scroll 0% 0%;
  color: #000;
  font-weight: 300;
  font-size: 18px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.tn-shortcuts {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100vw;
  height: 1000px;
  min-height: 100vh;
  background-color: rgb(0 0 0 / 95%);
}
.tn-shortcuts__main {
  width: 100%;
  height: 100vh;
  overflow: auto;
}
.tn-shortcuts__table {
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 550px;
  color: #fff;
}
.tn-shortcuts__cap {
  padding-bottom: 30px;
  border-bottom: 3px solid #fff;
  font-weight: 300;
  font-size: 18px;
  opacity: 0.5;
}
.tn-shortcuts__left {
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 300;
  font-size: 22px;
  opacity: 0.5;
}
.tn-shortcuts__right {
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: right;
  font-weight: 600;
  font-size: 22px;
}
.tn-shortcuts__plus {
  opacity: 0.5;
  font-weight: 300;
}
.tn-hello {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100vh;
  background-color: rgb(0 0 0 / 95%);
}
.tn-hello__main {
  width: 100%;
  overflow: auto;
}
.tn-hello__table {
  margin: 0 auto;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 600px;
  color: #fff;
}
.tn-hello__img {
  margin: 0 auto;
  width: 55px;
  height: 39px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='55px' height='39px' viewBox='0 0 55 39' version='1.1'%3E%3Cscript xmlns=''/%3E%3C!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch --%3E%3Ctitle%3ESlice 14%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs/%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group-10' transform='translate(0.000000, 1.000000)' fill='%23FFFFFF'%3E%3Crect id='Rectangle-3-Copy-509' x='49.5' y='1.5' width='5' height='5'/%3E%3Crect id='Rectangle-3-Copy-511' x='0.5' y='1.5' width='5' height='5'/%3E%3Crect id='Rectangle-3-Copy-512' x='0.5' y='28.5' width='5' height='5'/%3E%3Crect id='Rectangle-3-Copy-513' x='49.5' y='28.5' width='5' height='5'/%3E%3Cpolygon id='Path-3203-Copy-169' points='31.8330777 0 16 22.2363914 25.9264503 22.2363914 23.555589 36.6509434 39.2452349 14.5484993 29.3333092 14.5484993'/%3E%3Cpolygon id='Path-1238' points='37.5879517 2.99133301 37.1387939 4.99853516 51.0154419 4.99853516 51.0154419 30.0566406 35.697876 29.9663086 34.2567139 32.0142822 52.9920654 32.0142822 52.9920654 2.99133301'/%3E%3Cpolygon id='Path-1238-Copy' transform='translate(12.192383, 17.517365) scale(-1, 1) translate(-12.192383, -17.517365) ' points='2 3 3.78015137 4.98834229 20.3775024 4.98834229 20.3775024 29.9758911 5.69842529 29.9758911 6.07714844 32.034729 22.3847656 32.034729 22.3847656 3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.tn-hello__td {
  text-align: center;
}
.tn-hello__btn {
  display: table;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-hello__btn-label {
  display: table-cell;
  width: 100%;
  height: 100%;
  color: #000;
  text-align: center;
  line-height: 0;
  vertical-align: middle;
  letter-spacing: 1px;
}
.tn-hello__btn:hover {
  background-color: #ef6028;
}
.tn-hello__btn:hover .tn-hello__btn-label {
  color: #fff;
}
.sui-form-group_undefined .sui-input,
.sui-form-group_undefined .ui-slider-handle,
.sui-form-group_undefined .sui-sbs-trgel,
.sui-form-group_undefined .sui-sbs-steps-div,
.sui-form-group_undefined .bg-position-btn-edit {
  opacity: 0.3;
}
.tn-dialog {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  background-color: rgb(255 255 255 / 90%);
}
.tn-dialog__td {
  width: 100%;
  height: 100%;
}
.tn-dialog__content {
  margin: 0 auto;
  width: 550px;
  line-height: 1.55;
  font-size: 20px;
}
.tn-dialog__btn {
  height: 50px;
  border-radius: 50px;
  background-color: #f1f1f1;
  color: #000;
  text-align: center;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-dialog__btn_primary {
  background-color: #4787f0;
  color: #fff;
}
.tn-dialog__btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-dialog__btn-icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 0;
}
.tn-dialog__btn_primary .tn-dialog__btn-icon {
  color: #fff;
}
.tn-dialog__btn_processed {
  background-color: #ccc;
  cursor: default;
  transition: background-color 100ms linear;
}
.tn-cursor-hint {
  position: absolute;
  z-index: 10000;
}
.tn-cursor-hint__text {
  padding: 5px 10px;
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
}
.tn-tooltip {
  display: none;
}
.tn-tooltip__tooltipster-noir {
  max-width: 300px;
  border-radius: 2px;
  background: #000;
  color: #fff;
}
.tn-tooltip__tooltipster-noir .tooltipster-content {
  padding: 11px 15px;
  line-height: 14px;
  font-size: 13px;
  white-space: nowrap;
}
.tn-tooltip__tooltipster--radius-handle {
  border-radius: 2px;
  background: #000;
  color: #fff;
}
.tn-tooltip__tooltipster--radius-handle .tooltipster-content {
  padding: 8px;
  line-height: 14px;
  font-size: 13px;
  white-space: nowrap;
}
.tooltipster-content a {
  color: #fff;
}
.tn-canvas__helper {
  position: absolute;
  bottom: -60px;
  padding-left: 5px;
  height: 30px;
  border-left: solid 1px rgb(0 0 0 / 20%);
  line-height: 30px;
  font-size: 11px;
  opacity: 0.5;
  letter-spacing: 0;
}
.sui-form-group__hint {
  font-size: 14px;
  opacity: 0.5;
}
.sui-form-group__hint.sui-form-group__hint_buttonstat {
  display: none;
  padding-top: 5px;
  padding-bottom: 10px;
  opacity: 0.5;
  font-size: 12px;
  cursor: pointer;
}
.sui-form-group__hint.sui-form-group__hint_buttonstat--active {
  display: block;
}
.sui-form-group__hint.sui-form-group__hint_overflow {
  padding: 5px 0 0 5px;
  font-size: 12px;
}
.sui-panel__form-virtual-page {
  padding-top: 5px;
  font-size: 12px;
  opacity: 0.5;
  cursor: pointer;
}
.sui-radio-label {
  cursor: pointer;
  font-size: 13px;
  opacity: 0.7;
}
.tn-lasso {
  position: absolute;
  z-index: 9999;
  border: 1px solid blue;
  border-style: dotted;
}
.tn-axis {
  position: absolute;
  z-index: 999;
}
.tn-axis__x-ico {
  position: relative;
  top: 0;
  left: -6px;
  width: 12px;
  height: 1px;
  background-color: blue;
}
.tn-axis__y-ico {
  position: relative;
  top: -6px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: blue;
}
.sui-form-group__container-togler {
  color: #777;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
}
.sui-containers-togler__container,
.sui-containers-togler__axisx,
.sui-containers-togler__axisy,
.sui-containers-togler__container-fixed {
  color: #111;
}
.t-body_anim-test .tn-elem__selected {
  box-shadow: none;
}
.t-body_anim-test .ui-resizable-handle {
  display: none;
}
.tn-atom__video-play-link {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  display: inline-block;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tn-atom__video-play-icon {
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
.tn-atom__html-wrapp {
  display: table;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: none;
}
.tn-atom__html-textarea {
  display: table-cell;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  resize: none;
}
.tn-body_lockscroll {
  overflow: hidden !important;
}
.tn-code-save-btn {
  width: 70px;
  height: 40px;
  border-radius: 50px;
  background-color: #4787f0; //#f06847;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-code-save-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-code-save-btn__icon {
  padding-top: 2px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-code-close-btn {
  width: 70px;
  height: 40px;
  border-radius: 50px;
  background-color: #fff;
  color: #fff;
  transition: background-color 100ms linear;
  cursor: pointer;
}
.tn-code-close-btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
  cursor: pointer;
}
.tn-code-close-btn__icon {
  padding-top: 2px;
  color: #000;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
}
.tn-atom__pin {
  border-style: solid;
  border-radius: 1000px;
}
.tn-atom__tip {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  padding: 15px;
  box-sizing: border-box;
  width: 300px;
  min-height: 40px;
}
.tn-elem__selected .tn-atom__tip {
  display: block;
}
.redactor_open .tn-atom__tip {
  display: block;
}
.tn-multiselected .tn-elem__selected .tn-atom__tip {
  display: none;
}
.tn-atom__tip-img {
  width: 100%;
  border: 0;
}
.sui-table {
  width: 100%;
}
.sui-table-col {
  width: 100%;
}
.sui-table-col1 {
  padding-right: 10px;
  width: 50%;
}
.sui-table-col2 {
  padding-left: 10px;
  width: 50%;
}
.sui-form-group {
  position: relative;
}
.sui-input,
.sui-select {
  display: block;
}
.sui-control-shape-bg-position .sui-input.sui-select {
  padding-right: 16px;
}
.sui-form-group_2col {
  margin-bottom: 26px;
  padding-left: 148px;
}
.sui-form-group_2col .sui-label {
  position: absolute;
  top: 24px;
  left: 0;
  width: 130px;
}
.sui-form-group_2col .sui-label2 {
  position: relative;
  font-weight: 400;
  font-size: 14px;
}
.sui-input-checkbox {
  display: block;
  margin-top: 10px;
  margin-bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 20px;
  color: #000;
  line-height: 18px;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.sui-input-checkbox input {
  margin: 0 10px 0 0;
}
.sui-input {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  outline: none !important;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  background: transparent none repeat scroll 0% 0%;
  color: #000;
  font-weight: 400;
  font-size: 16px;
  font-family: tfutura, arial, sans-serif;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.sui-input_placeholder-color {
  padding-left: 43px;
  min-height: 44px;
}
.sui-input-div_placeholder-color .sui-input {
  padding-left: 43px;
  height: 44px;
}
.sui-form-group_placeholder-upload .sui-input-upload-div {
  min-height: 45px;
}
.sui-form-group_placeholder-upload::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 12px 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 276px;
  height: 45px;
  border-radius: 3px;
  background: #222;
  color: #fff;
  text-align: center;
  font-size: 16px;
  content: 'Upload file';
}
.sui-input:not(.sui-toggle):focus,
.sui-input:not(.sui-toggle):hover {
  border-bottom: 1px solid #fa8e73;
}
.sui-input:not(.sui-toggle).error {
  border-bottom: 1px solid #bc0022;
}
.sui-group:hover .sui-input {
  border-bottom: 1px solid #fa8e73;
}
.sui-group:hover .sui-input__disabled,
.sui-input__disabled:hover {
  border-bottom: 1px solid #e5e5e5;
  cursor: default;
}
.sui-input-checkbox_disable,
.sui-input_disable {
  opacity: 0.4;
  cursor: not-allowed;
}
.sui-input-checkbox_disable input {
  pointer-events: none;
}
.sui-input_disable:focus,
.sui-input_disable:hover {
  border-bottom: 1px solid #e5e5e5;
}
.sui-input::placeholder {
  color: #757575;
}
.sui-input_sm {
  height: 50px;
  font-size: 16px;
}
.sui-toggle-div {
  margin-top: 1px;
}
.sui-toggle {
  position: relative;
  margin: 0;
  width: 36px;
  height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 30px;
  background: #d8d8d8;
  transition: all 0.3s ease;
  cursor: pointer;
}
.sui-toggle[checked='checked'] {
  background-color: #222;
}
.sui-toggle::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  transform: translateX(0);
  transition: all 0.3s ease;
  content: '';
}
.sui-toggle[checked='checked']::after {
  transform: translateX(calc(100% + 4px));
}
.sui-toggle-state-text {
  display: inline-block;
  margin-left: 7px;
  color: rgb(0 0 0 / 50%);
  font-size: 10px;
  vertical-align: middle;
}
.sui-label {
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 0;
  width: 80px;
  color: #000;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  letter-spacing: 0.5px;
  opacity: 0.5;
  cursor: default;
}
.sui-label_verticalpadding {
  text-align: center;
}
.sui-label.sui-label_horizontalpadding,
.sui-label.sui-label_verticalpadding {
  opacity: 1;
}
.sui-label_title {
  margin-bottom: 15px;
  padding-left: 4px;
  width: 100%;
  cursor: pointer;
}
.sui-label-ask {
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.22346 9.99429C7.21624 9.95835 7.21263 9.91882 7.21263 9.87569V9.7571C7.21263 9.45522 7.25774 9.18929 7.34797 8.95929C7.4382 8.72928 7.55007 8.51905 7.68361 8.32858C7.81714 8.13811 7.9615 7.96022 8.11669 7.79491C8.27188 7.6296 8.41624 7.46249 8.54977 7.29358C8.68331 7.12468 8.79519 6.94499 8.88541 6.75452C8.97564 6.56405 9.02075 6.34663 9.02075 6.10226C9.02075 5.77163 8.92511 5.5021 8.73383 5.29366C8.54256 5.08522 8.22316 4.98101 7.77564 4.98101C7.51579 4.98101 7.25233 5.02593 6.98526 5.11577C6.71819 5.20562 6.48722 5.31163 6.29233 5.43382L6 4.76538C6.27429 4.60007 6.56301 4.4689 6.86617 4.37187C7.16933 4.27483 7.54466 4.22632 7.99218 4.22632C8.30978 4.22632 8.58947 4.27124 8.83128 4.36108C9.07308 4.45093 9.27519 4.57491 9.43759 4.73304C9.6 4.89116 9.7209 5.07804 9.8003 5.29366C9.8797 5.50929 9.9194 5.73929 9.9194 5.98366C9.9194 6.3071 9.87068 6.58921 9.77323 6.82999C9.67579 7.07077 9.55308 7.28999 9.40511 7.48765C9.25714 7.6853 9.09835 7.87038 8.92872 8.04288C8.7591 8.21538 8.6003 8.39686 8.45233 8.58733C8.30436 8.7778 8.18165 8.98444 8.08421 9.20725C7.98677 9.43007 7.93805 9.69241 7.93805 9.99429H7.22346ZM7.00692 11.4066C7.00692 11.2126 7.06286 11.0598 7.17474 10.9484C7.28662 10.837 7.43639 10.7813 7.62406 10.7813C7.81895 10.7813 7.97413 10.837 8.08962 10.9484C8.20511 11.0598 8.26286 11.2126 8.26286 11.4066C8.26286 11.5935 8.20511 11.7444 8.08962 11.8594C7.97413 11.9744 7.81895 12.0319 7.62406 12.0319C7.43639 12.0319 7.28662 11.9744 7.17474 11.8594C7.06286 11.7444 7.00692 11.5935 7.00692 11.4066Z' fill='black'/><path d='M8.02 14.9806C11.897 14.9806 15.04 11.8509 15.04 7.99029C15.04 4.12966 11.897 1 8.02 1C4.14296 1 1 4.12966 1 7.99029C1 11.8509 4.14296 14.9806 8.02 14.9806Z' stroke='black'/></svg>");
  background-repeat: no-repeat;
  vertical-align: middle;
  opacity: 0.7;
}
.tn-figma-warning .sui-label-ask {
  margin-bottom: 0;
}
.sui-label-ask_no-pad {
  margin-left: 0;
}
.sui-panel__section-position .sui-label-ask {
  margin-left: 1px;
}
.sui-panel__section-pos .sui-label {
  width: 20px;
}
.sui-label-checkbox {
  margin: 10px 0 0;
  color: #000;
  line-height: 18px;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.sui-label-radio {
  margin-bottom: 0;
  padding: 10px 0;
  color: #000;
  line-height: 18px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.sui-label_imgs-preview {
  margin: 3px;
  opacity: 1;
}
.sui-hint {
  padding: 20px 0 10px;
  color: #555;
  line-height: 18px;
  font-weight: 300;
  font-size: 14px;
  cursor: default;
}
.sui-hint a {
  color: #fa633f !important;
}
.sui-hint-up {
  padding: 0 0 20px;
  color: #555;
  line-height: 18px;
  font-weight: 300;
  font-size: 14px;
  cursor: default;
}
.sui-hint-up a {
  color: #fa633f !important;
}
.sui-select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  cursor: pointer;
}
.sui-select select {
  z-index: 1;
}
.sui-select::after {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 0;
  height: 0;
  border-width: 6px 5px 0;
  border-style: solid;
  border-color: #9a9a9a transparent transparent;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  content: ' ';
}
.sui-select_after_bottom-18::after {
  bottom: 18px !important;
}
.sui-select:hover::after {
  border-color: #fa8e73 transparent transparent;
}
.sui-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.sui-color .minicolors {
  width: 100% !important;
}
.sui-color .minicolors-input {
  padding-left: 40px !important;
  height: 50px !important;
}
.sui-color .minicolors-swatch {
  top: 8px !important;
  left: 0 !important;
}
.sui-form-group .sui-checkbox .jq-checkbox__div {
  display: none;
}
.sui-form-group .sui-checkbox .jq-checkbox {
  position: absolute !important;
  top: 0;
  left: 0;
  margin-right: 10px;
  width: 23px;
  height: 24px;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  background: url(/static/zero/tpl/img/popups/all-icons.svg) no-repeat -56px -222px;
}
.sui-form-group .sui-checkbox .jq-checkbox.checked {
  background-position: -22px -222px;
}
.sui-form-group.sui-form-group_toggle,
.sui-form-group.sui-form-group_toggle .sui-label {
  cursor: pointer;
}
.sui-checkbox {
  padding-top: 3px;
  padding-left: 20px;
  line-height: 18px;
  font-weight: 300;
  font-size: 16px;
}
.sui-redactor {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  outline: none !important;
  border: 0;
  border-bottom: 1px solid #b5b5b5;
  background: transparent none repeat scroll 0% 0%;
  color: #000;
  font-weight: 300;
  font-size: 20px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.sui-form-group:hover .sui-redactor {
  border-bottom: 1px solid #fa8e73;
}
.sui-redactor .redactor-toolbar {
  position: absolute !important;
  margin-top: -25px !important;
  background-color: #fff !important;
}
.sui-redactor .redactor-editor {
  padding: 15px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.form-url-group input {
  display: inline-block;
  width: 70%;
}
.form-url-group .sui-select-div {
  display: inline-block;
  width: 29%;
}
.sui-margin-bottom-5 {
  margin-bottom: 5px;
}
.sui-margin-bottom-0 {
  margin-bottom: 0;
}
.sui-textarea {
  margin: 0;
  padding: 10px;
  width: 100%;
  height: 400px;
  outline: none !important;
  border: 1px solid #b5b5b5;
  background: transparent none repeat scroll 0% 0%;
  color: #000;
  font-weight: 300;
  font-size: 16px;
  -webkit-transition: all ease-in-out 0.1s;
  -moz-transition: all ease-in-out 0.1s;
  -o-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.sui-table-col2 .minicolors-panel {
  left: -25px !important;
}
.sui-sbs-steps-table {
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
}
.sui-sbs-step-wrapper,
.sui-sbs-trgel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
}
.sui-sbs-step-wrapper {
  height: 100%;
}
.sui-sbs-step {
  box-sizing: border-box;
  height: 30px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.sui-sbs-step_active {
  border-bottom-color: #000;
  background-color: #000;
  color: #fff;
}
.sui-sbs-step-td-del {
  width: 20px;
  text-align: center;
}
.sui-sbs-step-td-time {
  width: 35px;
  text-align: center;
}
.sui-sbs-step-td-name {
  width: 140px;
}
.sui-input-link-editinredactor {
  padding-top: 5px;
  font-size: 12px;
  cursor: pointer;
}
.tn-contextmenu-box,
.tn-contextmenu-box_align {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}
.tn-contextmenu-box {
  width: 190px;
}
.tn-contextmenu-box_align {
  width: 210px;
}
.tn-contextmenu-box_align::before {
  content: '';
  position: absolute;
  top: -12px;
  right: 26px;
  border: 6px solid transparent;
  border-bottom: 6px solid #000;
}
.tn-contextmenu-box__section {
  position: relative;
  padding: 5px 0;
  border-bottom: 1px solid #404040;
  background: #000;
}
.tn-contextmenu-box__section_dropdown::after {
  position: absolute;
  top: 13px;
  right: 5px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  content: '';
}
.tn-contextmenu-box__section_list {
  position: absolute;
  top: 0;
  right: -100%;
  display: none;
  width: 100%;
  box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}
.tn-contextmenu-box__section:last-child {
  border: none;
}
.tn-contextmenu-box__section-title {
  padding: 7px 15px;
  color: rgb(255 255 255 / 70%);
  line-height: 16px;
  font-size: 12px;
}
.tn-contextmenu-box__item {
  position: relative;
  display: block;
  padding: 7px 15px;
  max-width: 100%;
  color: #fff;
  line-height: 14px;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
}
.tn-contextmenu-box__item__shortcut {
  position: absolute;
  top: calc(50% - 7px);
  right: 15px;
  display: block;
}
.tn-contextmenu-box__item:hover,
.tn-contextmenu-box__item_active {
  background-color: #4787f0; //#f06847;
}
.tn-contextmenu-box_align .tn-contextmenu-box__item:hover svg path {
  stroke: #fcfcfc;
}
.tn-contextmenu-box__item_clear-breakpoints--disable {
  color: #7f7f7f;
}
.tn-contextmenu-box__item_clear-breakpoints--disable:hover,
.tn-contextmenu-box__item_active.tn-contextmenu-box__item_clear-breakpoints--disable {
  background-color: #2c2928;
}
.tn-contextmenu-box_align svg {
  margin-right: 10px;
}
.tn-contextmenu-box_align svg,
.tn-contextmenu-box_align span {
  display: inline-block;
  vertical-align: middle;
}
.tn-popup-box {
  position: fixed;
  top: 150px;
  right: 0;
  left: 0;
  z-index: 1000;
  display: none;
  margin: 0 auto;
  width: 600px;
  overflow: hidden auto;
  border-radius: 4px;
  background-color: rgb(235 235 235 / 85%);
}
.tn-popup-box_show {
  display: block;
}
.tn-popup-box__header {
  padding: 0 18px 0 20px;
  height: 40px;
  line-height: 40px;
}
.tn-popup-box__caption {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.4;
  letter-spacing: 1px;
}
.tn-popup-box__icon {
  cursor: pointer;
  float: right;
  margin-top: 13px;
}
.sui-figma-box {
  padding: 20px;
  padding-bottom: 60px;
}
.sui-figma-box .sui-input-div {
  margin: 20px 0;
}
.sui-figma-box .tn-import-btn {
  float: right;
}
.tn-left-box {
  position: fixed;
  top: 70px;
  left: 10px;
  z-index: 1000;
  display: none;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 220px;
  height: calc(100% - 80px);
  overflow: hidden auto;
  border-radius: 4px;
  background-color: rgb(235 235 235 / 85%);
}
.tn-left-box::-webkit-scrollbar {
  display: none;
}
.tn-left-box_min {
  height: 100px;
}
.tn-left-box_show {
  display: flexbox;
  display: flex;
}
.tn-layers {
  display: block;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
}
.tn-layers::-webkit-scrollbar {
  display: none;
}
.tn-left-box__header {
  padding: 0 10px 0 14px;
  height: 40px;
  line-height: 40px;
}
.tn-left-box__caption {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0.4;
  letter-spacing: 1px;
}
.tn-left-box__caption.tn-left-box__caption_active {
  opacity: 0.8;
}
.tn-left-box__caption-layers,
.tn-left-box__caption-blocks {
  cursor: pointer;
}
.tn-left-box__caption-layers {
  margin-right: 10px;
}
.tn-left-box__icon {
  cursor: pointer;
  float: right;
  margin-top: 13px;
}
.sui-layers__group__title {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 33px;
  height: 30px;
  border-bottom: 1px solid #ddd;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
}
.sui-layers__group:not(.sui-layers__group_shown) .sui-layers__group__container {
  border-bottom: 1px solid #ddd;
}
.sui-layers__group__name {
  width: 140px;
}
.sui-layers__group .sui-layer-text-inp {
  width: 125px;
}
.sui-layer__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.sui-layer__toggle::after {
  position: absolute;
  top: 10px;
  left: 14px;
  display: block;
  width: 0;
  height: 0;
  border: 5px solid #838383;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  transform-origin: 25% 50%;
  content: '';
}
.sui-layers__group__container {
  display: none;
}
.sui-layers__group_shown .sui-layers__group__container {
  display: block;
  margin-left: 25px;
}
.sui-layers__group_shown .sui-layer__toggle::after {
  transform: rotate(90deg);
}
.sui-blocks {
  margin-bottom: 35px;
}
.sui-layers__item_wrapper,
.sui-blocks__item_wrapper {
  display: flex;
  align-items: center;
  padding-left: 10px;
  height: 30px;
  background-color: transparent;
  font-size: 12px;
  cursor: pointer;
}
.sui-blocks__item_ordinary .sui-blocks__icon {
  visibility: hidden;
}
.sui-blocks__icon {
  font-size: 0;
}
.sui-layer__text,
.sui-blocks__text {
  display: flex;
  align-items: center;
  padding-left: 10px;
  width: 140px;
  height: 30px;
}
.sui-blocks__text {
  padding-top: 1px;
}
.sui-layer__icon,
.sui-sbs-trgel__icon {
  width: 15px;
  height: 15px;
  background-position: center 30%;
  background-size: contain;
  background-repeat: no-repeat;
}
.sui-layer__icon_text,
.sui-sbs-trgel__icon_text {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 1.6842V16' stroke='black'/%3E%3Cpath d='M0 2.02637H14' stroke='black'/%3E%3Cpath d='M14.5 0L14.5 4.21053' stroke='black'/%3E%3Cpath d='M0.5 0L0.5 4.21053' stroke='black'/%3E%3Cpath d='M5.25 15.5H9.625' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-sbs-trgel__icon_group {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><g><path opacity="0.9" d="M0.5 4.5V0.5H4.5" stroke="black"/><path opacity="0.9" d="M0.5 13.5V17.5H4.5" stroke="black"/><path opacity="0.9" d="M17.5 13.5V17.5H13.5" stroke="black"/><path opacity="0.9" d="M17.5 4.5V0.5H13.5" stroke="black"/><path opacity="0.9" fill-rule="evenodd" clip-rule="evenodd" d="M4.5 4H4V4.5V10.5V11H4.5H7V13.5V14H7.5H13.5H14V13.5V7.5V7H13.5H11V4.5V4H10.5H4.5ZM11 8V10.5V11H10.5H8V13H13V8H11ZM10 7V5H5V10H7H7.5H10V7.5V7Z" fill="black"/></g></svg>');
}
.sui-layer__icon_image,
.sui-sbs-trgel__icon_image {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0.5H0.5V17.5H17.5V0.5Z' stroke='black'/%3E%3Cpath d='M11.5 8C12.3284 8 13 7.32843 13 6.5C13 5.67157 12.3284 5 11.5 5C10.6716 5 10 5.67157 10 6.5C10 7.32843 10.6716 8 11.5 8Z' fill='black'/%3E%3Cpath d='M4.35355 8.64648L9.35355 13.6465' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_rectangle,
.sui-sbs-trgel__icon_rectangle {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9'%3E%3Cpath opacity='0.9' d='M17.5 0.5H0.5V17.5H17.5V0.5Z' stroke='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.sui-layer__icon_button,
.sui-sbs-trgel__icon_button {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 8.07898H0.5V17.5H17.5V8.07898Z' stroke='black'/%3E%3Cpath d='M2.24826 1.54114L5.09036 4.38324' stroke='black'/%3E%3Cpath d='M15.5114 1.3009L12.6693 4.14301' stroke='black'/%3E%3Cpath d='M8.97369 3.78943V-4.12464e-05' stroke='black'/%3E%3Cpath d='M4.73682 12.7632H13.2631' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_video,
.sui-sbs-trgel__icon_video {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 5.20715V8.94724L7.99999 12.6873L11.7401 8.94724L8 5.20715Z' stroke='black' stroke-miterlimit='8'/%3E%3Cpath d='M9 17.5C13.6944 17.5 17.5 13.6944 17.5 9C17.5 4.30558 13.6944 0.5 9 0.5C4.30558 0.5 0.5 4.30558 0.5 9C0.5 13.6944 4.30558 17.5 9 17.5Z' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_html,
.sui-sbs-trgel__icon_html {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='11' viewBox='0 0 22 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62857 1.25708L1 5.88565L5.62857 10.5142' stroke='black'/%3E%3Cpath d='M16.3714 10.5143L21 5.88571L16.3714 1.25714' stroke='black'/%3E%3Cpath d='M13.0857 1L8.68573 10.5143' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_tooltip,
.sui-sbs-trgel__icon_tooltip {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6345 10.4433C11.6337 10.4441 11.6329 10.4449 11.6322 10.4456C11.5881 10.4885 11.5485 10.5406 11.5251 10.572C11.4683 10.6481 11.3914 10.7607 11.3035 10.8917C11.2336 10.9959 11.1555 11.1137 11.0694 11.2436C10.9291 11.4552 10.7676 11.6988 10.5857 11.9679C10.1187 12.659 9.5579 13.4574 9.02626 14.0986C8.99194 14.0523 8.95567 14.0033 8.91768 13.9518C8.6356 13.5699 8.26248 13.0599 7.88995 12.5491C7.51755 12.0386 7.14626 11.5279 6.86804 11.1448L6.53209 10.682L6.43807 10.5524L6.4135 10.5185L6.27403 10.3H6H0.5V0.5H17.5V10.3H12.0773C12.0144 10.2898 11.9588 10.293 11.9154 10.3H11.726L11.6345 10.4433Z' stroke='black' stroke-miterlimit='8'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_form,
.sui-sbs-trgel__icon_form {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5H15' stroke='black'/%3E%3Cpath d='M0 5.5H15' stroke='black'/%3E%3Cpath d='M5.5 10.5H0.5V13.5H5.5V10.5Z' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_gallery,
.sui-sbs-trgel__icon_gallery {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.65 0.5H0.5V13.65H13.65V0.5Z' stroke='black'/%3E%3Cpath d='M9.01001 6.29998C9.65066 6.29998 10.17 5.78063 10.17 5.13998C10.17 4.49933 9.65066 3.97998 9.01001 3.97998C8.36936 3.97998 7.85001 4.49933 7.85001 5.13998C7.85001 5.78063 8.36936 6.29998 9.01001 6.29998Z' fill='black'/%3E%3Cpath d='M3.48001 6.80005L7.35001 10.67' stroke='black'/%3E%3Cpath d='M13.65 4.33997H17.51V17.49H4.37V13.65' stroke='black'/%3E%3C/svg%3E%0A");
}
.sui-layer__icon_vector,
.sui-sbs-trgel__icon_vector {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cg clip-path='url(%23clip0_1900_618)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 7.5C11 8.32843 11.6716 9 12.5 9C13.3284 9 14 8.32843 14 7.5C14 6.67157 13.3284 6 12.5 6C11.6716 6 11 6.67157 11 7.5ZM10 7.5C10 8.88071 11.1193 10 12.5 10C13.8807 10 15 8.88071 15 7.5C15 6.11929 13.8807 5 12.5 5C11.1193 5 10 6.11929 10 7.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12.5C1 13.3284 1.67157 14 2.5 14C3.32843 14 4 13.3284 4 12.5C4 11.6716 3.32843 11 2.5 11C1.67157 11 1 11.6716 1 12.5ZM0 12.5C0 13.8807 1.11929 15 2.5 15C3.88071 15 5 13.8807 5 12.5C5 11.1193 3.88071 10 2.5 10C1.11929 10 0 11.1193 0 12.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 2.5C1 3.32843 1.67157 4 2.5 4C3.32843 4 4 3.32843 4 2.5C4 1.67157 3.32843 1 2.5 1C1.67157 1 1 1.67157 1 2.5ZM0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.65115 2.98049C6.99218 2.5029 5.06126 2.5 4 2.5V1.5L4.01722 1.5C5.06662 1.49998 7.123 1.49995 8.9278 2.01951C9.83748 2.28139 10.7258 2.68654 11.3924 3.32693C12.0735 3.98124 12.5 4.86039 12.5 6H11.5C11.5 5.13961 11.1896 4.51876 10.6997 4.04807C10.1952 3.56346 9.47831 3.21861 8.65115 2.98049Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.65115 12.0195C6.99218 12.4971 5.06126 12.5 4 12.5V13.5L4.01722 13.5C5.06662 13.5 7.123 13.5 8.9278 12.9805C9.83748 12.7186 10.7258 12.3135 11.3924 11.6731C12.0735 11.0188 12.5 10.1396 12.5 9H11.5C11.5 9.86039 11.1896 10.4812 10.6997 10.9519C10.1952 11.4365 9.47831 11.7814 8.65115 12.0195Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 11L2 4L3 4L3 11H2Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1900_618'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.sui-layer__icon_group {
  margin: 3px 10px 3px 5px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9'%3E%3Cpath opacity='0.9' d='M17.5 0.5H0.5V17.5H17.5V0.5Z' stroke='black'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center 30%;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
}
.sui-layers__item_wrapper:hover,
.sui-blocks__item_wrapper:hover,
.sui-layers__group__title:hover {
  box-shadow: inset 0 0 0 1px #c3c3c3;
}
.sui-layers__item_active,
.sui-blocks__item_active,
.sui-layers__group__title_active {
  background-color: #c3c3c3;
  color: #000;
}
.sui-blocks__item_ordinary {
  display: flex;
  opacity: 0.5;
  pointer-events: none;
}
.sui-blocks__item_ordinary.sui-blocks__item_ordinary-hide {
  display: none;
}
.sui-layers__group__title_active + .sui-layers__group__container .sui-layers__item_active {
  background-color: #d2d1d1;
}
.sui-layers__item_invisible > div,
.sui-layers__group_invisible .sui-layers__group__title > div,
.sui-layers__group_invisible .sui-layers__item > div {
  opacity: 0.3;
}
.sui-layer__lock,
.sui-layer__invisible {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  min-width: 25px;
  height: 100%;
}
.sui-blocks__add,
.sui-blocks__dubl,
.sui-blocks__del {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 100%;
  visibility: hidden;
}
.sui-blocks__item:hover .sui-blocks__add,
.sui-blocks__item:hover .sui-blocks__dubl,
.sui-blocks__item:hover .sui-blocks__del {
  visibility: visible;
}
.sui-blocks__add svg,
.sui-blocks__dubl svg,
.sui-blocks__del svg {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.sui-blocks__add:hover svg,
.sui-blocks__dubl:hover svg,
.sui-blocks__del:hover svg {
  opacity: 1;
}
.sui-input-div .sui-layer__lock__icon,
.sui-layer__lock .sui-layer__lock__icon,
.sui-layer__invisible .sui-layer__invisible__icon {
  width: 10px;
  height: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.sui-input-div .sui-layer__lock__icon {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 20px;
  height: 20px;
  background-size: 10px;
  cursor: pointer;
  opacity: 0;
}
.sui-input-div:hover .sui-layer__lock__icon {
  opacity: 1;
}
.sui-input-div .sui-layer__lock__icon_locked {
  opacity: 1;
  background-size: 6px;
}
.sui-input-div .sui-layer__lock__icon_hidden {
  display: none;
}
.sui-input-div .sui-layer__lock__icon,
.sui-layer__lock .sui-layer__lock__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Canvas' fill='none'%3E%3Cg id='Group 4'%3E%3Cg id='Rectangle 2.1'%3E%3Crect x='0.5' y='0.5' width='8.86963' height='6.42558' transform='translate(7.13037 7.57443)' stroke='black'/%3E%3C/g%3E%3Cg id='Group'%3E%3Cg id='Ellipse'%3E%3Cpath d='M 8.55368 4.50035C 8.55368 2.01488 6.63888 0 4.27684 0C 1.91481 0 0 2.01488 0 4.50035' transform='translate(9.55371 1) scale(-1 1)' stroke='black'/%3E%3C/g%3E%3Cg id='Vector'%3E%3Cpath d='M 0 0L 0 2.25017' transform='translate(9.55371 5.50034) scale(-1 1)' stroke='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.sui-input-div .sui-layer__lock__icon_locked,
.sui-layer__lock_yes .sui-layer__lock__icon {
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='17' viewBox='0 0 11 17' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Canvas' fill='none'%3E%3Cg id='Group 3'%3E%3Cg id='Rectangle 2'%3E%3Crect x='0.5' y='0.5' width='10' height='7.02588' transform='translate(0 8.10739)' stroke='black'/%3E%3C/g%3E%3Cg id='Group'%3E%3Cg id='Ellipse'%3E%3Cpath d='M 9.53333 4.86418C 9.53333 2.17777 7.39922 0 4.76667 0C 2.13411 0 0 2.17777 0 4.86418' transform='translate(0.733398 1)' stroke='black'/%3E%3C/g%3E%3Cg id='Vector'%3E%3Cpath d='M 0 0L 0 2.45777' transform='translate(0.733398 5.83847)' stroke='black'/%3E%3C/g%3E%3Cg id='Vector_2'%3E%3Cpath d='M 0 0L 0 2.43209' transform='translate(10.2667 5.86417)' stroke='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.sui-layer__invisible .sui-layer__invisible__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Canvas' fill='none'%3E%3Cg id='Group 2'%3E%3Cg id='Ellipse'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M 0.831412 4.86957C 0.970446 4.76667 1.13387 4.64686 1.31778 4.514C 1.94452 4.06123 2.80699 3.45843 3.75193 2.85649C 4.69858 2.25346 5.71889 1.65717 6.66272 1.21334C 7.6249 0.760894 8.44038 0.5 9 0.5C 9.55962 0.5 10.3751 0.760894 11.3373 1.21334C 12.2811 1.65717 13.3014 2.25346 14.2481 2.85649C 15.193 3.45843 16.0555 4.06123 16.6822 4.514C 16.8661 4.64686 17.0296 4.76667 17.1686 4.86957C 17.0296 4.97247 16.8661 5.09227 16.6822 5.22513C 16.0555 5.6779 15.193 6.2807 14.2481 6.88264C 13.3014 7.48567 12.2811 8.08197 11.3373 8.52579C 10.3751 8.97824 9.55962 9.23913 9 9.23913C 8.44038 9.23913 7.6249 8.97824 6.66272 8.52579C 5.71889 8.08197 4.69858 7.48567 3.75193 6.88264C 2.80699 6.2807 1.94452 5.6779 1.31778 5.22513C 1.13387 5.09227 0.970446 4.97247 0.831412 4.86957Z' stroke-miterlimit='8' stroke='black'/%3E%3C/g%3E%3Cg id='Ellipse 2'%3E%3Cellipse cx='2.04545' cy='2.02899' rx='2.04545' ry='2.02899' transform='translate(6.95453 2.84058)' fill='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.sui-layer__invisible_yes .sui-layer__invisible__icon {
  opacity: 1 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Canvas' fill='none'%3E%3Cg id='Group 3.2'%3E%3Cg id='Line'%3E%3Cline y1='-0.5' x2='18.3848' y2='-0.5' transform='matrix(-0.707107 0.707107 -0.707107 -0.707107 15 0)' stroke='black'/%3E%3C/g%3E%3Cg id='Ellipse'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M 0.831412 4.86957C 0.970446 4.76667 1.13387 4.64686 1.31778 4.514C 1.94452 4.06123 2.80699 3.45843 3.75193 2.85649C 4.69858 2.25346 5.71889 1.65717 6.66272 1.21334C 7.6249 0.760894 8.44038 0.5 9 0.5C 9.55962 0.5 10.3751 0.760894 11.3373 1.21334C 12.2811 1.65717 13.3014 2.25346 14.2481 2.85649C 15.193 3.45843 16.0555 4.06123 16.6822 4.514C 16.8661 4.64686 17.0296 4.76667 17.1686 4.86957C 17.0296 4.97247 16.8661 5.09227 16.6822 5.22513C 16.0555 5.6779 15.193 6.2807 14.2481 6.88264C 13.3014 7.48567 12.2811 8.08197 11.3373 8.52579C 10.3751 8.97824 9.55962 9.23913 9 9.23913C 8.44038 9.23913 7.6249 8.97824 6.66272 8.52579C 5.71889 8.08197 4.69858 7.48567 3.75193 6.88264C 2.80699 6.2807 1.94452 5.6779 1.31778 5.22513C 1.13387 5.09227 0.970446 4.97247 0.831412 4.86957Z' stroke-miterlimit='8' transform='translate(0 2)' stroke='black'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E ");
}
.sui-layer__lock_hidden .sui-layer__lock__icon,
.sui-layer__invisible_hidden .sui-layer__invisible__icon {
  visibility: hidden;
}
.sui-layer:hover .sui-layer__lock__icon,
.sui-layer:hover .sui-layer__invisible__icon {
  opacity: 0.3;
}
.sui-layer-text-inp,
.sui-block-text-inp {
  margin: 0;
  padding: 0;
  height: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  font-size: 12px;
  font-family: tfutura, Arial, sans-serif;
}
.sui-block-text-inp {
  width: 100%;
}
.sui-block__toggle-wrapper {
  display: none;
  padding: 8px 10px 8px 14px;
  box-sizing: border-box;
  width: 220px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgb(235 235 235 / 100%);
  font-size: 0;
  cursor: pointer;
}
.sui-block__toggle,
.sui-block__toggle-descr {
  display: inline-block;
  vertical-align: middle;
}
.sui-block__toggle-descr {
  margin-left: 5px;
  padding-top: 1px;
  color: #000;
  font-size: 12px;
}
.tn-guides-wrpr {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 101;
}
.tn-guide_h {
  position: absolute;
  left: 0;
  z-index: 10000;
  width: 12000px;
  height: 1px;
  background-color: red;
  cursor: ns-resize;
}
.tn-guide_h .tn-guide__line {
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
}
.tn-guide_v {
  position: absolute;
  top: 0;
  z-index: 10000;
  width: 1px;
  height: 10000px;
  background-color: red;
  cursor: ew-resize;
}
.tn-guide_v .tn-guide__line {
  position: absolute;
  left: -10px;
  width: 20px;
  height: 100%;
}
.tn-guide__inner {
  position: absolute;
  display: none;
  border-radius: 10px;
  background-color: red;
}
.tn-guide_h .tn-guide__inner {
  left: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: -10px;
  padding: 0 3px;
  height: 20px;
}
.tn-guide_v .tn-guide__inner {
  top: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: -10px;
  padding: 3px 0;
  width: 20px;
}
.tn-guide__coords {
  height: 20px;
  outline: none;
  border: none;
  background-color: transparent;
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
}
.tn-guide_h .tn-guide__coords {
  transform: none;
}
.tn-macos .tn-guide_v .tn-guide__coords {
  margin-bottom: 3px;
  margin-left: 1px;
  transform: rotate(-90deg);
  cursor: vertical-text;
}
.tn-windowsos .tn-guide_v .tn-guide__coords {
  margin-bottom: 3px;
  margin-left: -2px;
  transform: rotate(-90deg);
}
.tn-macos .tn-guide_h .tn-guide__coords {
  margin-top: 3px;
  text-align: center;
}
.tn-windowsos .tn-guide_h .tn-guide__coords {
  text-align: center;
}
.tn-guide__coords:focus {
  outline: none;
}
.tn-guide_dragging .tn-guide__coords,
.tn-guide:hover .tn-guide__coords,
.tn-guide_edit .tn-guide__coords {
  display: inline-block;
}
.tn-guide__del {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.th-guide__controls {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.tn-guide_v .th-guide__controls {
  transform: rotate(-90deg);
}
.tn-guide_dragging .tn-guide__inner,
.tn-guide:hover .tn-guide__inner,
.tn-guide.tn-guide_edit .tn-guide__inner {
  display: flex;
}
.tn-guide__popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 8px;
  width: 120px;
  border-radius: 10px;
  background-color: black;
  transform: scale(0.99);
  transition: opacity 50ms ease-in-out;
  transition: transform 50ms ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.tn-guide__popup .popup__row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
}
.tn-guide__popup .popup__row.current {
  background-color: #202020;
}
.tn-guide__popup .popup__row.hidden {
  opacity: 0.7;
}
.tn-guide__popup .popup__button {
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.tn-guide__popup .popup__icon {
  width: 52px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.7);
  filter: invert(1);
}
.tn-guide__popup .popup__text {
  color: #fff;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
}
.tn-guide__popup .popup__button svg {
  width: 16px;
  height: 16px;
}
.editlist__wrapper .pe-list-item-title a {
  color: #000;
  text-decoration: none;
}
.tn-gallery-popup {
  position: fixed;
  top: 360px;
  right: 300px;
  z-index: 10000;
  width: 300px;
  outline: 1px solid rgb(0 0 0 / 5%);
  background: #f5f5f5;
}
.tn-gallery-popup__table {
  width: 100%;
}
.tn-gallery-popup__td {
  width: 100%;
}
.tn-gallery-popup__label {
  position: relative;
  display: block;
}
.tn-gallery-popup__label__text {
  position: absolute;
  top: 5px;
  left: 0;
  z-index: -1;
  display: block;
  color: #787878;
  font-weight: 300;
  font-size: 17px;
  transform-origin: 0 center;
  -webkit-transition: transform ease-in 0.1s;
  -moz-transition: transform ease-in 0.1s;
  -o-transition: transform ease-in 0.1s;
  transition: transform ease-in 0.1s;
  cursor: text;
}
.tn-gallery-popup__input:focus + .tn-gallery-popup__label__text,
.tn-gallery-popup__input:valid + .tn-gallery-popup__label__text {
  transform: scale(0.7) translateY(-25px);
}
.tn-gallery-popup__title__close {
  cursor: pointer;
}
.tn-gallery-popup__title__close--img {
  width: 15px;
}
.sui-file-list__image-wrapper--play-btn_hidden {
  display: none;
}
.tn-gallery-popup__title {
  display: flex;
  justify-content: space-between;
}
.tn-gallery-popup__title a {
  color: #000;
}
.tn-gallery-popup .tn-gallery-popup__input {
  margin: 10px 0 15px;
  width: 100%;
}
.tn-gallery-popup .tn-gallery-popup__input_alt,
.tn-gallery-popup .tn-gallery-popup__input_vimeo {
  margin-bottom: 25px;
}
.sui-btn-openrecords-open {
  padding: 10px 0 5px;
  border-bottom: 1px solid rgb(0 0 0 / 15%);
  font-size: 24px;
  cursor: pointer;
}
.sui-btn-openrecords-open:hover {
  color: #4787f0; //#f06847;
  transition: color 100ms linear;
}
.pe-imagesearch-btn__icon {
  margin: 10px;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='64px' height='64px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cscript xmlns=''/%3E%3Cg%3E%3Ccircle fill='none' stroke='%23000000' stroke-width='2' stroke-miterlimit='10' cx='21' cy='21' r='20'/%3E%3Cline fill='none' stroke='%23000000' stroke-width='2' stroke-miterlimit='10' x1='35' y1='35' x2='41' y2='41'/%3E%3Crect x='46.257' y='37.065' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 121.9178 50.5)' fill='none' stroke='%23000000' stroke-width='2' stroke-miterlimit='10' width='8.485' height='26.87'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.tn-atom .ql-editor {
  background: rgb(0 0 0 / 5%);
  cursor: text;
}
.tn-form-editor__wrapper .ql-editor {
  cursor: text;
}
.tn-ruler {
  position: absolute;
  z-index: 999;
  opacity: 0;
  color: red;
  pointer-events: none;
}
.tn-ruler_top,
.tn-ruler_bottom {
  border-right: 1px solid red;
}
.tn-ruler_left,
.tn-ruler_right {
  border-bottom: 1px solid red;
}
.tn-ruler_top {
  top: 0;
}
.tn-ruler_bottom {
  bottom: 0;
}
.tn-ruler_left {
  left: 0;
}
.tn-ruler_right {
  right: 0;
}
.tn-ruler__number {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 5px 5px 3px;
  border-radius: 2px;
  background-color: red;
  color: #fff;
  line-height: 11px;
  font-weight: 700;
  font-size: 11px;
  font-family: tfutura, arial, sans-serif;
  transform: translate(-50%, -50%);
}
.tn-outline-wrpr {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
}
.tn-outline {
  position: absolute;
  z-index: 89;
  opacity: 1;
  pointer-events: none;
}
.tn-outline.tn-outline__hidden {
  opacity: 0;
}
.tn-outline.tn-outline__hidden .tn-outline__border,
.tn-outline.tn-outline__hidden .tn-outline__rotate-anchor,
.tn-outline.tn-outline__hidden .ui-resizable-handle {
  display: none !important;
}
.tn-outline .ui-resizable-handle {
  pointer-events: all;
}
.tn-outline__border {
  position: absolute;
  z-index: 89;
  background-color: blue;
}
.tn-outline__fluid .tn-outline__border {
  background-color: rebeccapurple;
}
.tn-outline_hover .tn-outline__border {
  opacity: 0.15;
}
.tn-outline__border_top {
  top: 0;
  right: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: 1px;
}
.tn-outline__border_bottom {
  right: 1px;
  bottom: 0;
  left: 1px;
  width: calc(100% - 2px);
  height: 1px;
}
.tn-outline__border_left {
  left: 0;
  width: 1px;
  height: 100%;
}
.tn-outline__border_right {
  right: 0;
  width: 1px;
  height: 100%;
}
.tn-outline__size {
  position: absolute;
  bottom: -25px;
  left: 50%;
  z-index: 90;
  margin: 0;
  padding: 5px 5px 3px;
  width: max-content;
  border-radius: 2px;
  background-color: #8b8bea;
  color: #fff;
  line-height: 12px;
  font-weight: 700;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
  transform: translateX(-50%);
}
.tn-outline__size_warning {
  transform: translateX(calc(-50% - 11px));
}
.tn-outline__size__warning {
  position: absolute;
  top: 0;
  right: -20px;
  padding-right: 1px;
  width: 21px;
  height: 20px;
  border-radius: 0 2px 2px 0;
  background: #ff7676;
  text-align: center;
  line-height: 2;
  font-weight: lighter;
  font-size: 11px;
}
.tn-outline__size__warning svg {
  padding-top: 2px;
  width: 70%;
}
.td-popup {
  z-index: 2001 !important;
}
.td-popup input {
  font-family: tfutura, arial, sans-serif;
}
.td-body_popup-opened {
  overflow: hidden !important;
}
.tn-figma-warning {
  display: flex;
  align-items: center;
  order: 3;
  margin-left: 32px;
  color: #000;
  line-height: 1.2;
  font-size: 14px;
  opacity: 0.6;
}
.tn-figma-warning__text {
  padding-top: 2px;
  line-height: 14px;
}
.tn-figma-warning > * + * {
  --tw-space-x-reverse: 0;
  margin-left: 6px;
}
.tn-figma-warning__hidden {
  display: none;
}
.td-popup-btn:hover[disabled],
.td-popup-btn:focus[disabled] {
  background: #4787f0;
  cursor: default;
}
.sui-select__disabled {
  opacity: 0.4;
  cursor: default;
}
.tn-close-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19.571px" height="19.571px" viewBox="0 0 19.571 19.571" style="enable-background:new 0 0 19.571 19.571;" xml:space="preserve"><g><rect x="9.286" y="-3.553" transform="matrix(0.7071 0.7071 -0.7071 0.7071 9.7855 -4.0534)" width="1" height="26.678"/></g><g><rect x="-3.553" y="9.286" transform="matrix(0.7071 0.7071 -0.7071 0.7071 9.7856 -4.0533)" width="26.678" height="1"/></g></svg>');
  cursor: pointer;
}
.tn-close-icon_light {
  background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="19.571px" height="19.571px" viewBox="0 0 19.571 19.571" style="enable-background:new 0 0 19.571 19.571;" xml:space="preserve"><g><rect stroke="rgb(255,255,255)" x="9.286" y="-3.553" transform="matrix(0.7071 0.7071 -0.7071 0.7071 9.7855 -4.0534)" width="1" height="26.678"/></g><g><rect stroke="rgb(255,255,255)" x="-3.553" y="9.286" transform="matrix(0.7071 0.7071 -0.7071 0.7071 9.7856 -4.0533)" width="26.678" height="1"/></g></svg>');
}
.tn-move-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  width: 12000px;
  height: 10000px;
  cursor: grab;
}
.tn-grid__row-line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}
.tn-tidy-controls-wrpr {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
}
.tn-tidy-range-wrpr {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
}
.tn-tidy-control {
  position: absolute !important;
  z-index: 999;
  background-color: red;
  opacity: 0;
}
.tn-tidy-control_vertical {
  height: 1px;
  cursor: row-resize;
}
.tn-tidy-control_vertical::after {
  content: '';
  position: absolute;
  inset: -5px 0;
}
.tn-tidy-control_horizontal {
  width: 1px;
  height: 20px;
  cursor: col-resize;
}
.tn-tidy-control_horizontal::after {
  content: '';
  position: absolute;
  inset: 0 -5px;
}
.tn-tidy-range {
  position: absolute !important;
  z-index: 999;
  pointer-events: none;
  background-color: red;
  opacity: 0.1;
}
.tn-spacing-hint {
  position: absolute;
  z-index: 91;
  display: none;
  margin: 0;
  padding: 5px 5px 3px;
  width: max-content;
  border-radius: 3px;
  background-color: #ff4674;
  color: #fff;
  line-height: 12px;
  font-weight: 700;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
}
.sui-form-group-td-minwidth-60 {
  width: 100%;
  min-width: 60px;
}
.sui-imagesearch-btn {
  position: absolute;
  top: -48px;
  left: 240px;
}
.tn-missedfonts-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  background-color: rgb(255 255 255 / 50%);
}
.tn-missedfonts-popup__wrp {
  margin: 0 auto;
  margin-top: 40px;
  padding: 40px;
  width: 400px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  background-color: #ccc;
}
.sui-form-group-align__table {
  padding-bottom: 10px;
}
.sui-table-align-eachother {
  margin-top: 20px;
  margin-left: -3px;
}
.sui-sbs-trgels-div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sui-sbs-trgels__table {
  width: 100%;
  border-spacing: 0;
  background-color: #fff;
}
.sui-sbs-trgel {
  height: 30px;
  font-size: 14px;
}
.sui-sbs-trgel__td {
  height: 30px;
  border-bottom: 1px solid #ddd;
}
.tn-atom__tip ol,
.tn-atom__tip ul,
.tn-atom ol,
.tn-atom ul {
  margin: 0;
  -webkit-margin-start: 0;
  margin-inline: 0 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 20px;
  padding-inline-start: 20px;
}
.tn-elem[data-elem-type='text'] .tn-atom.ql-container {
  display: table-cell !important;
}
.tn-elem sup,
.tn-elem sub {
  line-height: 0;
  font-size: smaller;
}
.tn-elem sup {
  vertical-align: super;
}
.tn-elem sub {
  vertical-align: sub;
}
.tn-vector-editor {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
}
.tn-vector-editor .tn-shape__editor > svg {
  background-color: rgb(255 255 255 / 70%);
}
[data-elem-type='vector'] svg {
  display: block;
}
.t_null-wait .tn-atom {
  opacity: 0.2 !important;
}
.t_null-wait::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-image: url(/tpl/img/ajax-loader.gif);
  background-position: center;
  background-repeat: no-repeat;
  content: '';
}
.tn-res-settings {
  position: relative;
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  opacity: 0;
}
.tn-res-wrapper:hover .tn-res-settings {
  opacity: 1;
}
.tn-res-settings_active {
  opacity: 1;
}
.tn-screens-settings {
  position: absolute;
  top: 40px;
  left: 50%;
  display: none;
  padding: 5px;
  width: 145px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  border-radius: 5px;
  background-color: white;
  transform: translateX(-50%);
}
.tn-screens-settings__title,
.tn-screens-settings__btn_add,
.tn-screens-settings__reset,
.tn-screens-settings__btn_save {
  font-family: tfutura, Arial, sans-serif !important;
}
.tn-res-settings_active .tn-screens-settings {
  display: block;
}
.tn-screens-settings__title {
  margin-bottom: 5px;
  padding-left: 3px;
  color: #000;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}
.tn-screens-settings__title__text {
  opacity: 0.4;
}
.tn-screens-settings__row {
  display: flex;
  margin-top: 16px;
  height: 30px;
  transition: all 0.2s ease;
}
.tn-screens-settings__row.new-screen {
  -webkit-box-shadow: 0 2px 0 2px rgb(195 195 195 / 40%);
  -moz-box-shadow: 0 2px 0 2px rgb(195 195 195 / 40%);
  box-shadow: 0 2px 0 2px rgb(195 195 195 / 40%);
  background-color: rgb(195 195 195 / 40%);
}
.tn-screens-settings__row:first-child {
  margin-top: 0;
}
.tn-screens-settings__row_active {
  display: flex;
}
.tn-screens-settings__row-add {
  display: flex;
  height: 26px;
}
.tn-screens-settings__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  margin-right: 4px;
  width: 51px;
  min-width: 51px;
}
.tn-screens-settings__icon .tn-res-icon {
  margin-left: -7px;
  transform: scale(0.7);
  cursor: default;
}
.tn-screens-settings__input-wrapper {
  display: flex;
}
.tn-screens-settings__input {
  padding-right: 5px;
  width: 45px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.tn-screens-settings__reset {
  background-color: unset;
}
.tn-screens-settings__input-add {
  padding-right: 5px;
  width: 45px;
  height: 26px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.tn-screens-settings .sui-btn {
  margin: 0;
  box-sizing: border-box;
  line-height: 16px;
  font-size: 14px;
}
.tn-screens-settings__remove {
  margin-top: 9px;
  margin-left: 18px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;utf8,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.33317 2.13663L5.86317 1.66663L3.99984 3.52996L2.1365 1.66663L1.6665 2.13663L3.52984 3.99996L1.6665 5.86329L2.1365 6.33329L3.99984 4.46996L5.86317 6.33329L6.33317 5.86329L4.46984 3.99996L6.33317 2.13663Z' fill='black'/></svg>");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tn-screens-settings__section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 5px 5px;
}
.tn-screens-settings__btn_add {
  border: 1px solid rgb(0 0 0 / 20%);
  background-color: unset;
}
.tn-screens-settings__btn_confirm,
.tn-screens-settings__btn_save {
  background-color: #222;
  color: #fff;
}
.tn-screens-settings__btn_full {
  width: 100%;
}
.tn-screens-settings__wrapper {
  padding: 5px;
  border-radius: 3px;
}
.tn-screens-settings__actions {
  display: flex;
  justify-content: space-evenly;
  padding-top: 5px;
}
.tn-screens-settings__close {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.tn-screens-settings__done {
  margin: 7px 0 0 17px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none'><path d='M3.1832 6.00003L1.2832 4.10003L1.7582 3.62503L3.1832 5.05003L6.24154 1.9917L6.71654 2.4667L3.1832 6.00003Z' fill='green'/></svg>");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.tn-screens-settings__alert-container {
  position: fixed;
  right: 32px;
  bottom: 24px;
  z-index: 10000;
  box-sizing: border-box;
  width: 320px;
  height: auto;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.tn-screens-settings__alert-container.show {
  opacity: 1;
}
.tn-screens-settings__alert-container.hide {
  opacity: 0;
}
.tn-screens-settings__alert {
  position: relative;
  padding: 16px 24px;
  box-sizing: border-box;
  width: 320px;
  height: auto;
  border-radius: 4px;
  cursor: pointer;
}
.tn-screens-settings__alert.error {
  background-color: #bc0022;
}
.tn-screens-settings__alert.success {
  background-color: green;
}
.tn-screens-settings__alert-message {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}
.tn-screens-settings__alert-close {
  position: absolute;
  top: 4px;
  right: 8px;
  border: none;
  background-color: unset;
  color: white;
  font-size: 14px;
  transform: rotate(45deg);
  cursor: pointer;
}
.tn-layout-responsive .t-descr_xxs {
  font-size: 12px;
}
.td__cornernotice {
  cursor: pointer;
}
.sbsoptsempty {
  display: none;
}
.sbsoptsempty.sbsoptsempty__active {
  display: block;
}
.bg-position-editor__canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 12000px;
  height: 10000px;
  transform-origin: left top;
  animation: bg-position-editor__fade-in-out 0.15s linear;
}
.bg-position-editor__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 12000px;
  height: 10000px;
  pointer-events: none;
  background: #000;
  opacity: 0.8;
}
.bg-position-editor__highlight {
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 300px;
  outline: 1px solid blue;
  pointer-events: none;
}
.bg-position-editor__ref {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.bg-position-editor__hidden {
  position: absolute;
}
.bg-position-editor__resize {
  position: absolute;
}
.bg-position-editor__resize-handlers {
  position: absolute;
  z-index: 1;
  cursor: move;
}
.bg-position-editor__ref-img {
  position: absolute;
  user-select: none;
}
.bg-position-editor__hidden-img {
  position: absolute;
  user-select: none;
  outline: 1px solid #ccc;
}
.bg-position-editor__resize-trigger {
  position: absolute;
}
.bg-position-editor__resize-line {
  border-color: #ccc;
  opacity: 0.7;
}
.bg-position-editor__resize-line_h {
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
}
.bg-position-editor__resize-line_v {
  width: 1px;
  height: calc(100% + 2px);
  border-left-width: 1px;
  border-left-style: solid;
}
.bg-position-editor__resize-trigger[data-side='top'] {
  top: -5px;
  left: 0;
  padding: 4px 0;
  width: 100%;
  height: 1px;
  cursor: ns-resize;
}
.bg-position-editor__resize-trigger[data-side='left'] {
  top: -1px;
  left: -5px;
  padding: 0 4px;
  width: 1px;
  height: 100%;
  cursor: ew-resize;
}
.bg-position-editor__resize-trigger[data-side='bottom'] {
  bottom: -5px;
  left: 0;
  padding: 4px 0;
  width: 100%;
  height: 1px;
  cursor: ns-resize;
}
.bg-position-editor__resize-trigger[data-side='right'] {
  top: -1px;
  right: -5px;
  padding: 0 4px;
  width: 1px;
  height: 100%;
  cursor: ew-resize;
}
.bg-position-editor__resize-trigger[data-side='topleft'],
.bg-position-editor__resize-trigger[data-side='topright'],
.bg-position-editor__resize-trigger[data-side='bottomleft'],
.bg-position-editor__resize-trigger[data-side='bottomright'] {
  width: 8px;
  height: 8px;
}
.bg-position-editor__resize-trigger[data-side='topleft'],
.bg-position-editor__resize-trigger[data-side='bottomright'] {
  cursor: nwse-resize;
}
.bg-position-editor__resize-trigger[data-side='topright'],
.bg-position-editor__resize-trigger[data-side='bottomleft'] {
  cursor: nesw-resize;
}
.bg-position-editor__resize-trigger[data-side='topleft'] {
  top: -4px;
  left: -4px;
}
.bg-position-editor__resize-trigger[data-side='topright'] {
  top: -4px;
  right: -4px;
}
.bg-position-editor__resize-trigger[data-side='bottomleft'] {
  bottom: -4px;
  left: -4px;
}
.bg-position-editor__resize-trigger[data-side='bottomright'] {
  right: -4px;
  bottom: -4px;
}
@keyframes bg-position-editor__fade-in-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bg-position-editor__close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99999;
  padding: 7px;
  border: 0;
  background: #000;
  cursor: pointer;
}
.bg-position-editor__close-icon {
  display: block;
  color: #fff;
  font-size: 32px;
}
.bg-position-editor__panel {
  position: fixed;
  bottom: 16px;
  left: 50%;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 8px 12px;
  box-sizing: border-box;
  box-shadow: 1px 3px 6px rgb(255 255 255 / 7%);
  border: 0;
  border-radius: 4px;
  background: #fafafa;
  background-color: #202020;
  transform: translateX(-50%);
}
.bg-position-editor__actions {
  display: flex;
  gap: 8px;
}
.bg-position-editor__btn {
  display: block;
  padding: 9px 18px 7px;
  border: 0;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  font-family: tfutura, arial, sans-serif;
  transition:
    background-color 100ms linear,
    box-shadow 100ms linear;
  cursor: pointer;
}
.bg-position-editor__btn:hover {
  box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);
}
.bg-position-editor__btn--primary {
  background-color: #fff;
  color: #000;
}
.bg-position-editor__btn--secondary {
  border: 1px solid rgb(255 255 255 / 20%);
  background-color: transparent;
  color: #fff;
}
.bg-position-editor__btn--tertietary {
  background-color: transparent;
  color: rgb(255 255 255 / 70%);
}
.bg-position-editor__panel * {
  box-sizing: border-box;
}
.bg-position-editor__range {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.bg-position-editor__slider {
  width: 200px;
}
.bg-position-editor__range .ui-slider {
  height: 4px;
  border: 0;
  background: #404040;
}
.bg-position-editor__range .ui-slider .ui-slider-handle {
  top: -7px;
  margin-left: -9px;
  padding: 0;
  width: 16px;
  height: 16px;
  outline: 0;
  border-color: transparent;
  border-radius: 100%;
  background: #fff;
  transition: box-shadow 100ms linear;
  cursor: pointer;
}
.bg-position-editor__range-icon {
  color: rgb(255 255 255 / 70%);
}
.bg-position-editor__range .ui-slider .ui-slider-handle:hover {
  box-shadow: 0 0 8px 1px rgb(240 104 71 / 70%);
}
.bg-position-editor__range .ui-slider .ui-slider-handle::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #4787f0; //#f06847;
  transform: translate(-50%, -50%);
  content: '';
}
.bg-position-editor__range .ui-slider .ui-state-active {
  box-shadow: 0 0 8px 1px rgb(240 104 71 / 70%);
  border-color: #4787f0; //#f06847;
  cursor: pointer;
}
.bg-position-editor__range .ui-slider .ui-slider-range {
  background: #4787f0; //#f06847;
  opacity: 0.7;
}
.bg-position-btn-edit {
  margin-top: 8px;
  padding: 0 !important;
  border: 0;
  transition: opacity 0.1s linear;
}
.bg-position-btn-edit svg {
  display: block;
  width: 21px;
  color: rgb(0 0 0 / 100%);
}
.bg-position-btn-edit:hover svg {
  color: rgb(0 0 0 / 70%);
}
.bg-position-btn-edit:hover {
  opacity: 1;
}
.bg-position-popup * {
  box-sizing: border-box;
}
.bg-position-popup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 12000px;
  height: 10000px;
  transition: opacity 0.1s linear;
  opacity: 0;
}
.bg-position-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10002;
  width: 12000px;
  height: 10000px;
  background: rgb(0 0 0 / 70%);
}
.bg-position-popup__window {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10003;
  background: white;
  transform: translate(-50%, -50%);
}
.bg-position-popup__image {
  position: relative;
  height: 500px;
}
.bg-position-popup__image img {
  height: 100%;
  border: 1px solid #e5e5e5;
  pointer-events: none;
}
.bg-position-popup__handler {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 3px solid #fff;
  border-radius: 100%;
  background: #4787f0; //#f06847;
  transform: translate(-12px, -12px);
  transition: box-shadow 100ms linear;
  cursor: pointer;
}
.bg-position-popup__handler--active,
.bg-position-popup__handler:hover {
  box-shadow: 0 0 8px 5px rgb(240 104 71 / 70%);
}
.bg-position-editor__coords {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 20px;
  color: #c7c7c7;
  font-size: 14px;
  backdrop-filter: blur(4px);
}
.bg-position-popup__hint {
  padding-right: 24px;
  color: rgb(255 255 255 / 70%);
  font-weight: 400;
  font-size: 14px;
}
.border-radius-handle {
  position: absolute;
  padding: 4px;
  box-sizing: border-box;
  transform: translate(50%, 50%);
  transition: opacity 0s linear;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
}
.tn-elem__selected:not(.tn-elem__on-resize, .ui-draggable-dragging)
  .border-radius-handle
  .border-radius-handle__circle {
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 1px solid blue;
  border-radius: 100%;
  background-color: #fff;
}
.tn-group:not(.tn-group__selected)
  .tn-elem__selected:not(.tn-elem__on-resize, .ui-draggable-dragging):hover
  .border-radius-handle {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.5s;
}
:not(.tn-group)
  > .tn-elem__selected:not(.tn-elem__on-resize, .ui-draggable-dragging, .tn-elem__locked):hover
  .border-radius-handle {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.5s;
}
.border-radius-handle_active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.sui-panel-mute-autoplay-message {
  padding-top: 18px;
}
.tn-rulers-wrpr {
  position: absolute;
  top: 0;
  left: 0;
}
.tn-rulers-box {
  position: fixed;
  top: 60px;
  z-index: 1900;
  box-sizing: border-box;
  height: calc(100vh - 80px);
  pointer-events: none;
}
.tn-rulers-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.tn-rulers-top {
  position: absolute;
  top: 0;
  left: 20px;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 20px;
  overflow: hidden;
  background-color: rgb(235 235 235 / 95%);
  pointer-events: all;
}
.tn-rulers-left {
  position: absolute;
  top: 20px;
  left: 0;
  flex-direction: column;
  width: 20px;
  height: 100%;
  overflow: hidden;
  background-color: rgb(235 235 235 / 95%);
  pointer-events: all;
}
.tn-rulers-plug {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  box-shadow: -1px -1px 0 0 rgb(0 0 0 / 8%) inset;
  background-color: rgb(235 235 235 / 95%);
}
.tn-rulers-division {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 1px;
  width: 10px;
  height: 20px;
}
.tn-rulers-division.left {
  display: flex;
  flex-direction: row;
  padding-top: 0;
  width: 20px;
  height: 10px;
}
.tn-rulers-division-number {
  margin: 0;
  font-size: 9px;
  opacity: 0.45;
  pointer-events: none;
}
.tn-rulers-division.hide-number .tn-rulers-division-number {
  display: none !important;
}
.tn-rulers-division.left .tn-rulers-division-number {
  margin-left: -2px;
  transform: rotate(-90deg);
}
.tn-rulers-division-line {
  width: 1px;
  height: 6px;
  background-color: black;
  opacity: 0.3;
  pointer-events: none;
}
.tn-rulers-division[data-rulers-price='10'] .tn-rulers-division-line {
  height: 4px;
}
.tn-rulers-division.left .tn-rulers-division-line {
  margin-left: -2px;
  width: 6px;
  height: 1px;
}
.tn-rulers-division.left[data-rulers-price='10'] .tn-rulers-division-line {
  width: 4px;
}
.tn-rulers-fakeguide__top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  margin-left: -500px;
  width: 5020px;
  height: 1px;
  background-color: red;
}
.tn-rulers__coords--top {
  position: fixed;
  padding: 1px 8px;
  height: 18px;
  border: none;
  border-radius: 10px;
  background-color: red;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
}
.tn-rulers-fakeguide__top::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 500%;
  height: 50px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: '';
}
.tn-rulers-fakeguide__left {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  margin-top: -100px;
  width: 1px;
  height: 5020px;
  background-color: red;
}
.tn-rulers__coords--left {
  position: fixed;
  margin-left: 17px;
  padding: 1px 8px;
  height: 18px;
  border: none;
  border-radius: 10px;
  background-color: red;
  color: #fff;
  text-align: center;
  line-height: 20px;
  font-weight: 500;
  font-size: 12px;
  font-family: tfutura, arial, sans-serif;
  transform: rotate(-90deg);
  transform-origin: bottom;
  cursor: vertical-text;
}
.tn-rulers-fakeguide__left::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 50px;
  height: 500%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: '';
}
.tn-rulers__highlight--top {
  position: absolute;
  top: 14px;
  display: none;
  flex-direction: row;
  justify-content: space-between;
  height: 6px;
  background-color: rgb(0 0 255 / 20%);
}
.tn-rulers__highlight--left {
  position: absolute;
  left: 14px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 6px;
  background-color: rgb(0 0 255 / 20%);
}
.tn-rulers__coords {
  color: blue;
  font-size: 9px;
}
.tn-rulers__highlight--top .tn-rulers__coords--start {
  margin-top: -10.5px;
  margin-left: -15px;
  width: 30px;
  height: 10px;
  text-align: center;
}
.tn-rulers__highlight--top .tn-rulers__coords--end {
  margin-top: -10.5px;
  margin-right: -15px;
  width: 30px;
  height: 10px;
  text-align: center;
}
.tn-rulers__highlight--left .tn-rulers__coords--start {
  margin-top: -11px;
  margin-left: -22px;
  padding: 7px 0;
  width: 30px;
  height: 10px;
  text-align: center;
  transform: rotate(-90deg);
}
.tn-rulers__highlight--left .tn-rulers__coords--end {
  margin-bottom: -11px;
  margin-left: -22px;
  padding: 7px 0;
  width: 30px;
  height: 10px;
  text-align: center;
  transform: rotate(-90deg);
}
.sui-file-div-img .sui-btn_sm {
  margin-bottom: 3px;
}
.sui-file-div-img .sui-btn_sm:last-child {
  margin-bottom: 0;
}
.sui-input-div .tcolors .tcolors__input {
  display: inline-block;
  width: 100%;
  height: 44px;
}
.tn-publish-popup * {
  box-sizing: border-box;
}
.tn-publish-popup {
  position: fixed;
  z-index: 99999;
  padding: 20px;
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 5px;
  background: #fff;
}
.tn-publish-popup__title {
  margin-bottom: 16px;
  color: #000;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: -0.02em;
}
.tn-publish-popup__text {
  margin-bottom: 3px;
  color: rgb(0 0 0 / 60%);
  text-transform: uppercase;
  font-size: 12px;
}
.tn-publish-popup__link {
  display: block;
  padding: 2px 0;
  max-width: 200px;
  overflow: hidden;
  border-bottom: 1px solid #4787f0;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.tn-publish-popup__btn {
  display: inline-block;
  margin-left: 16px;
  padding: 5px 15px;
  border-radius: 3px;
  background: #4787f0;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
}
.tn-publish-popup__link-container {
  display: flex;
  align-items: center;
}
.sui-btn-sbs-easing-edit {
  margin-left: 8px;
}
.tn-easings-box {
  position: fixed;
  right: 340px;
  bottom: 100px;
  z-index: 2000;
  width: 350px;
  box-shadow: 0 3px 15px 0 rgb(0 0 0 / 12%);
  border-radius: 4px;
  background-color: rgb(245 245 245 / 100%);
}
.tn-easings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
}
.tn-easings-select-wrapper {
  width: 120px;
}
.tn-easings-css-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px 0 16px;
}
.tn-easings-css-wrapper .sui-input-div {
  margin-right: 30px;
  width: 100%;
}
.tn-easings-css-string {
  user-select: text;
  cursor: text;
}
.tn-easings-copypaste {
  position: relative;
  visibility: visible;
  width: 24px;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.tn-easings-css-wrapper:hover .tn-easings-copypaste {
  opacity: 1;
}
.tn-easings-canvas-wrapper {
  position: relative;
  display: flex;
  max-width: 350px;
  max-height: 350px;
}
.tn-easings-preview-wrapper {
  position: relative;
  padding: 15px 0;
  height: 50px;
  cursor: pointer;
}
.tn-easings-preview-wrapper:not(.tn-easings-animation):hover::after {
  opacity: 1;
}
.tn-easings-preview-wrapper::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23222222' fill-opacity='0.15'/%3E%3Cpath d='M39.4242 23.268C40.7576 24.0378 40.7576 25.9623 39.4242 26.7321L19.2879 38.3578C17.9545 39.1276 16.2879 38.1654 16.2879 36.6258L16.2879 13.3743C16.2879 11.8347 17.9545 10.8725 19.2879 11.6423L39.4242 23.268Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%);
  transition: opacity 0.25s ease;
  content: '';
  opacity: 0;
}
.tn-easings_preview-point {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #aaa;
}
.tn-easings-canvas-wrapper canvas {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.tn-easings-button__zoom {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 32px;
  height: 32px;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  border-radius: 50%;
  background-color: #f5f5f5;
  font-size: 24px;
  transition: box-shadow ease 0.25s;
  cursor: pointer;
}
.tn-easings-button__zoom::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1088 21.4762C18.6855 21.4762 21.585 18.5767 21.585 15C21.585 11.4233 18.6855 8.52381 15.1088 8.52381C11.5321 8.52381 8.63263 11.4233 8.63263 15C8.63263 18.5767 11.5321 21.4762 15.1088 21.4762ZM15.1088 23C19.5271 23 23.1088 19.4183 23.1088 15C23.1088 10.5817 19.5271 7 15.1088 7C10.6905 7 7.10883 10.5817 7.10883 15C7.10883 19.4183 10.6905 23 15.1088 23Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3469 19.1905L14.3469 10.8095L15.8707 10.8095L15.8707 19.1905L14.3469 19.1905Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2993 15.7618L10.9183 15.7618V14.238L19.2993 14.238V15.7618Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.7278 22.6191L20.0612 19.9524L21.1387 18.8749L23.8053 21.5416L22.7278 22.6191Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
}
.tn-easings-button__zoom-active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1088 21.4762C18.6855 21.4762 21.585 18.5767 21.585 15C21.585 11.4233 18.6855 8.52381 15.1088 8.52381C11.5321 8.52381 8.63263 11.4233 8.63263 15C8.63263 18.5767 11.5321 21.4762 15.1088 21.4762ZM15.1088 23C19.5271 23 23.1088 19.4183 23.1088 15C23.1088 10.5817 19.5271 7 15.1088 7C10.6905 7 7.10883 10.5817 7.10883 15C7.10883 19.4183 10.6905 23 15.1088 23Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2993 15.7618L10.9183 15.7618V14.238L19.2993 14.238V15.7618Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.7278 22.6191L20.0612 19.9524L21.1387 18.8749L23.8053 21.5416L22.7278 22.6191Z' fill='%23222222'/%3E%3C/svg%3E%0A");
}
.tn-easings-button__zoom:hover {
  box-shadow: 0 0 16px rgb(0 0 0 / 20%);
}
.tn-htmleditor-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: table;
  width: 100%;
  height: 100vh;
  background-color: #aaa;
}
.tn-htmleditor-header {
  display: table-cell;
  width: 100%;
  height: 60px;
  background-color: #000;
  text-align: right;
  vertical-align: middle;
}
body.tis-noscroll {
  overflow: hidden !important;
}
.tn-elem .quill-tooltip {
  padding: 0;
  width: max-content;
}
.tn-elem .quill-tooltip button {
  font-size: 13px;
}
.tn-formeditor-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden auto;
  background-color: #fff;
}
div#redactor-modal-box,
div#redactor-modal,
div#redactor-modal-overlay {
  z-index: 10001 !important;
}
div.redactor-toolbar,
div.redactor-dropdown {
  z-index: 10001 !important;
}
.tn-formeditor-header {
  display: table-cell;
  width: 100%;
  height: 60px;
  background-color: #000;
  text-align: right;
  vertical-align: middle;
}
.tn-receivers-editor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden auto;
  background-color: #fff;
}
.tn-receivers-wrapper {
  position: fixed;
  z-index: 1000;
  display: table;
  width: 100%;
}
.tn-receivers-header {
  display: table-cell;
  width: 100%;
  height: 60px;
  background-color: #000;
  text-align: right;
  vertical-align: middle;
}
.td-formeditor-button__add {
  display: block;
  padding: 20px 0;
  width: 720px;
  background-color: #000;
  color: #fff !important;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.tn-alert-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  margin: 0;
  width: 100%;
  height: 100%;
  background: rgb(255 255 255 / 50%);
  font-family: tfutura, Arial, sans-serif;
}
.tn-alert-popup__window {
  display: block;
  margin: 50px auto 0;
  width: 560px;
  max-width: 720px;
  box-shadow: 0 0 10px 5px rgb(0 0 0 / 15%);
  border-radius: 5px;
  background: #fff;
  font-size: 14px;
  animation: custom-dialog-show 300ms cubic-bezier(0.87, 0, 0.13, 1);
}
.tn-alert-popup__content {
  padding: 40px 25px 25px;
  overflow: hidden;
  font-size: 16px;
}
.tn-alert-popup__footer {
  display: flex;
  justify-content: flex-end;
  padding: 15px 20px;
  border-radius: 0 0 5px 5px;
  background-color: #f7f7f7;
}
.tn-alert-popup__btn {
  padding: 7px 15px;
  border: 1px solid #b7b7b7;
  border-radius: 5px;
  background: #fff;
  color: #000;
  font-size: 16px;
}
.tn-alert-popup__btn:hover {
  border: 1px solid #fa8e73;
}
@keyframes custom-dialog-show {
  0% {
    transform: translateY(-150px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.t-form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
.tn-component__hidden {
  display: none;
}
.sui-sbs-step-time {
  opacity: 0.3;
}
.sui-sbs-steps-div {
  margin-top: 10px;
  margin-bottom: 10px;
}
.sui-panel__section-sbs-prop {
  position: relative;
}
.sui-label-steps-header {
  padding-bottom: 15px;
  padding-left: 3px;
  width: 100%;
}
.sui-sbs-label-step-index {
  font-weight: 500;
}
.sui-panel-sbs-hint-step-0 {
  position: absolute;
  top: 50px;
  left: 20px;
  width: 255px;
}
.sui-panel__section-sbs-prop__hidden {
  visibility: hidden;
}
.sui-label-sbs-step-option {
  margin-right: 0;
  width: 10px;
  text-transform: lowercase;
}
.sui-sbs-scaley-differ-label {
  font-size: 10px;
  opacity: 0.7;
  white-space: nowrap;
}
.sui-sbs-steps-add__hint {
  padding-top: 5px;
  font-size: 14px;
}
.sui-sbs-trgels__td-icon-text-wrapper {
  display: flex;
  align-items: center;
  width: 170px;
}
.sui-sbs-trgels__td-icon-wrapper .sui-sbs-trgels__td-icon-wrapper {
  width: 20px;
}
.sui-sbs-trgel__icon-block {
  display: block;
  margin: 3px 5px;
}
.sui-sbs-trgels__td-text-content {
  padding-left: 10px;
  width: 140px;
}
.sui-sbs-trgel-del {
  width: 20px;
  cursor: pointer;
  text-align: center;
}
.sui-sbs-trgel:nth-child(2n) {
  background-color: #f4f4f4;
}
.sui-layers__ghost {
  background-color: #c3c3c3;
}
.tn-fullscreen-popup * {
  box-sizing: border-box;
}
.tn-fullscreen-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: table;
  width: 100%;
  height: 100vh;
  background-color: rgb(230 230 230 / 90%);
  backdrop-filter: blur(5px);
}
.tn-fullscreen-popup__header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 22px;
  width: 100%;
  height: 60px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  background-color: rgb(247 247 247 / 90%);
  backdrop-filter: blur(5px);
}
.tn-fullscreen-popup__content {
  position: relative;
  margin: 0 auto;
  margin-top: 70px;
  width: 720px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.tn-fullscreen-popup__content .ql-toolbar {
  position: fixed;
  top: 100px !important;
  left: 50%;
  width: 720px !important;
  max-width: 100% !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border-radius: 5px 5px 0 0;
  transform: translateX(-50%);
}
.tn-fullscreen-popup .redactor-editor {
  padding: 10px;
  min-height: 200px;
  background-color: #fff;
}
.sbsoptswrapperempty {
  display: none;
}
.tn-fullscreen-popup .tn-form-editor__wrapper.ql-container {
  padding: 10px !important;
}
.tn-fullscreen-popup__redactor-toolbar {
  position: fixed;
  top: 100px !important;
  left: 50%;
  box-sizing: border-box;
  width: 722px !important;
  max-width: 100% !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  transform: translateX(-50%);
}
.tn-fullscreen-popup__redactor-toolbar .redactor-toolbar {
  border-radius: 5px 5px 0 0;
}
.sui-file-list__image-wrapper--img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  cursor: pointer;
}
.sui-file-list__image-wrapper--img:hover {
  opacity: 0.8;
}
.sui-panel__section-sbs-opts .tsort__dropbar div::before,
.sui-panel__section-sbs-opts .tsort__dropbar div::after {
  width: 5px;
  height: 5px;
}
.sui-panel__section-sbs-opts .tsort__dropbar div {
  margin-left: 5px;
  width: calc(100% - 10px);
}
.sui-layers-box {
  margin-top: 8px;
}
.sui-btn-lock {
  margin-right: 0;
}
.tn-elem__helper {
  z-index: 9999;
}
.editlist__wrapper {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.pe-input,
.pe-select {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.pe-input::placeholder {
  color: #cacaca;
}
.pe-input::-webkit-input-placeholder {
  color: #cacaca;
}
.pe-textarea {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.pe-list-item-title a {
  -webkit-font-smoothing: none;
}
.pe-form-group[data-lfield='li_ownvariantph'] {
  display: none;
}
.pe-form-composite-group .pe-form-group[data-lfield='li_ownvariant'] {
  width: 100%;
}
.tn-atom .t-input__own-answer-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.tn-atom .t-input__own-answer-wrapper .t-radio__control,
.tn-atom .t-input__own-answer-wrapper .t-checkbox__control {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  margin: 0;
  padding-bottom: 4px;
}
.tn-atom .t-input__own-answer {
  display: none;
  padding-bottom: 3px;
  height: 100%;
  border-bottom: 1px solid black;
}
.tn-atom .t-input__own-answer--active {
  display: block;
}
.t-submit {
  margin: 0;
  padding-right: 60px;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 60px;
  -webkit-appearance: none;
  outline: none;
  border: 0 none;
  background: transparent;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-family: @headlinefont;
  white-space: nowrap;
  cursor: pointer;
}
.t-submit_sending {
  opacity: 0.5;
}
@media screen and (width <=640px) {
  .t-submit {
    padding-right: 30px;
    padding-left: 30px;
    white-space: normal;
  }
}
.tn-atom a {
  text-decoration: none;
}
.t-input {
  margin: 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  -webkit-appearance: none;
  outline: none;
  border: 0 none;
  line-height: 1.33;
  font-size: 16px;
  font-family: @headlinefont;
}
.t-input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.t-input_bbonly {
  padding-right: 0 !important;
  padding-left: 0 !important;
  outline: none;
  border-top: 0 !important;
  border-bottom: 1px solid;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.t-input_pvis {
  padding: 26px 20px 10px !important;
}
.t-input__vis-ph {
  position: absolute;
  top: 22px;
  left: 20px;
  height: 16px;
  line-height: 1;
  font-size: 16px;
  font-family: @headlinefont;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  opacity: 0.5;
  pointer-events: none;
  white-space: nowrap;
}
.t-input:focus ~ .t-input__vis-ph,
.t-input_has-content + .t-input__vis-ph {
  -webkit-transform: translateY(-12px) scale(0.7);
  transform: translateY(-12px) scale(0.7);
}
.t-form_bbonly .t-input__vis-ph {
  left: 0 !important;
}
.t-form_bbonly .js-error-control-box .t-input__vis-ph {
  left: 10px !important;
}
.t-select {
  padding: 0 45px 0 20px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1.33;
  font-size: 16px;
  font-family: @headlinefont;
  cursor: pointer;
}
.t-select_bbonly {
  padding-right: 0 !important;
  padding-left: 0 !important;
  outline: none;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
}
.t-select_bbonly option {
  background-color: #fff;
  color: #000;
}
.t-select__wrapper {
  position: relative;
}
.t-select__wrapper::after {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 6px 5px 0;
  border-style: solid;
  border-color: #000 transparent transparent;
  content: ' ';
  pointer-events: none;
}
.t-select::-ms-expand {
  width: 0;
  height: 0;
  opacity: 0;
}
.t-select__wrapper_bbonly::after {
  right: 0 !important;
}
.t-checkbox__control {
  position: relative;
  display: block;
  cursor: pointer;
}
.t-checkbox__control .t-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.t-checkbox__indicator {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  opacity: 0.6;
}
.t-checkbox__indicator::after {
  position: absolute;
  top: 2px;
  left: 6px;
  display: none;
  width: 3px;
  height: 8px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  content: '';
}
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
  opacity: 1;
}
.t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator::after {
  display: block;
}
.t-checkboxes__wrapper .t-checkbox__control {
  margin: 10px 0;
}
.t-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.t-radio__wrapper {
  margin-top: 5px;
}
.t-radio__control {
  position: relative;
  display: table;
  margin: 0 0 10px;
  cursor: pointer;
}
.t-radio__control:first-child {
  margin: 3px 0 10px;
}
.t-radio__control:last-child {
  margin: 0;
}
.t-radio__indicator {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #000;
  border-radius: 50%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  vertical-align: middle;
  opacity: 0.6;
}
.t-radio__indicator::after {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  content: '';
  opacity: 0;
}
.t-radio__control .t-radio:checked ~ .t-radio__indicator::after {
  opacity: 1;
}
.t-radio__control .t-radio:checked ~ .t-radio__indicator {
  opacity: 1;
}
.t-inputquantity {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  width: 70px;
  text-align: center;
}
.t-inputquantity__btn {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-size: 26px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.t-form .uploadcare-widget-button {
  background: #333;
  line-height: 1.4;
  font-size: 14px;
  font-family: @headlinefont;
}
.t-form .uploadcare-widget-button:hover {
  background: #444;
}
.t-input-title {
  display: block;
  padding-right: 10px;
  height: 100%;
  vertical-align: middle;
}
.t-input-subtitle {
  display: block;
  padding-right: 10px;
  height: 100%;
  vertical-align: middle;
}
.t-form__bottom-text {
  margin-top: 30px;
  text-align: center;
}
.t-input-error {
  display: none;
  margin-top: 5px;
  color: red;
  font-size: 13px;
  font-family: @textfont;
}
.t-form .js-error-control-box .t-input-error {
  display: block;
}
.t-form .js-error-control-box .t-input,
.t-form .js-error-control-box .t-checkbox__control,
.t-form .js-error-control-box .t-checkboxes__wrapper,
.t-form .js-error-control-box .t-select__wrapper,
.t-form .js-error-control-box .t-radio__wrapper,
.t-form .js-error-control-box .uploadcare-widget {
  border: 1px solid #f00 !important;
}
.t-form .js-error-control-box .t-checkboxes__wrapper,
.t-form .js-error-control-box .t-radio__wrapper,
.t-form .js-error-control-box .t-checkbox__control {
  padding: 10px;
}
.t-form .js-error-control-box .t-checkboxes__wrapper .t-checkbox__control {
  padding: 0;
  border: none !important;
}
.t-form .js-error-control-box .t-input.t-input_bbonly {
  padding-left: 10px !important;
}
.t-form__errorbox-bottom {
  display: none;
}
.t-form__errorbox-wrapper {
  margin-bottom: 20px;
  padding: 10px;
  background: #f95d51;
  text-align: center;
  font-family: @textfont;
}
.t-form__errorbox-text {
  padding: 0 10px 10px;
  box-sizing: border-box;
  color: #fff;
  font-family: @textfont;
}
.t-form__errorbox-item {
  display: none;
  padding-top: 10px;
  font-family: @textfont;
}
.t-form__successbox {
  margin-bottom: 20px;
  padding: 20px;
  background: #62c584;
  color: #fff;
  text-align: center;
  font-family: @textfont;
}
@keyframes t-submit-spinner {
  to {
    transform: rotate(360deg);
  }
}
.t-form .t-submit {
  position: relative;
}
.t-form .t-submit.t-btn_sending {
  color: transparent !important;
}
.t-form .t-btn_sending::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  animation: t-submit-spinner 0.6s linear infinite;
  content: '';
}
.tn-layout[data-res='320'] .t-img-select__control,
.tn-layout[data-res='480'] .t-img-select__control {
  width: calc(33.33% - 10px);
}
.tn-layout[data-res='960'] .t-text_xs {
  font-size: 14px;
}
.tn-layout[data-res='640'] .t-text_xs,
.tn-layout[data-res='480'] .t-text_xs,
.tn-layout[data-res='320'] .t-text_xs {
  font-size: 12px;
}
.t-input-group_cb div[data-customstyle='yes'] {
  display: inline;
  vertical-align: middle;
}
.tn-elem .t-input-group_ta textarea.t-input {
  padding-top: 10px;
  vertical-align: bottom;
  resize: none;
}
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient {
  position: relative;
  overflow: hidden;
}
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient::before,
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient::after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  transition: opacity 0.2s ease-in-out;
  content: '';
  pointer-events: none;
}
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient::before {
  z-index: -2;
  opacity: 1;
  background-color: transparent;
}
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient::after {
  z-index: -1;
  opacity: 0;
  background-image: none;
}
.tn-elem .tn-form__submit .t-submit.tn-form__submit-gradient:hover::after {
  opacity: 1;
}
.t-form__inputsbox.t-form__inputsbox_flex {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.t-form__inputsbox_flex .t-input-group_tx {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.t-form__inputsbox_flex .t-input-group:not(.t-input-group_inonerow) {
  width: 100%;
}
.t-input-group_inonerow.t-input-group_width100:not(.t-input-group_inrow-withsibling) {
  margin-right: 0;
  width: 100%;
}
.t-input-group_width25.t-input-group_inonerow {
  width: calc((100% - 15px * 3) / 4);
}
.t-input-group_width33.t-input-group_inonerow {
  width: calc((100% - 15px * 2) / 3);
}
.t-input-group_width50.t-input-group_inonerow {
  width: calc((100% - 15px) / 2);
}
.t-input-group_width100.t-input-group_inonerow {
  width: 100%;
}
.t-input-group_inonerow {
  margin-right: 0;
}
.t-input-group_inonerow.t-input-group_width100 {
  margin-right: 0;
}
.t-input-group_width25:not(.t-input-group_inonerow) .t-input-title,
.t-input-group_width25:not(.t-input-group_inonerow) .t-input-block {
  width: calc((100% - 15px * 3) / 4);
}
.t-input-group_width33:not(.t-input-group_inonerow) .t-input-title,
.t-input-group_width33:not(.t-input-group_inonerow) .t-input-block {
  width: calc((100% - 15px * 2) / 3);
}
.t-input-group_width50:not(.t-input-group_inonerow) .t-input-title,
.t-input-group_width50:not(.t-input-group_inonerow) .t-input-block {
  width: calc((100% - 15px) / 2);
}
.t-input-group_width100:not(.t-input-group_inonerow) .t-input-title,
.t-input-group_width100:not(.t-input-group_inonerow) .t-input-block {
  width: 100%;
}
.t-input-group_inonerow:not(
    .t-input-group_width100,
    .t-input-group_width50,
    .t-input-group_width33,
    .t-input-group_width25
  ) {
  width: 100%;
}
.t-input-group_widthdef.t-input-group_inonerow .t-inputtime,
.t-input-group_widthdef.t-input-group_inonerow .t-datepicker__wrapper {
  max-width: 100%;
}
.t-input-block_rd-flex .t-radio__wrapper fieldset,
.t-input-block_rd-flex .t-checkboxes__wrapper fieldset {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}
.t-input-block_rd-flex.t-input-block_rd-width25 .t-radio__wrapper fieldset,
.t-input-block_rd-flex.t-input-block_rd-width25 .t-checkboxes__wrapper fieldset,
.t-input-block_rd-flex.t-input-block_rd-width33 .t-radio__wrapper fieldset,
.t-input-block_rd-flex.t-input-block_rd-width33 .t-checkboxes__wrapper fieldset,
.t-input-block_rd-flex.t-input-block_rd-width50 .t-radio__wrapper fieldset,
.t-input-block_rd-flex.t-input-block_rd-width50 .t-checkboxes__wrapper fieldset {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.t-input-block.t-input-block_rd-flex:not(
    .t-input-block_rd-width50,
    .t-input-block_rd-width33,
    .t-input-block_rd-width25
  )
  .t-radio__wrapper,
.t-input-block.t-input-block_rd-flex:not(
    .t-input-block_rd-width50,
    .t-input-block_rd-width33,
    .t-input-block_rd-width25
  )
  .t-checkboxes__wrapper {
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}
.t-input-block_rd-flex.t-input-block_rd-width25 .t-radio__control,
.t-input-block_rd-flex.t-input-block_rd-width25 .t-checkbox__control {
  width: calc((100% - 15px * 3) / 4);
}
.t-input-block_rd-flex.t-input-block_rd-width33 .t-radio__control,
.t-input-block_rd-flex.t-input-block_rd-width33 .t-checkbox__control {
  width: calc((100% - 15px * 2) / 3);
}
.t-input-block_rd-flex.t-input-block_rd-width50 .t-radio__control,
.t-input-block_rd-flex.t-input-block_rd-width50 .t-checkbox__control {
  width: calc((100% - 15px) / 2);
}
.t-input-block_rd-flex .t-radio__control:first-child,
.t-input-block_rd-flex .t-radio__control,
.t-input-block_rd-flex .t-radio__control:last-child {
  margin: 0 0 10px;
}
.t-input-block_rd-flex .t-radio__control,
.t-input-block_rd-flex .t-checkbox__control {
  box-sizing: border-box;
}
.t-form__inputsbox.t-form__inputsbox_flex .tn-form__submit {
  width: 100%;
}
.tn-layout-mobile .t-form__inputsbox_flex .t-input-group,
.tn-layout-mobile .t-form__inputsbox_flex .t-input-group.t-input-group_inonerow {
  width: 100%;
}
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width25:not(.t-input-group_inonerow)
  .t-input-title,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width25:not(.t-input-group_inonerow)
  .t-input-block,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width33:not(.t-input-group_inonerow)
  .t-input-title,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width33:not(.t-input-group_inonerow)
  .t-input-block,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width50:not(.t-input-group_inonerow)
  .t-input-title,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width50:not(.t-input-group_inonerow)
  .t-input-block,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width100:not(.t-input-group_inonerow)
  .t-input-title,
.tn-layout-mobile
  .t-form__inputsbox_inrow
  .t-input-group_width100:not(.t-input-group_inonerow)
  .t-input-block {
  width: 100%;
}
.tn-layout-mobile .t-input-group_inonerow:not(.t-input-group_inrow-last) {
  margin-right: 0;
}
.tn-layout-mobile .t-input-group_inonerow .t-input-title {
  padding-right: 10px;
}
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width25 .t-radio__wrapper,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width25 .t-checkboxes__wrapper,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width33 .t-radio__wrapper,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width33 .t-checkboxes__wrapper,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width50 .t-radio__wrapper,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width50 .t-checkboxes__wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width25 .t-radio__control,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width25 .t-checkbox__control,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width33 .t-radio__control,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width33 .t-checkbox__control,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width50 .t-radio__control,
.tn-layout-mobile .t-input-block_rd-flex.t-input-block_rd-width50 .t-checkbox__control {
  width: 100%;
}
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width25.t-input-block_rd-mobile-half
  .t-radio__control,
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width25.t-input-block_rd-mobile-half
  .t-checkbox__control,
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width33.t-input-block_rd-mobile-half
  .t-radio__control,
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width33.t-input-block_rd-mobile-half
  .t-checkbox__control,
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width50.t-input-block_rd-mobile-half
  .t-radio__control,
.tn-layout-mobile
  .t-input-block_rd-flex.t-input-block_rd-width50.t-input-block_rd-mobile-half
  .t-checkbox__control {
  width: calc((100% - 15px) / 2);
}
.tn-layout-mobile
  .t-input-block.t-input-block_rd-flex:not(
    .t-input-block_rd-width50,
    .t-input-block_rd-width33,
    .t-input-block_rd-width25
  )
  .t-radio__control,
.tn-layout-mobile
  .t-input-block.t-input-block_rd-flex:not(
    .t-input-block_rd-width50,
    .t-input-block_rd-width33,
    .t-input-block_rd-width25
  )
  .t-checkbox__control {
  width: 100%;
}
body.tn-theme-dark {
  background-color: #2a2a2a !important;
}
.tn-theme-dark .tn-mainmenu,
.tn-theme-dark .tn-right-box,
.tn-theme-dark .tn-left-box {
  background-color: rgb(34 34 34 / 90%);
  color: #fff;
  backdrop-filter: blur(5px);
}
.tn-theme-dark .tn-canvas-max {
  outline: 1px solid rgb(255 255 255 / 7%);
}
.tn-theme-dark .tn-axis {
  transform: translate(-1px, -1px);
}
.tn-theme-dark .tn-canvas__helper {
  border-left: solid 1px rgb(255 255 255 / 15%);
  color: #fff;
  transform: translate(-1px, 0);
}
.tn-theme-dark .sui-panel__section {
  background-color: rgb(45 45 45 / 100%);
}
.tn-theme-dark .tn-right-box__caption,
.tn-theme-dark .tn-left-box__caption {
  color: #fff;
}
.tn-theme-dark .sui-label {
  color: #fff;
}
.tn-theme-dark .sui-input {
  border-bottom: 1px solid #383838;
  background-color: #2d2d2d;
  color: #fff;
}
.tn-theme-dark .sui-select::after {
  z-index: 2;
}
.tn-theme-dark .sui-btn {
  background-color: #3a3a3a;
}
.tn-theme-dark .sui-btn-rp {
  background-color: #3a3a3a;
}
.tn-theme-dark .tu-popup-toggler,
.tn-theme-dark .sui-form-group_placeholder-upload::before {
  background: #3a3a3a;
}
.tn-theme-dark .sui-btn-ico {
  filter: invert(100%);
  opacity: 0.7;
}
.tn-theme-dark .sui-label_horizontalpadding,
.tn-theme-dark .sui-label_verticalpadding {
  filter: invert(100%);
}
.tn-theme-dark .sui-btn-ico:hover {
  opacity: 1;
}
.tn-theme-dark .ui-state-active {
  color: #fff;
}
.tn-theme-dark .sui-form-group .sui-radio .ui-state-active {
  border-bottom: 1px solid #fff !important;
}
.tn-theme-dark .sui-containers-togler__container,
.tn-theme-dark .sui-containers-togler__axisx,
.tn-theme-dark .sui-containers-togler__axisy,
.tn-theme-dark .sui-containers-togler__container-fixed {
  color: #e7e7e7;
}
.tn-theme-dark .tn-res-slider {
  filter: invert(100%);
}
.tn-theme-dark .tn-close-btn,
.tn-theme-dark .tn-help-btn,
.tn-theme-dark .tn-more-btn,
.tn-theme-dark .tn-zoom-wrapper__btn_reset {
  background-color: #3c3c3c;
}
.tn-theme-dark .tn-save-btn__icon,
.tn-theme-dark .tn-close-btn__icon,
.tn-theme-dark .tn-help-btn__icon,
.tn-theme-dark .tn-more-btn__icon {
  color: #fff;
  font-weight: 500;
}
.tn-theme-dark .tn-save-btn_processed {
  background-color: #333;
}
.tn-theme-dark .tn-add-popup {
  border: 1px solid rgb(255 255 255 / 5%);
  background-color: #303030;
  color: #ddd;
}
.tn-theme-dark .sui-input-div span.minicolors-swatch.minicolors-sprite.minicolors-input-swatch {
  border: 1px solid #3a3a3a;
}
.tn-theme-dark [data-control-field='bgcolor'] .sui-input-div_placeholder-color::before {
  background: transparent;
}
.tn-theme-dark .sui-input-div_placeholder-color::before {
  border: 1px solid #3a3a3a;
}
.tn-theme-dark .sui-input-div .minicolors-swatch {
  background-image: url('https://example.ru/zero/img/jquery.minicolors_chess_dark.png');
  background-position: center;
}
.tn-theme-dark .sui-input-div .minicolors-panel {
  border: solid 1px #404040;
  background: black;
}
.tn-theme-dark .sui-input-div .minicolors__swatch-plus,
.tn-theme-dark .sui-input-div .minicolors__swatch-link {
  filter: invert(100%);
}
.tn-theme-dark .sui-input:not(.sui-toggle):focus,
.tn-theme-dark .sui-input:not(.sui-toggle):hover {
  border-bottom: 1px solid #777;
}
.tn-theme-dark .tn-more-popup {
  background-color: #303030;
  color: #eee;
}
.tn-theme-dark .sui-layers__item_wrapper,
.tn-theme-dark .sui-blocks__item_wrapper {
  border-bottom: 1px solid #424242;
  color: #fff;
}
.tn-theme-dark .sui-layers__item_active,
.tn-theme-dark .sui-layers__group__title_active,
.tn-theme-dark .sui-blocks__item_active {
  background-color: #525252;
}
.tn-theme-dark .sui-layers__group__title {
  border-bottom: 1px solid #484848;
}
.tn-theme-dark .sui-layers__item:hover,
.tn-theme-dark .sui-blocks__item:hover,
.tn-theme-dark .sui-layers__group__title:hover {
  box-shadow: inset 0 0 0 1px #525252;
}
.tn-theme-dark .sui-layer__icon,
.tn-theme-dark .sui-layer__lock__icon,
.tn-theme-dark .sui-layer__invisible__icon {
  filter: invert(100%);
}
.tn-theme-dark
  .sui-layers__group__title_active
  + .sui-layers__group__container
  .sui-layers__item_active {
  background-color: #525252;
}
.tn-theme-dark .sui-layers__group__title_active {
  color: #fff;
}
.tn-theme-dark .sui-blocks__icon,
.tn-theme-dark .sui-blocks__add,
.tn-theme-dark .sui-blocks__dubl,
.tn-theme-dark .sui-blocks__del {
  filter: invert(100%);
}
.tn-theme-dark .sui-block__toggle-wrapper {
  background-color: #323232;
}
.tn-theme-dark .sui-block__toggle-descr {
  color: #fff;
}
.tn-theme-dark .sui-form-group .ui-widget-content .ui-state-default {
  border: 1px solid #2d2d2d;
  background-color: #404040;
}
.tn-theme-dark .sui-btn-lettercase_active {
  background-color: #363636;
}
.tn-theme-dark .sui-btn-lettercase-reset svg {
  filter: invert(100%);
}
.tn-theme-dark .sui-sbs-steps-table {
  background-color: #343434;
}
.tn-theme-dark .sui-sbs-step {
  border-bottom-color: rgb(255 255 255 / 20%);
  background-color: #343434;
  color: #fff;
}
.tn-theme-dark .sui-sbs-step_active {
  background-color: #525252;
}
.tn-theme-dark .tn-sett-btn_active {
  border: 1px solid rgb(255 255 255 / 10%);
  background-color: #3a3a3a;
}
.tn-theme-dark .tn-sett-btn__icon {
  color: #fff;
  font-weight: 500;
}
.tn-theme-dark .sui-toggle {
  border: 1px solid rgb(255 255 255 / 5%);
  background: #000;
}
.tn-theme-dark .sui-toggle[checked='checked'] {
  background-color: #6e6e6e;
}
.tn-theme-dark .tn-dialog {
  background-color: rgb(0 0 0 / 90%);
  color: #fff;
}
.tn-theme-dark .tn-close-icon {
  filter: invert(100%);
}
.tn-theme-dark .tn-dialog__btn-close {
  background-color: #3c3c3c;
}
.tn-theme-dark .tn-dialog__openrecords__btn-go {
  background-color: #3c3c3c;
}
.tn-theme-dark .tn-dialog__btn-icon {
  color: #fff;
}
.tn-theme-dark #for_redactor_toolbar.for_redactor_toolbar.for_redactor_toolbar_zero {
  background-color: #000;
}
.tn-theme-dark .tn-missedfonts-popup {
  background-color: rgb(0 0 0 / 50%);
}
.tn-theme-dark .tn-missedfonts-popup__wrp {
  background-color: #222;
  color: #fff;
}
.tn-theme-dark .sui-file-list {
  background: #202020;
}
.tn-theme-light .sui-file-list {
  background-color: rgb(250 250 250 / 100%);
}
.tn-theme-dark .sui-file-list .sui-file-list__text-content__link {
  color: #fff;
}
.tn-theme-dark .sui-file-list__wrapper .sui-btn {
  background-color: transparent;
  color: white;
}
.tn-theme-dark .sui-form-group .ui-widget-content .ui-state-active {
  border: 1px solid #000 !important;
}
.tn-theme-dark .tn-add-popup__item:hover {
  opacity: 0.9;
}
.tn-theme-dark .tn-gallery-popup__title {
  color: #fff;
}
.tn-theme-dark .sui-input-checkbox {
  color: #fff;
}
.tn-theme-dark .sui-sbs-trgels__table {
  background-color: #343434;
}
.tn-theme-dark .sui-sbs-trgels__td {
  border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.tn-theme-dark .sui-sbs-trgel__icon_rectangle {
  filter: invert(100%);
}
.tn-theme-dark .sui-sbs-trgel__icon {
  filter: invert(100%);
}
body.tn-theme-light {
  background-color: #eee !important;
}
.tn-theme-light .sui-panel__section {
  background-color: rgb(255 255 255 / 100%);
}
.tn-theme-light .tn-mainmenu,
.tn-theme-light .tn-right-box,
.tn-theme-light .tn-left-box {
  backdrop-filter: blur(5px);
  background-color: rgb(247 247 247 / 90%);
}
.tn-theme-light .sui-layers__item_active,
.tn-theme-light .sui-blocks__item_active,
.tn-theme-light .sui-layers__group__title_active {
  background-color: #ebebeb;
}
.tn-theme-light
  .sui-layers__group__title_active
  + .sui-layers__group__container
  .sui-layers__item_active {
  background-color: #e5e5e5;
}
.tn-theme-light .sui-layers__item,
.tn-theme-light .sui-blocks__item {
  border-bottom: 1px solid #efefef;
}
.tn-theme-light .tn-canvas__helper {
  opacity: 0.3;
}
.tn-theme-dark .minigradients__select .minigradients__select__current {
  background: #3a3a3a;
}
.tn-theme-dark .minigradients__select__option {
  background: #3a3a3a;
  color: #fff;
}
.tn-theme-dark
  .minigradients__select
  .minigradients__select__options
  .minigradients__select__option:hover {
  border-radius: 0 !important;
  background: #5b5b5b;
}
.tn-theme-dark .minigradients-container[data-type='gradient'] {
  border-top-color: #262626;
  background: #3a3a3a;
}
.tn-theme-dark .minigradients__select.active .minigradients__select__options {
  box-shadow: none;
}
.tn-theme-dark .minigradients-panel,
.tn-theme-dark .minigradients-container .minigradients__degree-panel {
  border-top-color: #262626;
  background: #3a3a3a;
}
.tn-theme-dark .minigradients__degree-panel__angle,
.tn-theme-dark .minigradients__colors-controls__hex.minicolors-input {
  background: #5b5b5b;
  color: #fff;
}
.tn-theme-dark .minicolors__swatch-placeholder svg path {
  stroke: #fff;
  fill: #fff;
}
.tn-theme-dark .tn-screens-settings {
  filter: invert();
  box-shadow: 0 0 26px 1px rgb(0 0 0 / 10%);
  background-color: #303030;
}
.tn-theme-dark .tn-screens-settings__remove {
  filter: invert(100%);
}
.tn-theme-dark .tn-screens-settings__title {
  color: #ddd;
}
.tn-theme-dark .tn-screens-settings__icon {
  filter: invert(100%);
}
.tn-theme-dark .tn-screens-settings__input {
  background-color: unset;
}
.tn-theme-dark .tn-screens-settings__reset,
.tn-theme-dark .tn-screens-settings__btn_add {
  border: 1px solid #3a3a3a;
  background-color: #3a3a3a;
  color: #fff;
}
.tn-theme-dark .tn-screens-settings__btn_save {
  background-color: #4787f0; //#f06847;
}
.tn-theme-dark .tn-screens-settings__input-add {
  background-color: unset;
}
.tn-theme-dark .sui-layer-text-inp,
.tn-theme-dark .sui-block-text-inp {
  color: #fff;
}
.tn-theme-dark .sui-label-ask {
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.22346 9.99429C7.21624 9.95835 7.21263 9.91882 7.21263 9.87569V9.7571C7.21263 9.45522 7.25774 9.18929 7.34797 8.95929C7.4382 8.72928 7.55007 8.51905 7.68361 8.32858C7.81714 8.13811 7.9615 7.96022 8.11669 7.79491C8.27188 7.6296 8.41624 7.46249 8.54977 7.29358C8.68331 7.12468 8.79519 6.94499 8.88541 6.75452C8.97564 6.56405 9.02075 6.34663 9.02075 6.10226C9.02075 5.77163 8.92511 5.5021 8.73383 5.29366C8.54256 5.08522 8.22316 4.98101 7.77564 4.98101C7.51579 4.98101 7.25233 5.02593 6.98526 5.11577C6.71819 5.20562 6.48722 5.31163 6.29233 5.43382L6 4.76538C6.27429 4.60007 6.56301 4.4689 6.86617 4.37187C7.16933 4.27483 7.54466 4.22632 7.99218 4.22632C8.30978 4.22632 8.58947 4.27124 8.83128 4.36108C9.07308 4.45093 9.27519 4.57491 9.43759 4.73304C9.6 4.89116 9.7209 5.07804 9.8003 5.29366C9.8797 5.50929 9.9194 5.73929 9.9194 5.98366C9.9194 6.3071 9.87068 6.58921 9.77323 6.82999C9.67579 7.07077 9.55308 7.28999 9.40511 7.48765C9.25714 7.6853 9.09835 7.87038 8.92872 8.04288C8.7591 8.21538 8.6003 8.39686 8.45233 8.58733C8.30436 8.7778 8.18165 8.98444 8.08421 9.20725C7.98677 9.43007 7.93805 9.69241 7.93805 9.99429H7.22346ZM7.00692 11.4066C7.00692 11.2126 7.06286 11.0598 7.17474 10.9484C7.28662 10.837 7.43639 10.7813 7.62406 10.7813C7.81895 10.7813 7.97413 10.837 8.08962 10.9484C8.20511 11.0598 8.26286 11.2126 8.26286 11.4066C8.26286 11.5935 8.20511 11.7444 8.08962 11.8594C7.97413 11.9744 7.81895 12.0319 7.62406 12.0319C7.43639 12.0319 7.28662 11.9744 7.17474 11.8594C7.06286 11.7444 7.00692 11.5935 7.00692 11.4066Z' fill='white'/><path d='M8.02 14.9806C11.897 14.9806 15.04 11.8509 15.04 7.99029C15.04 4.12966 11.897 1 8.02 1C4.14296 1 1 4.12966 1 7.99029C1 11.8509 4.14296 14.9806 8.02 14.9806Z' stroke='white'/></svg>");
}
.tn-theme-dark .pe-imagesearch-btn__icon {
  margin: 10px;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' width='64px' height='64px' viewBox='0 0 64 64' enable-background='new 0 0 64 64' xml:space='preserve'%3E%3Cscript xmlns=''/%3E%3Cg%3E%3Ccircle fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' cx='21' cy='21' r='20'/%3E%3Cline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' x1='35' y1='35' x2='41' y2='41'/%3E%3Crect x='46.257' y='37.065' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 121.9178 50.5)' fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' width='8.485' height='26.87'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.tn-theme-dark .sui-panel__section_closed .sui-label_title::after {
  border-color: #fff;
}
.tn-theme-dark .tn-rulers-top,
.tn-theme-dark .tn-rulers-left,
.tn-theme-dark .tn-rulers-plug {
  border: unset;
  background-color: rgb(34 34 34 / 90%);
}
.tn-theme-dark .tn-rulers-plug {
  box-shadow: -1px -1px 0 0 rgb(0 0 0 / 30%) inset;
}
.tn-theme-dark .tn-rulers-division {
  filter: invert(100%);
}
.tn-theme-dark .tn-rulers-division-number {
  opacity: 0.5;
}
.tn-theme-dark .tn-rulers-division-line {
  opacity: 0.5;
}
.tn-theme-light .tn-rulers-top,
.tn-theme-light .tn-rulers-left,
.tn-theme-light .tn-rulers-plug {
  background-color: rgb(247 247 247 / 90%);
}
.tn-theme-rulers.tn-theme-dark .tn-right-box {
  border-left: 1px solid rgb(0 0 0 / 30%);
  background-color: rgb(34 34 34 / 90%);
}
.tn-theme-rulers.tn-theme-dark .tn-left-box {
  border-right: 1px solid rgb(0 0 0 / 30%);
  background-color: rgb(34 34 34 / 90%);
}
.tn-theme-rulers.tn-theme-dark .tn-mainmenu {
  box-shadow: none;
  border-bottom: 1px solid rgb(0 0 0 / 30%);
  background-color: rgb(34 34 34 / 90%);
}
.tn-theme-rulers.tn-theme-light .tn-right-box {
  background-color: rgb(247 247 247 / 90%);
}
.tn-theme-rulers.tn-theme-light .tn-left-box {
  background-color: rgb(247 247 247 / 90%);
}
.tn-theme-rulers.tn-theme-light .tn-mainmenu {
  background-color: rgb(247 247 247 / 90%);
}
.tn-theme-dark .tn-rulers__highlight--top {
  background-color: rgb(136 136 255 / 30%);
}
.tn-theme-dark .tn-rulers__highlight--left {
  background-color: rgb(136 136 255 / 30%);
}
.tn-theme-dark .tn-rulers__coords {
  color: rgb(113 113 250);
}
.tn-theme-dark .minigradients-input-swatch.minicolors-sprite {
  border: 1px solid #383838;
}
.tn-theme-dark .bg-position-btn-edit svg {
  color: rgb(255 255 255);
}
.tn-theme-dark .bg-position-btn-edit:hover svg {
  color: rgb(255 255 255 / 70%);
}
.tn-theme-dark .tn-figma-warning {
  color: rgb(255 255 255 / 70%);
}
.tn-theme-light .tn-easings-box {
  background-color: #fff;
}
.tn-theme-dark .tn-easings-box {
  background-color: #2d2d2d;
  color: #fff;
}
.tn-theme-dark .tn-easings-canvas-wrapper canvas {
  border-top: 1px solid #202020;
  border-bottom: 1px solid #202020;
}
.tn-theme-dark .tn-easings-preview-wrapper,
.tn-theme-dark .tn-easings-button__zoom::before {
  filter: invert(1);
}
.tn-theme-dark .tn-easings-button__zoom {
  background-color: #3a3a3a;
}
.tn-theme-minimal .tn-mainmenu {
  height: 46px;
}
.tn-theme-minimal .tn-mainmenu__content {
  padding: 7px 8px;
}
.tn-theme-minimal .tn-mainmenu__table {
  height: 46px;
}
.tn-theme-minimal .tn-add-btn {
  width: 32px;
  height: 32px;
}
.tn-theme-minimal .tn-add-btn__icon {
  width: 32px;
  height: 32px;
  background-position: -3px -3px;
  background-size: 122%;
}
.tn-theme-minimal .tn-save-btn {
  width: 70px;
  height: 32px;
  border-radius: 50px;
}
.tn-theme-minimal .tn-publish-btn {
  width: 80px;
  height: 32px;
  border-radius: 50px;
}
.tn-theme-minimal .tn-save-btn__icon,
.tn-theme-minimal .tn-import-btn__icon,
.tn-theme-minimal .tn-publish-btn__icon {
  line-height: 32px;
}
.tn-theme-minimal .tn-close-btn {
  width: 70px;
}
.tn-theme-minimal .tn-close-btn,
.tn-theme-minimal .tn-help-btn,
.tn-theme-minimal .tn-more-btn {
  height: 32px;
  border-radius: 50px;
}
.tn-theme-minimal .tn-close-btn__icon {
  line-height: 32px;
}
.tn-theme-minimal .tn-more-btn {
  margin-right: 6px;
}
.tn-theme-minimal .tn-res-wrapper {
  top: 6px;
  transform: scale(0.82) translateX(-64%);
}
.tn-theme-minimal .tn-res-1200 img {
  transform: scale(0.95);
  transform: translate(-3px, 0);
}
.tn-theme-minimal .tn-screens-settings {
  top: 54px;
}
.tn-theme-minimal .tn-right-box {
  top: 52px;
  right: 6px;
  width: 290px;
  height: calc(100vh - 60px);
}
.tn-theme-minimal.tn-theme-rulers .tn-right-box {
  top: 46px;
  right: 0;
  width: 290px;
  height: calc(100vh - 46px);
}
.tn-theme-minimal .tn-right-box__header {
  padding-right: 14px;
  height: 34px;
  line-height: 34px;
}
.tn-theme-minimal .tn-right-box__icon {
  margin-top: 10px;
}
.tn-theme-minimal .tn-left-box {
  top: 52px;
  left: 6px;
  height: calc(100vh - 60px);
}
.tn-theme-minimal.tn-theme-rulers .tn-left-box {
  top: 46px;
  left: 0;
  height: calc(100vh - 46px);
}
.tn-theme-minimal .tn-left-box__header {
  height: 34px;
  line-height: 34px;
}
.tn-theme-minimal .tn-left-box__icon {
  margin-top: 10px;
}
.tn-theme-minimal .sui-panel__section {
  margin: 0 4px 4px;
  padding: 10px 12px;
}
.tn-theme-minimal .sui-panel__padd_b-10 {
  padding-bottom: 6px;
}
.tn-theme-minimal .sui-label {
  margin-top: 0;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 11px;
  opacity: 0.5;
}
.tn-theme-minimal .sui-form-group .ui-button {
  padding-top: 0;
  width: 81px;
  height: 24px;
  font-size: 15px;
}
.tn-theme-minimal .sui-input {
  height: 28px;
  font-weight: 400;
  font-size: 15px;
  font-family: tfutura, arial, sans-serif;
}
.tn-theme-minimal .sui-label-ask {
  opacity: 0.4;
  transform: scale(0.9);
}
.tn-theme-minimal .sui-input-div_placeholder-color input {
  height: 44px;
}
.tn-theme-minimal .sui-form-group .minicolors-theme-default .minicolors-input,
.tn-theme-minimal .sui-input-div_placeholder-color .sui-input {
  padding-left: 40px;
}
.tn-theme-minimal .sui-select::after {
  transform: scale(0.75);
}
.tn-theme-minimal .minicolors-swatch,
.tn-theme-minimal .sui-input-div_placeholder-color::before {
  transform: scale(0.92);
  cursor: pointer;
}
.tn-theme-minimal .tn-canvas-min {
  box-shadow: 0 0 15px 1px rgb(0 0 0 / 5%);
}
.tn-theme-minimal .tn-right-box__caption {
  font-size: 10px;
}
.tn-theme-minimal .sui-label_title {
  margin-top: 8px;
  margin-bottom: 15px;
}
.tn-theme-minimal .sui-panel__section_closed .sui-label_title {
  margin-bottom: 4px;
}
.tn-theme-minimal .sui-input-upload-div {
  margin-top: -6px;
}
.tn-theme-minimal .tn-right-box__icon,
.tn-theme-minimal .tn-left-box__icon {
  opacity: 0;
}
.tn-theme-minimal .tn-right-box:hover .tn-right-box__icon,
.tn-theme-minimal .tn-left-box:hover .tn-left-box__icon {
  opacity: 0.95;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 1s;
}
.tn-theme-minimal .sui-toggle {
  height: 18px;
}
.tn-theme-minimal .sui-form-group-pos-twocoldiv {
  width: 82px;
}
.tn-theme-minimal .sui-btn_sm {
  margin-right: 3px;
  padding: 4px 11px;
  font-size: 13px;
}
.tn-theme-minimal .sui-btn-ico.sui-btn-ico_elems {
  padding-right: 6px;
  padding-left: 6px;
}
.tn-theme-minimal .sui-btn-group {
  width: 137px;
}
.tn-theme-minimal .tn-add-popup {
  width: 130px;
}
.tn-theme-minimal .tn-add-popup__item {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
}
.tn-theme-minimal .sui-form-group-td-minwidth-60 {
  min-width: 44px;
}
.tn-theme-minimal .sui-imagesearch-btn {
  left: 226px;
}
.tn-theme-minimal .sui-panel__section-pos .sui-label {
  width: 15px;
}
.tn-theme-minimal .tn-sett-btn {
  height: 38px;
}
.tn-theme-minimal .tn-sett-btn__icon {
  line-height: 36px;
}
.tn-theme-minimal .sui-form-group-align__table {
  padding-bottom: 0;
}
.tn-theme-minimal .sui-table-align-eachother {
  margin-top: 5px;
  margin-left: -5px;
}
.tn-theme-minimal .tn-zoom-wrapper {
  top: 4px;
  transform: scale(0.9);
}
.tn-theme-minimal .tn-rulers-box {
  top: 46px;
  height: calc(100vh - 46px);
}
.tn-theme-rulers .tn-left-box {
  top: 60px;
  left: 0;
  height: calc(100% - 60px);
  border-right: 1px solid rgb(0 0 0 / 8%);
  border-radius: 0;
  background-color: rgb(235 235 235 / 95%);
}
.tn-theme-rulers .tn-right-box {
  top: 60px;
  right: 0;
  height: calc(100vh - 60px);
  border-left: 1px solid rgb(0 0 0 / 8%);
  border-radius: 0;
  background-color: rgb(235 235 235 / 95%);
}
.tn-theme-rulers .tn-mainmenu {
  box-shadow: none;
  border-bottom: 1px solid rgb(0 0 0 / 8%);
  background-color: rgb(235 235 235 / 95%);
}