.any{
 text-decoration:none;
}

:root{
  --color-slate-400:rgba(207 213 232);
  --color-slate-625:rgba(88 94 118);
  --color-slate-775:rgba(71 76 98);
  --color-orange-275:rgba(255 76 0);
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-size-80:0.8rem;
  --font-size-120:1.2rem;
  --font-size-130:1.3rem;
  --font-size-140:1.4rem;
  --font-size-150:1.5rem;
  --font-size-160:1.6rem;
  --font-size-170:1.7rem;
  --font-size-180:1.8rem;
  --font-size-230:2.3rem;
  --font-size-720:7.2rem;
  --font-size-62-5p:62.5%;
  --font-family-primary:Montserrat, sans-serif;
  --line-height-160p:160%;
  --letter-spacing-0:0;
  --transition-duration-160:160ms;
}

.icons{
 width:100%;
 height:auto;
}

.icons--arrow-down{
  aspect-ratio:9.27/5.45;
  max-width:0.9269999999999999rem;
 }

.icons--arrow-link{
  aspect-ratio:4.87/4.87;
  max-width:0.487rem;
 }

.icons--arrow-next{
  aspect-ratio:5.45/9.27;
  max-width:0.545rem;
 }

.icons--arrow-prev{
  aspect-ratio:5.45/9.27;
  max-width:0.545rem;
 }

.icons--arrow-up{
  aspect-ratio:9.27/5.45;
  max-width:0.9269999999999999rem;
 }

.icons--avatar-2{
  aspect-ratio:51.33/51.33;
  max-width:5.133rem;
 }

.icons--avatar{
  aspect-ratio:43/43;
  max-width:4.3rem;
 }

.icons--check{
  aspect-ratio:11.37/8.93;
  max-width:1.137rem;
 }

.icons--close{
  aspect-ratio:7.64/7.64;
  max-width:0.764rem;
 }

.icons--copy{
  aspect-ratio:16.33/18.97;
  max-width:1.6329999999999998rem;
 }

.icons--double-arrow-down{
  aspect-ratio:12.94/11.1;
  max-width:1.294rem;
 }

.icons--double-arrow-next{
  aspect-ratio:11.1/12.94;
  max-width:1.1099999999999999rem;
 }

.icons--double-arrow-prev{
  aspect-ratio:11.1/12.94;
  max-width:1.1099999999999999rem;
 }

.icons--double-arrow-up{
  aspect-ratio:12.94/11.1;
  max-width:1.294rem;
 }

.icons--drag-drop{
  aspect-ratio:21.38/20;
  max-width:2.138rem;
 }

.icons--drag-lg{
  aspect-ratio:9/14;
  max-width:0.9rem;
 }

.icons--drag-sm{
  aspect-ratio:7/11;
  max-width:0.7rem;
 }

.icons--enter{
  aspect-ratio:15.43/11.73;
  max-width:1.543rem;
 }

.icons--open-eye{
  aspect-ratio:9.69/6.92;
  max-width:0.969rem;
 }

.icons--pause{
  aspect-ratio:10.64/14.45;
  max-width:1.064rem;
 }

.icons--play{
  aspect-ratio:16.24/17.43;
  max-width:1.6239999999999999rem;
 }

.icons--question-mark{
  aspect-ratio:10.92/10.92;
  max-width:1.092rem;
 }

.icons--replay{
  aspect-ratio:800/714.95;
  max-width:80rem;
 }

.icons--rewinding-next{
  aspect-ratio:17.3/23;
  max-width:1.73rem;
 }

.icons--rewinding-prev{
  aspect-ratio:17.3/23;
  max-width:1.73rem;
 }

.icons--trash-can{
  aspect-ratio:8.36/7.96;
  max-width:0.836rem;
 }

.icons--vertical-colon{
  aspect-ratio:1.95/8.22;
  max-width:0.195rem;
 }

select,
option,
a,
button,
input{
 text-decoration:none;
}

*,
*::before,
*::after{
 box-sizing:inherit;
}

a,
button{
 cursor:pointer;
 outline:none;
}

figure,
picture{
 line-height:0;
 display:inline-block;
 margin:0;
}

figure img, picture img{
  width:100%;
 }

img{
 vertical-align:top;
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
 border:none;
}

fieldset{
 margin:0;
 padding:0;
 border:0;
}

ul,
li{
 list-style:none;
}

video{
 outline:none;
}

summary{
 display:block;
}

audio,
canvas,
progress,
video{
 vertical-align:baseline;
 display:inline-block;
}

audio:not([controls]){
  display:none;
  height:0;
 }

[hidden],
template{
 display:none;
}

html{
 overflow-x:hidden;
 box-sizing:border-box;
 cursor:default;
 scroll-behavior:smooth;
 -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
         text-size-adjust:100%;
 -webkit-tap-highlight-color:rgb(0 0 0 / 0%);
 -webkit-focus-ring-color:rgb(255 255 255 / 0%);
}

a{
 color:currentcolor;
 text-decoration:none;
 background:transparent;
}

*:focus,
*:active,
*:hover{
 outline:none;
}

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

ol,
ul{
 list-style:none;
}

pre{
 white-space:pre-wrap;
 -moz-tab-size:4;
   -o-tab-size:4;
      tab-size:4;
}

svg:not(:root){
  overflow:hidden;
 }

button,
input{
 line-height:normal;
}

button,
select{
 text-transform:none;
}

button{
 overflow:visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
 -webkit-appearance:auto;
    -moz-appearance:auto;
         appearance:auto;
 cursor:pointer;
}

button[disabled],
html input[disabled]{
 cursor:default;
}

input[type="checkbox"],
input[type="radio"]{
 box-sizing:border-box;
}

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

input[type="search"]{
 -webkit-appearance:textfield;
    -moz-appearance:textfield;
         appearance:textfield;
 box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
          appearance:none;
 }

button::-moz-focus-inner, input::-moz-focus-inner{
  padding:0;
  border:none;
 }

textarea{
 vertical-align:top;
 overflow:auto;
}

button,
input,
select[multiple],
textarea{
 background-image:none;
}

input,
select,
textarea{
 box-shadow:none;
 border-radius:0;
}

input,
textarea{
 resize:none;
 -webkit-user-select:text;
    -moz-user-select:text;
         user-select:text;
}

[placeholder]:focus::-moz-placeholder{
  color:transparent;
 }

[placeholder]:focus::placeholder{
  color:transparent;
 }

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

.text-select{
 pointer-events:all;
}

.text-gradient{
 -webkit-background-clip:text;
 -webkit-text-fill-color:transparent;
}

body:not(.privacy){
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
	display:block;
}

*[hidden]{
    display:none;
}

body{
	line-height:1;
}

menu, ol, ul{
	list-style:none;
}

blockquote, q{
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

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

.g,
.g-x,
.g-y{
 transition:linear 160ms column-gap, linear 160ms row-gap;
 transition:linear var(--transition-duration-160) column-gap, linear var(--transition-duration-160) row-gap;
 will-change:column-gap, row-gap;
}

*,
*::before,
*::after{
 box-sizing:border-box;
}

:root{
 font-size:62.5%;
 font-size:var(--font-size-62-5p);
 letter-spacing:0;
 letter-spacing:var(--letter-spacing-0);
 cursor:default;
}

body,
html{
 background-color:#363e49;
}

html,
body{
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 color:rgba(88 94 118);
 color:var(--color-slate-625);
}

body{
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:500;
 font-weight:var(--font-weight-500);
 min-width:120rem;
}

.fix{
 display:flex;
 width:100%;
 max-width:147rem;
 margin-right:auto;
 margin-left:auto;
 padding-right:3rem;
 padding-left:3rem;
}

.sidebar{
 width:100%;
 max-width:38rem;
 background-color:#4b5563;
}

.sidebar__content2{
  padding-top:0.8rem;
  padding-bottom:0.8rem;
 }

.sidebar__content{
  padding-top:0.8rem;
  padding-bottom:0.8rem;
 }

.box__head{
  color:rgba(71 76 98);
  color:var(--color-slate-775);
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:6rem;
  padding:1rem 2rem 1.1rem;
 }

.box__head--main-content{
   border-bottom:solid rgba(78, 86, 96, 0.3) 1px;
  }

.box__head--sidebar{
   background-color:#3c444f;
  }

.box__head strong{
   font-weight:700;
   font-weight:var(--font-weight-700);
   display:inline-block;
   padding-left:0.5rem;
  }

.box__head--main-content{
   font-size:2.3rem;
   font-size:var(--font-size-230);
  }

.box__head-symbol{
   color:#818793;
  }

.box__head-group{
   display:flex;
  }

.box__head-title{
   font-size:1.7rem;
   font-size:var(--font-size-170);
   font-weight:600;
   font-weight:var(--font-weight-600);
   color:#c3c3ce;
   display:block;
   padding-left:0.7rem;
  }

.box__head-arrow{
   color:#797d88;
  }

.switcher-box__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0.8rem 2rem;
 }

.switcher-box__head-group{
   display:flex;
  }

.switcher-box__head-symbol{
   color:#818793;
  }

.switcher-box__head-title{
   font-size:1.4rem;
   font-weight:600;
   font-weight:var(--font-weight-600);
   color:#c3c3ce;
   padding-left:0.7rem;
  }

.switcher-box__head-arrow{
   color:#7d8490;
  }

.switcher-box__content{
  display:block;
  padding:0.8rem 2rem;
 }

.custom-radio{
 color:#c3c3ce;
 position:relative;
 top:0;
 left:0;
 display:flex;
 align-items:center;
 padding:0.8rem 1rem;
 cursor:pointer;
 transition:linear 160ms background;
 transition:linear var(--transition-duration-160) background;
 border-bottom:solid #57606d 0.65px;
 -moz-column-gap:1rem;
      column-gap:1rem;
 will-change:background;
}

