.loader{
 position:relative;
 display:inline-block;
 box-sizing:border-box;
 width:48px;
 height:48px;
 animation:rotation 1s linear infinite;
 border:3px solid;
 border-color:#fff #fff transparent transparent;
 border-radius:50%;
}
.loader::after,
.loader::before{
 position:absolute;
 inset:0;
 box-sizing:border-box;
 width:40px;
 height:40px;
 margin:auto;
 content:"";
 transform-origin:center center;
 animation:rotationBack 0.5s linear infinite;
 border:3px solid;
 border-color:transparent transparent #ff3d00 #ff3d00;
 border-radius:50%;
}
.loader::before{
 width:32px;
 height:32px;
 animation:rotation 1.5s linear infinite;
 border-color:#fff #fff transparent transparent;
}
@keyframes rotation{
 0%{
  transform:rotate(0deg);
 }

 100%{
  transform:rotate(360deg);
 }
}
@keyframes rotationBack{
 0%{
  transform:rotate(0deg);
 }

 100%{
  transform:rotate(-360deg);
 }
}
.modal{
 font-family:-apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
}
.modal__overlay{
 position:fixed;
 inset:0;
 display:flex;
 justify-content:center;
 align-items:center;
 background:rgba(0, 0, 0, 0.6);
}
.modal__container{
 overflow-y:auto;
 box-sizing:border-box;
 max-width:500px;
 max-height:100vh;
 padding:30px;
 border-radius:4px;
 background-color:#fff;
}
.modal__header{
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.modal__title{
 font-size:1.25rem;
 font-weight:600;
 line-height:1.25;
 color:#00449e;
 box-sizing:border-box;
 margin-top:0;
 margin-bottom:0;
}
.modal__close{
 border:0;
 background:transparent;
}
.modal__header .modal__close::before{
 content:"\2715";
}
.modal__content{
 line-height:1.5;
 color:rgba(0, 0, 0, 0.8);
 margin-top:2rem;
 margin-bottom:2rem;
}
.modal__btn{
 font-size:0.875rem;
 line-height:1.15;
 color:rgba(0, 0, 0, 0.8);
 text-transform:none;
 overflow:visible;
 margin:0;
 padding:0.5rem 1rem;
 cursor:pointer;
 transition:transform 0.25s ease-out;
 transform:translateZ(0);
 border-width:0;
 border-style:none;
 border-radius:0.25rem;
 background-color:#e6e6e6;
 -webkit-appearance:auto;
    -moz-appearance:auto;
         appearance:auto;
 will-change:transform;
 -moz-osx-font-smoothing:grayscale;
 backface-visibility:hidden;
}
.modal__btn:focus,
.modal__btn:hover{
 transform:scale(1.05);
}
.modal__btn-primary{
 color:#fff;
 background-color:#00449e;
}
@keyframes mmfadeIn{
 from{
  opacity:0;
 }

 to{
  opacity:1;
 }
}
@keyframes mmfadeOut{
 from{
  opacity:1;
 }

 to{
  opacity:0;
 }
}
@keyframes mmslideIn{
 from{
  transform:translateY(15%);
 }

 to{
  transform:translateY(0);
 }
}
@keyframes mmslideOut{
 from{
  transform:translateY(0);
 }

 to{
  transform:translateY(-10%);
 }
}
.micromodal-slide{
 display:none;
}
.micromodal-slide.is-open{
 display:block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay{
 animation:mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container{
 animation:mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay{
 animation:mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container{
 animation:mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay{
 will-change:transform;
}
.to-cp-2-cell{
 display:flex;
}
.row--content-align{
 display:block;
}
.table0-autospace{
 display:inline-block;
}
.container_audio-style{
 width:300px;
}
.no_creative-style,
.hidden,
.generate-button-style,
.pending-style,
.audio-icon-bg-style{
 display:none;
}
.loader-wrapper-style{
 z-index:11;
}
#container > div{
  margin-left:0 !important;
 }
.creative-ctrl{
 display:flex;
 flex-direction:column;
 justify-content:center;
 width:100%;
 max-width:970px;
 margin-right:auto;
 margin-left:auto;
}
.creative-container{
 display:flex;
 justify-content:center;
 padding:20px 0 10px;
 transition:linear 0.12s opacity;
 will-change:opacity;
}
.timeline{
 position:relative;
 top:0;
 left:0;
 width:100%;
 height:7px;
 border-radius:10px;
 background-color:#f87f34;
}
.timeline-fill{
  display:flex;
  justify-content:flex-end;
  width:0;
  height:7px;
  border-radius:10px;
  background-color:#f00;
 }
.timeline-slider-btn{
  position:absolute;
  top:0;
  left:0;
  display:block;
  flex-grow:0;
  flex-shrink:0;
  width:7px;
  height:7px;
  cursor:pointer;
  background-color:aqua;
 }
.timeline-slider-btn::after{
   position:absolute;
   top:50%;
   left:50%;
   display:block;
   width:390%;
   height:390%;
   content:"";
   transform:translate(-50%, -50%);
   border-radius:50%;
   background:linear-gradient(180deg, #ff003c 0%, #d00131 100%);
  }
.timeline-counters{
  display:flex;
  justify-content:space-between;
  min-height:34px;
  padding-bottom:10px;
 }
.player{
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
}
.player-tools{
 position:relative;
 top:0;
 left:0;
 display:flex;
 justify-content:center;
 padding-top:30px;
 padding-bottom:30px;
 -moz-column-gap:5px;
      column-gap:5px;
}
.player-action-btn{
 color:#f75e00;
 display:block;
 display:flex;
 justify-content:center;
 width:53px;
 height:53px;
 cursor:pointer;
 transition:linear 0.12s transform;
 border:solid #f75e00 2px;
 border-radius:50%;
 will-change:transform;
}
.player-action-btn:hover{
  transform:scale(1.06);
 }
.player-action-btn:focus,
 .player-action-btn:active{
  transform:scale(0.92);
 }
.play-btn svg{
  margin-left:3px;
 }
.time-codes-box{
 line-height:22px;
 color:#000;
 position:absolute;
 top:0;
 left:0;
 padding-top:20px;
}
.timecode-btn{
 font-size:16px;
 font-weight:600;
 color:#000;
 text-decoration:none;
 text-decoration:underline;
 transition:linear 0.12s color;
 will-change:color;
}
.timecode-btn--selected{
  color:#f75e00;
 }
.timecode-btn:hover{
  color:#f75e00;
 }
.time-codes-title{
 font-size:16px;
 margin:0;
 padding:0;
}
.entering-time{
 font-size:17px;
 display:inline-flex;
 display:block;
 overflow:hidden;
 width:100%;
 max-width:13.9rem;
 padding:10px;
 transition:linear 0.12s outline, linear 0.12s border;
 border:1px solid #c6cad8;
 border-radius:5px;
 will-change:outline, border;
}
.entering-time:focus-visible,
 .entering-time:focus,
 .entering-time:focus-within{
  border:1px solid #9ba0af;
  outline:0 solid #9ba0af;
 }
.page-wrapper{
 padding:0 30px 40px;
}
.section-scene{
 width:100%;
}
.section-scene__fix{
  position:relative;
  top:0;
  left:0;
  width:100%;
  max-width:970px;
  min-height:255px;
  margin-top:20px;
  margin-right:auto;
  margin-left:auto;
 }
.tree-out-pad,
#template-contents,
#template-titles{
}
.player{
 width:970px;
}
.js-copy-time-btn{
 display:none;
}
#tree{
 display:none;
}
#switcher-tools,
#template-contents,
#tree_creative,
#template-titles,
.sidebar-widget-title-html{
 display:none !important;
}
.link-100{
 font-size:13px;
 font-weight:700;
 color:#6b7697;
 text-align:center;
 text-decoration:underline;
 -webkit-text-decoration-skip-ink:none;
         text-decoration-skip-ink:none;
 transition:linear var(--transition-duration-160) color;
 will-change:color;
}
.link-100:hover{
  color:#f56600;
 }
.link-150{
 font-size:15px;
 font-weight:400;
 line-height:180%;
 color:#6b7697;
 text-align:center;
}
.js-opacity{
 display:inline-block;
 width:0;
 height:0;
 opacity:0;
}
.js-login-form-error{
 color:#f00;
}
#user-text-info{
 font-size:12px;
 color:#000;
 display:block;
 padding-bottom:13px;
}
.company-info-items{
 display:flex;
 -moz-column-gap:20px;
      column-gap:20px;
}
.comment-textarea{
 display:block;
 width:100%;
 max-width:100%;
 min-height:130px;
 margin-bottom:20px;
}
.textarea-wrap-person-text{
 display:block;
 width:100%;
}
.group-dd-uinfo{
 display:flex;
}
.creative-crud{
 width:288px;
 margin-right:auto;
 margin-left:auto;
 border:solid #97a5b7 2px;
 background:#fff;
}
.creative-crud__header{
  border-bottom:solid #97a5b7 2px;
  background-color:#d5dae0;
 }
.creative-crud__title{
  text-align:center;
  padding:20px;
 }
.creative-crud__row{
  padding-top:15px;
 }
.creative-crud__label{
  display:block;
  padding-bottom:5px;
 }
.creative-crud__body{
  padding:0 20px 20px;
 }
.creative-crud__input{
  font-size:16px;
  display:block;
  width:100%;
  height:32px;
  margin-right:auto;
  margin-left:auto;
  padding:0.25rem 0.5rem;
  border:solid #3a3a3a 2px;
  background:#fff !important;
 }
.creative-crud__textarea{
  font-size:16px;
  display:block;
  width:100%;
  height:82px;
  margin-right:auto;
  margin-left:auto;
  padding:0.25rem 0.5rem;
  border:solid #3a3a3a 2px;
  background:#fff !important;
 }
.creative-crud__select{
  font-family:var(--font-family-primary);
  font-size:16px;
  color:var(--color-slate-625);
  display:block;
  width:100%;
  height:32px;
  margin-right:auto;
  margin-left:auto;
  padding:0.25rem 0.5rem;
  border:solid #3a3a3a 2px;
  background:#fff !important;
 }
.creative-crud__btn{
  font-weight:600;
  color:#fff;
  display:block;
  width:100%;
  height:30px;
  margin-right:auto;
  margin-left:auto;
  border-radius:17px;
  background:#f60;
 }
.grid-table-cell-created-in-cp2{
 display:block;
 margin-bottom:40px;
}
.flex-row{
 display:flex;
 width:100%;
 -moz-column-gap:20px;
      column-gap:20px;
}
.table-title{
 font-size:1.9rem;
 color:#000;
 padding-bottom:0.5rem;
}
.gridjs-search,
.gridjs-input,
.gridjs-search,
.gridjs-head{
 display:block !important;
 width:99% !important;
}
label.error{
 color:#f00;
 display:inline-block;
 padding-top:5px;
}
select.error,
textarea.error,
input.error{
 border:solid #f00 2px;
}
.vert-spacer{
 display:inline-block;
 padding-right:5px;
 padding-left:5px;
}
.tools-expanding-creativity{
 line-height:170%;
 display:block;
}
.version-drop-down-cell{
 position:relative;
 top:0;
 left:0;
 display:inline-block;
 padding-right:80px;
}
.version-drop-down-cell:hover .version-drop-down{
   display:block;
  }
.version-drop-down{
 position:absolute;
 bottom:100%;
 left:50%;
 display:none;
 overflow:hidden auto;
 width:400px;
 height:150px;
 padding:20px;
 box-shadow:0 0 13px 2px rgba(34, 60, 80, 0.2);
 transform:translate(-100%, 0%);
 border-radius:5px;
 background:#fff;
}
.version-drop-down__row{
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:flex;
  overflow:hidden;
  justify-content:flex-start;
  width:100%;
  padding:5px;
  border-bottom:solid #eee 1px;
 }
.version-drop-down__row .user-link{
   white-space:nowrap;
   text-overflow:ellipsis;
   display:block;
   overflow:hidden;
   width:90%;
  }
.version-drop-down .user-link{
  width:auto !important;
  padding-right:5px !important;
  padding-left:5px !important;
 }
.tools-expanding-creativity > .version-drop-down-cell{
  transition:linear 0.12s background;
  will-change:background;
 }
.tools-expanding-creativity > .version-drop-down-cell,
 .tools-expanding-creativity > .user-link{
  display:block;
  padding:2px 10px;
  transition:linear 0.12s background;
  border-top:solid #eee 1px;
  will-change:background;
 }
.tools-expanding-creativity > .version-drop-down-cell:hover, .tools-expanding-creativity > .user-link:hover{
   background:#f1f1f1;
  }
.tools-expanding-creativity > .version-drop-down-cell{
  border-bottom:solid #eee 1px;
 }
.version-drop-down__row:hover{
  background-color:#f1f1f1;
 }
.successful-text{
 font-size:15px;
 font-weight:600;
 color:green;
 text-align:center;
 padding:10px;
}
.fail-text{
 font-size:15px;
 font-weight:600;
 color:red;
 text-align:center;
 padding:10px;
}
.versions-serlect-box-cell select{
  font-family:var(--font-family-primary);
  font-size:14px;
  font-weight:700;
  color:var(--color-slate-625);
  padding:5px 7px;
  cursor:pointer;
  border-radius:4px;
 }
.creative-title{
 font-size:1.45rem;
 color:#474c62;
 display:flex;
 -moz-column-gap:0.5rem;
      column-gap:0.5rem;
 align-items:center;
}
.portal{
 position:fixed;
 z-index:1000;
 display:flex;
 justify-content:center;
 align-items:center;
 width:100%;
 height:100%;
 background:rgba(0, 0, 0, 0.8);
}
.portal-fix-container{
 display:flex;
 justify-content:center;
 align-items:center;
 width:100vw;
 height:100vh;
}
.form-cell{
 position:relative;
 top:0;
 left:0;
 width:100%;
 max-width:600px;
 padding:40px;
 background:#fff;
}
.portal-close{
 font-size:20px;
 position:absolute;
 top:-25px;
 right:-25px;
 display:flex;
 justify-content:center;
 align-items:center;
 width:50px;
 height:50px;
 box-shadow:rgba(0, 0, 0, 0.1) 0 4px 12px;
 cursor:pointer;
 border-radius:50%;
 background:#fff;
}
.user-nav{
 font-size:1.3rem;
 font-weight:600;
 line-height:1.8rem;
 color:#474c62;
 position:relative;
 top:0;
 left:0;
 display:block;
 width:25rem;
 height:5rem;
 padding:0.6rem 1.8rem;
 border:solid #e8e8ec 1px;
 border-radius:0.5rem;
}
.user-nav:hover .user-nav__svg{
   transform:rotate(180deg);
  }
.user-nav:hover .user-nav__drop-down{
   display:block;
   box-shadow:0 0 9px -3px #ddd;
  }
.user-nav__company-email,
 .user-nav__company-name{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  overflow:hidden;
  width:83%;
 }
.user-nav__arr{
  color:#b4b6c1;
  position:absolute;
  top:50%;
  right:1.3rem;
  display:block;
  width:1.5rem;
  height:1.3rem;
  transform:translateY(-50%);
 }
.user-nav__drop-down{
  position:absolute;
  z-index:10;
  top:100%;
  left:0;
  display:none;
  width:100%;
  min-height:15.4rem;
  padding:1.7rem 2.5rem;
  border:solid #e8e8ec 1px;
  border-radius:5px;
  background-color:#fff;
 }
.user-nav__ul{
  text-decoration:none;
 }
.user-nav__li{
  display:flex;
 }
.user-nav__a{
  font-size:1.3rem;
  font-weight:600;
  color:#474c62;
  text-decoration:none;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:100%;
  padding:8px 11px 8px 32px;
  transition:linear var(--transition-duration-160) background;
  border-bottom:solid #e8e9ec 1px;
  will-change:background;
 }
.user-nav__a:hover{
   background:#f4f5f6;
  }
.user-nav__ic{
  position:absolute;
 }
.user-nav__ic--profile{
   top:1.4rem;
   left:1rem;
   width:1.3rem;
  }
.user-nav__ic--create-creative{
   top:1.2rem;
   left:1.1rem;
   width:1.2rem;
  }
.user-nav__ic--logout{
   top:1.2rem;
   left:1.1rem;
   width:1.4rem;
  }
.project-ctrl{
 color:#474c62;
 display:flex;
 flex-grow:0;
 flex-shrink:0;
 justify-content:center;
 align-items:center;
 width:3rem;
 height:3rem;
 cursor:pointer;
 transition:linear 0.12s background;
 border:solid #e8e8ec 1px;
 border-radius:0.4rem;
 background-color:#fff;
 will-change:background;
}
.project-ctrl path,
 .project-ctrl svg{
  transition:linear 0.12s fill, linear 0.12s color;
  will-change:fill, color;
 }
.project-ctrl:not(.project-ctrl--all-view):hover{
  color:orangered;
  background:#f3f4f6;
 }
.project-ctrl--edit svg{
   width:1.4rem;
  }
.project-ctrl--create svg{
   width:1.2rem;
  }
.project-ctrl--all-view{
  position:relative;
  top:0;
  left:0;
 }
.project-ctrl--all-view:hover .version-drop-down-box{
    display:block;
   }
.project-ctrl--all-view svg{
   width:1.5rem;
  }
.project-ctrl--trash svg{
   width:1.2rem;
  }
.project-ctrl--share svg{
   width:1.3rem;
  }
.project-ctrls{
 display:flex;
 padding:0 0 0 10px;
 -moz-column-gap:0.3rem;
      column-gap:0.3rem;
}
.version-drop-down-box{
 position:absolute;
 top:0;
 left:0;
 display:none;
}
.tools-row{
 display:flex;
 justify-content:space-between;
 align-items:center;
}
.gridjs-table{
 font-size:1.45rem;
 color:#474c62;
}
.grid-table-cell-created-in-cp2 table tr:nth-last-child(-n + 5) .list-versions{
   top:auto !important;
   bottom:16px !important;
  }
.grid-table-cell th.gridjs-th,
 .grid-table-cell td.gridjs-td,
 .grid-table-cell-created-in-cp2 th.gridjs-th,
 .grid-table-cell-created-in-cp2 td.gridjs-td{
  padding:8px 8.01px;
 }
.grid-table-cell .gridjs-tr:nth-child(odd) td, .grid-table-cell-created-in-cp2 .gridjs-tr:nth-child(odd) td{
   background:#f5f5f5;
  }
.grid-table-cell .gridjs-tr:nth-child(even) td, .grid-table-cell-created-in-cp2 .gridjs-tr:nth-child(even) td{
   background:#f7f7f7;
  }
.grid-table-cell tr:nth-child(odd) td, .grid-table-cell-created-in-cp2 tr:nth-child(odd) td{
   text-decoration:none;
  }
.grid-table-cell .gridjs-tr td, .grid-table-cell-created-in-cp2 .gridjs-tr td{
   will-change:background;
   transition:linear 0.12s background;
  }
.grid-table-cell .gridjs-tr:hover td, .grid-table-cell-created-in-cp2 .gridjs-tr:hover td{
    background:#eee;
   }
.gridjs-sort-neutral{
 margin-top:-7px;
}
.fix-height-scroll-100{
 overflow:hidden auto;
 height:11.8rem;
}
.list-versions{
 position:absolute;
 z-index:100;
 top:1.6rem;
 left:50%;
 display:block;
 overflow:hidden auto;
 width:49.1rem;
 padding:2rem;
 box-shadow:0 0 20px -1px #ccc;
 transform:translateX(-50%);
 border:solid #e8e8ec 1px;
 border-radius:0.5rem;
 background:#fff;
}
.list-versions__title{
  font-size:1.3rem;
  font-weight:600;
  display:flex;
  justify-content:flex-start;
  width:100%;
  padding-right:1rem;
  padding-bottom:1rem;
  border-bottom:solid #e8e9ec 1px;
 }
.list-tools__li{
  font-size:16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:3.2rem;
  padding:0.5rem 1.2rem;
  transition:linear 0.12s background;
  border-bottom:solid #e8e9ec 1px;
  will-change:background;
 }
.list-tools__li:hover{
   background:#f3f4f6;
  }
.list-tools__a{
  text-decoration:none;
  display:block;
  width:70%;
  transition:linear 0.12s color;
  will-change:color;
 }
.list-tools__a:hover{
   color:orangered;
   text-decoration:underline;
  }
.list-tools__label{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  overflow:hidden;
  width:100%;
 }
.tool-btns-cell{
 display:flex;
 -moz-column-gap:6px;
      column-gap:6px;
}
.version-ctrl{
 display:flex;
 flex-grow:0;
 flex-shrink:0;
 justify-content:center;
 align-items:center;
 width:2.6rem;
 height:2.6rem;
 transition:linear 0.12s background, linear 0.12s border, linear 0.12s color;
 border:solid #e8e9ec 1px;
 border-radius:3px;
 background:#fff;
 will-change:background, border, color;
}
.version-ctrl path,
 .version-ctrl svg{
  transition:linear 0.12s fill, linear 0.12s color, linear 0.12s border;
  will-change:fill, color, border;
 }
.version-ctrl:hover{
  color:#f3f4f6;
  border:solid orangered 1px;
  background:orangered;
 }
.version-ctrl--edit svg{
   width:1.2rem;
  }
.version-ctrl--delete svg{
   width:1.2rem;
  }
.gridjs-container,
.gridjs-wrapper{
 overflow:visible !important;
}
.gridjs-th-content{
 position:relative;
 top:5px;
 left:0;
}
.project-ctrl--share{
  position:relative;
  z-index:10;
  top:0;
  left:0;
 }
.creative-share-cell{
 position:relative;
 top:0;
 left:0;
 display:inline-block;
 padding-left:20px;
}
.creative-share-form-cell{
 position:absolute;
 z-index:20000000;
 top:-50%;
 right:-20px;
 width:260px;
 height:65px;
 padding:17px;
 box-shadow:0 0 13px 2px rgba(34, 60, 80, 0.1);
 background:#fff;
}
.grid-table-cell-created-in-cp2 .gridjs-wrapper{
  position:relative;
  z-index:2000;
  top:0;
  left:0;
 }
.sharing-form{
 position:relative;
 top:0;
 display:flex;
 width:100%;
 max-width:22.2rem;
 min-height:3rem;
 border:solid #b4b6c1 1px;
 border-radius:3px;
}
.sharing-form__input{
  font-size:14px;
  display:block;
  flex-grow:0;
  flex-shrink:0;
  width:170px;
  padding:5px 10px;
  background:#fff;
 }
.sharing-form__btn{
  display:block;
  width:56px;
  border-left:solid #b4b6c1 1px;
  background:#fff;
 }
.icons--mod{
 }
.comment-btn{
 display:inline-flex;
 justify-content:center;
 align-items:center;
 width:2.7rem;
 height:2.7rem;
 transition:linear 0.12s background;
 border-radius:4px;
 background:#fff;
 will-change:background;
}
.comment-btn path,
 .comment-btn svg{
  transition:linear 0.12s fill, linear 0.12s color;
  will-change:background, color;
 }
.comment-btn--edit:hover{
   color:#fff;
   background:olivedrab;
  }
.comment-btn--edit:hover path,
   .comment-btn--edit:hover svg{
    color:#fff;
   }
.comment-btn--remove:hover{
   color:#fff;
   background:red;
  }
.comment-btn--remove:hover path,
   .comment-btn--remove:hover svg{
    color:#fff;
   }
.project-ctrl--trash,
.version-ctrl--delete{
}
.confirm-content{
 font-family:var(--font-family-primary);
 font-size:1.7rem;
 line-height:2.2rem;
 width:41rem;
 min-height:20rem;
 padding:3rem;
 background-color:#fff;
}
.confirm-content__btn-cell{
  display:flex;
  justify-content:center;
  -moz-column-gap:10px;
       column-gap:10px;
 }
.confirm-content__btn--delete{
   text-decoration:none;
  }
.confirm-content__btn--cancel{
   text-decoration:none;
  }
.confirm-content__title{
  display:flex;
  justify-content:center;
 }
.confirm-content__btn-cell{
  padding-top:40px;
 }
.confirm-content__btn{
  font-family:var(--font-family-primary);
  font-weight:600;
  display:block;
  padding:1rem 2rem;
  transition:linear 0.12s background;
  border-radius:0.4rem;
  will-change:background;
 }
.confirm-content__btn--delete{
   color:#fff;
   background-color:#d00;
  }
.confirm-content__btn--delete:hover{
    background-color:#f00;
   }
.confirm-content__btn--cancel{
   color:#555;
   background-color:#ccc;
  }
.confirm-content__btn--cancel:hover{
    background-color:#ddd;
   }
.micromodal-delete-comment{
 position:relative;
 z-index:1000 !important;
 top:0;
 left:0;
}
.modal__container{
 padding:0;
}
.comment-edit__area{
  font-size:16px;
  width:100%;
  min-height:15rem;
  margin:20px 0;
  padding:20px;
  border:solid #ddd 1px;
  border-radius:0.5rem;
  background-color:#fff;
 }
.comment-edit__btn-cell{
  display:flex;
  justify-content:center;
  -moz-column-gap:2rem;
       column-gap:2rem;
  padding-bottom:20px;
 }
.comment-edit__btn{
  font-size:1.5rem;
  font-weight:600;
  color:#000;
  display:inline-block;
  width:100%;
  max-width:150px;
  padding:1rem 2rem;
  transition:linear 0.12s background;
  border:solid #ddd 1px;
  background-color:#fff;
  will-change:background;
 }
.comment-edit__btn:hover{
   background-color:#ddd;
  }
.comment-edit__btn-enter{
  text-decoration:none;
 }
.comment-edit__btn-edit-cancel{
  text-decoration:none;
 }
.js-css-hidden{
 display:none !important;
}
.js-css-opacity-0{
 visibility:hidden !important;
 overflow:hidden !important;
 opacity:0 !important;
}
.to-comment-cell{
 font-size:1.6rem;
 display:flex;
 justify-content:center;
 padding:20px;
}
.micromodal-slide{
 position:relative;
 z-index:10;
 top:0;
 left:0;
}
.td-user-link{
 display:inline-block;
 padding:7px 10px;
}
.versions-serlect-box-cell select,
 .versions-serlect-box-cell option{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  overflow:hidden;
  width:250px;
 }
h1 #creatives-panel-title{
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  overflow:hidden;
  width:400px;
 }
.brd{
 border:solid #f00 10px !important;
}
button[disabled]{
 opacity:0.5;
 cursor:default;
}
.creative-crud__form{
  position:relative;
  top:0;
  left:0;
 }
.df{
 display:flex !important;
}
.form-place{
 position:relative;
 top:0;
 left:0;
}
.spinner-container{
 position:absolute;
 inset:0;
 display:none;
 justify-content:center;
 align-items:center;
}
.spinner-container .loader{
  position:relative;
  z-index:10;
  top:0;
  left:0;
 }
.spinner-container::after{
  position:absolute;
  content:"";
  background:rgba(0, 0, 0, 0.6);
  inset:0;
 }
.reply-cell{
 display:flex;
 justify-content:flex-end;
}
.reply-comment{
 padding-top:20px;
}
.reply-comment__inp-row{
 display:flex;
 -moz-column-gap:2rem;
      column-gap:2rem;
}
.reply-comment__inp-cell{
 display:flex;
 width:100%;
 min-height:1rem;
 padding:1rem 2rem;
 padding:1rem 2rem 1rem 2.5rem;
 border:1px solid rgba(180, 183, 201, 0.6);
 border-radius:0.6rem;
}
.reply-comment__inp-row{
 padding-bottom:20px;
}
.reply-comment__msg-cell{
 width:100%;
 padding:2.2rem 2rem 2.2rem 2.5rem;
 border:1px solid rgba(180, 183, 201, 0.6);
 border-radius:0.6rem;
}
.reply-comment__msg{
 font-size:1.5rem;
 font-weight:500;
 display:block;
 width:100%;
 min-height:80px;
 margin-bottom:2rem;
 padding:0.5rem 1rem;
 background:transparent;
}
.reply-comment__inp{
 font-size:1.5rem;
 font-weight:500;
 display:block;
 width:100%;
 padding:0.5rem 1rem;
 background:transparent;
}
.reply-comment__btn{
 font-family:var(--font-family-primary);
 font-size:1.6rem;
 font-weight:500;
 color:#363e49;
 padding:1.2rem 2rem;
 border-radius:0.6rem;
 background:rgba(180, 183, 201, 0.8);
}
.reply-comment__btn-cell{
 display:flex;
 justify-content:flex-end;
}
.btn-v2-cell{
 display:flex;
 justify-content:flex-end;
}
.reply-comment-collapse-expand{
 font-size:2.2rem;
 font-weight:400;
 color:orange;
 display:inline-block;
 padding-right:0.5rem;
}
.reply-comment-collapse-expand,
.diselect{
 -webkit-user-select:none;
    -moz-user-select:none;
         user-select:none;
}
.reply-comment-link{
 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;
}
.reply-comment-link,
.reply-comment-collapse-expand{
 transition:linear 0.12s color;
 will-change:color;
}
.reply-cell:hover .reply-comment-link,
  .reply-cell:hover .reply-comment-collapse-expand{
   color:red;
  }
.comment-textarea{
 padding:1.5rem 2rem 1.5rem 3.5rem;
 border-radius:6px;
}
#js-comment-textarea-2-error{
 padding:0 20px 20px;
}
.company-info-items .textarea-wrap{
  padding:0.8rem 1rem 0.5rem;
 }
.textarea-wrap input{
 padding:1rem 2rem 1rem 0;
}
.btn-v2-cell{
 padding:1rem;
}
.person-note__content{
 min-height:6rem;
}
.comment-tools{
 display:flex;
 justify-content:flex-end;
}
.group-quan-rply{
 display:flex;
 -moz-column-gap:2.5rem;
      column-gap:2.5rem;
}
.comment-tools__link{
  line-height:auto !important;
  color:#6998b8;
  text-decoration:none;
  position:relative;
  top:0;
  left:0;
  cursor:pointer;
  transition:linear 0.12s color;
  will-change:color;
 }
.comment-tools__link:hover{
   color:#007acc;
  }
.comment-tools__link-label{
  text-decoration:underline;
  position:relative;
  top:0;
  left:0;
 }
.comment-tools__svg{
  display:block;
  width:100%;
  height:auto;
 }
.comment-tools__svg--comments{
   position:absolute;
   top:0.7rem;
   left:-1.7rem;
   max-width:1.1rem;
  }
.comment-tools__svg--reply{
   position:absolute;
   top:0.7rem;
   left:-1.5rem;
   max-width:0.9rem;
  }
.js-creative-version-btn[disabled],
.js-comment-send-btn-2[disabled],
.js-reply-comment-btn[disabled]{
 opacity:0.5;
}
.comment-it .comment-it{
  padding-bottom:1rem;
 }
.comment-it .comment-it .comment-btn{
   width:2.01rem;
   height:2.01rem;
  }
.comment-it .comment-it .comment-btn svg{
    width:55% !important;
    height:auto !important;
   }
.comment-it .comment-it .comment-box__info{
   background:rgba(247, 247, 247, 0.3);
  }
.person-note__content{
 overflow-wrap:break-word;
}