.custom-radio:has([type="radio"]:checked){
  background-color:#454e5b;
 }

.custom-radio:hover{
  background-color:#454e5b;
 }

.custom-radio:hover .custom-radio__icon{
   border:0.65px solid rgba(255 76 0);
   border:0.65px solid var(--color-orange-275);
  }

.custom-radio__icon{
  position:relative;
  top:0;
  left:0;
  display:flex;
  overflow:hidden;
  flex-grow:0;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:1.6rem;
  height:1.6rem;
  transition:linear 160ms border;
  transition:linear var(--transition-duration-160) border;
  border:0.65px solid rgba(207 213 232);
  border:0.65px solid var(--color-slate-400);
  border-radius:50%;
  will-change:border;
 }

.custom-radio__icon::after{
   position:absolute;
   top:50%;
   left:50%;
   display:block;
   width:0.8rem;
   height:0.8rem;
   content:"";
   transition:linear 160ms background;
   transition:linear var(--transition-duration-160) background;
   transform:translate(-50%, -50%);
   border-radius:50%;
   background-color:#a8afc0;
   will-change:background;
  }

.custom-radio__icon:has([type="radio"]:checked)::after{
    background:rgba(255 76 0);
    background:var(--color-orange-275);
   }

.custom-radio__icon:has([type="radio"]:checked){
   border:0.65px solid rgba(255 76 0);
   border:0.65px solid var(--color-orange-275);
}

.custom-radio__native{
  width:0;
  height:0;
  margin:0;
  padding:0;
  opacity:0;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
 }

.custom-radio__title-num{
   font-weight:300;
   font-weight:var(--font-weight-300);
   display:inline-block;
   padding-right:5px;
  }

.custom-radio__title-txt{
   font-weight:600;
   font-weight:var(--font-weight-600);
  }

.sidebar-box-spacer{
 display:block;
 min-height:2rem;
}

.creative{
 border-radius:0.5rem;
}

.creative__970x250{
  display:block;
  width:100%;
  height:auto;
 }

.main-content{
 width:103rem;
 min-height:10rem;
 background-color:#fff;
}

.main-content__pad{
  padding:3rem;
 }

.logos{
 width:100%;
 max-width:38rem;
 height:auto;
}

.tl__group{
  display:flex;
  justify-content:space-between;
  padding-top:1rem;
 }

.tl__val{
  font-size:1.6rem;
  font-size:var(--font-size-160);
  font-weight:400;
  font-weight:var(--font-weight-400);
  color:#696e80;
  display:block;
  padding-bottom:2.5px;
 }

.tl__track{
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:3px;
  margin-top:1.1rem;
  background-color:#4b5563;
 }

.tl__fill{
  position:relative;
  top:0;
  left:0;
  width:0;
  height:3px;
  background-color:#e55801;
 }

.tl__slide{
  position:relative;
  z-index:110;
  top:0;
  left:0;
  display:block;
  width:2.1rem;
  height:2.1rem;
  cursor:pointer;
  transform:translateY(-50%);
  border-radius:50%;
  background:linear-gradient(90deg, #ff6100 0%, #cf4f00 100%);
 }

.in-out{
 display:inline-flex;
 overflow:hidden;
 width:100%;
 max-width:13.9rem;
 border:1px solid #e4e8f4;
 border-radius:5px;
}

.in-out__btn{
  color:#696e80;
  display:flex;
  flex-grow:0;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:4.9rem;
  height:4.2rem;
  background-color:#f4f4f7;
 }

.in-out__btn:first-child{
   border-right:1px solid #e4e8f4;
   border-top-left-radius:6px;
   border-bottom-left-radius:6px;
  }

.in-out__btn:last-child{
   border-left:1px solid #e4e8f4;
   border-top-right-radius:6px;
   border-bottom-right-radius:6px;
  }

.in-out__inp{
  font-size:1.6rem;
  font-size:var(--font-size-160);
  font-weight:400;
  font-weight:var(--font-weight-400);
  color:#696e80;
  text-align:center;
  flex-grow:0;
  flex-shrink:0;
  width:8.8rem;
  padding-right:2rem;
  padding-left:2rem;
 }

textarea,
input,
button{
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 margin:0;
 padding:0;
 border:none;
 background:none;
}

.tl-control{
 position:relative;
 top:0;
 left:0;
 display:flex;
 justify-content:space-between;
 align-items:center;
 width:100%;
 padding-top:1.71rem;
}

.tl-control__btn{
  color:#f75e00;
  display:flex;
  justify-content:center;
  align-items:center;
  width:5.3rem;
  height:5.3rem;
  border:solid #f75e00 1px;
  border-radius:50%;
 }

.tl-control__group{
  display:inline-flex;
  -moz-column-gap:1.3rem;
       column-gap:1.3rem;
 }

.tl-control__play-icon{
  margin-right:-0.6rem;
 }

.cols{
 display:flex;
 -moz-column-gap:2rem;
      column-gap:2rem;
}

.col{
 width:100%;
}

.comment-section{
 display:block;
 padding-top:2.5rem;
}

.comment-section .entry-box{
  margin-bottom:2rem;
 }

.avatar{
 position:relative;
 top:-4px;
 left:0;
 display:block;
 overflow:hidden;
 flex-grow:0;
 flex-shrink:0;
 width:6rem;
 height:6rem;
 padding:1.5px;
 border-radius:50%;
}

.avatar__icon{
  color:#d9ddea;
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
 }

.avatar__img{
  position:absolute;
  z-index:20;
  top:50%;
  left:50%;
  display:block;
  width:100%;
  margin:0;
  padding:0;
  transform:translate(-50%, -50%);
  aspect-ratio:1/1;
 }

.entry-box{
 display:flex;
 -moz-column-gap:1rem;
      column-gap:1rem;
 align-items:flex-start;
}

.textarea-wrap{
 display:flex;
 justify-content:space-between;
 width:100%;
 border:1px solid rgba(180, 183, 201, 0.6);
 border-radius:6px;
}

.textarea-wrap-person-name{
 height:auto;
 min-height:auto;
}

.comment-textarea-2{
 font-weight:600;
 display:block;
 width:100%;
 height:auto;
 min-height:auto;
}

.comment-textarea{
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:160%;
 line-height:var(--line-height-160p);
 color:#585e76;
 width:80%;
 height:4rem;
 padding-top:5px;
 background-color:transparent;
}

.footer-box{
 display:flex;
 justify-content:center;
 align-items:center;
 width:100%;
 min-height:28.4rem;
 background-color:#424d5b;
}

.link-list{
 display:flex;
 justify-content:center;
 -moz-column-gap:2rem;
      column-gap:2rem;
}

.link-list a{
  font-size:1.3rem;
  font-size:var(--font-size-130);
  font-weight:600;
  font-weight:var(--font-weight-600);
  color:#c3c3ce;
  text-align:center;
  text-decoration:underline;
  -webkit-text-decoration-skip-ink:none;
          text-decoration-skip-ink:none;
  transition:linear 160ms color;
  transition:linear var(--transition-duration-160) color;
  will-change:color;
 }

.link-list a:hover{
   color:#f56600;
  }

.copy-right{
 font-size:1.5rem;
 font-size:var(--font-size-150);
 font-weight:400;
 font-weight:var(--font-weight-400);
 line-height:180%;
 color:#c3c3ce;
 text-align:center;
 padding-top:20px;
}

.copy-right a{
  font-weight:600;
  font-weight:var(--font-weight-600);
  transition:linear 160ms color;
  transition:linear var(--transition-duration-160) color;
  will-change:color;
 }

.copy-right a:hover{
   color:#f56600;
  }

.logos-sm{
 width:100%;
 max-width:38.1rem;
 height:auto;
 padding-top:2rem;
}

.versions-box{
 display:block;
 padding:0.8rem 2rem;
}

.versions-list{
 display:block;
 width:100%;
 margin-bottom:2rem;
}

.versions-it{
 display:inline-flex;
 -moz-column-gap:10px;
      column-gap:10px;
 margin-bottom:1px;
 padding:1rem;
 border-radius:2px;
 background:linear-gradient(180deg, rgba(67, 76, 89, 0.7) 0%, rgba(60, 68, 79, 0.7) 100%), rgba(0, 0, 0, 0.2);
}

.versions-it img{
  display:block;
  width:90%;
  height:auto;
  border-radius:6px;
 }

.default-btn{
 font-size:1.5rem;
 font-size:var(--font-size-150);
 font-weight:500;
 font-weight:var(--font-weight-500);
 color:#c3c3ce;
 display:block;
 width:100%;
 margin-bottom:10px;
 padding:1.2rem 3rem 1.2rem 2rem;
 border-radius:2px;
 background:linear-gradient(180deg, rgba(67, 76, 89, 0.7) 0%, rgba(60, 68, 79, 0.7) 100%), rgba(0, 0, 0, 0.2);
}

.default-btn__label{
  color:#c3c3ce;
  position:relative;
  top:0;
  left:0;
  display:inline-block;
 }

.tooltip{
 color:#c3c3ce;
}

.tooltip--question-1{
  color:#c3c3ce;
  position:absolute;
  top:0.5rem;
  right:-2rem;
  display:block;
  fill:#c3c3ce;
 }

.link-1{
 font-family:var(--second-family);
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-size:14px;
 font-weight:500;
 font-weight:var(--font-weight-500);
 font-weight:500;
 line-height:150%;
 color:#c3c3ce;
 text-align:right;
 text-decoration:underline;
 -webkit-text-decoration-skip-ink:none;
         text-decoration-skip-ink:none;
}

.link-1:hover{
  color:#fff;
 }

.sidebar-space{
 text-align:center;
 padding-top:10px;
}

.mt-10{
 margin-top:1rem;
}

.version-it{
 display:flex;
 align-items:center;
 padding:0.6rem 1rem;
 border-bottom:0.65px solid #57606e;
}

.version-list{
 padding-bottom:1.6rem;
}

.num{
 font-size:0.8rem;
 font-size:var(--font-size-80);
 font-weight:500;
 font-weight:var(--font-weight-500);
 color:#c3c3ce;
 display:flex;
 flex-grow:0;
 flex-shrink:0;
 justify-content:center;
 align-items:center;
 width:2.3rem;
 height:2.3rem;
 border:1px solid rgba(207, 213, 232, 0.05);
 border-radius:50%;
 border-radius:13px;
 background:rgba(255, 255, 255, 0.05);
}

.fix-date{
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:150%;
 color:#9292aa;
 text-decoration:underline;
 display:block;
 -webkit-text-decoration-skip-ink:none;
         text-decoration-skip-ink:none;
 text-decoration-thickness:0.65px;
 text-underline-offset:4px;
 text-decoration-color:#9292aa;
 cursor:pointer;
}

.dark-color{
 color:#9292aa;
}

.comment-box{
 display:flex;
 -moz-column-gap:2rem;
      column-gap:2rem;
}

.comment-box__info{
  min-height:146px;
  padding:1.5rem 2rem 1rem 2.5rem;
  border:1px solid rgba(180, 183, 201, 0.6);
  border-radius:1rem;
  border-radius:6px;
 }

.avatar-2{
 display:block;
 overflow:hidden;
 justify-content:center;
 align-items:center;
 width:48px;
 height:48px;
 border:1px solid rgba(180, 183, 201, 0.6);
 border-radius:50%;
 border-radius:24px;
 aspect-ratio:1/1;
}

.comment-list{
 margin:0;
 padding-top:2rem;
}

.comment-it{
 padding-bottom:2rem;
}

.person-name{
 font-family:var(--font-family);
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-size:1.2rem;
 font-weight:700;
 font-weight:var(--font-weight-700);
 font-weight:700;
 line-height:160%;
}

.person-name,
 .person-name a{
  color:#3482b7;
 }

.person-note{
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:400;
 font-weight:var(--font-weight-400);
 line-height:160%;
 color:#585e76;
 display:block;
 padding-top:1.5rem;
}

.default-btn-icon{
 color:#c3c3ce;
 display:flex;
 justify-content:center;
 align-items:center;
 width:2.3rem;
 border:1px solid rgba(207, 213, 232, 0.05);
 border-radius:2px;
 aspect-ratio:1/1;
 background:rgba(255, 255, 255, 0.05);
}

.default-btn-icon svg,
 .default-btn-icon use{
  flex-grow:0;
  flex-shrink:0;
 }

.version-it{
 display:flex;
 justify-content:space-between;
 align-items:center;
}

.version-it__col--1{
   display:flex;
   align-items:center;
   -moz-column-gap:2.2rem;
        column-gap:2.2rem;
  }

.version-it__col--2{
   display:flex;
   -moz-column-gap:0.5rem;
        column-gap:0.5rem;
  }

.icons--trash-can{
  max-width:1.1rem;
 }

.icons--open-eye{
  max-width:1rem;
 }

.icons--pause{
  max-width:1.5rem;
 }

.icons--replay{
  max-width:2.9rem;
 }

.icons--play{
  margin-right:-0.4rem;
 }

.versions-list::-webkit-scrollbar{
  width:7px;
 }

.versions-list::-webkit-scrollbar-thumb{
  opacity:0.5;
  border-radius:10px;
  background:rgb(239, 242, 252, 0.3);
 }

.versions-list::-webkit-scrollbar-track{
  border-radius:10px;
  background:rgb(205 210 229 / 20%);
 }

.btn-v2{
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:160%;
 color:#585e76;
 text-align:center;
 display:inline-block;
 padding:1rem 3rem;
 transition:linear 160ms background, linear 160ms color;
 transition:linear var(--transition-duration-160) background, linear var(--transition-duration-160) color;
 border-radius:2px;
 background:rgba(180, 183, 201, 0.3);
 will-change:background;
}

.btn-v2:hover{
  color:#363e49;
  background:rgba(180, 183, 201, 0.8);
 }

.link-cell--right{
  display:flex;
  justify-content:flex-end;
 }

.link-2{
 font-family:var(--font-family);
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-size:16px;
 font-weight:700;
 font-weight:var(--font-weight-700);
 font-weight:700;
 line-height:160%;
 color:#3482b7;
 text-decoration:underline !important;
 transition:linear 160ms color;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}

.link-2:hover{
  color:#266b9a;
 }

.ReactCollapse--collapse{
 transition:height 500ms;
}

#creatives-container{
 width:100%;
 margin-top:0;
}

#creatives-title{
 margin-top:10px !important;
}

.ml-space-1{
 margin-right:0;
 margin-left:10px;
}

.version-position{
 color:#fff;
 margin:10px;
 opacity:0.8;
}

.alignment-1{
 text-align:center;
 display:block;
}

#table0{
 display:inline-block;
 margin-bottom:0;
 margin-left:1px;
}

#no_creative{
 position:relative;
 display:none;
}

#container-parent{
 position:relative;
}

#container{
 display:flex;
 justify-content:center;
}

#audio-icon{
 display:none !important;
}

.glyphicon-volume-up{
 font-size:7.2rem;
 font-size:var(--font-size-720);
 color:#7774;
}

#audio-icon-bg{
 position:absolute;
 display:none;
 width:300px;
 height:250px;
 margin-top:225px;
 margin-left:10px;
 border-width:1px;
 border-style:solid;
 border-color:#ccc6;
}

#pending{
 position:absolute;
 display:none;
 width:300px;
 height:250px;
 margin-top:225px;
 margin-left:10px;
}

.s300x250{
 position:absolute;
 top:0;
 left:0;
 width:300px;
 height:250px;
 background:#6669;
}

#pending_label{
 font-size:1.2rem;
 font-size:var(--font-size-120);
 color:#fff;
 position:absolute;
 bottom:5px;
 left:5px;
 padding:5px;
}

#pending_inner-m1{
 position:absolute;
 top:89px;
 left:114px;
 width:72px;
 height:72px;
 background:#fff00000;
}

#glyphicon-time{
 font-size:7.2rem;
 font-size:var(--font-size-720);
 color:#7774;
}

.s-m-1{
 position:absolute;
 width:300px;
 height:250px;
 margin-top:225px;
 margin-left:10px;
 border-style:solid;
 border-color:red;
}

.menuLabel{
 font-weight:700;
 font-weight:var(--font-weight-700);
}

.menuLabelLight{
 color:#999;
}

.submenuLabelLight{
}

.s-m-2{
 position:absolute;
 z-index:10;
 top:70px;
 left:4px;
 padding:10px;
 border-width:1px;
 border-style:solid;
 border-color:#6660;
 border-radius:0;
}

.s-m-3{
 width:12em;
 margin:0.2rem;
 margin-left:3rem;
}

.s-m-4{
 font-weight:700;
 font-weight:var(--font-weight-700);
 text-align:right;
 margin-bottom:4px;
}

.s-m-5{
 padding:0;
}

.s-m-6{
 margin-top:2rem;
}

.s-m-7{
 position:absolute;
 top:1rem;
 left:1rem;
 margin-top:0;
}

.s-m-8{
 z-index:11;
}

#container > div{
 margin-left:0 !important;
}

.dn{
 display:none;
}

.vh{
 visibility:hidden !important;
}

.tmp1{
 display:none;
}

.tmp2{
 display:none;
 border:solid aqua 10px;
}

.db{
 display:block !important;
}

.custom-radio__title{
 white-space:nowrap;
 text-overflow:ellipsis;
 word-break:keep-all;
 display:flex;
 display:block;
 overflow:hidden;
 width:100%;
}

.ac{
 overflow:hidden;
}

.ac-q{
 position:relative;
 margin:0;
 cursor:pointer;
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
}

.ac-a{
 max-height:0;
 transition:max-height 0.4s linear;
}

.ac.is-active .ac-a{
 min-height:0;
 max-height:280px;
}

.ac.is-active .ac-a::-webkit-scrollbar{
  width:6px;
 }

.ac.is-active .ac-a::-webkit-scrollbar-thumb{
  opacity:0.5;
  border-radius:10px;
  background:rgb(239, 242, 252, 0.3);
 }

.ac.is-active .ac-a::-webkit-scrollbar-track{
  border-radius:10px;
 }

.switcher-box.is-active .switcher-box__head-arrow{
  transform:rotate(180deg);
 }

.theme-switcher{
 font-size:1.4rem;
 font-weight:600;
 color:#3c444f;
 display:inline-block;
 justify-content:space-between;
 align-items:center;
 padding-right:0.5rem;
 border:solid rgba(180, 183, 201, 0.1) 1px;
 border-radius:2px;
 background:rgba(180, 183, 201, 0.2);
}

.custom-checkbox__native{
  position:relative;
  width:20px;
  height:20px;
  opacity:1;
  cursor:pointer;
  pointer-events:none;
  border:1px solid rgba(207, 213, 232, 0.1);
  border-radius:3px;
  background:rgba(255, 255, 255, 0.05);
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  accent-color:rgba(255, 255, 255, 0.05);
 }

.custom-checkbox__native:checked{
   background:#c3c3ce;
  }

.exp{
 display:block;
 min-height:120px;
 border:solid #f00 1px;
}

.list-line__item{
  font-size:20px;
  color:#fff;
  padding:5px 20px;
  border:solid #f00 1px;
 }

.custom-button{
 font-weight:700;
 color:#fff;
 display:block;
 width:100%;
 margin-top:10px;
 padding:10px;
 border:solid #f00 1px;
 background-color:orange;
}

.widget-box{
 display:block;
}

.widget-box__head{
  padding-bottom:0.8rem;
 }

.widget-box__title{
  font-size:1.3rem;
  font-size:var(--font-size-130);
  font-weight:600;
  font-weight:var(--font-weight-600);
  color:#c3c3ce;
  white-space:nowrap;
  text-overflow:ellipsis;
  word-break:keep-all;
  display:flex;
  overflow:hidden;
  justify-content:space-between;
  align-items:flex-start;
  width:100%;
 }

.widget-box__group{
  display:flex;
  align-items:center;
 }

.widget-box__drag-symb{
  color:#818793;
  display:inline-block;
  padding-top:0.25rem;
  padding-right:1rem;
 }

.widget-box__fold-arrow{
  color:#818793;
  text-decoration:none;
  display:inline-block;
  padding-top:0.3rem;
 }

.widget-box__content{
  text-decoration:none;
 }

.dynamic-logic-box.ac,
 .dynamic-logic-box__section.ac{
  overflow:visible;
 }

.dynamic-logic-box.is-active .dynamic-logic-box__arrow{
   transform:rotate(180deg);
  }

.dynamic-logic-box__arrow{
  transition:transform 0.2s linear;
 }

.dynamic-logic-box__content{
  padding:0;
  overflow:visible;
  max-height:none;
  background:transparent;
 }

.dynamic-logic-box__fields{
  display:flex;
  flex-direction:column;
  row-gap:0;
 }

.dynamic-logic-box__actions{
  padding:1.2rem 2rem 1.2rem 2rem;
 }

.dynamic-logic-box__dropdown{
  position:relative;
 }

.dynamic-logic-box__dropdown-trigger{
  position:relative;
  padding-right:3.4rem;
  text-align:left;
 }

.dynamic-logic-box__dropdown-trigger::after{
   content:"";
   position:absolute;
   top:50%;
   right:1.2rem;
   width:0.8rem;
   height:0.8rem;
   border-right:1px solid currentColor;
   border-bottom:1px solid currentColor;
   transform:translateY(-70%) rotate(45deg);
   pointer-events:none;
  }

.dynamic-logic-box__dropdown-trigger[aria-expanded="true"]::after{
   transform:translateY(-30%) rotate(-135deg);
  }

.dynamic-logic-box__dropdown-menu{
  position:absolute;
  top:calc(100% + 0.6rem);
  left:0;
  right:0;
  z-index:20;
  padding:0.8rem;
  border:0.65px solid #57606d;
  background:#fff;
  box-shadow:0 10px 24px rgb(15 23 42 / 12%);
 }

.dynamic-logic-box__dropdown-search{
  margin-bottom:0.8rem;
 }

.dynamic-logic-box__dropdown-options{
  display:flex;
  flex-direction:column;
  max-height:22rem;
  overflow-y:auto;
 }

.dynamic-logic-box__dropdown-option,
 .dynamic-logic-box__dropdown-empty{
  font-family:Montserrat, sans-serif;
  font-family:var(--font-family-primary);
  font-size:1.4rem;
  line-height:1.3;
  width:100%;
  padding:0.8rem 1rem;
 }

.dynamic-logic-box__dropdown-option{
  color:#3c444f;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
 }

.dynamic-logic-box__dropdown-option:hover,
  .dynamic-logic-box__dropdown-option:focus-visible,
  .dynamic-logic-box__dropdown-option.is-selected{
   background:rgb(87 96 109 / 10%);
  }

.dynamic-logic-box__dropdown-empty{
  color:rgba(60, 68, 79, 0.58);
 }

.dynamic-logic-box__native-select{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
 }

.dynamic-logic-box__section{
  overflow:visible;
  background:transparent;
  border-bottom:solid #57606d 0.65px;
 }

.dynamic-logic-box__section .switcher-box__head{
   padding-top:1.2rem;
   padding-bottom:1.2rem;
  }

.dynamic-logic-box__section .switcher-box__content{
   padding-top:0;
   padding-bottom:1.2rem;
   overflow:visible;
   max-height:none;
  }

.dynamic-logic-box__input,
 .dynamic-logic-box__select{
  font-family:Montserrat, sans-serif;
  font-family:var(--font-family-primary);
  font-size:1.4rem;
  font-weight:500;
  font-weight:var(--font-weight-500);
  line-height:1.3;
  color:#3c444f;
  display:block;
  width:100%;
  min-height:3.2rem;
  padding:0.7rem 1rem;
  border:0.65px solid #57606d;
  background:#fff;
 }

.dynamic-logic-box__input::-moz-placeholder, .dynamic-logic-box__select::-moz-placeholder{
   color:rgba(60, 68, 79, 0.58);
  }

.dynamic-logic-box__input::placeholder, .dynamic-logic-box__select::placeholder{
   color:rgba(60, 68, 79, 0.58);
  }

.dynamic-logic-box__select{
  cursor:pointer;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
 }

.dynamic-logic-box__apply-button{
  font-family:Montserrat, sans-serif;
  font-family:var(--font-family-primary);
  font-size:1.4rem;
  font-weight:600;
  font-weight:var(--font-weight-600);
  color:#3c444f;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-width:8rem;
  min-height:3.2rem;
  padding:0.7rem 1.4rem;
  border:0.65px solid rgba(255 76 0);
  border:0.65px solid var(--color-orange-275);
  border-radius:0.4rem;
  background:rgba(255 76 0);
  background:var(--color-orange-275);
  cursor:pointer;
  transition:transform 0.2s ease, filter 0.2s ease;
 }

.dynamic-logic-box__apply-button:hover,
  .dynamic-logic-box__apply-button:focus-visible{
   filter:brightness(0.98);
  }

.dynamic-logic-box__apply-button:active{
   transform:translateY(1px);
  }

#container{
 display:flex;
 justify-content:center;
}

.logos{
 display:block;
 width:100%;
 max-width:38rem;
 height:auto;
 background:url(../../assets/img/logo-insighit.png) no-repeat;
 aspect-ratio:38/8;
}

#themes-select-box{
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 font-size:1.6rem;
 text-align:left;
 display:block;
 justify-content:flex-start;
 width:100%;
 padding:1rem 1.1rem;
 cursor:pointer;
 border:0;
 background:none;
}

.speed-range{
 display:inline-block;
}

.speed-range__label{
  display:block;
  padding-bottom:1.5rem;
 }

.speed-range__range{
  width:100%;
  height:15px;
  opacity:0.7;
  transition:0.2s;
  transition:opacity 0.2s;
  outline:none;
  background:#d3d3d3;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
 }

.speed-range__range:hover{
   opacity:1;
  }

.speed-range__range::-webkit-slider-thumb{
   width:25px;
   height:15px;
   cursor:pointer;
   background:rgba(255 76 0);
   background:var(--color-orange-275);
   -webkit-appearance:none;
           appearance:none;
  }

.speed-range__range::-moz-range-thumb{
   width:25px;
   height:15px;
   cursor:pointer;
   background:rgba(255 76 0);
   background:var(--color-orange-275);
  }

.person-comment{
 display:flex;
 flex-direction:column;
 gap:20px 10px;
 width:100%;
}

#container_audio audio{
  width:96rem;
  height:5.6rem;
 }

.get-media-current-time{
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:160%;
 color:#585e76;
 text-align:center;
 display:inline-block;
 margin-top:20px;
 padding:1rem 3rem 0.5rem;
 transition:linear 160ms background, linear 160ms color;
 transition:linear var(--transition-duration-160) background, linear var(--transition-duration-160) color;
 border-radius:2px;
 background:rgba(180, 183, 201, 0.3);
 will-change:background;
}

.get-media-current-time:hover{
  color:#363e49;
  background:rgba(180, 183, 201, 0.8);
 }

.flex{
 display:flex;
}

.justify-center{
 justify-content:center;
}

.display-none{
 display:none;
}

.sub-section-group{
 padding-bottom:20px;
}

.fix--justify-between{
  display:flex;
  justify-content:flex-end;
 }

.links-themes{
 font-size:1.2rem;
 font-weight:600;
 color:#c3c3ce;
 display:flex;
 justify-content:flex-end;
 align-items:center;
}

.links-themes__label{
  text-decoration:none;
  padding-right:10px;
 }

.links-themes__list{
  display:flex;
  align-items:center;
  padding:0.4rem 0;
  -moz-column-gap:0.2rem;
       column-gap:0.2rem;
 }

.links-themes__item{
  position:relative;
  z-index:0;
  top:0;
  left:0;
  display:inline-block;
  padding:0.7rem 1.45rem;
  transition:linear 160ms color;
  transition:linear var(--transition-duration-160) color;
  will-change:color;
 }

.links-themes__item::after{
   position:absolute;
   z-index:-1;
   display:block;
   content:"";
   transition:linear 160ms background;
   transition:linear var(--transition-duration-160) background;
   border-radius:5rem;
   background-color:rgba(255, 255, 255, 0.09);
   inset:0;
   will-change:background;
  }

.links-themes__item.current-theme,
   .links-themes__item.current-theme:active,
   .links-themes__item.current-theme:focus,
   .links-themes__item.current-theme:hover{
    color:#000;
    cursor:default;
   }

.links-themes__item.current-theme::after{
    background-color:rgba(255, 255, 255, 0.5);
   }

.links-themes__item,
  .links-themes__item:active,
  .links-themes__item:focus,
  .links-themes__item:hover{
   color:#c3c3ce;
   text-decoration:none;
  }

.links-themes__item:hover{
   color:#000;
  }

.links-themes__item:hover::after{
    background-color:rgba(255, 255, 255, 0.5);
   }

.links-themes__spacer{
  font-weight:300;
 }

.cp{
 cursor:pointer;
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
}

.versions-drop-down-container{
 position:relative;
 z-index:100;
 top:0;
 left:0;
 display:block;
 width:22.3rem;
 border-radius:0.4rem;
 background-color:#4b5563;
}

.versions-drop-down-container .switcher-box__head{
  position:relative;
  z-index:100;
  top:0;
  left:0;
  padding:1.2rem 2rem;
 }

.versions-drop-down-container__box{
  position:absolute;
  z-index:1000;
  top:calc(100% + 1px);
  right:0;
  overflow:hidden auto;
  width:25rem;
  border-radius:0.4rem;
  background-color:rgb(75, 85, 99, 1);
 }

.versions-drop-down-container__box .versions-box{
   padding-right:0;
   padding-left:0;
  }

.dark-color,
.fix-date{
 color:#d0d0e4;
 transition:linear 160ms color;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}

.dark-color:hover{
 color:#fff;
}

.versions-drop-down__box{
 position:absolute;
 z-index:10;
 top:0;
 left:0;
 width:100%;
 padding:4.5rem 1.6rem 1.5rem 1.5rem;
 border-radius:5px;
 background-color:#4b5563;
}

.versions-drop-down__box::-webkit-scrollbar{
  width:10px;
  height:10px;
 }

.versions-drop-down__box::-webkit-scrollbar-button{
  width:10px;
  height:10px;
 }

.versions-drop-down__box::-webkit-scrollbar-thumb{
  background-color:rgb(108, 121, 139);
 }

.versions-drop-down__box::-webkit-scrollbar-thumb:vertical:hover{
   background-color:rgb(75, 85, 99, 1);
  }

.versions-drop-down__box::-webkit-scrollbar-corner{
  width:10px;
  height:10px;
 }

body::-webkit-scrollbar{
  width:10px;
  height:10px;
 }

body::-webkit-scrollbar-button{
  width:10px;
  height:10px;
 }

body::-webkit-scrollbar-thumb{
  background-color:rgb(75, 85, 99, 1);
 }

body::-webkit-scrollbar-thumb:vertical:hover{
   background-color:rgb(75, 85, 99, 1);
  }

body::-webkit-scrollbar-corner{
  width:10px;
  height:10px;
 }

.rotate180{
 transform:rotate(180deg);
}

*{
 outline:solid transparent 0 !important;
}

.version-it--current{
  background-color:#3f4753;
 }

.version-it:has(input[type="checkbox"]:checked){
 background-color:#3f4753;
}

#dialog-content{
 position:absolute;
 z-index:1000;
 width:100%;
 max-width:107rem;
 min-height:70vh;
 margin:4rem;
 margin-right:auto;
 margin-left:auto;
 padding:3.1rem;
 border-radius:0.7rem;
 background-color:#eceffa;
 inset:0;
}

.dialog-content__inner{
  width:100%;
  height:100%;
  padding:2rem;
  border-radius:0.7rem;
  background:linear-gradient(
   180deg,
   rgba(255, 255, 255, 0.7) 0%,
   rgba(239, 242, 252, 0.7) 100%
  );
 }

.dialog-content__scroll{
  overflow:auto;
  width:100%;
  height:100%;
 }

.dialog-content__title{
  font-family:var(--font-family);
  font-size:2.5rem;
  font-weight:400;
  color:#696e80;
  text-transform:capitalize;
  padding:0;
 }

#dialog-content .versions-box{
  display:flex;
  -moz-column-gap:20px;
       column-gap:20px;
  padding:0;
 }

#dialog-content .versions-it{
  background:#eceffa;
 }

#dialog-content .versions-list{
  height:100%;
 }

.creatives-list-versions-group{
 display:flex;
 -moz-column-gap:2rem;
      column-gap:2rem;
 justify-content:flex-end;
}

.select-box-creatives-list,
 .select-box-creatives-list option{
  font-size:1.6rem;
  font-weight:500;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  width:20rem;
  padding:0.5rem 1rem;
 }

.switcher-box__head-title{
 white-space:nowrap;
 flex-grow:0;
 flex-shrink:0;
}

.box__head-txt{
 white-space:nowrap;
 flex-grow:0;
 flex-shrink:0;
}

.box__head-txt{
 font-size:1.6rem;
 font-weight:700;
}

#switcher-tools{
 padding-top:2rem;
}

.select-box-creatives-list{
 position:relative;
 z-index:100;
 top:0;
 left:0;
 display:block;
 width:23.3rem;
 padding-right:1rem;
 border:1px solid rgb(180 183 201 / 20%);
 border-radius:0.4rem;
 background-color:#fff;
}

.select2{
 width:36rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
 font-size:1.2rem;
 font-weight:600;
}

.select2-container--default .select2-selection--single{
 height:3.6rem !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
 padding-top:0.3rem;
}

.select2-results__option{
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 width:100%;
}

.linking{
 font-size:1.4rem;
 font-weight:700;
 color:orange;
 text-decoration:underline;
 transition:linear 160ms color;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}

.linking:focus,
 .linking:active,
 .linking:hover{
  color:red;
 }

.group-flex{
 display:flex;
 align-items:center;
 -moz-column-gap:2rem;
      column-gap:2rem;
}

.linking{
 font-size:1.4rem;
 font-weight:700;
 color:orange;
 text-decoration:underline;
 transition:linear 160ms color;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}

.linking:hover{
  color:red;
 }

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

.widget-box__content{
 -moz-column-count:2;
      column-count:2;
}

main .versions-box{
  display:flex;
  -moz-column-gap:1rem;
       column-gap:1rem;
  padding:0.8rem 0;
 }

main .versions-it{
  padding:1.5rem;
  border:1px solid rgba(180, 183, 201, 0.6);
  border-radius:1rem;
  border-radius:6px;
  background:none;
 }

main .versions-it .custom-checkbox{
   display:none;
  }

main .versions-it img{
   width:100%;
  }

.list-output{
 font-size:1.6rem;
 width:400px;
 padding:0.7rem 1rem;
 border:1px solid rgba(180, 183, 201, 0.6);
}

.group-flex{
 display:flex;
 -moz-column-gap:2rem;
      column-gap:2rem;
}

.pages{
 display:flex;
 -moz-column-gap:0.5rem;
      column-gap:0.5rem;
 justify-content:flex-end;
}

.pages a{
  font-size:1.4rem;
  color:rgba(180, 183, 201, 1);
  text-decoration:none;
  display:inline-block;
  padding:0.6rem 0.9rem;
  border:1px solid rgba(180, 183, 201, 0.6);
  border-radius:5px;
  background:linear-gradient(180deg, #fff 0%, #eff2fc 100%);
 }

.pages a:hover{
   background:linear-gradient(90deg, #fff 0%, #eff2fc 100%);
  }

.dialog-content__title{
 font-weight:600;
}

.dblock{
 display:block;
}

.versions-box--direction{
 flex-direction:column;
}

.versions-drop-down__box{
 box-shadow:0 1px 24px -7px rgba(34, 60, 80, 0.32);
}

.version-list .version-it:last-child{
  border:solid transparent 0 !important;
 }

.sidebar{
 display:flex;
 flex-direction:column;
 align-items:stretch;
}

.version-it--flex{
  display:flex;
 }

.custom-radio__title a{
  text-decoration:underline;
  display:inline-block;
  padding:2px 4px;
  transition:linear 160ms color, linear 160ms text-decoration-color;
  transition:linear var(--transition-duration-160) color, linear var(--transition-duration-160) text-decoration-color;
  will-change:color;
  -webkit-text-decoration-skip-ink:none;
          text-decoration-skip-ink:none;
  text-decoration-thickness:0.65px;
  text-underline-offset:3px;
  text-decoration-color:#9292aa;
 }

.custom-radio__title a:focus,
  .custom-radio__title a:active,
  .custom-radio__title a:hover{
   color:orange;
   text-decoration-color:orange;
  }

.drop-down-version-content .custom-radio__title{
  font-size:14px;
 }

.box{
 margin-bottom:0;
}

.close-form{
 font-size:2rem;
 text-align:right;
 display:inline-block;
 padding:0 0.2rem 1rem 0;
 cursor:pointer;
}

.close-form-container{
 display:flex;
 justify-content:flex-end;
}

.comment-variation{
 font-weight:500;
 color:#a00;
 text-decoration:underline;
 display:inline-block;
 padding-left:10px;
 cursor:pointer;
 transition:linear 160ms color, linear 160ms text-decoration;
 transition:linear var(--transition-duration-160) color, linear var(--transition-duration-160) text-decoration;
 -webkit-text-decoration-skip-ink:none;
         text-decoration-skip-ink:none;
 text-decoration-thickness:0.65px;
 text-underline-offset:4px;
 text-decoration-color:#a00;
}

.comment-variation:hover{
  color:#f00;
  text-decoration-color:#f00;
 }

.comment-list ul{
  padding-top:1rem;
  padding-left:3rem;
 }

.person-name{
 display:flex;
 justify-content:space-between;
}

.versions-drop-down__box .custom-radio__icon{
  display:block;
  overflow:hidden;
  width:0;
  height:0;
  opacity:0;
 }

.comment-date{
 font-size:1.4rem;
 font-weight:500;
 display:inline-block;
 padding-right:2rem;
}

.comment-modify-tools{
 display:flex;
 -moz-column-gap:4px;
      column-gap:4px;
}

.group--flex{
  display:flex;
 }

.icons--mod{
  display:block;
  overflow:hidden;
  width:2rem;
  height:2rem;
  cursor:pointer;
 }

.icons--edit{
  color:olivedrab;
 }

.icons--remove{
  color:red;
 }

.person-note__textarea{
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 display:block;
 width:100%;
 height:150px;
 margin-bottom:10px;
 padding:20px;
 border:solid #bdc2d4 2px;
 background-color:#fff;
}

.person-note__btns{
 display:flex;
 justify-content:center;
 -moz-column-gap:0.5rem;
      column-gap:0.5rem;
}

.accept-comment-btn{
 font-size:1.4rem;
 font-weight:500;
 padding:1rem;
 border-radius:20px;
 background:#bdc2d4;
}

.cancel-comment-btn{
 font-size:1.4rem;
 font-weight:500;
 padding:1rem;
 border:solid #bdc2d4 2px;
 border-radius:20px;
}

.comment-btn{
 width:100%;
 max-width:100px;
}

.all-variations{
 display:block;
 margin-right:20px;
}

.all-variations .all-variations-link{
  color:#fff;
  display:flex;
  justify-content:center;
  width:3.6rem;
  height:3.6rem;
  border-radius:0.5rem;
  background-color:#4a5463;
 }

.creatives-list-versions-group{
 align-items:center;
}

.taxonomy-code{
 font-size:1.6rem;
 font-weight:700;
 text-align:center;
 display:block;
 padding:0 0 2rem;
}

#table0,
#table0 tbody,
.tcc--size,
#no_creative,
#container-parent,
#trm{
 width:100%;
 min-width:100%;
 max-width:100%;
}

#table0,
#table0 tbody,
.tcc--size,
#no_creative,
#trm{
 display:block !important;
}

.main-content__pad{
 min-height:1200px;
}

.workflow-body{
 display:grid;
 row-gap:4rem;
}

.workflow-section__head{
 display:flex;
 align-items:center;
 -moz-column-gap:1.2rem;
      column-gap:1.2rem;
}

.workflow-section[data-workflow-section-status="pending"] .workflow-section__head{
 opacity:0.62;
}

.workflow-section__step{
 display:inline-flex;
 align-items:center;
 min-height:2.4rem;
 padding:0.3rem 0.9rem;
 border:0.65px solid rgba(180, 183, 201, 0.35);
 border-radius:0.3rem;
 color:orange;
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.2;
 text-transform:uppercase;
}

.workflow-section__title{
 margin:0;
 color:#363e49;
 font-size:2.3rem;
 font-size:var(--font-size-230);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.25;
}

.add-to-workflow-page img,
.add-to-workflow-page iframe,
.add-to-workflow-page .js-workflow-preview-stage,
.add-to-workflow-page .workflow-review-variation__preview{
 pointer-events:none;
}

.workflow-campaigns{
 margin-top:2rem;
}

.workflow-campaigns__toolbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:nowrap;
 gap:3.2rem;
 min-width:0;
 width:100%;
 margin-bottom:1.2rem;
}

.workflow-campaigns__search{
 flex:1 1 auto;
 min-width:0;
 max-width:100%;
}

.workflow-campaigns__search-input{
 box-sizing:border-box;
 width:100% !important;
 max-width:100%;
}

.workflow-campaigns__filters{
 display:flex;
 align-items:center;
 justify-content:flex-end;
 flex:0 0 auto;
 flex-wrap:nowrap;
 gap:1rem;
 max-width:100%;
}

.workflow-campaigns__filter{
 display:flex;
 align-items:center;
}

.workflow-campaigns__filter-label{
 color:#585e76;
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.2;
}

.workflow-campaigns__tabs{
 display:inline-flex;
 align-items:center;
 height:4rem;
 gap:0.4rem;
 width:-moz-fit-content;
 width:fit-content;
 padding:0.4rem;
 border:0;
 border-radius:0.8rem;
 background:#f5f5f5;
 box-shadow:inset 0 0 0 1px rgba(180, 183, 201, 0.28);
}

.workflow-campaigns__tabs .workflow-campaigns__tab{
 position:relative;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 box-sizing:border-box;
 flex:0 0 auto;
 min-width:-moz-max-content;
 min-width:max-content;
 height:3.2rem;
 padding:0 1.8rem;
 border:0;
 border-radius:0.6rem;
 -webkit-appearance:none;
    -moz-appearance:none;
         appearance:none;
 background:transparent;
 color:#585e76;
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1;
 cursor:pointer;
 white-space:nowrap;
 transition:background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.workflow-campaigns__tabs .workflow-campaigns__tab:hover{
 color:#363e49;
 background:rgba(255, 255, 255, 0.62);
}

.workflow-campaigns__tabs .workflow-campaigns__tab:focus{
 outline:none;
 box-shadow:0 0 0 0.2rem rgba(180, 183, 201, 0.45);
}

.workflow-campaigns__tabs .workflow-campaigns__tab.is-active{
 background:#fff;
 color:#363e49;
 box-shadow:inset 0 0 0 1px rgba(180, 183, 201, 0.22);
}

.workflow-campaigns__status{
 color:#585e76;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.4;
}

.workflow-campaigns__status[data-workflow-campaigns-status="error"]{
 color:#a00;
}

.workflow-lines-placeholder{
 display:flex;
 align-items:center;
 gap:1rem;
 min-height:6.4rem;
 padding:1.8rem 2rem;
 border:0.65px solid rgba(180, 183, 201, 0.55);
 border-radius:0.4rem;
 background:#f1f1f3;
 color:#585e76;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.35;
}

.workflow-lines-placeholder[hidden]{
 display:none;
}

.workflow-lines-placeholder svg{
 flex:0 0 auto;
 color:#74798d;
}

.workflow-lines-placeholder__content{
 display:flex;
 flex-direction:column;
 gap:0.3rem;
}

.workflow-lines-placeholder__title{
 color:#474c62;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.25;
}

.workflow-lines-placeholder__text{
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.35;
}

.workflow-section[data-workflow-section="review"][data-workflow-section-status="active"] .workflow-review-placeholder{
 display:none;
}

.workflow-review-summary{
 display:grid;
 grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(28rem, 2fr);
 gap:3rem;
 margin-top:2rem;
 padding:0 2.4rem 2.2rem;
 border:0.65px solid rgba(180, 183, 201, 0.5);
 border-radius:0.5rem;
 background:#fff;
 color:#363e49;
}

.workflow-review-summary[hidden]{
 display:none;
}

.workflow-review-summary__intro{
 grid-column:1 / -1;
 margin:0 -2.4rem;
 padding:1.5rem 2.4rem;
 border:0;
 border-radius:0.5rem 0.5rem 0 0;
 background:linear-gradient(180deg, rgba(255, 153, 0, 0.26) 0%, rgba(255, 153, 0, 0.08) 62%, #fff 100%);
 color:#585e76;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.45;
}

.workflow-review-summary__item{
 display:flex;
 flex-direction:column;
 gap:1.3rem;
 min-width:0;
}

.workflow-review-summary__label{
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.25;
}

.workflow-review-summary__content{
 display:flex;
 flex-direction:column;
 gap:0.6rem;
 min-width:0;
}

.workflow-review-summary__name{
 overflow-wrap:anywhere;
 color:#363e49;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.25;
}

.workflow-review-summary__id{
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.3;
}

.workflow-review-variation{
 display:flex;
 align-items:flex-start;
 gap:1.5rem;
 min-width:0;
}

.workflow-review-variation__preview{
 flex:0 0 8.2rem;
 width:8.2rem;
 overflow:hidden;
 border:0.65px solid rgba(180, 183, 201, 0.42);
 background:#fff;
}

.workflow-review-variation__content{
 display:flex;
 flex-direction:column;
 gap:0.6rem;
 min-width:0;
}

.workflow-review-variation__title{
 overflow-wrap:anywhere;
 color:#363e49;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.25;
}

.workflow-review-variation__meta{
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.3;
}

.workflow-review-actions{
 display:flex;
 justify-content:flex-end;
 gap:1.2rem;
 margin-top:3rem;
}

.workflow-publish-status{
 margin-top:1.6rem;
 padding:1rem 1.2rem;
 border:0.65px solid rgba(180, 183, 201, 0.48);
 border-radius:0.4rem;
 background:#fff;
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.35;
}

.workflow-publish-status[hidden]{
 display:none;
}

.workflow-publish-status[data-workflow-publish-status="info"]{
 border-color:rgba(255, 153, 0, 0.26);
 background:rgba(255, 153, 0, 0.07);
 color:#4e5368;
}

.workflow-publish-status[data-workflow-publish-status="success"]{
 border-color:rgba(37, 150, 92, 0.24);
 background:rgba(37, 150, 92, 0.08);
 color:#247044;
}

.workflow-publish-status[data-workflow-publish-status="error"]{
 border-color:rgba(170, 0, 0, 0.22);
 background:rgba(170, 0, 0, 0.06);
 color:#a00;
}

.workflow-result-dialog{
 z-index:1000;
}

.workflow-result-dialog[hidden]{
 display:none;
}

.workflow-result-dialog__overlay{
 z-index:1000;
 padding:2.4rem;
 background:rgba(0, 0, 0, 0.6);
}

.workflow-result-dialog__panel{
 width:min(46rem, 100%);
 max-width:46rem;
 padding:0;
 border:0.65px solid rgba(180, 183, 201, 0.5);
 border-radius:0.6rem;
 background:#fff;
 box-shadow:0 1.8rem 4rem rgba(20, 27, 38, 0.18);
 color:#363e49;
 text-align:left;
}

.workflow-result-dialog__head{
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:1.6rem;
 padding:1.8rem 2rem;
 border-bottom:0.65px solid rgba(180, 183, 201, 0.38);
}

.workflow-result-dialog__heading{
 display:flex;
 align-items:center;
 gap:1.2rem;
 min-width:0;
}

.workflow-result-dialog__icon{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 3.2rem;
 width:3.2rem;
 height:3.2rem;
 border-radius:50%;
}

.workflow-result-dialog[data-workflow-result-type="success"] .workflow-result-dialog__icon{
 background:rgba(37, 150, 92, 0.1);
 color:#247044;
}

.workflow-result-dialog[data-workflow-result-type="error"] .workflow-result-dialog__icon{
 background:rgba(170, 0, 0, 0.07);
 color:#a00;
}

.workflow-result-dialog__close{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex:0 0 auto;
 width:3.2rem;
 height:3.2rem;
 padding:0;
 border:0;
 border-radius:0.4rem;
 background:transparent;
 color:#74798d;
 cursor:pointer;
 font-size:0;
 transition:background-color 0.18s ease, color 0.18s ease;
}

.workflow-result-dialog__close::before{
 content:"\2715";
 color:currentColor;
 font-size:1.8rem;
 line-height:1;
}

.workflow-result-dialog__close:hover,
.workflow-result-dialog__close:focus{
 outline:none;
 background:#f1f1f3;
 color:#363e49;
}

.workflow-result-dialog__title{
 margin:0;
 color:#363e49;
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.25;
}

.workflow-result-dialog__body{
 padding:2rem;
}

.workflow-result-dialog__message{
 color:#585e76;
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.45;
}

.workflow-result-dialog__foot{
 display:flex;
 justify-content:flex-end;
 padding:1.4rem 2rem 1.8rem;
 border-top:0.65px solid rgba(180, 183, 201, 0.38);
}

.workflow-result-dialog__button{
 min-width:10rem;
}

.button-4.workflow-cancel-button{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:11rem;
 min-height:4.4rem;
 padding:0.8rem 1.8rem;
 border:0.65px solid rgba(180, 183, 201, 0.48);
 border-radius:0.4rem;
 background:#fff;
 color:#363e49;
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 font-size:1.5rem;
 font-weight:600;
 line-height:1.2;
 cursor:pointer;
 transition:background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.button-4.workflow-cancel-button:hover,
.button-4.workflow-cancel-button:focus{
 border-color:rgba(180, 183, 201, 0.72);
 background:#f7f7f7;
 color:#363e49;
}

.workflow-campaigns__table{
 position:relative;
 width:100%;
 max-width:100%;
 margin-top:1.2rem;
 transition:opacity 0.18s ease;
 will-change:min-height;
}

.workflow-campaigns__table .gridjs-container{
 width:100%;
 max-width:100%;
}

.workflow-campaigns__table .gridjs-wrapper{
 position:relative;
 width:100%;
 max-width:100%;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
 overflow:hidden;
}

.workflow-campaigns__table .gridjs-wrapper:nth-last-of-type(2){
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
}

.workflow-campaigns__table .gridjs-table{
 width:100%;
 max-width:100%;
 border-bottom-right-radius:0;
 border-bottom-left-radius:0;
}

.workflow-campaigns__table .gridjs-tbody{
 transition:opacity 0.18s ease;
}

.workflow-campaigns__table .gridjs-tbody tr:last-child td:first-child{
 border-bottom-left-radius:0;
}

.workflow-campaigns__table .gridjs-tbody tr:last-child td:last-child{
 border-bottom-right-radius:0;
}

.workflow-campaigns__table .js-workflow-campaign-row,
.workflow-campaigns__table .js-workflow-line-row{
 cursor:pointer;
}

.workflow-campaigns__table .js-workflow-campaign-row:hover td.gridjs-td,
.workflow-campaigns__table .js-workflow-line-row:hover td.gridjs-td{
 background:#eee;
}

.workflow-campaigns__table .gridjs-th-content{
 top:0;
}

.workflow-campaigns__table .gridjs-loading-bar,
.workflow-campaigns__table .gridjs-loading{
 display:none;
}

.workflow-campaigns__table .workflow-campaigns-empty-row td.gridjs-td,
.workflow-campaigns__table .workflow-campaigns-loading-row td.gridjs-td{
 margin:0;
 padding:0 !important;
}

.workflow-campaigns-empty-row,
.workflow-campaigns-loading-row,
.workflow-campaigns-loading-block{
 margin:0;
}

.workflow-campaigns-loading-block{
 display:flex;
 align-items:center;
 justify-content:center;
 min-height:18rem;
 padding:0;
 border-top:1px solid #e8e8ec;
 background:linear-gradient(180deg, #fff 0%, #f7f7f7 100%) !important;
 color:#585e76;
 text-align:center;
}

.workflow-campaigns-loading-block__content{
 display:flex;
 align-items:center;
 flex-direction:column;
 gap:1rem;
 justify-content:center;
 margin:0;
 color:#474c62;
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 font-size:1.5rem;
 font-size:var(--font-size-150);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.2;
}

.workflow-campaigns-loading-block__spinner{
 width:1.8rem;
 height:1.8rem;
 border:2px solid rgba(88, 94, 118, 0.22);
 border-top-color:#ff9900;
 border-radius:50%;
 animation:workflow-campaigns-loading-spin 0.8s linear infinite;
}

@keyframes workflow-campaigns-loading-spin{
 to{
  transform:rotate(360deg);
 }
}

.workflow-campaigns-empty-block{
 display:flex;
 align-items:center;
 justify-content:center;
 margin:0;
 min-height:18rem;
 padding:0;
 border-top:1px solid #e8e8ec;
 background:linear-gradient(180deg, #fff 0%, #f7f7f7 100%) !important;
 color:#585e76;
 text-align:center;
}

.workflow-campaigns-empty-block__content{
 display:grid;
 justify-items:center;
 row-gap:0.8rem;
 margin:0;
 max-width:34rem;
}

.workflow-campaigns-empty-block__mark{
 display:flex;
 align-items:center;
 justify-content:center;
 width:2.4rem;
 height:2.4rem;
 border:0.65px solid rgba(180, 183, 201, 0.65);
 border-radius:50%;
 color:#585e76;
 font-size:1.8rem;
 font-size:var(--font-size-180);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1;
}

.workflow-campaigns-empty-block__title{
 color:#363e49;
 font-size:1.6rem;
 font-size:var(--font-size-160);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.25;
}

.workflow-campaigns-empty-block__text{
 color:#585e76;
 font-size:1.3rem;
 font-size:var(--font-size-130);
 font-weight:500;
 font-weight:var(--font-weight-500);
 line-height:1.35;
}

.workflow-campaign-radio{
 position:relative;
 width:1.6rem;
 height:1.6rem;
 margin:0;
 border:0.65px solid rgba(180, 183, 201, 0.72);
 border-radius:50%;
 -webkit-appearance:none;
    -moz-appearance:none;
         appearance:none;
 background:#fff;
 cursor:pointer;
 transition:background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.workflow-campaign-radio:hover,
.workflow-campaign-radio:focus{
 outline:none;
 box-shadow:0 0 0 0.22rem rgba(255, 153, 0, 0.12);
}

.workflow-campaign-radio:checked{
 border-color:#ff9900;
 background:#ff9900;
}

.workflow-campaign-radio:checked::after{
 position:absolute;
 top:50%;
 left:50%;
 width:0.6rem;
 height:0.6rem;
 border-radius:50%;
 background:#fff;
 content:"";
 transform:translate(-50%, -50%);
}

.workflow-line-checkbox{
 position:relative;
 width:1.8rem;
 height:1.8rem;
 margin:0;
 border:0.65px solid rgba(180, 183, 201, 0.72);
 border-radius:0.4rem;
 -webkit-appearance:none;
    -moz-appearance:none;
         appearance:none;
 background:#fff;
 cursor:pointer;
 transition:background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.workflow-line-checkbox:hover{
 border-color:#ff9900;
 box-shadow:0 0 0 0.2rem rgba(255, 153, 0, 0.1);
}

.workflow-line-checkbox:focus{
 outline:none;
 box-shadow:0 0 0 0.25rem rgba(255, 153, 0, 0.18);
}

.workflow-line-checkbox:checked{
 border-color:#ff9900;
 background:#ff9900;
}

.workflow-line-checkbox:checked::after{
 position:absolute;
 top:0.25rem;
 left:0.58rem;
 width:0.45rem;
 height:0.85rem;
 border:solid #fff;
 border-width:0 0.2rem 0.2rem 0;
 content:"";
 transform:rotate(45deg);
}

.workflow-campaign-status{
 display:inline-flex;
 align-items:center;
 min-height:2.3rem;
 padding:0.3rem 0.9rem;
 border-radius:0.3rem;
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:700;
 font-weight:var(--font-weight-700);
 line-height:1.2;
}

.workflow-campaign-status--active{
 color:#17663a;
 background:rgba(34, 197, 94, 0.14);
}

.workflow-campaign-status--inactive,
.workflow-campaign-status--stopped{
 color:#585e76;
 background:rgba(180, 183, 201, 0.28);
}

.button-4.workflow-back-button{
 display:inline-flex;
 align-items:center;
 -moz-column-gap:0.7rem;
      column-gap:0.7rem;
 min-height:3.8rem;
 margin-right:1.2rem;
 padding:0.8rem 1.4rem;
 border:0.65px solid rgba(180, 183, 201, 0.5);
 border-radius:0.4rem;
 background:rgba(180, 183, 201, 0.22);
 box-shadow:none;
 color:#363e49;
 font-family:Montserrat, sans-serif;
 font-family:var(--font-family-primary);
 font-size:1.4rem;
 font-size:var(--font-size-140);
 font-weight:600;
 font-weight:var(--font-weight-600);
 line-height:1.2;
 transition:linear 160ms background, linear 160ms border, linear 160ms color;
 transition:linear var(--transition-duration-160) background, linear var(--transition-duration-160) border, linear var(--transition-duration-160) color;
}

.button-4.workflow-back-button:hover,
.button-4.workflow-back-button:focus{
 color:#363e49;
 border-color:rgba(180, 183, 201, 0.7);
 background:rgba(180, 183, 201, 0.38);
}

.button-4.workflow-back-button:active{
 background:rgba(180, 183, 201, 0.5);
 box-shadow:none;
}

.workflow-stepper{
 display:grid;
 row-gap:1rem;
 margin-bottom:2rem;
}

.workflow-stepper__item{
 position:relative;
 display:grid;
 grid-template-columns:2.8rem 1fr;
 -moz-column-gap:1.4rem;
      column-gap:1.4rem;
 padding:1.4rem;
 border-radius:0.7rem;
}

.workflow-stepper__item--active,
.workflow-stepper__item--complete{
 background:rgba(255, 255, 255, 0.08);
}

.workflow-stepper__item--pending{
 opacity:0.72;
}

.workflow-stepper__line{
 position:absolute;
 top:4.1rem;
 bottom:-1.4rem;
 left:2.75rem;
 width:1px;
 background:rgba(195, 195, 206, 0.22);
}

.workflow-stepper__marker{
 position:relative;
 z-index:1;
 display:flex;
 align-items:center;
 justify-content:center;
 width:2.4rem;
 height:2.4rem;
 border-radius:50%;
 background:#c3c3ce;
 color:#233041;
 font-size:1.2rem;
 font-weight:700;
 line-height:1;
}

.workflow-stepper__item--active .workflow-stepper__marker,
.workflow-stepper__item--complete .workflow-stepper__marker{
 background:orange;
 color:#fff;
}

.workflow-stepper__content,
.workflow-stepper__title,
.workflow-stepper__description{
 display:block;
}

.workflow-stepper__title{
 color:#f2f4f8;
 font-size:1.35rem;
 font-weight:700;
 line-height:1.2;
}

.workflow-stepper__description{
 margin-top:0.7rem;
 color:rgba(242, 244, 248, 0.82);
 font-size:1.25rem;
 font-weight:400;
 line-height:1.45;
}

.workflow-sidebar-card{
 padding:1.8rem;
 border:1px solid rgba(255, 255, 255, 0.04);
 border-radius:0.7rem;
 background:rgba(255, 255, 255, 0.045);
}

.workflow-sidebar-card + .workflow-sidebar-card{
 margin-top:2rem;
}

.workflow-sidebar-card__eyebrow{
 margin-bottom:0.7rem;
 color:#f2f4f8;
 font-size:1.45rem;
 font-weight:600;
 line-height:1.15;
}

.workflow-sidebar-card__title{
 margin-bottom:1.6rem;
 overflow-wrap:anywhere;
 color:rgba(242, 244, 248, 0.92);
 font-size:1.45rem;
 font-weight:400;
 line-height:1.25;
}

.workflow-variation-details{
 margin-top:2rem;
}

.workflow-variation-detail{
 display:grid;
 grid-template-columns:2.7rem 1fr;
 align-items:start;
 -moz-column-gap:1.3rem;
      column-gap:1.3rem;
 margin-bottom:1.9rem;
 color:#c3c3ce;
}

.workflow-variation-detail__icon{
 display:flex;
 justify-content:center;
 padding-top:0.1rem;
 color:rgba(242, 244, 248, 0.9);
}

.workflow-variation-detail__content{
 display:block;
 min-width:0;
}

.workflow-variation-detail__label{
 display:block;
 color:#f2f4f8;
 font-size:1.45rem;
 font-weight:700;
 line-height:1.15;
}

.workflow-variation-detail__value{
 display:block;
 margin-top:0.45rem;
 overflow-wrap:anywhere;
 color:rgba(242, 244, 248, 0.92);
 font-size:1.45rem;
 font-weight:400;
 line-height:1.2;
}

.workflow-about-card__title{
 display:flex;
 align-items:center;
 -moz-column-gap:0.8rem;
      column-gap:0.8rem;
 margin-bottom:1.2rem;
 color:#f2f4f8;
 font-size:1.7rem;
 font-weight:700;
 line-height:1.2;
}

.workflow-about-card__text{
 color:rgba(242, 244, 248, 0.82);
 font-size:1.45rem;
 font-weight:400;
 line-height:1.55;
}

#container_audio,
#container_video{
 text-align:center;
}

.comment-variation,
#switcher-tools,
.sidebar__content{
}

.entering-time-bar{
 display:flex;
 margin-top:10px;
}

.tree-out-pad{
 padding:20px;
}

#tree select{
  font-family:Montserrat, sans-serif;
  font-family:var(--font-family-primary);
  font-size:16px;
  color:#000 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
 }

#tree select option{
   font-family:Montserrat, sans-serif;
   font-family:var(--font-family-primary);
   color:#000 !important;
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:100%;
   padding:10px !important;
  }

#tree .row-label{
  text-decoration:none;
 }

#tree .form-control{
  margin-bottom:20px !important;
 }

#tree h5{
  font-size:1.5rem !important;
  font-size:1.2rem;
  font-size:var(--font-size-120);
  font-weight:600;
  font-weight:700;
  font-weight:var(--font-weight-700);
  color:#c3c3ce !important;
  color:rgba(71 76 98);
  color:var(--color-slate-775);
  text-transform:uppercase;
  padding-bottom:10px !important;
 }

#tree .menuLabelLight{
  font-size:1.4rem;
  font-weight:600;
  font-weight:var(--font-weight-600);
  color:#c3c3ce !important;
  display:block;
  padding-bottom:10px !important;
 }

.js-css-versions-drop-down-hide .versions-drop-down__box{
  display:none;
 }

.js-css-versions-drop-down-hide svg{
  transform:rotate(180deg);
 }

.version-drop-down-title{
 font-size:14px;
 display:flex;
 align-items:center;
}

.opacity-0-size-0{
 overflow:hidden;
 width:0;
 height:0;
 opacity:0;
}

.media-taxonomy-code{
 font-size:1.4rem;
 display:flex;
 justify-content:center;
}

#template-titles{
 display:block;
 padding-top:30px;
}

#template-contents{
 display:block;
 padding-top:30px;
}

.sidebar-widget-title{
 font-size:1.2rem;
 font-size:var(--font-size-120);
 font-weight:700;
 font-weight:var(--font-weight-700);
 color:#818793;
 padding-top:2rem;
 padding-bottom:0;
 padding-left:0.7rem;
}

.template-content-item{
 min-height:50px;
}

.template-content-item--0{
 background-color:aqua;
}

.template-content-item--1{
 background-color:green;
}

.js-css-hidden{
 display:none;
}

.js-css-hidden + .select2{
 display:none !important;
}

html,
body{
 width:100%;
 height:100%;
 background:#f3f4f6;
}

.section-themes{
 position:relative;
 z-index:1;
}

.form-page-wrapper{
 position:relative;
 top:0;
 left:0;
 width:100%;
 height:100%;
 min-height:750px;
 padding:1.5rem;
}

.form-place{
 width:288px;
 min-height:350px;
 margin-right:auto;
 margin-left:auto;
 padding-bottom:50px;
 border:solid #97a5b7 2px;
 background:#fff;
}

.form-place-header{
 padding-bottom:10px;
 border-bottom:solid #97a5b7 2px;
 background-color:#d5dae0;
}

.form-title,
.form-descr{
 color:#000;
 display:flex;
 justify-content:center;
 width:100%;
 padding:10px 10px 5px;
}

.form-title{
 font-weight:700;
}

.form-page-footer{
 position:relative;
 z-index:10;
 top:0;
 left:0;
 width:100%;
 min-height:120px;
 margin-top:-120px;
 padding-top:26px;
}

.form-page-footer__row-1,
 .form-page-footer__row-2{
  text-align:center;
 }

.form-page-footer__row-1{
  display:flex;
  justify-content:center;
  padding-bottom:25px;
  -moz-column-gap:30px;
       column-gap:30px;
 }

.form-page-footer__row-2 a{
   font-weight:700;
   transition:linear 0.12s color;
   will-change:color;
  }

.form-page-footer__row-2 a:hover{
    color:#f56600;
   }

.form-input{
 font-size:16px;
 display:block;
 width:100%;
 max-width:236px;
 height:32px;
 margin-right:auto;
 margin-bottom:20px;
 margin-left:auto;
 padding:0.25rem 0.5rem;
 border:solid #3a3a3a 2px;
 background:#fff !important;
}

.form-input:-webkit-autofill,
 .form-input:-webkit-autofill:hover,
 .form-input:-webkit-autofill:focus,
 .form-input:-webkit-autofill:active{
  font-size:16px;
  color:#000;
  box-shadow:0 0 0 1000px #fff inset !important;
 }

.form{
 padding-top:32px;
}

.form-submit{
 font-weight:600;
 color:#fff;
 display:block;
 width:100%;
 max-width:118px;
 height:30px;
 margin-right:auto;
 margin-left:auto;
 border-radius:17px;
 background:#f60;
}

.js-login-form-error{
 text-align:center;
 display:flex;
 justify-content:center;
 padding-bottom:20px;
}

.user-link{
 font-size:13px;
 font-weight:700;
 color:#d95300;
 text-decoration:underline;
 transition:linear 160ms color;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}

.user-link:focus,
 .user-link:active,
 .user-link:hover{
  color:red;
 }

.logo-img{
 display:block;
 width:632px;
 height:72px;
 margin-right:auto;
 margin-bottom:40px;
 margin-left:auto;
 background:url(/assets/img/logos-sm-insighit.png) no-repeat center center;
}

.comment-box__info{
 background:#f7f7f7;
}