@font-face{font-family:"Inter";font-style:normal;font-weight:400;src:url(fonts/Inter-Regular.ttf) format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:500;src:url(fonts/Inter-Medium.ttf) format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:600;src:url(fonts/Inter-SemiBold.ttf) format("woff2")}@font-face{font-family:"Inter";font-style:normal;font-weight:700;src:url(fonts/Inter-Bold.ttf) format("woff2")}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;src:url(fonts/Poppins-Regular.ttf) format("woff2")}@keyframes animEmojiPositiveAccessory {
  0% {
    opacity: 0;
    left: -10px;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0;
    left: -16px;
  }
  100% {
    left: -10px;
  }
}@keyframes animEmojiPositiveMouth {
  0% {
    width: 12px;
    height: 12px;
    top: 12px;
  }
  2% {
    width: 16px;
    height: 15px;
    top: 10px;
  }
  60% {
    width: 16px;
    height: 15px;
    top: 10px;
  }
  62% {
    width: 12px;
    height: 12px;
    top: 12px;
  }
}@keyframes animEmojiNegativeMouth {
  0% {
    width: 13px;
    height: 13px;
  }
  2% {
    width: 16px;
    height: 16px;
  }
  60% {
    width: 16px;
    height: 16px;
  }
  62% {
    width: 13px;
    height: 13px;
  }
}@keyframes animEmojiNegativeLeftEyes {
  0% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
    left: 7px;
  }
  2% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(20deg);
    left: 5px;
  }
  20% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(20deg);
    left: 5px;
  }
  22% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
    left: 7px;
  }
  50% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
    left: 7px;
  }
  52% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(20deg);
    left: 5px;
  }
  80% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(20deg);
    left: 5px;
  }
  82% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
    left: 7px;
  }
}@keyframes animEmojiNegativeRightEyes {
  0% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
  }
  2% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(-20deg);
  }
  20% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(-20deg);
  }
  22% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
  }
  50% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
  }
  52% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(-20deg);
  }
  80% {
    width: 7px;
    height: 2px;
    border-radius: 0;
    transform: rotate(-20deg);
  }
  82% {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(0deg);
  }
}@keyframes animEmojiEyes {
  0% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  2% {
    clip-path: polygon(0 100%, 95% 100%, 100% 95%, 0 95%);
  }
  4% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}.myMood .accessory{position:absolute}:root{--blue:#6b88db;--blue2:#4e6ec1;--blue2-btn-hover:#3050a3;--blue-light: #4e6ec114;--blue2-active: #4e6ec166;--blue2-hover: #4e6ec133;--bluero:#3ce4d4;--blue3:rgba(78,110,193,.3);--blue4:rgba(78,110,193,.7);--blue5:rgba(78,110,193,.1);--blue6:rgba(78,110,193,.4);--blue6: #4e6ec11f;--black:#394759;--black2:#345;--black3: #39475980;--lightgrey:#ebedf4;--lightgrey2:#f9fbff;--grey:#acadad;--grey1:#dadce0;--grey2:#86909b;--grey3:#9e9ea7;--grey4:#8193a8;--bg-grey:#f0f3fa;--border:#dfe5f3;--white:#fff;--white40:rgba(255,255,255,.4);--white50:rgba(255,255,255,.5);--white2: #ffffff80;--red:#f34747;--green:#25ad4b;--delete:#f77272;--text-color:#646e7d;--selected:#f0f8fe;--text-secondary:#646e7d;--audiolistlen1:calc(100% - 5px);--audiolistlen2:calc(50% - 5px);--audiolistlen3:calc(33.33% - 5px);--audiolistlen4:calc(25% - 5px);--audiolistlen5:calc(20% - 5px);--audiolistmorelen1:calc(100% - 55px);--audiolistmorelen2:calc(50% - 30px);--audiolistmorelen3:calc(33.33% - 22px);--audiolistmorelen4:calc(25% - 18px);--audiolistmorelen5:calc(20% - 15px);--modulelen1:calc(100% - 60px);--modulelen2:calc(50% - 35px);--modulelen3:calc(33.33% - 27px);--modulelen4:calc(25% - 23px);--modulelen5:calc(20% - 20px);--modulelen6:calc(16.66% - 19px);--modulelen7:calc(14.28% - 18px);--modulelen8:calc(12.5% - 17px);--modulelen9:calc(11.11% - 16px);--modulelen10:calc(10% - 15px);--modulemorelen1:calc(100% - 110px);--modulemorelen2:calc(50% - 60px);--modulemorelen3:calc(33.33% - 44px);--modulemorelen4:calc(25% - 35px);--modulemorelen5:calc(20% - 30px);--modulemorelen6:calc(16.66% - 27px);--modulemorelen7:calc(14.28% - 25px);--modulemorelen8:calc(12.5% - 23px);--modulemorelen9:calc(11.11% - 22px);--modulemorelen10:calc(10% - 20px);--color-stripe:#f2f6ff;--color-btn-primary-bg:var(--blue);--color-btn-primary-fg:var(--white);--color-input-focus-bg:var(--selected)}.darkmode{--color-stripe:var(--blue);--white:#1e1e1e;--white40:rgba(30,30,30 .4);--white50:rgba(30,30,30,.5);--black:#d4d6db;--text-color:#d4d6db;--lightgrey:#4c4c4c;--lightgrey2:rgba(255,255,255,.04);--selected:#333;--color-input-focus-bg:var(--selected);--bg-grey:#282a2d;--border:rgba(255,255,255,.2)}.orangemode{--blue2:#ff7900;--blue-light: #ff790014;--blue2-active: #ff790066;--blue2-hover: #ff790033}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scrollbar-width:thin;scrollbar-color:var(--blue2) rgba(78,110,193,.08)}html,body{height:100%;min-height:100%}body{font-family:"Inter",sans-serif;font-size:14px;display:flex;justify-content:center;padding:20px;color:var(--black);margin:auto;background-image: linear-gradient(
    121.17deg,
    #cbf3e0 0%,
    #e3e8f4 0.01%,
    #80a4fe 100%
  )}body.darkmode{background-color:#141d34;background-image:none}body>.bodyCircle1,body>.bodyCircle2{position:fixed;z-index:-1;overflow:hidden;inset:0 0 0 0}body>.bodyCircle1:before,body>.bodyCircle2:before{position:absolute;top:-260px;left:-260px;width:400px;height:400px;content:"";border:150px solid rgba(255,255,255,.3);border-radius:50%}body>.bodyCircle2:before{inset:auto -260px -260px auto}body[data-page="login"],body[data-page="404"]{padding:0}.globalContainer{position:relative;display:none;width:100%;min-width:950px;height:100%;padding:10px;border-radius:25px;background:rgba(255,255,255,.6);box-shadow:3px 3px 50px rgba(0,35,35,.05)}body.darkmode .globalContainer{background:rgba(255,255,255,.2)}body[data-page="logs"] .globalContainer,body[data-page="stats"] .globalContainer,body[data-page="library"] .globalContainer,body[data-page="settings"] .globalContainer,body[data-page="assistant"] .globalContainer,body[data-page="callback"] .globalContainer,body[data-page="tracker"] .globalContainer,body[data-page="publicstudio"] .globalContainer,body[data-page="feedback"] .globalContainer,body[data-page="treemap"] .globalContainer,body[data-page="onboarding"] .globalContainer{display:flex}body[data-page="tracker"] .globalContainer,body[data-page="publicstudio"] .globalContainer,body[data-page="feedback"] .globalContainer{#menu {
    display: none;
  }
}#body{position:relative;overflow:hidden;flex:1;height:100%;padding-bottom:15px;border-radius:20px;background-color:var(--white)}#module{position:relative;display:none;flex:1;width:calc(100% - 90px);height:100%;border-radius:20px}#module:before{position:absolute;z-index:3;visibility:hidden;content:"";transition:background-color .1s;opacity:0;border-radius:20px;background-color:var(--white);inset:0 0 0 0}#module.loading:before{visibility:visible;opacity:1}body.module #module{display:block}body.module #mainFilters>div:first-child{display:none}body.module #mainFilters>div:last-child,body.module .page_logs>.header .filters>div:last-child #mainHeader-search{width:100%}body.module #mainFilters > div > div:not(.filters-popup) {width:100%;margin-right:0}@media (min-width:1024px){body.fullscreen{padding:0}body.fullscreen .globalContainer{border-radius:0}body.fullscreen #body{}body.fullscreen #menu{}body.fullscreen>.bodyCircle1,body.fullscreen>.bodyCircle2{display:none}}@media (max-width:1023px){body{padding:0}body .globalContainer{flex-direction:column;padding:0 0 0;border-radius:0}body #body{flex:none;height:calc(100% - 56px);padding:0;border-radius:0}body[data-page="onboarding"] #body{height:100%}.globalContainer{min-width:0}}@media screen and (min-width:2000px){body,body.fullscreen{padding-block:2%;max-width:1920px}body.fullscreen .globalContainer{padding:10px;border-radius:25px}body.fullscreen #body{border-radius:20px}body.fullscreen #menu{border-radius:20px}body.fullscreen>.bodyCircle1,body.fullscreen>.bodyCircle2{display:block}}@media screen and (min-width:3200px){body,body.fullscreen{max-width:2560px;padding:4%}}.flex{display:flex}.align-center{align-items:center}.space-between{justify-content:space-between}.visible{visibility:visible!important}.text-center{text-align:center!important}input{transition:.2s}input.error,#settings-popup-moment-team.error,.duration-container.error,.duration-container.error input,#scorecard-script_text.error,#scorecard-prompt.error{border-color:#f5c6cb!important;background-color:#f8d7da!important}.platform{text-transform:capitalize}.hidescrollbar::-webkit-scrollbar-thumb,.hidescrollbar::-webkit-scrollbar-thumb:hover{background-color:transparent}*::-webkit-scrollbar-track{background-color:transparent}*::-webkit-scrollbar-thumb{border-radius:20px;background-color:var(--blue2)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{transition:.2s;background:var(--blue2)}::-webkit-scrollbar-thumb:hover{background:var(--blue2)}h1{font-size:28px;font-weight:600;line-height:34px;margin-bottom:30px}input,textarea{font-family:Inter}input::placeholder,textarea::placeholder{color:var(--grey)}input:focus{border-color:var(--grey)!important;outline:none}.darkmode
  :where(
    select,
    input,
    textarea,
    .select-color,
    .select-flag,
    .select-color > .options,
    .select-flag > .dropdown
  ) {color:#fff;background-color:var(--selected)!important}.darkmode textarea{outline:none}.relative{position:relative}.btn{cursor:pointer;user-select:none;transition:opacity .2s ease-in-out , transform .2s ease-in-out;&:hover {
    opacity: 0.7;
  }
  &:active {
    transform: scale(0.96);
  }
  &.loading {
    opacity: 0.5;
    cursor: progress;
  }

  &.primary {
    border-radius: 8px;
    background-color: var(--blue2);
    color: #ffffff;

    &:hover {
      opacity: 1;
      background-color: var(--blue2-btn-hover);
    }
  }

  &.secondary {
    border-radius: 8px;
    background-color: rgba(78, 110, 193, 0.08);
    color: var(--blue2);

    &:hover {
      opacity: 1;
      color: var(--blue2-btn-hover);
      background-color: rgba(78, 110, 193, 0.2);
    }
  }

  &.tertiary {
    border-radius: 8px;
    background-color: var(--white);
    color: var(--blue2);
    border: 1px solid var(--blue2);

    &:hover {
      opacity: 1;
      color: var(--blue2-btn-hover);
      border-color: var(--blue2-btn-hover);
      background-color: rgba(78, 110, 193, 0.2);
    }
  }
}.hide{visibility:hidden!important;opacity:0!important}.hidden{display:none!important}.switch-container{font-size:13px;line-height:16px;display:flex;align-items:center}.switch-container .switch{position:relative;width:44px;height:28px;margin-right:16px;cursor:pointer;transition:.2s;border-radius:40px;background-color:var(--border)}.switch-container .switch:before{position:absolute;top:2.5px;left:2.5px;width:23px;height:23px;content:"";transition:.2s;border-radius:50%;background-color:var(--white)}.switch-container .switch:hover{opacity:.7}.switch-container .switch.on{background-color:var(--blue2)}.switch-container .switch.on:before{left:18.5px;background-color:var(--white)}.switch-container .switch.wait{cursor:wait;opacity:.5}.switch-container .switch.disabled{cursor:not-allowed!important;background-color:var(--grey1)}.switch-container .switch.disabled:before{background-color:var(--white40)}.tooltipDiv{position:relative;.tooltip-text {
    position: absolute;
    z-index: 11;
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(5px);
    width: max-content;
    padding: 2px 8px;
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #f9fbff;
    background-color: #393b3d;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #fff;

    &.up {
      top: 0;
      transform: translateX(-50%) translateY(-100%);
    }

    &.rightAlign {
      left: unset;
      right: 0;
      transform: translateY(5px);
    }

    &.upRightAlign {
      top: 0;
      left: unset;
      right: 0;
      transform: translateY(-100%);
    }
  }

  &:hover {
    .tooltip-text {
      display: flex;
    }
  }
}.tooltip[data-tooltip]{position:relative;&:hover:before {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    width: max-content;
    padding: 2px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #f9fbff;
    background-color: #393b3d;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
  }

  &.up:hover:before {
    top: 0;
    transform: translateX(-50%) translateY(-100%);
  }

  &.rightAlign:hover:before {
    left: unset;
    right: 0;
    transform: translateY(5px);
  }

  &.upRightAlign:hover:before {
    top: 0;
    left: unset;
    right: 0;
    transform: translateY(-100%);
  }

  &.upLeftAlign:hover:before {
    top: 0;
    right: unset;
    left: 0;
    transform: translateY(-100%);
  }
}#body:not(.admin) .onlyAdmin,
#body:not(.supervisor) .onlySupervisor {display:none!important}#menu{position:relative;z-index:11;display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:100%;margin-right:10px;width:80px;padding:20px 16px;border-radius:20px;background-color:var(--white)}body[data-page="login"] #menu,body[data-page="onboarding"] #menu,body[data-page="callback"] #menu{display:none}#menu .logo{position:relative;width:44px;height:44px;flex-shrink:0;background: no-repeat center / contain;background-image:url(/img/mainlogo_empower.svg)}.darkmode #menu .load-more{background:#2c2c2c;&::before {
    filter: brightness(5);
  }
}.orangemode #menu .logo{background-image:url(/img/mainlogo_empower_orange.svg)}#menu .load-more{position:relative;width:17px;height:17px;cursor:pointer;.tooltip {
    position: absolute;
    z-index: 999;
    left: 50px;
    transform: translateY(-70%);
    top: 30px;
    visibility: hidden;
    width: max-content;
    white-space: nowrap;
    translate: 0.2s;
    padding: 2px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #f9fbff;
    background-color: #393b3d;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    color: #fff;
  }
  /* .tooltip {
    line-height: 32px;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: -5px;
    visibility: visible;
    height: 32px;
    padding: 0 8px;
    transition: .2s;
    transform: translate(100%, -50%);
    white-space: nowrap;
    opacity: 0;
    color: #fff;
    border-radius: 8px;
    background-color: #000;
  } */
  &:hover {
    .tooltip {
      opacity: 1;
      visibility: visible;
    }
  }
  &::before {
    content: "";
    display: block;
    background: no-repeat center;
    width: 20px;
    padding: 4px;
    height: 20px;
    background-image: url("/img/icon/mainmenu_loadmore.svg");
  }
  background: #f9fbff;padding:8px;height:44px;width:44px;border-radius:16px}#menu .nav{display:flex;align-items:center;flex-direction:column;gap:16px}#menu .nav div.feature,#menu .nav>a{position:relative;display:block;width:44px;height:44px;border-radius:16px;&:hover {
    opacity: 1;
  }

  &:focus-visible {
    outline: none;
  }
}.darkmode #menu .nav div.feature{box-shadow:none!important}#menu .nav div.feature>a:hover{opacity:1}#menu .nav>a .tooltip,#menu .nav div.feature>a .tooltip,#menuProfile .tooltip{position:absolute;z-index:999;left:50px;top:50%;transform:translateY(-50%);visibility:hidden;width:max-content;white-space:nowrap;translate:.2s;padding:2px 8px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #f9fbff;background-color:#393b3d;font-size:12px;font-weight:500;line-height:21px;color:#fff}#menu .nav .profile-popup{position:absolute;left:70px;bottom:0;display:none;&.fopen {
    display: flex;
  }
}#menu .nav div.feature:not(.new) > a:hover .tooltip,
#menu .nav div.feature > a:hover .tooltip,
#menu .nav > a:hover .tooltip,
#menuProfile:hover .tooltip {visibility:visible;opacity:1}#menu .nav div.feature:hover,#menu .nav>a:hover{background-color:rgba(78,110,193,.2)}#menu .nav div.feature>a:before,#menu .nav>a:before{position:absolute;top:50%;left:50%;width:20px;height:20px;content:"";transform:translate(-50%,-50%);background: no-repeat center / contain}#menu .nav>a.logs:before{background-image:url(/img/icon/mainmenu_logs.svg)}#menu .nav>a.videos:before{background-image:url(/img/icon/menu-videos.svg)}#menu .nav>a.unknow:before{background-image:url(/img/icon/menu-unknow.svg)}#menu .nav>a.stats:before{background-image:url(/img/icon/mainmenu_stats.svg)}#menu .nav>a.library:before{background-image:url(/img/icon/mainmenu_library.svg)}#menu .nav>a.treemap:before{background-image:url(/img/icon/menu-treemap.svg)}#menu .nav>a.settings:before{background-image:url(/img/icon/mainmenu_settings.svg)}#menu .nav div.feature>a.assistant:before{background-image:url(/img/icon/mainmenu_bot.svg)}#menu .nav>a.recorder{background:var(--lightgrey2);&:hover {
    background: rgba(78, 110, 193, 0.2);
  }
}#menu .nav>a.recorder:before{background-image:url(/img/icon/menu-recorder.svg)}#menu .nav>a.recorder:after{font-size:8px;font-weight:600;position:absolute;z-index:2;bottom:41px;left:50%;padding:4px 7px;content:"RECORDER";transform:translateX(-50%);color:#fff;border-radius:8px;background-color:var(--blue2);line-height:12px}body[data-page="logs"] #menu .nav>a.logs:before{width:24px;height:24px;background-image:url(/img/icon/mainmenu_logs-white.svg)}body[data-page="stats"] #menu .nav>a.stats:before{width:24px;height:24px;background-image:url(/img/icon/mainmenu_stats-white.svg)}body[data-page="library"] #menu .nav>a.library:before{width:24px;height:24px;background-image:url(/img/icon/folder2.svg)}body[data-page="treemap"] #menu .nav>a.treemap:before{background-image:url(/img/icon/menu-treemap-white.svg)}body[data-page="settings"] #menu .nav>a.settings:before{background-image:url(/img/icon/mainmenu_settings-white.svg)}body[data-page="assistant"] #menu .nav div.feature>a.assistant:before{background-image:url(/img/icon/mainmenu_bot-white.svg)}body[data-page="logs"] #menu .nav>a.logs,body[data-page="videos"] #menu .nav>a.videos,body[data-page="unknow"] #menu .nav>a.unknow,body[data-page="stats"] #menu .nav>a.stats,body[data-page="library"] #menu .nav>a.library,body[data-page="settings"] #menu .nav>a.settings,body[data-page="treemap"] #menu .nav>a.treemap,body[data-page="assistant"] #menu .nav div.feature{background-color:var(--blue2)}.darkmode #menu .nav div.feature,.darkmode #menu .nav>a{background-color:#2c2c2c;box-shadow:none!important}#menuProfile{position:relative;width:44px;height:44px;border-radius:50%;opacity:1!important;background: no-repeat center / cover}.nav:has(#globalNotificationPopup.open) #globalNotification {background-image:url(/img/icon/bell2-white.svg);background-color:var(--blue2);&.new {
    &::after {
      display: none !important;
    }
  }
}#globalNotification{position:relative;width:44px;display:none;height:44px;border-radius:16px;opacity:1!important;background: var(--lightgrey2) url("/img/icon/bell2.svg") no-repeat center /
    24px;position:relative;&:hover {
    background-color: rgba(78, 110, 193, 0.2);
  }
  &.new {
    &::after {
      display: block;
      position: absolute;
      content: "";
      right: 10px;
      top: 10px;
      background: #ff6b6b;
      border-radius: 100%;
      width: 8px;
      height: 8px;
    }
  }
}.darkmode #globalNotification{background-color:#2c2c2c}body .beamer_defaultBeamerSelector{right:10px;bottom:10px;width:40px;height:40px;background-size:20px}#menu .nav .newFeature{position:absolute;z-index:1000;top:50%;right:-15px;display:none;align-items:center;padding:8px;cursor:pointer;transform:translate(100%,-50%);white-space:nowrap;border:1px solid var(--lightgrey2);border-radius:12px;background:#393b3d;box-shadow:5px 11px 40px 0 rgba(18,18,18,.2)}#menu .nav div.new{position:relative}#menu .nav div.new > a:not(.hidden) + .newFeature {display:flex}#menu .nav .newFeature .leftArrow{position:absolute;z-index:1001;top:50%;left:-7px;width:0;height:0;transform:translateY(-50%);border-top:8px solid transparent;border-right:8px solid #393b3d;border-bottom:8px solid transparent}#menu .nav .newFeature .new{font-size:10px;font-weight:700;padding:4px 6px;text-align:center;text-transform:uppercase;color:#fff;border-radius:5px;background:linear-gradient(141deg,#448dfb 10.08%,#b1b4ff 98.58%)}#menu .nav .newFeature .text{font-size:16px;font-weight:600;line-height:24px;margin-left:8px;color:#fff}#menu .nav .newFeature .closeIcon{width:20px;height:20px;margin-left:20px;padding:4px}@media (max-height:630px){body>.bodyCircle1,body>.bodyCircle2{display:none}.globalContainer{width:100%;height:100%}body{padding:0}}@media (min-width:1024px){body[data-page="logs"] #menu .nav>a.logs:before,body[data-page="videos"] #menu .nav>a.videos:before,body[data-page="unknow"] #menu .nav>a.unknow:before,body[data-page="stats"] #menu .nav>a.stats:before,body[data-page="settings"] #menu .nav>a.settings:before,body[data-page="assistant"] #menu .nav div.feature>a.assistant:before,.darkmode #menu .nav div.feature>a:before,.darkmode #menu .nav>a:before{filter:brightness(3)}}@media (max-width:1023px){#menu .nav .newFeature{display:none!important}#menu{z-index:3;flex-direction:row;justify-content:flex-start;order:1;width:100%;height:56px;margin:0;padding:0;border-top:2px solid var(--lightgrey);border-radius:0;inset:auto 0 0 0;overflow:hidden}#menu .logo,#menu .load-more{display:none}#ddlp.content-box{display:none}#menu .nav{display:flex;align-items:center;flex-direction:row;flex:1;justify-content:space-around;height:100%;padding:0;gap:0;&:last-child {
      flex: 0;
    }
  }#menu .nav div.feature,#menu .nav>a{opacity:1;background-color:transparent!important;box-shadow:none!important}#menu .nav .recorder{display:none}body>.bodyCircle1,body>.bodyCircle2{display:none}#menu .nav div.feature>a .tooltip,#menu .nav>a .tooltip,#menuProfile .tooltip{display:none;transform:translate(-50%,-100%);background-color:#333;inset:-10px auto auto 50%}#menu .nav .profile-popup{right:60px;left:auto;transform:translateY(-10px)}#menuProfile{width:30px;height:30px;margin-left:20px;margin-right:30px;opacity:1!important}.beamer_defaultBeamerSelector{bottom:80px!important}body[data-page="logs"] #menu .nav>a.logs:before{background-image:url(/img/icon/menu-logs-mobile.svg)}body[data-page="stats"] #menu .nav>a.stats:before{background-image:url(/img/icon/menu-stats-mobile.svg)}body[data-page="library"] #menu .nav>a.library:before{background-image:url(/img/icon/folder.svg)}body[data-page="settings"] #menu .nav>a.settings:before{background-image:url(/img/icon/menu-settings-mobile.svg)}}.page_login{display:flex;align-items:center;height:100%}.page_login .background{position:absolute;width:calc(100% - 1200px);background-image:linear-gradient(141.18deg,#448dfb 10.08%,#b1b4ff 98.58%);inset:0 0 0 auto}.page_login .background:before{position:absolute;content:"";opacity:.2;background: no-repeat center / cover;background-image:url(/img/login-bubbles.svg);inset:0 0 0 0}.page_login .logo{width:60px;margin-bottom:40px}.page_login h1{font-size:44px;line-height:46px}.page_login .form-container{display:flex;align-items:center;flex-direction:column;width:800px}.page_login form{width:378px}.page_login form label{font-size:10px;font-weight:600;line-height:12px;display:inline-block;margin-bottom:8px;cursor:pointer}.page_login form input{line-height:50px;width:100%;height:50px;padding:0 24px;border:2px solid var(--lightgrey);border-radius:10px}.page_login form #login-email{margin-bottom:22px}.page_login form #login-password{padding-right:38px}.page_login form .password-container{position:relative;margin-bottom:35px}.page_login form .password-container .login-forgotPassword{font-size:12px;line-height:15px;position:absolute;right:0;bottom:-8px;cursor:pointer;transform:translateY(100%);color:var(--blue)}.page_login form .password-container .login-forgotPassword:hover{text-decoration:underline}.page_login form .password-container .login-showPassword{position:absolute;top:50%;right:14px;width:24px;height:24px;cursor:pointer;transition:.2s;transform:translateY(-50%);background: no-repeat center / contain;background-image:url(/img/icon/eye.svg)}.page_login form .password-container .login-showPassword:hover{opacity:.7}.page_login form #signinButton{font-size:15px;font-weight:600;line-height:50px;width:100%;height:50px;margin:40px 0 20px;color:var(--white);border:none;border-radius:10px;background-color:var(--blue2)}.page_login form .noaccount{font-weight:500;text-align:center;color:var(--grey)}.page_login form .noaccount a{margin-left:8px;text-decoration:none;color:var(--blue)}.page_login form .noaccount a:hover{text-decoration:underline}.page_login .login-woman{position:relative;width:794px;height:919px;border-radius:20px;background: no-repeat center / cover;background-image:url(/img/login-woman.jpg)}.page_login_failed{display:flex;align-items:center;justify-content:center;height:100%}.page_login_failed .background{position:absolute;width:100%;background-image:linear-gradient(141.18deg,#448dfb 10.08%,#b1b4ff 98.58%);inset:0 0 0 auto}.page_login_failed .background:before{position:absolute;content:"";opacity:.2;background: no-repeat center / cover;background-image:url(/img/login-bubbles.svg);inset:0 0 0 0}.page_login_failed .popon{z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;width:400px;height:200px;text-align:center;border-radius:10px;background-color:#fff}.page_login_failed .popon .btn{font-weight:bold;width:150px;margin-top:20px;padding:10px 20px;color:#fff;border-radius:5px;background-color:#69a4fc}.darkmode .resync-popup .resyncPopup{border:1px solid #fff;.bodyPopup {
    .subhead {
      color: #fff;
    }
  }
  .head {
    .cross {
      background-image: url("/img/icon/close-white.svg");
    }
  }
}.resync-popup{position:fixed;z-index:100001;width:100%;height:150%;top:-10%;background-color:red;display:none;justify-content:center;background:rgba(0,0,0,.2);.resyncPopup {
    position: relative;
    z-index: 100002;
    transform: translateY(-125px);
    background-color: var(--white);
    max-width: 533px;
    border-radius: 20px;
    &.fopen {
      display: flex;
    }
    display: flex;
    margin: auto;
    padding: 20px;

    margin: auto;
    /* display: none; */
    flex-direction: column;
    gap: 40px;
    justify-self: center;
    box-shadow: 1px 6px 30px 0px #1212121a;
    .head {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .heading {
        font-family: Poppins;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;

        background: no-repeat center left / 20px;
        padding-left: 30px;
        background-image: url("/img/icon/warning_yellow.svg");
      }
      .cross {
        cursor: pointer;
        z-index: 100005;
        &:hover {
          opacity: 0.7;
        }
        height: 10px;
        width: 10px;
        background: no-repeat center / contain;
        background-image: url("/img/icon/close.svg");
      }
    }
    .bodyPopup {
      max-width: 433px;
      text-align: center;
      box-shadow: 1px 6px 20px 0px #1212120d;
      border: 1px solid var(--blue2);
      border-radius: 16px;
      margin: auto;
      padding: 16px;
      background: var(--blue-light);
      .head {
        font-family: "Inter";
        font-weight: 600;
        font-size: 16px;
        line-height: 21px;
        letter-spacing: 0px;
        text-align: center;
        padding-bottom: 10px;
        justify-content: center;
      }
      .subhead {
        font-family: "Inter";
        font-weight: 400;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0px;
        text-align: center;
        color: var(--text-color);
      }
    }
    .resyncButton {
      width: 100%;
      cursor: pointer;
      background: var(--blue2);
      border-radius: 12px;
      height: 48px;
      font-family: "Inter";
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      display: flex;
      justify-content: center;
      padding: 12px;
      .loader {
        display: none;
      }
      &:hover {
        opacity: 0.7;
      }
      color: var(--white);
      &.loading {
        cursor: wait;
        pointer-events: none;
        opacity: 0.7;
      }

      &.loading .loader {
        display: block;
        height: 80%;
        max-height: 30px;
        animation: loading-rotate 2s linear infinite;
        aspect-ratio: 1;
      }

      &.loading .value {
        display: none;
      }
    }
  }
}#mainHeader-calendar-popup{max-width:100%;box-shadow:1px 6px 30px 0 rgba(18,18,18,.1);display:flex;flex-direction:column;justify-content:center;gap:28px;align-items:stretch;transition:.2s;z-index:12;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);opacity:1;background-color:var(--white);max-height:100%;width:368px;padding:20px;border-radius:16px;padding-right:12px}#mainHeader-calendar-popup+.closeLogsCalendarPopup{opacity:0;visibility:hidden;position:fixed;inset:0 0 0 0;z-index:11;transition:.2s;background-color:rgba(0,0,0,.1)}#mainHeader-calendar-popup.fopen{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}#mainHeader-calendar-popup.fopen+.closeLogsCalendarPopup{opacity:1;visibility:visible}#mainHeader-calendar-popup .close{cursor:pointer;position:absolute;right:15px;top:12px;width:40px;height:40px;border-radius:50%;background: var(--white) no-repeat center / 12px;background-image:url(/img/icon/close.svg);z-index:2}.darkmode #mainHeader-calendar-popup .close{background-image:url(/img/icon/close-darkmode.svg)}#mainHeader-calendar-popup .title{font-size:16px;font-weight:600;line-height:24px}#mainHeader-calendar-popup .calendar-container .header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#mainHeader-calendar-popup .calendar-container .header .text{display:flex;gap:10px}#mainHeader-calendar-popup .calendar-container .header .text>span{font-size:16px;font-weight:600;line-height:24px;color:var(--text-color)}#mainHeader-calendar-popup .calendar-container .header .actions{display:flex;align-items:center;gap:16px}#mainHeader-calendar-popup .calendar-container .header .actions>div{cursor:pointer;height:20px;width:20px;background: no-repeat center / contain;background-image:url(/img/icon/chevron3.svg)}#mainHeader-calendar-popup .calendar-container .header .actions .mainHeader-calendar-month-next{transform:rotate(180deg)}#mainHeader-calendar-popup .calendar-container .horizontal-line{width:100%;height:1px;background:#dfe5f3;margin-bottom:20px}#mainHeader-calendar-popup .daysName{display:flex;gap:8px;width:100%;margin-bottom:16px}#mainHeader-calendar-popup .days{display:flex;flex-wrap:wrap;gap:8px 8px;width:100%}#mainHeader-calendar-popup .daysName>div{text-transform:uppercase;width: calc((100% - 48px) / 7);height:18px;font-size:12px;font-weight:600;line-height:18px;text-align:center;color:var(--text-color)}#mainHeader-calendar-popup .days>div{text-transform:uppercase;width: calc((100% - 48px) / 7);height:40px;border-radius:8px;font-size:14px;font-weight:600;line-height:40px;text-align:center}#mainHeader-calendar-popup .mainHeader-calendar-footer{width:100%;display:flex;align-items:center;gap:16px}#mainHeader-calendar-popup .mainHeader-calendar-footer .btn{flex:1;height:48px;padding:0 20px;text-align:center;border-radius:12px;background:var(--blue2);color:#fff;font-size:16px;font-weight:600;line-height:48px}#mainHeader-calendar-popup .mainHeader-calendar-footer .btn#mainHeader-calendar-cancel{background:var(--white);border:1px solid var(--blue2);color:var(--blue2)}#mainHeader-calendar-popup .mainHeader-calendar-day{cursor:pointer;transition:.2s;position:relative}#mainHeader-calendar-popup .mainHeader-calendar-day.notCurrentMonth{visibility:hidden}#mainHeader-calendar-popup .mainHeader-calendar-day:hover{opacity:.7}#mainHeader-calendar-popup .mainHeader-calendar-day.outrange{background-color:rgba(255,0,0,.1);border-radius:0}#mainHeader-calendar-popup .mainHeader-calendar-day.selected{background-color:rgba(78,110,193,.08);color:var(--blue2);border-radius:8px}#mainHeader-calendar-popup .mainHeader-calendar-day.selected.first,#mainHeader-calendar-popup .mainHeader-calendar-day.selected.last{background-color:var(--blue2);color:var(--white)}#mainHeader-calendar-popup .mainHeader-calendar-day.futur,#mainHeader-calendar-popup .mainHeader-calendar-day.past{background-color:var(--lightgrey);opacity:.5;cursor:not-allowed;border-radius:0}#mainHeader-calendar-popup .mainHeader-calendar-day.today:before{content:"";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--blue2);left:50%;bottom:6px;transform:translateX(-50%)}#mainHeader-calendar-popup .mainHeader-calendar-day.today.selected:before{background-color:var(--white)}.ro-dialog{position:fixed;inset:0 0 0 0;z-index:15;background-color:rgba(0,0,0,.5);opacity:0;transition:all .2s ease}.ro-dialog.open{opacity:1}@media (min-width:675px){#popupNewAudio .dialog{min-width:675px;max-width:675px}}.dialog{position:absolute;background-color:var(--white);border-radius:20px;overflow:auto;padding:20px;box-shadow:0 4px 24px 0 rgba(0,0,0,.05);top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;.dialog h1 {
    line-height: 36px;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
  }
}#popupNewAudio form{display:flex;flex-direction:column}#popupNewAudio .close{position:absolute;top:20px;right:20px;width:36px;height:36px;border:1px solid transparent;border-radius:4px;background: no-repeat center / 14px;background-image:url(/img/icon/close.svg)}#popupNewAudio .close:hover{border-color:var(--lightgrey)}#popupNewAudio .icon{height:60px;background: no-repeat center / contain;background-image:url(/img/icon/upload.svg)}#popupNewAudio h1{font-size:24px;font-weight:600}#popupNewAudio .text{line-height:24px;font-size:16px;font-weight:600}#popupNewAudio .format{font-size:14px;line-height:21px;margin-bottom:32px;color:var(--text-secondary)}#popupNewAudio-upload-container{text-align:center;background: rgba(78, 110, 193, 0.1) no-repeat right 70px center / 80px;padding:20px;border:1px dashed var(--blue2);border-radius:20px}#popupNewAudio-upload-container.dropzone.dragover{border-color:var(--blue);background-color:rgba(78,110,193,.2)}#popupNewAudio-upload-browse{display:inline-block;background-color:var(--white);border-radius:10px;min-height:48px;line-height:48px;border:1px solid var(--lightgrey);color:var(--blue2);font-weight:600;font-size:14px;padding:0 30px;margin-top:20px}#popupNewAudio-files{opacity:0;visibility:hidden;width:1px;height:1px;position:absolute;left:0;top:0;overflow:hidden}#popupNewAudio-filesContainer{display:flex;flex-direction:column;gap:10px}#popupNewAudio-filesContainer:not(:empty) {margin-top:30px}#popupNewAudio-filesContainer+.submit{display:none}#popupNewAudio-filesContainer:not(:empty) + .submit {display:inline-block}#popup-searchResult{display:none;position:absolute;left:50%;top: calc(100% + 10px);transform:translateX(-50%);z-index:3;background-color:var(--white);width:354px;height:379px;padding:12px;border-radius:16px;box-shadow:1px 6px 30px 0 rgba(18,18,18,.1);overflow:hidden}#popup-searchResult.fopen{display:block}#popup-searchResult .searchActionsContainer{position:relative;width:100%;height:38px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe5f3;overflow:hidden;transition:left .5s ease-in-out}#popup-searchResult .searchActionsContainer.next .searchActions{left:-190px}#popup-searchResult .searchActionsContainer .searchActions{position:absolute;left:0;top:0;overflow:hidden;display:flex;align-items:center;gap:8px;justify-content:flex-start}#popup-searchResult .searchActionsContainer .searchActions>div{white-space:nowrap;padding:4px 8px 4px 30px;border:1px solid var(--blue2);border-radius:16px;font-size:12px;font-weight:400;line-height:18px;background: no-repeat left 8px center / 16px 16px;background-color:rgba(78,110,193,.08);&:hover {
    opacity: 1;
    color: var(--blue2-btn-hover);
    background-color: rgba(78, 110, 193, 0.2);
  }
}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyUsers{background-image:url(/img/icon/user4.svg)}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyContacts{background-image:url(/img/icon/contact.svg)}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyMoments{background-image:url(/img/icon/moment5.svg)}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyPhone{background-image:url(/img/icon/phone3.svg)}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyUUID{background-image:url(/img/icon/hashtag.svg)}#popup-searchResult .searchActionsContainer .searchActions>div.showOnlyFolder{background-image:url(/img/icon/folder4.svg)}#popup-searchResult.showOnlyUsers .searchActionsContainer .searchActions>div.showOnlyUsers{background-image:url(/img/icon/user4-white.svg)}#popup-searchResult.showOnlyContacts .searchActionsContainer .searchActions>div.showOnlyContacts{background-image:url(/img/icon/contact-white.svg)}#popup-searchResult.showOnlyMoments .searchActionsContainer .searchActions>div.showOnlyMoments{background-image:url(/img/icon/moment5-white.svg)}#popup-searchResult.showOnlyPhone .searchActionsContainer .searchActions>div.showOnlyPhone{background-image:url(/img/icon/phone3-white.svg)}#popup-searchResult.showOnlyUUID .searchActionsContainer .searchActions>div.showOnlyUUID{background-image:url(/img/icon/hashtag-white.svg)}#popup-searchResult.showOnlyFolder .searchActionsContainer .searchActions>div.showOnlyFolder{background-image:url(/img/icon/folder4-white.svg)}#popup-searchResult .searchActionsContainer .leftShift,#popup-searchResult .searchActionsContainer .rightShift{position:absolute;z-index:1;left:0;top:0;height:28px;width:30px;background-color:var(--white);display:none;align-items:center;justify-content:flex-start}#popup-searchResult .searchActionsContainer .rightShift{display:flex;left:unset;right:0;justify-content:flex-end}#popup-searchResult .searchActionsContainer .leftShift>div,#popup-searchResult .searchActionsContainer .rightShift>div{width:18px;height:26px;border-radius:8px;background: no-repeat center / 8px 13.3px;background-image:url(/img/icon/chevron.svg);background-color:#f0f3fa}#popup-searchResult .searchActionsContainer .rightShift>div{transform:rotate(180deg)}.darkmode #popup-searchResult .searchActionsContainer .leftShift>div,.darkmode #popup-searchResult .searchActionsContainer .rightShift>div{background-color:rgba(78,110,193,.1)}#popup-searchResult .searchActionsContainer.next .leftShift{display:flex}#popup-searchResult .searchActionsContainer.next .rightShift{display:none}#popup-searchResult.showOnlyUsers .searchActionsContainer .searchActions>div.showOnlyUsers,#popup-searchResult.showOnlyContacts .searchActionsContainer .searchActions>div.showOnlyContacts,#popup-searchResult.showOnlyMoments .searchActionsContainer .searchActions>div.showOnlyMoments,#popup-searchResult.showOnlyPhone .searchActionsContainer .searchActions>div.showOnlyPhone,#popup-searchResult.showOnlyUUID .searchActionsContainer .searchActions>div.showOnlyUUID,#popup-searchResult.showOnlyFolder .searchActionsContainer .searchActions>div.showOnlyFolder{background-color:var(--blue2);color:#fff}#searchResult-list{height:calc(100% - 38px);width:100%;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start}#searchResult-list>div{width:100%;height:36px;padding:0 8px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:12px;justify-content:flex-start;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#searchResult-list>div:hover{background-color:rgba(78,110,193,.08)}#searchResult-list>div .icon{flex-shrink:0;width:20px;height:20px;border-radius:4px;background: no-repeat center / 16px 16px;background-color:rgba(78,110,193,.08)}#searchResult-list>div.searchByUsers .icon{background-image:url(/img/icon/user4.svg)}#searchResult-list>div.searchByContacts .icon{background-image:url(/img/icon/contact.svg)}#searchResult-list>div.searchByMoments .icon{background-image:url(/img/icon/moment5.svg)}#searchResult-list>div.searchByPhone .icon{background-image:url(/img/icon/phone3.svg)}#searchResult-list>div.searchByUUID .icon{background-image:url(/img/icon/hashtag.svg)}#searchResult-list>div.searchByFolder .icon{background-image:url(/img/icon/folder4.svg)}#popup-searchResult .user{display:flex;align-items:center;gap:8px}#popup-searchResult .user .picture{flex-shrink:0;width:20px;height:20px;border-radius:50%;background: no-repeat center / cover;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:bold;color:#fff}#popup-searchResult .momentDiv{width:max-content;max-width:87%;height:22px;padding:3px 5px;border-radius:6px;display:flex;align-items:center;gap:6px}#popup-searchResult .momentDiv .emoji+span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#popup-searchResult:where(
    .showOnlyUsers,
    .showOnlyContacts,
    .showOnlyMoments,
    .showOnlyPhone,
    .showOnlyUUID,
    .showOnlyFolder
  )
  #searchResult-list
  > div {display:none}#popup-searchResult.showOnlyUsers #searchResult-list>div.searchByUsers,#popup-searchResult.showOnlyContacts #searchResult-list>div.searchByContacts,#popup-searchResult.showOnlyMoments #searchResult-list>div.searchByMoments,#popup-searchResult.showOnlyPhone #searchResult-list>div.searchByPhone,#popup-searchResult.showOnlyUUID #searchResult-list>div.searchByUUID,#popup-searchResult.showOnlyFolder #searchResult-list>div.searchByFolder{display:flex}#mainHeader-search-active{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;flex-shrink:0;border-radius:16px;padding:8px 8px 8px 40px;display:none;align-items:center;justify-content:space-between}#mainHeader-search-active>div{border:1px solid var(--blue2);background-color:rgba(78,110,193,.08);height:26px;max-width:60%;padding:0 8px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:6px;justify-content:flex-start;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#mainHeader-search-active>div .icon{flex-shrink:0;width:16px;height:16px;border-radius:50%;background: no-repeat center / 12.8px 12.8px;background-color:rgba(78,110,193,.08)}#mainHeader-search-active>div.searchByUsers .icon{display:none}#mainHeader-search-active>div.searchByContacts .icon{background-image:url(/img/icon/contact.svg)}#mainHeader-search-active>div.searchByPhone .icon{background-image:url(/img/icon/phone3.svg)}#mainHeader-search-active .user{display:flex;align-items:center;gap:6px}#mainHeader-search-active .user .picture{flex-shrink:0;width:16px;height:16px;border-radius:50%;background: no-repeat center / cover;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:bold;color:#fff}#mainHeader-search-active .momentDiv{width:max-content;max-width:87%;height:22px;padding:3px 5px;border-radius:6px;display:flex;align-items:center;gap:6px}#mainHeader-search-active .momentDiv .emoji+span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#mainHeader-search-active .removeSearch{flex-shrink:0;width:16px;height:16px;background: no-repeat center / contain;background-image:url(/img/icon/close-circle.svg)}#mainHeader-moments-popup-moments{display:flex;flex-direction:column;flex:1;max-height:250px;overflow:auto}#mainHeader-moments-popup-moments .log-moments-popup-moment,#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment{font-weight:500;display:flex;overflow:hidden;align-items:center;flex-shrink:0;height:40px;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;color:var(--black);border:3px solid var(--white);border-radius:10px;background:none!important}#mainHeader-moments-popup-moments .log-moments-popup-moment .emoji,#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment .emoji{margin-right:10px}#mainHeader-moments-popup-moments .log-moments-popup-moment .emoji+span,#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment .emoji+span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment,#mainHeader-moments-popup-moments .log-moments-popup-moment{order:2;margin:0 0 8px 0;padding-right:55px;position:relative}#mainHeader-moments-popup-moments .moment{cursor:pointer}#mainHeader-moments-popup-moments .moment.disabled{cursor:not-allowed;opacity:.7;order:0!important}#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment:before,#mainHeader-moments-popup-moments .log-moments-popup-moment:before{content:"";position:absolute;width:25px;height:25px;top:50%;right:20px;transform:translateY(-50%);background: var(--white) no-repeat center / 18px;border:1px solid var(--lightgrey);border-radius:5px}#mainHeader-moments-popup-moments
  .mainHeader-moments-popup-moment:not(.selected),
#mainHeader-moments-popup-moments .log-moments-popup-moment:not(.selected) {order:999999}#mainHeader-moments-popup-moments .mainHeader-moments-popup-moment.selected:before,#mainHeader-moments-popup-moments .log-moments-popup-moment.selected:before{background-image:url(/img/icon/check.svg)}.myMood{position:relative;flex-shrink:0;width:30px;height:30px;border-radius:50%;background-image:linear-gradient(141.18deg,#f7db7b 10.08%,#f8bf2c 98.58%)}.myMood:before{position:absolute;top:9px;left:7px;width:4px;height:4px;content:"";border-radius:50%;background-color:#394759}.myMood:after{position:absolute;z-index:2;top:9px;left:19px;width:4px;height:4px;content:"";border-radius:50%;background-color:#394759}.myMood.nomood{background-image:none;font-size:20px;font-weight:600;line-height:100%;text-align:center}.myMood.nomood:before,.myMood.nomood:after{display:none}.myMood[data-mood="negative"],
#mainHeader-filter-mood .mainHeader-filter-mood[data-mood="negative"] .myMood,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood {background-image:linear-gradient(141.18deg,#f7db7b 10.08%,#f8762c 98.58%)}.myMood[data-mood="slightly_negative"],
#mainHeader-filter-mood
  .mainHeader-filter-mood[data-mood="slightly_negative"]
  .myMood,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood {background-image:linear-gradient(141.18deg,#f7db7b 10.08%,#f8762c 98.58%)}.myMood .mouth{position:absolute;top:19px;left:50%;width:12px;height:3px;content:"";transform:translateX(-50%);background-color:#394759}.myMood[data-mood="positive"] .mouth,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood
  .mouth,
.mainHeader-filter-mood[data-mood="positive"] .myMood .mouth {width:12px;height:12px;top:12px;border-radius:50%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.myMood[data-mood="slightly_positive"] .mouth,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood
  .mouth,
.mainHeader-filter-mood[data-mood="slightly_positive"] .myMood .mouth {width:12px;height:12px;top:12px;border-radius:50%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.myMood[data-mood="positive"] .accessory,.mainHeader-filter-mood[data-mood="positive"] .myMood .accessory{z-index:3;top:0;left:-10px;width:14px;height:14px;transform:rotate(-20deg);opacity:0;background: no-repeat center / contain;background-image:url(/img/icon/heart.svg)}.myMood[data-mood="slightly_positive"] .accessory,.mainHeader-filter-mood[data-mood="slightly_positive"] .myMood .accessory{z-index:3;top:0;left:-10px;width:14px;height:14px;transform:rotate(-20deg);opacity:0;background: no-repeat center / contain;background-image:url(/img/icon/heart.svg)}.myMood[data-mood="negative"] .mouth,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood
  .mouth,
.mainHeader-filter-mood[data-mood="negative"] .myMood .mouth {width:13px;height:13px;top:17px;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 42%,0 42%);background-color:transparent;border:3px solid #394759}.myMood[data-mood="slightly_negative"] .mouth,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood
  .mouth,
.mainHeader-filter-mood[data-mood="slightly_negative"] .myMood .mouth {width:13px;height:13px;top:17px;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 42%,0 42%);background-color:transparent;border:3px solid #394759}.myMood[data-mood="neutral"]:before,
.myMood[data-mood="neutral"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).neutral
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).neutral
  .myMood:after,
.mainHeader-filter-mood[data-mood="neutral"] .myMood:before,
.mainHeader-filter-mood[data-mood="neutral"] .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite}.myMood[data-mood="positive"]:before,
.myMood[data-mood="positive"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood:after,
.mainHeader-filter-mood[data-mood="positive"] .myMood:before,
.mainHeader-filter-mood[data-mood="positive"] .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:1s}.myMood[data-mood="slightly_positive"]:before,
.myMood[data-mood="slightly_positive"]:after,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood:before,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood:after,
.mainHeader-filter-mood[data-mood="slightly_positive"] .myMood:before,
.mainHeader-filter-mood[data-mood="slightly_positive"] .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:1s}.myMood[data-mood="negative"]:before,
.myMood[data-mood="negative"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood:after,
.mainHeader-filter-mood[data-mood="negative"] .myMood:before,
.mainHeader-filter-mood[data-mood="negative"] .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:2s}.myMood[data-mood="slightly_negative"]:before,
.myMood[data-mood="slightly_negative"]:after,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood:before,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood:after,
.mainHeader-filter-mood[data-mood="slightly_negative"] .myMood:before,
.mainHeader-filter-mood[data-mood="slightly_negative"] .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:2s}.cdr:hover .myMood[data-mood="neutral"] .mouth,.mainHeader-filter-mood[data-mood="neutral"]:hover .myMood .mouth{animation:animEmojiNeutralMouth 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="positive"] .mouth,.mainHeader-filter-mood[data-mood="positive"]:hover .myMood .mouth{animation:animEmojiPositiveMouth 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="slightly_positive"] .mouth,.mainHeader-filter-mood[data-mood="slightly_positive"]:hover .myMood .mouth{animation:animEmojiPositiveMouth 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="negative"] .mouth,.mainHeader-filter-mood[data-mood="negative"]:hover .myMood .mouth{animation:animEmojiNegativeMouth 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="slightly_negative"] .mouth,.mainHeader-filter-mood[data-mood="slightly_negative"]:hover .myMood .mouth{animation:animEmojiNegativeMouth 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="negative"]:before,.mainHeader-filter-mood[data-mood="negative"]:hover .myMood:before{animation:animEmojiNegativeLeftEyes 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="slightly_negative"]:before,.mainHeader-filter-mood[data-mood="slightly_negative"]:hover .myMood:before{animation:animEmojiNegativeLeftEyes 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="negative"]:after,.mainHeader-filter-mood[data-mood="negative"]:hover .myMood:after{animation:animEmojiNegativeRightEyes 8s ease-in-out infinite;animation-delay:.5s}.cdr:hover .myMood[data-mood="slightly_negative"]:after,.mainHeader-filter-mood[data-mood="slightly_negative"]:hover .myMood:after{animation:animEmojiNegativeRightEyes 8s ease-in-out infinite;animation-delay:.5s}#popupFlagLog{position:fixed;z-index:11;top:0;right:0;bottom:0;left:0;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.5);&.open {
    visibility: visible;
    opacity: 1;
  }
  & > div {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 690px;
    max-width: 95%;
    padding: 20px;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background-color: var(--white);

    .titleContainer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 16px;
      .title {
        font-size: 24px;
        font-weight: 600;
        line-height: 21px;
      }
      .close {
        width: 36px;
        height: 36px;
        background: no-repeat center / 16px;
        background-image: url("/img/icon/close.svg");
      }
    }
    .input-container {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    label {
      font-weight: 600;
      line-height: 21px;
      color: var(--black);
    }
    .input-box {
      margin: 16px 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
      width: 100%;

      input {
        border-radius: 8px;
        height: 40px;
        padding: 8px 15px;
        width: 100%;
        line-height: 40px;
        border: 1px solid var(--border);
        background-color: transparent;
      }
      textarea {
        background-color: transparent;
        border-radius: 8px;
        border: 1px solid var(--border);
        padding: 8px 15px;
        min-height: 120px;
        max-height: 120px;
        outline: none;
        resize: none;
      }
    }
    .select-box {
      margin: 16px 0;
      display: flex;
      flex-direction: column;
      gap: 8px;
      .select-flag {
        border-radius: 8px;
        padding: 8px 15px;
        border: 1px solid var(--border);
        width: 100%;
        height: 40px;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        &.fopen {
          .selected .arrow {
            transform: rotate(225deg);
          }
          .dropdown {
            display: flex;
          }
        }
        .selected {
          .value {
            display: flex;
            align-items: center;
            gap: 8px;
            span {
              color: var(--black);
              line-height: 21px;
            }
          }
          .arrow {
            position: absolute;
            top: 1.2em;
            right: 0.6em;
            display: inline-block;
            padding: 2px;
            transition: transform 0.3s ease;
            transform: rotate(45deg);
            border: solid var(--blue2);
            border-width: 0 2px 2px 0;
            border-radius: 1px;
            background-color: var(--white);
          }
        }
        .dropdown {
          position: absolute;
          display: none;
          flex-direction: column;
          padding: 5px;
          background-color: var(--white);
          gap: 4px;
          top: 110%;
          right: 0;
          width: 100%;
          max-height: 240px;
          border-radius: 8px;
          box-shadow: 1px 6px 20px 0px rgba(18, 18, 18, 0.05);
          .search {
            position: relative;
            input {
              border-radius: 8px;
              line-height: 40px;
              width: 100%;
              height: 40px;
              padding: 0 10px;
              padding-left: 40px;
              border: 1px solid var(--border);
              background-color: var(--white);
            }
            .icon {
              position: absolute;
              left: 10px;
              top: 50%;
              transform: translateY(-50%);
              width: 24px;
              height: 24px;
              background: no-repeat center / contain;
              background-image: url("/img/icon/search.svg");
              z-index: 1;
            }
          }
          .options {
            overflow: auto;
            .option {
              height: 44px;
              border-radius: 8px;
              cursor: pointer;
              position: relative;
              display: flex;
              align-items: center;
              gap: 12px;
              padding: 0 12px;
              flex-shrink: 0;
              svg {
                pointer-events: none;
                flex-shrink: 0;
              }
              &:hover {
                background-color: var(--blue-light);
              }
              &.selected {
                background-color: var(--blue2-active);
              }
            }
            .fallback {
              text-align: center;
              padding: 12px;
              color: var(--text-color);
            }
          }
        }
      }
    }
    & > .btn {
      margin-top: 16px;
      width: 100%;
      text-align: center;
      gap: 8px;
      color: white;
      height: 40px;
      border-radius: 8px;
      border: none;
      background: var(--blue2);
      padding: 0 12px;
      font-weight: 600;
      font-size: 16px;
      &.loading {
        cursor: progress;
        opacity: 0.4;
        pointer-events: none;
      }

      &:hover {
        opacity: 1;
        background-color: var(--blue2-btn-hover);
      }
    }
  }
}#popupDeleteCall,#globalDeletePopup{position:absolute;z-index:22;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupDeleteCall+.closePopupDeleteCall,#globalDeletePopup+.closeGlobalDeletePopup{position:fixed;z-index:21;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupDeleteCall.fopen,#popupDeleteCall.fopen+.closePopupDeleteCall,#globalDeletePopup.fopen,#globalDeletePopup.fopen+.closeGlobalDeletePopup{visibility:visible;opacity:1}#popupDeleteCall.loading,#globalDeletePopup.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupDeleteCall.loading .buttons,#popupDeleteCall.loading .closePopupDeleteCall,#globalDeletePopup.loading .buttons,#globalDeletePopup.loading .closeGlobalDeletePopup{display:none}#popupDeleteCall>.closePopupDeleteCall,#globalDeletePopup>.closeGlobalDeletePopup{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupDeleteCall>.closePopupDeleteCall,.darkmode #globalDeletePopup>.closeGlobalDeletePopup,.darkmode #popupFlagLog>div>.titleContainer>.close{background-image:url(/img/icon/close-darkmode.svg)}#popupDeleteCall .title,#globalDeletePopup .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupDeleteCall .desc,#globalDeletePopup .desc{line-height:21px}#popupDeleteCall .buttons,#globalDeletePopup .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupDeleteCall .buttons .btn,#globalDeletePopup .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupDeleteCall .buttons .deleteCalls,#globalDeletePopup .buttons .deleteItems{color:#fff;background-color:var(--delete)}#popupDeleteCall,#globalDeletePopup{position:absolute;z-index:12;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupDeleteCall+.closePopupDeleteCall,#globalDeletePopup+.closeGlobalDeletePopup{position:fixed;z-index:11;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupDeleteCall.fopen,#popupDeleteCall.fopen+.closePopupDeleteCall,#globalDeletePopup.fopen,#globalDeletePopup.fopen+.closeGlobalDeletePopup{visibility:visible;opacity:1}#popupDeleteCall.loading,#globalDeletePopup.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupDeleteCall.loading .buttons,#popupDeleteCall.loading .closePopupDeleteCall,#globalDeletePopup.loading .buttons,#globalDeletePopup.loading .closeGlobalDeletePopup{display:none}#popupDeleteCall>.closePopupDeleteCall,#globalDeletePopup>.closeGlobalDeletePopup{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupDeleteCall>.closePopupDeleteCall,.darkmode #globalDeletePopup>.closeGlobalDeletePopup{background-image:url(/img/icon/close-darkmode.svg)}#popupDeleteCall .title,#globalDeletePopup .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupDeleteCall .desc,#globalDeletePopup .desc{line-height:21px}#popupDeleteCall .buttons,#globalDeletePopup .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupDeleteCall .buttons .btn,#globalDeletePopup .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupDeleteCall .buttons .deleteCalls,#globalDeletePopup .buttons .deleteItems{color:#fff;background-color:var(--delete)}#popupDeleteScorecard{position:absolute;z-index:12;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupDeleteScorecard+.closePopupDeleteScorecard{position:fixed;z-index:11;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupDeleteScorecard.fopen,#popupDeleteScorecard.fopen+.closePopupDeleteScorecard{visibility:visible;opacity:1}#popupDeleteScorecard.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupDeleteScorecard.loading .buttons,#popupDeleteScorecard.loading .closePopupDeleteScorecard{display:none}#popupDeleteScorecard>.closePopupDeleteScorecard{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupDeleteScorecard>.closePopupDeleteScorecard{background-image:url(/img/icon/close-darkmode.svg)}#popupDeleteScorecard .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupDeleteScorecard .desc{line-height:21px}#popupDeleteScorecard .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupDeleteScorecard .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupDeleteScorecard .buttons .deleteScorecard{color:#fff;background-color:var(--delete);&.loading {
    cursor: progress;
    opacity: 0.4;
    pointer-events: none;
  }
}#popupDeleteSnippet{position:absolute;z-index:22;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupDeleteSnippet+.closePopupDeleteSnippet{position:fixed;z-index:21;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupDeleteSnippet.fopen,#popupDeleteSnippet.fopen+.closePopupDeleteSnippet{visibility:visible;opacity:1}#popupDeleteSnippet.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupDeleteSnippet.loading .buttons,#popupDeleteSnippet.loading .closePopupDeleteSnippet{display:none}#popupDeleteSnippet>.closePopupDeleteSnippet{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupDeleteSnippet>.closePopupDeleteSnippet{background-image:url(/img/icon/close-darkmode.svg)}#popupDeleteSnippet .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupDeleteSnippet .desc{line-height:21px}#popupDeleteSnippet .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupDeleteSnippet .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupDeleteSnippet .buttons .delete-snippet{color:#fff;background-color:var(--delete);&.loading {
    cursor: progress;
    opacity: 0.4;
    pointer-events: none;
  }
}#popupDeleteSummarycard{position:absolute;z-index:12;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupDeleteSummarycard+.closePopupDeleteSummary{position:fixed;z-index:11;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupDeleteSummarycard.fopen,#popupDeleteSummarycard.fopen+.closepopupDeleteSummarycard{visibility:visible;opacity:1}#popupDeleteSummarycard.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupDeleteSummarycard.loading .buttons,#popupDeleteSummarycard.loading .closePopupDeleteSummarycard{display:none}#popupDeleteSummarycard>.closePopupDeleteSummarycard{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupDeleteSummarycard>.closePopupDeleteSummarycard{background-image:url(/img/icon/close-darkmode.svg)}#popupDeleteSummarycard .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupDeleteSummarycard .desc{line-height:21px}#popupDeleteSummarycard .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupDeleteSummarycard .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupDeleteSummarycard .buttons .deleteSummarycard{color:#fff;background-color:var(--delete);&.loading {
    cursor: progress;
    opacity: 0.4;
    pointer-events: none;
  }
}#popupUnsavedChanges{position:absolute;z-index:12;top:50%;left:50%;visibility:hidden;width:400px;max-width:100%;padding:100px 20px 20px;transition:.2s;transform:translate(-50%,-50%);text-align:center;opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg)}#popupUnsavedChanges+.closePopupUnsavedChanges{position:fixed;z-index:11;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#popupUnsavedChanges.fopen,#popupUnsavedChanges.fopen+.closePopupUnsavedChanges{visibility:visible;opacity:1}#popupUnsavedChanges.loading{position:fixed;width:100%;cursor:wait;transition:0s;transform:none;opacity:0;inset:0 0 0 0}#popupUnsavedChanges.loading .buttons,#popupUnsavedChanges.loading .closePopupUnsavedChanges{display:none}#popupUnsavedChanges>.closePopupUnsavedChanges{position:absolute;top:20px;right:20px;width:16px;height:16px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #popupUnsavedChanges>.closePopupUnsavedChanges{background-image:url(/img/icon/close-darkmode.svg)}#popupUnsavedChanges .title{font-size:16px;font-weight:700;line-height:24px;margin:0 0 20px}#popupUnsavedChanges .desc{line-height:21px}#popupUnsavedChanges .buttons{display:flex;align-items:center;flex-wrap:wrap;margin-top:40px;gap:10px}#popupUnsavedChanges .buttons .btn{font-size:16px;font-weight:600;display:flex;align-items:center;flex:1 1 0;justify-content:center;height:40px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}#popupUnsavedChanges .buttons .saveChanges{color:#fff;background-color:var(--blue2);border:none;&.loading {
    cursor: progress;
    opacity: 0.4;
    pointer-events: none;
  }

  &:hover {
    opacity: 1;
    background-color: var(--blue2-btn-hover);
  }
}.visualizer{position:relative;padding-bottom:20px}.wavesurfer-region{display:none;background-color:transparent!important}.wavesurfer-handle{position:relative;width:0!important;background-color:var(--black)}.wavesurfer-handle.wavesurfer-handle-start{width:0;cursor:ew-resize;border-left:1px solid var(--black)}.wavesurfer-handle.wavesurfer-handle-end{cursor:ew-resize;border-right:1px solid var(--black)}.wavesurfer-region:hover{cursor:move}.handle-label{font-size:10px;position:absolute;z-index:10;top:-20px;left:-20px;padding:2px 5px;color:#fff;background:#000}.selectCallScoreFilter .star{width:24px;height:24px;transition:.2s;background: no-repeat center / contain;background-image:url(/img/icon/star3.svg)}.selectCallScoreFilter .star.filled{background-image:url(/img/icon/star4.svg)}#send-report-email-confirm-popup{position:absolute;z-index:12;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;width:50%;max-width:660px;height:fit-content;padding:20px;transition:.2s;transform:translate(-50%,-50%);opacity:1;border:1px solid var(--lightgrey);border-radius:20px;background-color:var(--white);box-shadow:0 4px 24px rgba(0,0,0,.05)}#send-report-email-confirm-popup+.closeSendEmailConfirmPopup{position:fixed;z-index:11;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.1);inset:0 0 0 0}#send-report-email-confirm-popup:not(.hidden) + .closeSendEmailConfirmPopup {visibility:visible;opacity:1}#send-report-email-confirm-popup .close{position:absolute;top:20px;right:20px;width:32px;height:32px;cursor:pointer;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #send-report-email-confirm-popup .close{background-image:url(/img/icon/close-darkmode.svg)}#send-report-email-confirm-popup .headerWapper{display:flex;justify-content:space-between;.copyCallShare {
    display: flex;
    position: absolute;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    color: #4e6ec1;
    font-size: 14px;
    right: 60px;
    top: 25px;
    font-weight: 600;
  }
  .copyCallShare::before {
    background: no-repeat left / 14px;
    background-image: url(/img/icon/copy.svg);
  }
}#send-report-email-confirm-popup .headerWapper .header{display:flex;flex-direction:column;.title {
    font-family: "Inter";
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--black);
  }
  .subtitle {
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    color: var(--text-color);
  }
}#send-report-email-confirm-popup .shareContainer{span {
    font-family: "Inter";
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
  }
  .inputSection {
    display: flex;
    margin-top: 10px;
    gap: 10px;
    input {
      height: 40px;
      border-radius: 8px;
      border: 1px solid #dfe5f3;
      padding: 8px;
      width: 100%;
    }
    .addEmail {
      height: 40px;
      border-radius: 8px;
      padding: 12px;
      width: 40px;
      border: none;
      background: var(--blue2) no-repeat center;
      background-image: url("/img/icon/plus-white.svg");
      cursor: pointer;
      position: relative;
      &:disabled {
        pointer-events: none;
        opacity: 0.5;
      }
      &:hover {
        opacity: 1;
        background-color: var(--blue2-btn-hover);
        .tooltipEmail {
          visibility: visible;
        }
      }
      .tooltipEmail {
        position: absolute;
        z-index: 999;
        left: -20px;
        top: 50px;
        visibility: hidden;
        width: max-content;
        white-space: nowrap;
        translate: 0.2s;
        padding: 2px 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 1px solid #f9fbff;
        background-color: #393b3d;
        font-size: 12px;
        font-weight: 500;
        line-height: 21px;
        color: #fff;
      }
    }
  }
}#send-report-email-confirm-popup .info{font-size:14px;font-weight:600;line-height:20px;display:flex;align-items:center;gap:10px}#send-report-email-confirm-popup .info .info_icon{width:20px;height:20px;margin-right:4px;background: var(--white) no-repeat center / 20px;background-image:url(/img/icon/info-circle.svg)}#send-report-email-confirm-popup .sendCall{&.disabled {
    opacity: 0.7;
    pointer-events: none;
  }
  .value {
    display: block;
  }
  .loader {
    display: none;
  }
  &.loading {
    .value {
      display: none;
    }
    .loader {
      display: block;
      display: block;
      height: 80%;
      max-height: 30px;
      animation: loading-rotate 2s linear infinite;
      aspect-ratio: 1;
    }
  }
}#send-report-email-confirm-popup .email_list{display:flex;overflow:auto;align-items:flex-start;align-content:flex-start;flex:1;flex-wrap:wrap;width:100%;margin-top:20px;margin-bottom:10px;gap:12px 12px;max-height:130px;.email-tag {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    background-color: var(--blue-light);
    border: 1.5px solid var(--blue2);
    border-radius: 16px;
    width: auto;
    font-family: "Inter";
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    .removeEmail {
      display: block;
      border-radius: 50%;
      height: 20px;
      cursor: pointer;
      &:hover {
        opacity: 0.7;
      }
      transform: translateX(3px);
      width: 20px;
      background: no-repeat center;
      background-image: url(/img/icon/close_black.svg);
    }
    .userIcon {
      display: block;
      border-radius: 50%;
      height: 20px;
      transform: translateX(-3px);
      width: 20px;
      background: no-repeat center;
      background-image: url(/img/icon/user5.svg);
    }
  }
}#send-report-email-confirm-popup .email_list .email_found{font-size:14px;font-weight:400;display:flex;align-items:center;width:100%;padding:8px 12px;cursor:pointer;border:1px solid var(--lightgrey);border-radius:8px;gap:12px}#send-report-email-confirm-popup .actions{display:flex;align-items:center;align-self:flex-end;width:100%;height:48px;gap:20px;margin-top:16px}#send-report-email-confirm-popup .actions>div{font-size:16px;font-weight:600;line-height:24px;display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;height:48px;padding:0 20px;text-align:center;border:1px solid var(--blue2);border-radius:8px}#send-report-email-confirm-popup .actions>div:last-child{color:var(--white);background:var(--blue2);&:hover {
    opacity: 1;
    background-color: var(--blue2-btn-hover);
  }
}#send-report-email-confirm-popup .actions>div:last-child.loading{cursor:wait;opacity:.7}#send-report-email-confirm-popup .options{display:flex;gap:20px;margin:32px 0 16px 0;.createSharingOption {
    padding: 64px 20px 20px;
    position: relative;
    text-align: center;
    border: 1.5px solid #dfe5f3;
    border-radius: 16px;
    flex: 1 1 0px;
    cursor: pointer;
    background: no-repeat center top 20px / 32px;
  }
  .createSharingOption[data-value="public"] {
    background-image: url("/img/icon/link2.svg");
  }
  .createSharingOption[data-value="public"].selected {
    background-image: url("/img/icon/link.svg");
  }
  .createSharingOption[data-value="summary"] {
    background-image: url("/img/icon/summary2.svg");
    display: none;
  }
  .createSharingOption[data-value="summary"].selected {
    background-image: url("/img/icon/summary3.svg");
  }
  .createSharingOption:not(.selected):after {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    background-color: rgba(255, 255, 255, 0.3);
  }
  .createSharingOption:hover:after {
    display: none;
  }
  .createSharingOption.selected {
    border-color: var(--blue2);
    background-color: var(--blue-light);
  }
  .createSharingOption .title {
    font-weight: 600;
    line-height: 21px;
  }
  .createSharingOption .description {
    font-size: 12px;
    line-height: 18px;
  }
}#send-report-email-confirm-popup .no_email_found{display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;width:250px;margin:auto;gap:20px}#send-report-email-confirm-popup .no_email_found .empty_state_icon{width:250px;height:168px;background:no-repeat;background-image:url(/img/empty-email-list.svg)}#send-report-email-confirm-popup .no_email_found .empty_state_text{display:flex;align-items:center;flex-direction:column;text-align:center;gap:12px}#send-report-email-confirm-popup .no_email_found .empty_state_text>p:first-child{font-size:16px;font-weight:600;line-height:24px}#send-report-email-confirm-popup .no_email_found .empty_state_text>p:last-child{font-size:14px;font-weight:400;line-height:21px}#onboarding #onboardingGetExtenion{font-size:16px;font-weight:700;line-height:50px;display:block;height:50px;margin-top:30px;padding:0 25px;text-decoration:none;color:#fff;border-radius:8px;background-color:var(--blue2);&:hover {
    opacity: 1;
    background-color: var(--blue2-btn-hover);
  }
}:where(#onboarding, .page_settings) .header .licences-recap {display:flex;align-items:center;gap:5px;padding:8px;white-space:nowrap;color:var(--grey4);font-size:16px;font-weight:400;#licences-available {
    font-size: 20px;
    font-weight: 600;
    color: var(--blue2);

    &.danger {
      color: var(--delete);
    }
  }
}:where(#onboarding, .page_settings) .header .licences-recap #licences-buy {font-weight:600;line-height:40px;display:none;height:40px;margin-left:8px;padding:0 20px;cursor:pointer;transition:.2s;text-decoration:none;color:#fff;border-radius:5px;background-color:var(--blue2)}:where(#onboarding, .page_settings)
  .header
  .licences-recap
  #licences-buy:hover {opacity:.7}:where(#onboarding, .page_settings)
  .header
  .licences-recap
  #licences-buy:active {transform:scale(.96)}:where(#onboarding, .page_settings) #modal-licenses {position:fixed;z-index:100;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.3);inset:0 0 0 0}:where(#onboarding, .page_settings) #modal-licenses > div {position:absolute;top:50%;left:50%;padding:100px 20px 20px;transition:all .3s ease .1s;transform:translate(-50%,-50%);text-align:center;opacity:0;background: var(--white) no-repeat top 40px center / 40px;background-image:url(/img/icon/warning.svg);border-radius:18px;border:1px solid var(--bg-grey);box-shadow:1px 6px 30px 0 rgba(18,18,18,.1)}:where(#onboarding, .page_settings) #modal-licenses.fopen {visibility:visible;opacity:1}:where(#onboarding, .page_settings) #modal-licenses.fopen > div {top:50%;opacity:1}:where(#onboarding, .page_settings) #modal-licenses.wait *:hover {cursor:wait!important}:where(#onboarding, .page_settings)
  #modal-licenses.wait
  .buttons
  .modalLicencesValid {opacity:.5}:where(#onboarding, .page_settings) #modal-licenses .close {position:absolute;top:20px;right:20px;width:20px;height:20px;background: no-repeat center / 14px;background-image:url(/img/icon/close.svg)}.darkmode :where(#onboarding, .page_settings) #modal-licenses .close {background-image:url(/img/icon/close-darkmode.svg)}:where(#onboarding, .page_settings) #modal-licenses .title {font-size:16px;font-weight:700;line-height:24px}:where(#onboarding, .page_settings) #modal-licenses .text {font-size:14px;line-height:21px;font-weight:400;max-width:320px;margin:20px auto 40px}:where(#onboarding, .page_settings) #modal-licenses .number {font-weight:600}:where(#onboarding, .page_settings) #modal-licenses .buttons {display:flex;align-items:center;justify-content:space-between;gap:12px}:where(#onboarding, .page_settings) #modal-licenses .buttons > div {font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:180px;height:47px;color:var(--delete);border:1px solid var(--delete);border-radius:8px}:where(#onboarding, .page_settings)
  #modal-licenses
  .buttons
  .modalLicencesValid {color:#fff}:where(#onboarding, .page_settings)
  #modal-licenses
  .buttons
  .modalLicencesValid[data-action="assign"] {border-color:var(--blue2);background-color:var(--blue2)}:where(#onboarding, .page_settings)
  #modal-licenses
  .buttons
  .modalLicencesValid[data-action="unassign"] {border-color:var(--delete);background-color:var(--delete)}@media (max-height:710px){#settings-all-groups-list,.cssMoments #moments-categories{padding-right:20px}}.groups>.actions{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.groups>.actions #settings-search-groups{width:312px;height:40px;padding-left:46px;border:1px solid var(--lightgrey);border-radius:5px;background: no-repeat left 10px center / 26px;background-image:url(/img/icon/glass.svg)}.groups>.actions>.actions-left{display:flex;gap:8px}.groups>.actions>.actions-left>:first-child{font-size:16px;font-weight:600;line-height:19.36px;color:var(--black)}.groups>.actions>.actions-left .count-groups{font-size:12px;font-weight:600;line-height:14.52px;display:none;padding:2px 8px;color:var(--blue2);border:1px solid var(--blue2);border-radius:6px}.groups>.actions>.actions-left .count-groups[data-has-value="true"]{display:block}#settings-all-groups-list thead tr{display:flex;padding:12px;border-bottom:1px solid var(--lightgrey)}#settings-all-groups-list{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;width:100%;margin-top:20px;gap:10px}#settings-all-groups-list.loading:before{position:absolute;top:50%;left:50%;width:80px;height:80px;content:"";transform:translate(-50%,-50%);background: no-repeat center / contain;background-image:url(/img/icon/loader.svg)}#settings-all-groups-list.loading tbody{display:none!important}#settings-all-groups-list tbody{overflow:auto;flex:1;scrollbar-color:var(--blue2) var(--blue-light)}#settings-all-groups-list tbody .groupsUsersfilter-popup{position:absolute;display:none;inset:0 0 0 0}#settings-all-groups-list tbody .groupsUsersfilter-popup.fopen{display:block}#settings-all-groups-list tbody .groupsUsersfilter-popup>div{position:absolute;top:50%;left:50%;width:800px;max-width:100%;height:256px;padding:10px;transform:translate(-50%,-50%);border:1px solid var(--lightgrey);border-radius:16px;background:var(--white)}#settings-all-groups-list tbody .groupsUsersfilter-popup input{width:100%;height:40px;padding-left:46px;border:1px solid var(--lightgrey);border-radius:8px;background: no-repeat left 10px center / 26px;background-image:url(/img/icon/glass.svg)}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users.loading:before{position:absolute;top:50%;left:50%;width:80px;height:80px;content:"";transform:translate(-50%,-50%);background: no-repeat center / contain;background-image:url(/img/icon/loader.svg)}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users{display:flex;overflow:auto;flex-direction:column;height:calc(100% - 48px);margin-top:8px;gap:8px;scrollbar-color:var(--blue2) var(--blue-light)}#settings-all-groups-list th,#settings-all-groups-list td{font-size:12px;font-weight:400;display:flex;text-align:left;color:var(--grey3);gap:15px}#settings-all-groups-list th:last-child,#settings-all-groups-list td:last-child{position:relative;display:flex;align-items:center;flex:1;justify-content:flex-end;min-width:60px;text-align:center}#settings-all-groups-list th:last-child{margin-right:20px}#settings-all-groups-list thead{position:sticky;top:0;background:var(--white)}#settings-all-groups-list thead th:first-child{width:20px;height:20px;cursor:pointer;background: no-repeat left 40px center / contain;background-image:url(/img/icon/double-chevron.svg)}#settings-all-groups-list thead th:first-child,#settings-all-groups-list .group .info{display:flex;align-items:center;flex:2;gap:5px}#settings-all-groups-list .group .initial{display:flex;align-items:center;flex-direction:column;justify-content:center;width:30px;min-width:30px;height:30px;border-radius:50%}#settings-all-groups-list .group .name{display:inline-block;overflow:hidden;max-width:100%;vertical-align:bottom;white-space:nowrap;text-overflow:ellipsis}#settings-all-groups-list .group .initial span{font-size:14px;font-weight:700;line-height:16.94px;text-align:center;color:#fff}#settings-all-groups-list .group[data-is-jumper="true"] .lock{display:none}#settings-all-groups-list .group .lock{position:relative;width:16px;height:16px;cursor:pointer;background: no-repeat center center / 16px;background-image:url(/img/icon/lock.svg)}#settings-all-groups-list .group .lock .tooltip{position:absolute;z-index:10;top:100%;display:none;width:max-content;padding:12px 16px;border:1px solid var(--lightgrey);border-radius:8px;background:var(--white);box-shadow: 1px 6px 30px 0 #1212121a}#settings-all-groups-list .group .lock:hover .tooltip{display:block}#settings-all-groups-list thead th:nth-child(2),
#settings-all-groups-list .group .users {overflow:hidden;flex:3}#settings-all-groups-list .group{display:flex;min-height:60px;padding:10px;cursor:pointer}#settings-all-groups-list .group:hover{background-color:#f2f8ff}.darkmode #settings-all-groups-list .group:hover{background-color:#3c3c3c}#settings-all-groups-list .group.filtered{display:none}#settings-all-groups-list .group .group-users-list{display:flex;align-items:center;padding:5px 10px 5px 5px;border:1px solid var(--lightgrey);border-radius:20px;gap:4px}#settings-all-groups-list .group .users[data-has-child="false"] .group-users-list{padding:5px}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user,#settings-all-groups-list .group .group-users-list .group-user{display:flex;align-items:center;padding:4px 8px;cursor:pointer;border:1px solid var(--blue2);border-radius:16px;background-color: #4e6ec11a;gap:4px}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user.filtered{display:none}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user,#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user.selected:hover{margin-right:4px;background-color:unset}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user.selected.filtered{display:none}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user:hover,#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user.selected{background-color:var(--blue-light);background-image:url(/img/icon/check-radio.svg);background-repeat:no-repeat;background-position:center right 10px;background-size:16px}#settings-all-groups-list .group .group-users-list .group-user-more{display:none;width:16px;height:16px;cursor:pointer;background: no-repeat center center / 16px;background-image:url(/img/icon/plus-circle.svg)}#body.supervisor #settings-all-groups-list .group[data-is-group-jumper="true"][data-is-jumper="true"] .group-users-list .group-user-more{display:block}#settings-all-groups-list .group .group-users-list .group-user-reste{font-size:10px;font-weight:600;line-height:26.4px;text-align:center;color:var(--text-color);position:relative;width:28px;height:28px;border:1.6px solid var(--lightgrey2);border-radius:50%;margin-left:-15px;flex-shrink:0;background-color:var(--border)}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users .group-user .picture,#settings-all-groups-list .group .group-users-list .group-user .picture{font-size:12px;font-weight:700;flex-shrink:0;width:16px;height:16px;text-align:center;text-transform:uppercase;color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain}#settings-all-groups-list tbody .groupsUsersfilter-popup #groupsusersfilter-container-users.group-user span,#settings-all-groups-list .group .group-users-list .group-user span{font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:18px;text-align:center;white-space:nowrap;color:var(--black)}#settings-all-groups-list .group .action .no-more,#settings-all-groups-list .group .action .more{display:none}#settings-all-groups-list .group .action .popup-group-options{position:absolute;z-index:10;top:100%;display:none;align-items:baseline;flex-direction:column;justify-content:center;width:max-content;padding:4px 0;border:1px solid var(--lightgrey);border-radius:10px;background-color:var(--white);box-shadow: 1px 6px 30px 0 #1212121a}#settings-all-groups-list .group .action .popup-group-options.fopen{display:flex}#settings-all-groups-list .group .action .no-more,#settings-all-groups-list .group .action .popup-group-options .btn{font-size:14px;font-weight:400;line-height:21px;padding:4px;padding-left:40px;cursor:pointer;text-align:center;color:var(--black);border-radius:8px}#settings-all-groups-list .group .action .popup-group-options .btn{padding:12px 16px 12px 40px}#settings-all-groups-list .group .action .no-more.delete,#settings-all-groups-list .group .action .more{width:30px;height:30px;padding-left:0;cursor:pointer;border:1px solid var(--lightgrey);border-radius:5px}#settings-all-groups-list .group .action .more{background: var(--bg-grey) no-repeat center center / 24px;background-image:url(/img/icon/more.svg);width:28px;height:28px;padding-left:0;cursor:pointer;border-radius:50%;border:none}#settings-all-groups-list .group .action .no-more.join{background-color:var(--blue-light)}.darkmode #settings-all-groups-list .group .action .no-more.join{background-color:#3c3c3c}#settings-all-groups-list .group .action .join{background: no-repeat left 16px center / 16px;background-image:url(/img/icon/plus-circle-blue.svg)}#settings-all-groups-list .group .action .no-more.leave{color:var(--delete);background-color: #f7727214}#settings-all-groups-list .group .action .leave{background: no-repeat left 16px center / 16px;background-image:url(/img/icon/leave-red.svg)}#settings-all-groups-list .group .action .delete{height:100%;color:var(--delete);background: no-repeat left 16px center / 16px;background-image:url(/img/icon/trash2.svg)}#settings-all-groups-list .group .action .no-more.delete{background: no-repeat center center / 16px;background-image:url(/img/icon/trash2.svg)}#body:not(:where(.admin, .supervisor))
  #settings-all-groups-list
  .group
  .action
  .popup-group-options,
#body:where(.admin, .supervisor)
  #settings-all-groups-list
  .group
  .action
  .popup-group-options
  .join,
#body:where(.admin, .supervisor)
  #settings-all-groups-list
  .group
  .action
  .popup-group-options
  .leave {display:none}#body:not(:where(.admin))
  #settings-all-groups-list
  .group[data-is-group-jumper="true"][data-is-jumper="true"][data-is-joined="false"]
  .action
  .no-more.join,
#body:not(:where(.admin))
  #settings-all-groups-list
  .group[data-is-group-jumper="true"][data-is-jumper="true"][data-is-joined="true"]
  .action
  .no-more.leave,
#body.admin #settings-all-groups-list .group .action .more,
#body.admin
  #settings-all-groups-list
  .group[data-is-joined="false"]
  .action
  .popup-group-options
  .join,
#body.admin
  #settings-all-groups-list
  .group[data-is-joined="true"]
  .action
  .popup-group-options
  .leave {display:block}#body:not(.admin)
  #settings-all-groups-list
  .group[data-is-group-jumper="false"][data-is-joined="false"]
  .action
  .no-more.join,
#body:not(.admin)
  #settings-all-groups-list
  .group[data-is-jumper="false"][data-is-joined="false"]
  .action
  .no-more.join,
#body:not(.admin)
  #settings-all-groups-list
  .group[data-is-group-jumper="false"][data-is-joined="true"]
  .action
  .no-more.leave,
#body:not(.admin)
  #settings-all-groups-list
  .group[data-is-jumper="false"][data-is-joined="true"]
  .action
  .no-more.leave {display:block;cursor:not-allowed;opacity:.3}#settings-popup-edit-group{position:absolute;display:none;overflow:auto;flex-direction:column;background-color:var(--white);inset:0 0 0 0}#settings-popup-edit-group.create,#settings-popup-edit-group.edit{display:flex}#settings-popup-edit-group>.title .exitSettingsPopupGroup{font-size:17px;font-weight:700;line-height:22px;padding-left:27px;cursor:pointer;transition:.2s;color:var(--grey3);background: no-repeat left center / 9px;background-image:url(/img/icon/chevron.svg)}#settings-popup-edit-group>.title .exitSettingsPopupGroup:hover{opacity:.7}#settings-popup-edit-group-apply{font-weight:500;line-height:40px;display:none;height:40px;padding:0 20px;cursor:pointer;transition:.2s;color:#fff;border-radius:5px;background-color:var(--blue2);&:hover {
    opacity: 1;
    background-color: var(--blue2-btn-hover);
  }
}#body.admin #settings-popup-edit-group #settings-popup-edit-group-apply{display:block}#settings-popup-edit-group #settings-popup-edit-group-apply.disabled{cursor:not-allowed;pointer-events:none;opacity:.7}#settings-popup-edit-group .cannotUpdate{color:var(--delete)}#settings-popup-edit-group .cannotUpdate{display:none}#settings-popup-edit-group-apply:active{transform:scale(.96)}#settings-popup-edit-group-apply.loading{cursor:wait;opacity:.5}#settings-popup-edit-group>.title{font-size:inherit!important;font-weight:inherit!important;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px!important;color:inherit!important}#settings-popup-edit-group>.title .exitSettingsPopupGroup{font-size:17px;font-weight:700;line-height:22px;padding-left:27px;cursor:pointer;transition:.2s;color:var(--grey3);background: no-repeat left center / 9px;background-image:url(/img/icon/chevron.svg)}#settings-popup-edit-group>.title .exitSettingsPopupGroup:hover{opacity:.7}#settings-popup-edit-group>.title .actions{display:flex;align-items:center;gap:10px}#settings-popup-edit-group.create>.title .actions .btn,#settings-popup-edit-group.create>.title .actions .info{display:none}#settings-popup-edit-group.edit>.title .actions .btn{font-size:14px;font-weight:600;line-height:20px;display:none;padding:10px 36px 10px 16px;text-align:left;letter-spacing:.25px;border-radius:8px}#settings-popup-edit-group.edit>.title .actions .join{color:var(--blue2);background: no-repeat right 10px center / 20px;background-color:var(--blue-light);background-image:url(/img/icon/plus.svg);&:hover {
    opacity: 1;
    color: var(--blue2-btn-hover);
    background-color: rgba(78, 110, 193, 0.2);
  }
}#settings-popup-edit-group.edit>.title .actions .leave{color:var(--delete);background: no-repeat right 10px center / 20px;background-color: #f7727214;background-image:url(/img/icon/leave-red.svg)}#settings-popup-edit-group.edit>.title .actions .info{display:none;padding:10px 16px 10px 36px;color:var(--blue2);background: no-repeat left 10px center / 16px;background-image:url(/img/icon/info-circle.svg)}#body.supervisor #settings-popup-edit-group.edit[data-is-joined="false"][data-is-jumper="false"]>.title .actions .info.contact-join,#body.supervisor #settings-popup-edit-group.edit[data-is-joined="false"][data-is-groupjumper="false"]>.title .actions .info.contact-join,#body.supervisor #settings-popup-edit-group.edit[data-is-joined="true"][data-is-jumper="false"]>.title .actions .info.contact-leave,#body.supervisor #settings-popup-edit-group.edit[data-is-joined="true"][data-is-groupjumper="false"]>.title .actions .info.contact-leave,#body.normal #settings-popup-edit-group.edit[data-is-joined="false"][data-is-groupjumper="false"]>.title .actions .info.contact-join,#body.normal #settings-popup-edit-group.edit[data-is-joined="false"][data-is-jumper="false"]>.title .actions .info.contact-join,#body.normal #settings-popup-edit-group.edit[data-is-joined="true"][data-is-groupjumper="false"]>.title .actions .info.contact-leave,#body.normal #settings-popup-edit-group.edit[data-is-joined="true"][data-is-jumper="false"]>.title .actions .info.contact-leave{display:flex}#settings-popup-edit-group.edit[data-is-groupjumper="true"][data-is-jumper="true"][data-is-joined="false"]>.title .actions .join,#settings-popup-edit-group.edit[data-is-groupjumper="true"][data-is-jumper="true"][data-is-joined="true"]>.title .actions .leave,#body.admin #settings-popup-edit-group.edit[data-is-joined="false"]>.title .actions .join,#body.admin #settings-popup-edit-group.edit[data-is-joined="true"]>.title .actions .leave{display:block}#settings-popup-edit-group-preview{font-size:24px;font-weight:700;line-height:50px;display:flex;align-items:center;min-height:50px;margin-bottom:20px;padding:12px;white-space:nowrap;background: var(--white) no-repeat left 12px center / 24px;gap:12px}#settings-popup-edit-group-preview .content{font-family:Inter,sans-serif;font-size:24px;font-weight:700;overflow:hidden;width:100%;min-height:50px;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:var(--black)}#settings-popup-edit-group-preview .initial{font-size:14px;font-weight:700;line-height:21px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:32px;max-width:32px;height:32px;text-align:center;letter-spacing:.25px;color:#fff;border-radius:50%}#settings-popup-edit-group .infos{display:none;flex-wrap:wrap;margin-bottom:30px}#settings-popup-edit-group .infos>div{margin:5px 10px 5px 0}#body.admin #settings-popup-edit-group .infos{display:flex}#body.admin #settings-popup-edit-group .infos .name{display:block}#settings-popup-edit-group .infos .color-container{font-size:21px;line-height:40px;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:.2s;border:1px solid var(--lightgrey);border-radius:5px}#settings-popup-edit-group .infos .color-container:hover{border-color:#999}#settings-popup-edit-group .infos .color-container #settings-popup-edit-group-color{position:absolute;cursor:pointer;pointer-events:auto;border:8px solid var(--white);border-radius:50%;inset:0 0 0 0}#settings-popup-edit-group label{font-weight:600;display:block;margin-bottom:10px}#settings-popup-edit-group .infos .color-container .settings-group-popup{position:absolute;z-index:4;bottom:-5px;left:50%;display:none;flex-wrap:wrap;justify-content:center;width:330px;padding:5px;cursor:default;transform:translate(-50%,100%);border:1px solid var(--lightgrey);border-radius:5px;background-color:var(--white);box-shadow:2px 8px 24px rgba(220,220,220,.5);gap:10px}.darkmode #settings-popup-edit-group .infos .color-container .settings-group-popup{box-shadow:unset}#settings-popup-edit-group
  .infos
  .color-container
  #settings-popup-edit-group-color.fopen
  ~ .settings-group-popup {display:flex}#settings-popup-edit-group .infos .color-container .selectGroupColor{flex-shrink:0;width:30px;height:30px;cursor:pointer;user-select:none;transition:.2s;border-radius:50%}@media (max-width:1730px){#settings-popup-edit-group .infos .color-container .settings-group-popup{min-width:330px;max-width:330px}}#settings-popup-edit-group .access{display:none;align-items:center;gap:10px}#body:where(.admin) #settings-popup-edit-group .access {display:flex}#settings-popup-edit-group .access .checkbox{flex-shrink:0;width:20px;height:20px;cursor:pointer;opacity:.7;border:1px solid var(--blue2);border-radius:4px;background: var(--white) no-repeat center / 16px}#settings-popup-edit-group .access:last-child{font-size:14px;font-weight:400;line-height:16.94px;text-align:left;color:var(--black)}#settings-popup-edit-group .users-actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px}#settings-popup-edit-group .users-actions .users{font-size:14px;font-weight:600;line-height:16.94px;text-align:left;color:var(--black)}#settings-popup-edit-group .users-actions .show-settings-popup-edit-group-update-users{font-size:14px;font-weight:600;line-height:21px;display:none;align-items:center;flex-direction:column;justify-content:center;height:40px;padding:0 16px;padding-right:46px;text-align:center;letter-spacing:.25px;color:var(--blue2);border:1px solid var(--blue2);border-radius:8px;background: no-repeat center right 10px / 26px;background-image:url(/img/icon/plus.svg);&:hover {
    opacity: 1;
    color: var(--blue2-btn-hover);
    border-color: var(--blue2-btn-hover);
    background-color: rgba(78, 110, 193, 0.2);
  }
}#edit-group-users-list{display:flex;overflow:auto;flex-direction:column;scrollbar-color:var(--blue2) var(--blue-light)}#edit-group-users-list tbody{position:relative;display:flex;overflow:auto;flex-direction:column;height:100%;padding:12px;scrollbar-color:var(--blue2) var(--blue-light);gap:16px}#edit-group-users-list thead{position:sticky;z-index:10;top:0;background:var(--white)}#edit-group-users-list thead tr{display:flex;padding:12px;border-bottom:1px solid var(--lightgrey)}#edit-group-users-list thead th:first-child{display:flex;align-items:center;flex:2;gap:15px}#edit-group-users-list thead th .reverseUsersListGroupList{width:100px;cursor:pointer;background: no-repeat center right/ contain;background-image:url(/img/icon/double-chevron.svg)}#edit-group-users-list thead th,#edit-group-users-list thead td{font-size:12px;font-weight:400;display:flex;text-align:left;color:var(--grey3);gap:15px}#edit-group-users-list thead th:last-child,#edit-group-users-list thead td:last-child{display:flex;align-items:center;flex:none;justify-content:center;min-width:60px;text-align:center}#edit-group-users-list thead th:last-child,#edit-group-users-list thead td:last-child{display:none}#body:where(.admin, .supervisor) #edit-group-users-list thead th:last-child,
#body:where(.admin, .supervisor) #edit-group-users-list thead td:last-child {display:flex}#settings-popup-edit-group .access .checkbox.selected,#edit-group-users-list .checkbox.selected,#edit-group-users-list .user.selected .checkbox{background-image:url(/img/icon/check.svg)}#edit-group-users-list .checkbox{display:none;flex-shrink:0;width:20px;height:20px;cursor:pointer;opacity:1;border:1px solid var(--blue2);border-radius:4px;background: var(--white) no-repeat center / 16px}#body.admin #settings-popup-edit-group.create .users-actions .show-settings-popup-edit-group-update-users,#body.admin #settings-popup-edit-group .users-actions .show-settings-popup-edit-group-update-users,#body.supervisor #settings-popup-edit-group.edit[data-is-groupjumper="true"][data-is-jumper="true"] .users-actions .show-settings-popup-edit-group-update-users,#body.admin #settings-popup-edit-group #edit-group-users-list .checkbox,#body.supervisor #settings-popup-edit-group.edit[data-is-groupjumper="true"][data-is-jumper="true"] #edit-group-users-list .checkbox{display:flex}#edit-group-users-list .checkbox.disabled{cursor:not-allowed;pointer-events:none;opacity:.5}#edit-group-users-list .user{display:flex;align-items:center;justify-content:space-between;margin-right:10px;cursor:pointer}#edit-group-users-list .user:hover{opacity:.7}#edit-group-users-list .user .left,#edit-group-users-list .user .name{display:flex;align-items:center;gap:12px}#edit-group-users-list .user .name .picture{font-size:18px;font-weight:700;display:flex;align-items:center;flex-direction:column;flex-shrink:0;justify-content:center;width:32px;height:32px;text-align:center;text-transform:uppercase;color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain}#edit-group-users-list .user .name span{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:21px;text-align:left;color:var(--black)}#edit-group-users-list .user .action{font-size:14px;font-weight:600;line-height:21px;display:none;height:30px;padding:4px;padding-left:24px;text-align:left;letter-spacing:.25px;border-radius:8px}#body.admin #settings-popup-edit-group #edit-group-users-list .user .action{display:block}#body.supervisor #settings-popup-edit-group.edit[data-is-groupjumper="true"][data-is-jumper="true"] #edit-group-users-list .user .action{display:block}#edit-group-users-list .user.filtered{display:none}#edit-group-users-list .user .action{color:var(--delete);background: no-repeat left 4px center / 16px;background-color: #f7727214;background-image:url(/img/icon/minus-circle.svg)}.settings[data-menu="groups"] #settings-popup-edit-group-remove-multi-users{display:flex}#settings-popup-edit-group-remove-multi-users{position:absolute;z-index:10;bottom:0;left:50%;display:none;align-items:center;justify-content:space-between;width:fit-content;min-width:420px;height:60px;margin:auto;padding:10px 10px 10px 20px;transform:translateX(-50%);border-radius:15px;background:var(--black);box-shadow: 1px 6px 30px 0 #1212121a;gap:20px}#settings-popup-edit-group-remove-multi-users .usersCount{font-size:14px;font-weight:400;line-height:16.94px;flex:1;text-align:left;color:var(--white)}#settings-popup-edit-group-remove-multi-users .btn{font-size:14px;font-weight:600;line-height:21px;display:flex;align-items:center;flex-direction:column;justify-content:center;width:fit-content;height:100%;padding:0 16px 0 36px;text-align:left;letter-spacing:.25px;color:#fff;border-radius:8px;background: no-repeat left 10px center / 20px;background-color:#f77272;background-image:url(/img/icon/trash2-white.svg)}#settings-popup-edit-group-remove-users.layer,#settings-popup-edit-group-update-users.layer{position:fixed;z-index:10004;display:flex;align-items:center;flex-direction:row;justify-content:center;transition:opacity .3s ease-in-out;opacity:1;background-color: #d9d9d933;-webkit-backdrop-filter:blur(2px) grayscale(.4) brightness(.6);backdrop-filter:blur(2px) grayscale(.1) brightness(.9);inset:0}#settings-popup-edit-group-remove-users .modal,#settings-popup-edit-group-update-users .modal{display:flex;flex-direction:column;justify-content:space-between;width:50vw;max-width:800px;height:50vh;padding:20px;border:1px solid var(--lightgrey);border-radius:10px;background:var(--white);box-shadow: 0 4px 20px -1px #0003;gap:28px}#settings-popup-edit-group-update-users .modal{min-width:645px;min-height:645px}#settings-popup-edit-group-remove-users .modal{position:relative;width:408px;height:300px}#settings-popup-edit-group-update-users .modal .top{display:flex;align-items:center;justify-content:space-between}#settings-popup-edit-group-update-users .modal .top .close-settings-popup-edit-group-update-users{width:20px;height:20px;cursor:pointer;background: no-repeat center / contain;background-image:url(/img/icon/close.svg)}.darkmode #settings-popup-edit-group-update-users .modal .top .close-settings-popup-edit-group-update-users{background-image:url(/img/icon/close-darkmode.svg)}#settings-popup-edit-group-update-users .modal .top .title{font-size:24px;font-weight:700;line-height:36px;text-align:left;letter-spacing:-.4px;color:var(--black)}#settings-popup-edit-group-update-users .modal .content .header{font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:21px;display:flex;justify-content:space-between;text-align:center;color:var(--text-color)}#settings-popup-edit-group-update-users .modal .content{display:flex;overflow:hidden;flex:1;flex-direction:column;gap:24px}#settings-popup-edit-group-update-users .modal .content input{width:100%;height:40px;padding-left:46px;border:1px solid var(--lightgrey);border-radius:5px;background: no-repeat left 10px center / 26px;background-image:url(/img/icon/glass.svg)}#settings-popup-edit-group-update-users .modal .content .header{margin-right:25px}#settings-popup-edit-group-update-users .modal .bottom{font-size:16px;font-weight:600;line-height:24px;width:100%;padding:12px 20px;text-align:center;color:#fff;border-radius:8px;background:var(--blue2);scrollbar-color:var(--blue2) var(--blue-light)}#settings-popup-edit-group-update-users .modal .all-users{display:flex;overflow:auto;flex-direction:column;height:100%;gap:16px;scrollbar-color:var(--blue2) var(--blue-light)}#settings-popup-edit-group-update-users .modal .user.filtered{display:none}#settings-popup-edit-group-update-users .modal .user{display:flex;align-items:center;justify-content:space-between;margin-right:10px;cursor:pointer}#settings-popup-edit-group-update-users .modal .user:hover{opacity:.7}#settings-popup-edit-group-update-users .modal .user .name{display:flex;align-items:center;gap:12px}#settings-popup-edit-group-update-users .modal .user .name .picture{font-size:18px;font-weight:700;display:flex;align-items:center;flex-direction:column;flex-shrink:0;justify-content:center;width:32px;height:32px;text-align:center;text-transform:uppercase;color:#fff;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:contain}#settings-popup-edit-group-update-users .modal .user .name span{font-size:14px;font-weight:400;line-height:21px;text-align:left;color:var(--black)}#settings-popup-edit-group-update-users .modal .user .action{font-size:14px;font-weight:600;line-height:21px;padding:4px;padding-left:24px;text-align:left;letter-spacing:.25px;color:var(--blue2);border-radius:8px;background: no-repeat left 4px center / 16px;background-color:var(--blue-light);background-image:url(/img/icon/plus-circle-blue.svg)}#settings-popup-edit-group-update-users .modal .user:hover{background:var(--blue-light)}#settings-popup-edit-group-update-users .modal .user.selected .action{color:var(--delete);background: no-repeat left 4px center / 16px;background-color: #f7727214;background-image:url(/img/icon/minus-circle.svg)}#settings-popup-edit-group-update-users .modal .user.selected:hover{background: #f7727214}#settings-popup-edit-group-remove-users .modal{display:flex;align-items:center;flex-direction:column;justify-content:space-between}#settings-popup-edit-group-remove-users .modal .close.cancel-settings-popup-edit-group-remove-users{position:absolute;top:20px;right:20px;width:24px;height:24px;cursor:pointer;background: no-repeat center center / 8px;background-image:url(/img/icon/close.svg)}.darkmode #settings-popup-edit-group-remove-users .modal .close.cancel-settings-popup-edit-group-remove-users{background-image:url(/img/icon/close-darkmode.svg)}#settings-popup-edit-group-remove-users .modal .top{display:flex;align-items:center;flex:1;flex-direction:column;margin-top:24px;gap:20px}#settings-popup-edit-group-remove-users .modal .top .warning{width:40px;height:40px;background: no-repeat center center / 40px;background-image:url(/img/icon/warning.svg)}#settings-popup-edit-group-remove-users .modal .top .title{font-size:16px;font-weight:700;line-height:24px;text-align:center;color:var(--black)}#settings-popup-edit-group-remove-users .modal .top .desc{font-size:14px;font-weight:400;line-height:21px;text-align:center;color:var(--black)}#settings-popup-edit-group-remove-users .modal .bottom{display:flex;width:100%;height:50px;gap:8px}#settings-popup-edit-group-remove-users .modal .bottom>div{font-size:16px;font-weight:600;line-height:24px;display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;padding:0 20px;text-align:center;border:1px solid var(--delete);border-radius:8px}#settings-popup-edit-group-remove-users .modal .bottom>div:first-child{color:var(--delete);background:var(--white)}#settings-popup-edit-group-remove-users .modal .bottom>div:last-child{color:#fff;background:var(--delete)}.cssMoments #moments-categories .tabs{position:relative;display:flex;justify-content:space-between;margin-top:45px;margin-bottom:30px;border-bottom:1px solid var(--lightgrey)}.cssMoments #moments-categories .tabs .moments-categories-tab{line-height:50px;display:inline-block;height:50px;padding:0 20px;cursor:pointer;border:1px solid var(--lightgrey);border-bottom:none;border-radius:5px 5px 0 0}.cssMoments #moments-categories .tabs .moments-categories-tab:hover{opacity:.7}.cssMoments #moments-categories.all .tabs .moments-categories-tab[data-value="all"],.cssMoments #moments-categories.archived .tabs .moments-categories-tab[data-value="archived"],.cssMoments #moments-categories.new .tabs .moments-categories-tab[data-value="new"]{font-weight:700;color:#fff;background-color:var(--blue2)}.cssMoments #moments-categories>.actions{display:flex;align-items:center;justify-content:space-between}.cssMoments #moments-categories>.actions #settings-moments-search{width:312px;height:44px;padding-left:46px;border:1px solid var(--lightgrey);border-radius:5px;background: no-repeat left 10px center / 26px;background-image:url(/img/icon/glass.svg)}.cssMoments #moments-categories>.actions .action{line-height:44px;height:44px;padding:0 20px;border:1px solid var(--lightgrey);border-radius:5px}.cssMoments #moments-categories #settings-moments-selected{font-weight:500;color:var(--blue2)}.cssMoments #moments-categories>.actions>div:first-child{display:flex;align-items:center}.cssMoments .moments-list .moment{position:relative;z-index:1;display:flex;align-items:center;height:63px;padding-left:10px;cursor:pointer}.cssMoments .moments-list:not(.moments-list-header) .moment:hover {background-color:var(--lightgrey2)}.cssMoments .moments-list .moment:where(.filtered, .filtered2) {display:none}#onboarding .cssMoments .moments-list .moment{padding-left:10px}#onboarding .cssMoments .moments-list .moment>div{cursor:default!important}.cssMoments .moments-list .moment.filtered{display:none}.cssMoments .moments-list .moment>div{overflow:hidden;flex:1 1 0;padding-right:20px}#body.nogroup .cssMoments .moments-list .moment>div.groups{display:none}.cssMoments #all-moments-list.moments-list .moment>div{cursor:pointer}.cssMoments .moments-list .moment>div.carto-tags{overflow:hidden;max-width:180px;padding-right:20px;display:none}@media (max-width:1500px){.cssMoments .moments-list .moment>.name{flex:inherit;width:300px}.cssMoments .moments-list .moment>.groups,.cssMoments .moments-list .moment>.creator{width: calc((100% - 300px) / 2)}}.cssMoments .moments-list .moment .creator{display:flex;overflow:hidden;align-items:center}.cssMoments .moments-list .moment .creator.noCreator>div{display:none}.cssMoments .moments-list .moment .creator .picture{flex-shrink:0;width:28px;height:28px;margin-right:10px;border-radius:50%;background: no-repeat center / cover}.cssMoments .moments-list .moment .creator .infos{line-height:19px;overflow:hidden}.cssMoments .moments-list .moment .creator .name{font-weight:400;display:block;font-size:16px;line-height:24px;color:var(--black)}.cssMoments .moments-list .moment .creator .creationDate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);font-size:12px}.cssMoments .moments-list .moment .groups{display:flex;align-items:center}.cssMoments .moments-list .moment .groups .circles{display:flex;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:center;width:34px;height:34px;margin-right:8px}.cssMoments .moments-list .moment .groups .circles>div{font-weight:700;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:1px;text-transform:uppercase;color:#fff;border-radius:50%}.cssMoments .moments-list .moment .groups .circles.multiple>div{font-size:8px;width:14px;height:14px}.cssMoments .moments-list .moment .groups .name{font-weight:400;line-height:34px;display:block}.cssMoments .moments-list .name{display:flex;overflow:hidden;align-items:center;flex:1;width:auto;white-space:nowrap;text-overflow:ellipsis}.cssMoments .moments-list .name .editMomentSettings{display:flex;overflow:hidden;align-items:center;flex:1;cursor:pointer;pointer-events:auto}#onboarding .cssMoments .moments-list .name .editMomentSettings{cursor:default!important;pointer-events:none!important}.cssMoments .moments-list-header{font-weight:500;line-height:17px;margin:30px 0 5px;padding:10px 0;color:var(--text-color)!important;font-weight:600;border-bottom:1px solid var(--lightgrey)}.cssMoments .moments-list-header .moment{height:auto;cursor:default}.cssMoments .moments-list .checkbox{flex-shrink:0;cursor:not-allowed;opacity:.7;border-radius:5px;background: var(--white) no-repeat center / 16px;width:20px;height:20px;border-radius:4px;border:1px solid var(--blue2);margin-right:16px}.cssMoments .moments-list .moment.canUpdate .checkbox,.cssMoments .moments-list-header .moment .checkbox{cursor:pointer;opacity:1}#onboarding .cssMoments .moments-list .checkbox,#onboarding .cssMoments .moments-list .moment .groups,#onboarding .cssMoments .moments-list .moment .creator,#onboarding .cssMoments .moments-list .moment .creationDate{display:none}.cssMoments .moments-list .name>div>div:last-child{overflow:hidden}.cssMoments .moments-list .name>div>div:last-child>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-size:16px;color:#394759}.cssMoments .moments-list .name>div>div:last-child>div:last-child{color:var(--text-secondary);font-size:14px;font-weight:400}.cssMoments .moments-list .moment.selected .checkbox{background-color:var(--blue);background-image:url(/img/icon/check-white-2.svg)}.cssMoments :where(#all-moments-list, #archived-moments-list) {display:none;overflow:auto;min-height:250px}.cssMoments #moments-categories.all #all-moments-list,.cssMoments #moments-categories.archived #archived-moments-list{position:relative;display:block}.cssMoments #moments-categories.archived #archived-moments-list.loading:before{position:absolute;top:50%;left:50%;width:80px;height:80px;content:"";transform:translate(-50%,-50%);background: no-repeat center / contain;background-image:url(/img/icon/loader.svg)}.cssMoments #moments-categories.all #all-moments-list.loading>.moment,.cssMoments #moments-categories.archived #archived-moments-list.loading>.moment{display:none!important}.cssMoments #moments-categories.all #all-moments-list.loading>.skeleton-loader{height:57px;width:100%;margin-bottom:5px}.cssMoments #settings-prompt-moment{position:fixed;z-index:100;display:flex;align-items:center;flex-direction:row;justify-content:center;transition:opacity .3s ease-in-out;opacity:1;background-color: #d9d9d933;-webkit-backdrop-filter:blur(2px) grayscale(.4) brightness(.6);backdrop-filter:blur(2px) grayscale(.1) brightness(.9);inset:0}.cssMoments{#settings-prompt-moment .modal {
    position: relative;
    display: flex;
    padding: 20px;
    border: 1px solid var(--lightgrey);
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0 4px 24px 0 #0000000d;
  }
  #settings-prompt-moment:not([data-current-step="step-initial"]) .modal {
    width: 660px;
    max-width: 50%;
  }
}.cssMoments #settings-prompt-moment .modal>div{display:none}.cssMoments #settings-prompt-moment .modal .close-settings-prompt-moment{position:absolute;top:20px;right:20px;display:block;width:32px;height:32px;border-radius:8px;background: no-repeat center / 12px;background-image:url(/img/icon/close.svg);z-index:2}.darkmode .cssMoments #settings-prompt-moment .modal .close-settings-prompt-moment{background-image:url(/img/icon/close-darkmode.svg)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial,.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:20px}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .top{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;margin-top:20px;gap:10px}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .top .title{font-size:24px;font-weight:600;line-height:36px;letter-spacing:-.4px;text-align:center;color:var(--black)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .top .desc{font-size:14px;font-weight:400;line-height:21px;text-align:center;color:var(--black)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{display:flex;flex:1;justify-content:space-between;gap:10px;margin-top:32px}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div{position:relative;display:flex;align-items:center;flex:1;flex-direction:column;justify-content:center;padding:12px;cursor:pointer;background:var(--white);width:200px;height:156px;border-radius:16px;border:1.5px solid #dfe5f3}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div .checked{position:absolute;top:10px;right:10px;display:none;width:24px;height:24px;background: no-repeat center / 16px;background-image:url(/img/icon/check-radio.svg)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div .icon{min-width:32px;min-height:32px;max-width:32px;max-height:32px;margin-bottom:20px;background-size:contain;background-repeat:no-repeat}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{> div span {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: var(--text-color);
    margin-bottom: 4px;
    text-align: center;
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.25px;
    text-overflow: ellipsis;
    &:last-child {
      color: var(--text-color);
      font-size: 12px;
      font-weight: 400;
      line-height: 18px;
    }
  }
  > div.selected {
    background: var(--blue-light);
    span {
      color: var(--black);
      &:last-child {
        color: var(--text-secondary);
      }
    }
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.manually .icon {
    background-image: url("/img/icon/edit3.svg");
  }
  .manually.selected .icon {
    background-image: url("/img/icon/edit-blue.svg");
  }
}.darkmode .cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.manually .icon {
    background-image: url("/img/icon/edit4.svg");
  }
  .manually.selected .icon {
    background-image: url("/img/icon/edit3.svg");
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.ai-moment .icon {
    background-image: url("/img/icon/magic-stick3.svg");
  }
  .ai-moment.selected .icon {
    background-image: url("/img/icon/magic-stick-blue.svg");
  }
}.darkmode .cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.ai-moment .icon {
    background-image: url("/img/icon/magic-stick2.svg");
  }
  .ai-moment.selected .icon {
    background-image: url("/img/icon/magic-stick3.svg");
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.role-moment .icon {
    background-image: url("/img/icon/user-added-grey.svg");
  }
  .role-moment.selected .icon {
    background-image: url("/img/icon/user-added-blue.svg");
  }
}.darkmode .cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container{.role-moment .icon {
    background-image: url("/img/icon/user-added-blue.svg");
  }
  .role-moment.selected .icon {
    background-image: url("/img/icon/user-added-grey.svg");
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div.selected,.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div:hover{border:1.5px solid var(--blue)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div.selected span,.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .container>div:hover span{color:var(--black)}.cssMoments #settings-prompt-moment[data-current-step="step-initial"] .modal .step-initial .go-to-configuration-step{font-size:16px;font-weight:600;line-height:24px;padding:12px 0;text-align:center;color:#fff;border-radius:8px;background-color:var(--blue2);&:hover {
    opacity: 1;
    background-color: var(--blue2-btn-hover);
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation{gap:20px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .title,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .title{font-size:24px;font-weight:600;text-align:left;color:var(--black);display:flex;align-items:center;gap:24px;.back-to-previous-step {
    width: max-content;
    padding-left: 14px;
    color: var(--blue);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px; /* 150% */
    letter-spacing: 0.25px;
    position: relative;
    &::before {
      content: "";
      background-image: url("/img/icon/chevron2.svg"); /* Replace with your checkmark image URL */
      background-size: contain;
      background-repeat: no-repeat;
      width: 10px; /* Adjust size as needed */
      height: 10px;
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container{display:flex;flex:1;flex-direction:column;margin-top:10px;gap:10px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container{gap:0}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container .desc,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container .desc{font-size:14px;font-weight:600;line-height:20px;text-align:left;color:var(--black);margin-bottom:12px}.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container .desc{margin-bottom:20px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal{.step-configuration .container {
    .newMoment-role-container,
    .newMoment-lang-container {
      font-size: 14px;
      font-weight: 400;
      height: 40px;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      text-align: center;
      color: var(--black);
      background-color: var(--white);
      border: 1px solid var(--colors-border-border-regular, #dfe5f3);
      border-radius: 8px;
      margin-bottom: 28px;
    }
    .newMoment-role-container {
      display: none;
    }
    .newMoment-lang-container {
      margin-bottom: 41px;
    }
  }

  .step-configuration[data-value="role-moment"] {
    .newMoment-role-container {
      display: flex;
    }
    textarea {
      display: none;
    }
    .newMoment-lang-container {
      margin-bottom: 150px;
    }
    .newMoment-lang-container .popup-moment-lang,
    .newMoment-role-container .popup-moment-role {
      top: 45px;
    }
  }
  /* .step-configuration[data-value="ai-moment"] {
    .newMoment-lang-container {
      transform: translateY(63px);
    }
  } */
  .step-configuration {
    position: relative;
    .loadingContainer {
      z-index: 3;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      align-items: center;
      justify-content: center;
      height: 87%;
      background-color: white;
      display: none;
      flex-direction: column;

      .loaderContainer {
        margin-bottom: 40px;
      }

      span {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px; /* 150% */
        &:last-child {
          color: var(--text-secondary);
          font-size: 14px;
          font-weight: 400;
          line-height: 21px;
        }
      }
    }
    &.loading {
      .loadingContainer {
        display: flex;
      }
    }
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container{.newMoment-lang-container .popup-moment-lang,
  .newMoment-role-container .popup-moment-role {
    position: absolute;
    z-index: 2;
    bottom: 45px;
    left: 0;
    display: none;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 1px 6px 20px 0px rgba(18, 18, 18, 0.05);
    background-color: var(--white);
    height: 130px;
    overflow: auto;
  }
  .newMoment-lang-container #newMoment-lang.fopen + .popup-moment-lang,
  .newMoment-role-container #newMoment-role.fopen + .popup-moment-role {
    display: block;
  }
  .newMoment-lang-container #newMoment-lang,
  .newMoment-role-container #newMoment-role,
  .newMoment-lang-container .popup-moment-lang > div,
  .newMoment-role-container .popup-moment-role > div:last-child > div,
  .newMoment-role-container .popup-moment-role > div.search-moment-role {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    gap: 5px;
    height: 37px;
    position: relative;
    margin-bottom: 4px;
    &:hover {
      background-color: var(--blue-light);
    }
    &.selected {
      background-color: var(--blue-light);
      &::after {
        content: "";
        background-image: url("/img/icon/checkmark-blue.svg"); /* Replace with your checkmark image URL */
        background-size: contain;
        background-repeat: no-repeat;
        width: 16px; /* Adjust size as needed */
        height: 16px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
  .newMoment-lang-container #newMoment-lang,
  .newMoment-role-container #newMoment-role {
    color: var(--text-color);
    margin-bottom: 0px;
    span {
      color: var(--black);
      &:not(:last-child)::after {
        content: ","; /* Add a comma */
        margin-right: 5px; /* Space after comma */
      }
    }
  }
  .newMoment-role-container .popup-moment-role {
    height: 224px;
    overflow: hidden;
    > div.search-moment-role {
      padding: 0;
      margin-bottom: 8px;
      input {
        width: 100%;
        position: relative;
        background: no-repeat left 12px center / 16px;
        background-size: 22px;
        background-image: url(/img/icon/search.svg);
      }
      &:hover {
        background-color: unset !important;
      }
    }
    > div:last-child {
      height: 160px;
      overflow: auto;
    }
  }
  img {
    width: 20px;
    margin: 2px 5px 0 0;
    border-radius: 3px;
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container .newMoment-lang-container .popup-moment-lang .changeNewMomentdLang img,.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container .newMoment-lang-container #newMoment-lang::before,.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container .newMoment-role-container #newMoment-role::before{content:"";background-image:url(/img/icon/chevron-top-small.svg);background-size:contain;background-repeat:no-repeat;width:20px;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(180deg)}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container textarea{flex:1;width:100%;padding:8px;resize:none;border:1px solid var(--lightgrey);border-radius:8px;min-height:117px;margin-bottom:28px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container textarea:focus{border:1px solid var(--lightgrey);outline:unset}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container .error-message,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container .error-message{display:none;padding-left:25px;color:#fe7f7f;background: var(--white) no-repeat left center / 20px;background-image:url(/img/icon/warning.svg)}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .container.error .error-message,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container.error .error-message{display:flex}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .bottom .post-generate-moment.loading{cursor:wait;opacity:.5}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .bottom,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .bottom .btn,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .bottom .btn{font-size:16px;font-weight:600;line-height:24px;flex:1;padding:12px 0;text-align:center;border-radius:8px}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .bottom .btn:first-child,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .bottom .btn:first-child{color:var(--blue2);border:1px solid var(--blue2)}.cssMoments #settings-prompt-moment[data-current-step="step-configuration"] .modal .step-configuration .bottom .btn:last-child,.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .bottom .btn:last-child{color:#fff;background-color:var(--blue2);display:flex;justify-content:center;&.loading {
    cursor: wait;
    opacity: 0.5;
  }
  &.disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
}.cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container{display:flex;flex-direction:column;margin-top:0;padding:15px;border-radius:16px;gap:12px;border-radius:16px;border:1px solid var(--border);cursor:pointer;position:relative;&.selected {
    border: 1px solid var(--blue2);
    background-color: var(--blue-light);
    &::after {
      content: "";
      background-image: url("/img/icon/check-white.svg"); /* Replace with your checkmark image URL */
      background-repeat: no-repeat;
      width: 16px; /* Adjust size as needed */
      height: 16px;
      position: absolute;
      right: 16px;
      top: 16px;
      clip-path: circle();
      background-color: var(--blue);
      background-size: 8px;
      background-position: center;
    }
  }
  .moment-header {
    display: flex;
    align-items: center;
    gap: 10px;
    .moment-title {
      font-size: 14px;
      font-weight: 600;
      line-height: 21px;
      overflow: hidden;
      width: calc(100% - 60px);
      max-width: max-content;
      text-align: left;
      white-space: nowrap;
      letter-spacing: 0.25px;
      text-overflow: ellipsis;
      color: var(--black);
      margin-left: 2px;
    }
    .moment-language {
      color: var(--text-secondary);
      font-size: 10px;
      font-style: normal;
      font-weight: 600;
      line-height: 15px; /* 150% */
      margin-left: 10px;
    }
  }
  .moment-keywords-list {
    display: flex;
    overflow: auto;
    flex-wrap: wrap;
    height: auto;
    max-height: 200px;
    gap: 10px;
    > div {
      font-size: 12px;
      font-weight: 400;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      padding: 4px 30px 4px 8px;
      cursor: pointer;
      color: var(--black3);
      border-radius: 16px;
      background-image: url("/img/icon/add-blue.svg");
      background-repeat: no-repeat;
      background-position: right 4px center;
      background-size: 14px;
      background-color: rgba(78, 110, 193, 0.08);
      color: var(--text-secondary);
      text-transform: capitalize;
      &.selected {
        color: var(--black);
        border: 1.5px solid var(--blue);
        background-color: var(--white);
        background-image: url("/img/icon/close-circle.svg");
      }
    }
  }
}.darkmode .cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container{background-color:#323232}.darkmode .cssMoments #settings-prompt-moment[data-current-step="step-confirmation"] .modal .step-confirmation .container .moment-keywords-list>div{color:var(--white2)}.cssMoments #settings-popup-moment{position:absolute;z-index:3;display:none;overflow:auto;background-color:var(--white);inset:0 0 0 0}#onboarding .cssMoments #settings-popup-moment{padding:50px 20px}.cssMoments #moments-categories.edit #all-moments-list,.cssMoments #moments-categories.edit #archived-moments-list{display:none}.cssMoments #moments-categories.edit+#settings-popup-moment{display:block}.cssMoments #settings-popup-moment{> div.title {
    font-size: inherit !important;
    font-weight: inherit !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px !important;
    color: inherit !important;
    gap: 12px;
    .exitSettingsPopupMoment {
      padding-left: 27px;
      cursor: pointer;
      transition: 0.2s;
      color: var(--blue);
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 21px; /* 150% */
      letter-spacing: 0.25px;
      background: no-repeat left center / 9px;
      background-image: url("/img/icon/chevron-left-small.svg");
      background-size: 20px;
      &:hover {
        opacity: 0.7;
      }
    }
    .moment_name {
      color: var(--black);
      flex: 1;
      font-size: 18px;
      font-weight: 600;
      line-height: 27px; /* 150% */
    }
    #settings-popup-moment-apply {
      height: 48px;
      padding: 12px;
      cursor: pointer;
      transition: 0.2s;
      color: #fff;
      border-radius: 8px;
      background-color: var(--blue2);
      font-size: 16px;
      font-weight: 600;
      line-height: 24px; /* 150% */
      padding-left: 44px;
      background: no-repeat left 12px center / 9px;
      background-image: url("/img/icon/save.svg");
      background-size: 24px;
      background-color: var(--blue);

      &:hover {
        opacity: 1;
        background-color: var(--blue2-btn-hover);
      }
      &:active {
        transform: scale(0.96);
      }
      &.loading {
        cursor: wait;
        pointer-events: none;
        opacity: 0.5;
      }
    }
    .cannotUpdate {
      color: var(--delete);
    }
  }
  &.canUpdate .cannotUpdate {
    display: none;
  }
  &.canUpdate #settings-popup-moment-apply {
    display: block;
  }
  #settings-popup-moment-apply {
    display: none;
  }
  > div.infos {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
    h3 {
      margin-top: 0;
      width: 100%;
      margin-bottom: 4px;
      line-height: 24px; /* 150% */
    }
    h4 {
      width: 100%;
      margin-bottom: 12px;
      line-height: 21px; /* 150% */
      font-weight: 400;
      color: var(--text-secondary);
      &.ai-disclaimer {
        color: #4e6ec1;
        padding-left: 24px;
        background: no-repeat left 4px center / 26px;
        background-image: url("/img/icon/info-circle.svg");
        background-size: 16px;
      }
    }
    .moment-meta {
      display: flex;
      height: 56px;
      align-items: center;
      > div:nth-child(1) {
        width: 56px;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        font-weight: 600;
        clip-path: circle();
        &::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: var(--moment-color-bg);
          opacity: 0.15;
          pointer-events: none;
        }
      }
      .vertical-row {
        margin: 0 24px;
        width: 1px;
        border: 1px solid var(--border);
        height: 100%;
      }
      .edit-moment-info {
        display: flex;
        align-items: center;
        width: max-content;
        padding: 8px;
        border-radius: 12px;
        border: 1px solid var(--bg-grey);
        background: var(--lightgrey2);
        gap: 12px;
        position: relative;
        input {
          width: 284px;
          border-radius: 8px;
          border: 1px solid var(--border);
          background: #fff;
          padding-left: 16px;
        }
      }
    }
    .or {
      color: var(--text-secondary);
      line-height: 21px; /* 150% */
    }
    .manual-generator {
      display: flex;
      padding: 8px;
      gap: 12px;
      background: var(--blue-light);
      border-radius: 12px;
      width: max-content;
      #settings-popup-moment-keyword {
        padding: 8px 16px;
        background-color: var(--white);
        &::placeholder {
          color: var(--text-color);
        }
      }
    }
    .selectCartoTag {
      padding: 8px 16px;
      display: flex;
      align-items: center;
      height: 37px;
      cursor: pointer;
      width: 100%;
      &:hover {
        background-color: var(--blue-light);
      }
      &.selected {
        border-radius: 6px 6px 0px 0px;
        background-color: var(--blue-light);
        &.ai-recommended {
          font-weight: 400;
          &::after {
            background-color: var(--white);
          }
        }
      }
    }
    .cartography-tag-select {
      height: 48px;
      width: 100%;
      max-width: 288px;
      border-radius: 12px;
      border: 1px solid var(--border);
      padding: 0 8px;
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      cursor: pointer;
      background: no-repeat right 8px center / 26px;
      background-image: url("/img/icon/chevron-down-small.svg");
      background-size: 20px;
      position: relative;
      &.skeleton-loader {
        pointer-events: none;
        background-image: unset;
      }
      &.fopen {
        background-image: url("/img/icon/chevron-top-small.svg");
      }
      .selectCartoTag {
        border-radius: 6px 6px 0px 0px;
        background-color: var(--white);
        z-index: -1;
        &.ai-recommended {
          &::after {
            background-color: var(--blue-light);
          }
        }
      }
    }

    .ai-recommended {
      &::after {
        content: "AI suggested";
        display: inline-flex;
        align-items: center;
        font-size: 12px;
        height: 26px;
        border-radius: 8px;
        color: var(--blue);
        background-color: var(--blue-light);
        text-align: center;
        display: flex;
        align-items: center;
        padding: 0px 8px 0px 28px;
        background: no-repeat left 6px center / 26px;
        background-image: url("/img/icon/magic-stick.svg");
        background-size: 16px;
        margin-left: 20px;
      }
    }

    .cartography-tag-select-dropdown {
      position: absolute;
      padding: 8px;
      border-radius: 8px;
      background: var(--white);
      box-shadow: 1px 6px 20px 0px rgba(18, 18, 18, 0.05);
      flex-direction: column;
      gap: 4px;
      width: 288px;
      max-height: 217px;
      overflow: auto;
      display: none;
      top: 120px;
      background-color: var(-white);
      z-index: 2;
      .selectCartoTag.selected {
        font-weight: 600;
        background: no-repeat right 4px center / 20px;
        background-color: var(--blue-light);
        background-image: url("/img/icon/check.svg");
        background-size: 16px;
        &.ai-recommended {
          &::after {
            font-weight: 400;
          }
        }
      }
    }

    .cartography-tag-select.fopen + .cartography-tag-select-dropdown {
      display: flex;
    }
  }
}.moment-meta,#settings-prompt-moment{.visuals-popup {
    width: 136px;
    display: flex;
    align-items: center;
    padding: 0 48px 0 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    height: 40px;
    position: relative;
    cursor: pointer;
    background-color: var(--white);
    &:hover {
      background-color: var(--blue-light);
    }
    &::after {
      content: "";
      background-image: url("/img/icon/chevron-top-small.svg"); /* Replace with your checkmark image URL */
      background-size: contain;
      background-repeat: no-repeat;
      width: 24px; /* Adjust size as needed */
      height: 24px;
      position: absolute;
      right: 8px;
      top: 50%;
      transform: translateY(-50%) rotate(180deg);
    }
    > div:not(.vertical-row) {
      display: flex;
      width: 20px;
      height: 20px;
      align-items: center;
      font-size: 20px;
      justify-content: center;
      padding: 8px;
      &:first-child {
        clip-path: circle();
      }
    }
    > div.vertical-row {
      height: 24px;
      margin: 0 16px;
    }
  }
  .visuals-popup.fopen + .visuals-popup-dropdown {
    display: block;
  }
  .visuals-popup-dropdown {
    width: 300px;
    height: 246px;
    padding: 8px;
    position: absolute;
    display: none;
    background-color: var(--white);
    z-index: 2;
    top: 54px;
    left: 8px;
    border-radius: 12px;
    box-shadow: 1px 6px 20px 0px rgba(18, 18, 18, 0.05);
    cursor: default;
    .tabs {
      display: flex;
      margin-bottom: 12px;
      > div {
        flex: 1;
        height: 40px;
        color: var(--text-secondary);
        font-weight: 600;
        line-height: 21px; /* 150% */
        letter-spacing: 0.25px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        &:hover {
          color: var(--blue);
        }
        &::after {
          position: absolute;
          height: 3px;
          content: "";
          background-color: #4e6ec114;
          left: 0;
          right: 0;
          bottom: -3px;
        }
      }
    }
    .colors,
    .emojis {
      height: calc(100% - 40px - 8px);
      display: none;
      flex-direction: column;
      justify-content: space-between;
    }
    .colors {
      .colors-list {
        display: flex;
        gap: 11px;
        padding: 8px;
        flex-wrap: wrap;
      }
      .selectMomentColor {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        cursor: pointer;
        user-select: none;
        transition: 0.2s;
        border-radius: 50%;
        position: relative;
        z-index: 3;
        &:last-child {
          margin-right: 0;
        }
        &:hover {
          transform: scale(0.9);
        }
        &.selected {
          &::after {
            content: "";
            z-index: 2;
            position: absolute;
            left: -7px;
            top: -7px;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid var(--blue);
            background-color: var(--blue-light);
          }
        }
      }
      .or {
        text-align: center;
        color: var(--text-color);
        line-height: 21px;
      }
      input {
      }
    }
    .emojis {
      justify-content: flex-start;
      > div:first-child {
        display: flex;
        align-items: center;
      }

      input {
        width: 100%;
        margin: 0 0 10px 0 !important;
      }

      .settingsPopupMomentEmojiTab {
        display: none !important;
        width: 30px;
        height: 30px;
        margin-right: 5px;
        cursor: pointer;
        border-radius: 50%;
        background: no-repeat center / 18px;
        filter: grayscale(100%) brightness(0.76) sepia(100%) hue-rotate(-178deg);
      }

      .settingsPopupMomentEmojiTab[data-value="smile"] {
        background-image: url("/img/icon/emoji_cat_smile.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="nature"] {
        background-image: url("/img/icon/emoji_cat_nature.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="food"] {
        background-image: url("/img/icon/emoji_cat_food.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="places"] {
        background-image: url("/img/icon/emoji_cat_places.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="activities"] {
        background-image: url("/img/icon/emoji_cat_activities.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="objects"] {
        background-image: url("/img/icon/emoji_cat_objects.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="symbols"] {
        background-image: url("/img/icon/emoji_cat_symbols.svg");
      }

      .settingsPopupMomentEmojiTab[data-value="flags"] {
        background-image: url("/img/icon/emoji_cat_flag.svg");
      }

      &[data-value="smile"] .settingsPopupMomentEmojiTab[data-value="smile"],
      &[data-value="nature"] .settingsPopupMomentEmojiTab[data-value="nature"],
      &[data-value="food"] .settingsPopupMomentEmojiTab[data-value="food"],
      &[data-value="places"] .settingsPopupMomentEmojiTab[data-value="places"],
      &[data-value="activities"]
        .settingsPopupMomentEmojiTab[data-value="activities"],
      &[data-value="objects"]
        .settingsPopupMomentEmojiTab[data-value="objects"],
      &[data-value="symbols"]
        .settingsPopupMomentEmojiTab[data-value="symbols"],
      &[data-value="flags"] .settingsPopupMomentEmojiTab[data-value="flags"] {
        background-color: rgba(57, 71, 89, 0.1);
        filter: none;
      }

      .settingsPopupMomentEmojiTab:last-child {
        margin-right: 0;
      }

      .tab {
        display: none;
        overflow: auto;
        flex-wrap: wrap;
        max-height: 280px;
      }

      .tab .settingsPopupEmoji {
        font-size: 20px;
        line-height: 25px;
        width: 25px;
        height: 25px;
        margin: 10px 10px 0 0;
        cursor: pointer;
        user-select: none;
      }

      .tab .settingsPopupEmoji:hover {
        opacity: 0.7;
      }

      .tab .settingsPopupEmoji.filtered {
        display: none;
      }

      &[data-value="smile"] .tab.smile,
      &[data-value="nature"] .tab.nature,
      &[data-value="food"] .tab.food,
      &[data-value="places"] .tab.places,
      &[data-value="activities"] .tab.activities,
      &[data-value="objects"] .tab.objects,
      &[data-value="symbols"] .tab.symbols,
      &[data-value="flags"] .tab.flags {
        display: flex;
      }
    }
    &[data-tab="color"] {
      .visuals-tab[data-value="color"] {
        color: var(--blue);
        &::after {
          background-color: var(--blue);
        }
      }
      .colors {
        display: flex;
      }
    }
    &[data-tab="emoji"] {
      .visuals-tab[data-value="emoji"] {
        color: var(--blue);
        &::after {
          background-color: var(--blue);
        }
      }
      .emojis {
        display: flex;
      }
    }
  }
  #moment-custom-color {
    padding-left: 16px !important;
    font-weight: 500;
    &.error {
      border: 1px solid var(--red);
    }
  }
}#settings-prompt-moment{.visuals-popup {
    width: 80px;
    padding: 4px 8px;
    border: 1px solid var(--blue);
    height: 30px;
    .vertical-row {
      display: none;
    }
    #settings-popup-moment-color {
      margin-right: 10px;
      width: 14px;
      height: 14px;
    }
    #settings-popup-moment-emoji {
      font-size: 16px;
    }
    &::after {
      right: 3px;
    }
  }
}#body.nogroup .cssMoments #settings-popup-moment #settings-newmoment-groups{display:none!important}#settings-newmoment-groups{margin-right:60px}.cssMoments #settings-popup-moment .infos.hideNext{border:none}.cssMoments #settings-popup-moment .infos.hideNext ~ * {display:none}.cssMoments #settings-popup-moment .infos .name{display:none;margin-right:60px}.cssMoments
  #settings-popup-moment
  :where(#settings-popup-moment-team, #settings-popup-moment-scope) {line-height:40px;position:relative;overflow:hidden;width:280px;height:40px;padding:0 30px 0 10px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--lightgrey);border-radius:5px}.cssMoments
  #settings-popup-moment
  :where(#settings-popup-moment-team, #settings-popup-moment-scope):before {position:absolute;top:50%;right:10px;width:0;height:0;content:"";transform:translateY(-50%) rotate(180deg);border-top:5px solid var(--grey);border-right:5px solid transparent;border-left:5px solid transparent}.cssMoments
  #settings-popup-moment
  :where(
    #settings-popup-moment-team,
    #settings-popup-moment-scope
  ).fopen:before {transform:translateY(-50%)}.cssMoments
  #settings-popup-moment
  :where(#settings-popup-moment-team-list, #settings-popup-moment-scope-list) {position:absolute;z-index:2;top:100px;left:2px;display:none;width:280px;text-align:center;border-radius:5px;background-color:var(--white);box-shadow:1.2px 8.2px 24px rgba(220,220,220,.5)}.cssMoments
  #settings-popup-moment
  :where(
    #settings-popup-moment-team-list-container,
    #settings-popup-moment-scope-list-container
  ) {display:flex;overflow:auto;flex-direction:column;max-height:164px}.cssMoments #settings-popup-moment #settings-popup-moment-team.fopen+#settings-popup-moment-team-list,.cssMoments #settings-popup-moment #settings-popup-moment-scope.fopen+#settings-popup-moment-scope-list{display:block}.cssMoments #settings-popup-moment-scope-list-container .settings-select-moment-scope{line-height:40px;height:40px;padding:0 20px;cursor:pointer;text-align:left;background-color:var(--white)}.cssMoments #settings-popup-moment-scope-list-container .settings-select-moment-scope:hover{background-color:var(--selected)}.cssMoments #settings-popup-moment #settings-popup-moment-team-list input{width:calc(100% - 40px);margin-bottom:20px}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group,#mainHeader-filter-ivr .ivr{flex-shrink:0;order:2;padding:0 50px 0 20px;text-align:left;position:relative;height:40px;background-color:var(--white);cursor:pointer;display:flex;align-items:center;width:100%;overflow:hidden}@keyframes loader_rotation {
  from {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) translateY(-50%) rotate(359deg);
  }
}.cssMoments
  #settings-popup-moment:not(.canUpdate)
  #settings-popup-moment-team-list
  .settings-popup-group {cursor:default}.cssMoments
  #settings-popup-moment
  #settings-popup-moment-team-list
  .settings-popup-group.filtered,
#mainHeader-filter-ivr .ivr.filtered,
.cssMoments
  #settings-popup-moment:not(.canUpdate)
  #settings-popup-moment-team-list
  .settings-popup-edit-group:not(.selected) {display:none}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-edit-group:hover,.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group:hover,#mainHeader-filter-ivr .ivr:hover{background-color:var(--selected)}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-edit-group .picture,.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group .picture,#mainHeader-filter-ivr .ivr .picture{font-size:12px;font-weight:700;line-height:30px;flex-shrink:0;width:30px;height:30px;margin-right:10px;text-align:center;text-transform:uppercase;color:#fff;border-radius:50%;background-color:red}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group .name,#mainHeader-filter-ivr .ivr .name{overflow:hidden;width:200px;white-space:nowrap;text-overflow:ellipsis}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-edit-group:before,.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group:before,#mainHeader-filter-ivr .ivr:before{content:"";position:absolute;width:25px;height:25px;right:20px;top:50%;transform:translateY(-50%);border:1px solid #ebedf4;border-radius:5px}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-edit-group.selected,.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group.selected,#mainHeader-filter-ivr .ivr.selected{order:1}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group.selected:before,#mainHeader-filter-ivr .ivr.selected:before{background-color:var(--blue2)}.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-edit-group.selected:after,.cssMoments #settings-popup-moment #settings-popup-moment-team-list .settings-popup-group.selected:after,#mainHeader-filter-ivr .ivr.selected:after{content:"";position:absolute;width:25px;height:25px;right:20px;top:50%;transform:translateY(-50%);background: no-repeat center/ 12px;background-image:url(/img/icon/check-white.svg)}.cssMoments #settings-popup-moment-team{display:none}#body:where(.admin, .supervisor) .cssMoments #settings-popup-moment-team {display:block}.cssMoments #settings-popup-moment.canUpdate .infos .name{display:block}.cssMoments #settings-popup-moment .infos .coloremoji-container{display:flex}.cssMoments #settings-popup-moment .infos .coloremoji-container>div{font-size:21px;line-height:40px;position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:.2s;border:1px solid var(--lightgrey);border-radius:5px}.cssMoments #settings-popup-moment.canUpdate .infos .coloremoji-container>div:hover{border-color:#999}.cssMoments #settings-popup-moment .infos .coloremoji-container>div:first-child{margin-right:10px}.cssMoments #settings-popup-moment .infos .coloremoji-container #settings-popup-moment-color{position:absolute;pointer-events:none;border:8px solid var(--white);border-radius:50%;inset:0 0 0 0}.cssMoments #settings-popup-moment .infos .coloremoji-container #settings-popup-moment-emoji{pointer-events:none}.cssMoments #settings-popup-moment.canUpdate .infos .coloremoji-container #settings-popup-moment-color,.cssMoments #settings-popup-moment.canUpdate .infos .coloremoji-container #settings-popup-moment-emoji{cursor:pointer;pointer-events:auto}.cssMoments #settings-popup-moment .infos .coloremoji-container .settings-popup{position:absolute;z-index:4;bottom:-5px;left:50%;display:none;padding:5px;cursor:default;transform:translate(-50%,100%);border-radius:5px;background-color:#fff;box-shadow:2px 8px 24px rgba(220,220,220,.5)}.darkmode .cssMoments #settings-popup-moment .infos .coloremoji-container .settings-popup{background-color:#4c4c4c;box-shadow:none}.cssMoments
  #settings-popup-moment
  .infos
  .coloremoji-container
  #settings-popup-moment-color.fopen
  ~ .settings-popup {display:flex}.cssMoments
  #settings-popup-moment
  .infos
  .coloremoji-container
  #settings-popup-moment-emoji.fopen
  ~ .settings-popup {display:block}.cssMoments #settings-popup-moment .infos .coloremoji-container .selectMomentColor{flex-shrink:0;width:30px;height:30px;margin-right:10px;cursor:pointer;user-select:none;transition:.2s;border-radius:50%}.cssMoments #settings-popup-moment .infos .coloremoji-container .selectMomentColor:last-child{margin-right:0}.cssMoments #settings-popup-moment .infos .coloremoji-container .selectMomentColor:hover{transform:scale(.9)}@media (max-width:1730px){.cssMoments #settings-popup-moment .infos .coloremoji-container .settings-popup{left:-300px;flex-wrap:wrap;max-width:330px;transform:translate(0,100%)}.cssMoments #settings-popup-moment .infos .coloremoji-container .selectMomentColor{margin:5px}}.cssMoments #settings-popup-moment .description{display:none;color:var(--text-color)}.cssMoments #settings-popup-moment.canUpdate .description{display:block}.cssMoments #settings-popup-moment .addKeywords-container{position:relative;display:none}.cssMoments #settings-popup-moment .addKeywords-container>div{margin:10px 0}.cssMoments #settings-popup-moment.canUpdate .addKeywords-container{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:20px}.cssMoments #settings-popup-moment.canUpdate .addKeywords-container [type="text-or"]{font-size:14px;font-weight:400;margin:0 10px;color:var(--grey3)}.cssMoments #settings-popup-moment.canUpdate .addKeywords-container #settings-popup-moment-ai-keywords-generator{display:block;width:max-content;> * {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 12px;
    cursor: pointer;
    gap: 8px;
    border-radius: 12px;
    background: var(--blue-light);
    img {
      width: 20px;
      height: 20px;
    }
  }
  &.isLoading > * {
    cursor: not-allowed;
  }
  &:hover {
    opacity: 0.7;
  }
  span {
    font-size: 14px;
    font-weight: 600;
    color: var(--blue2);
  }
  .ai-init img {
    width: 26px;
    height: 26px;
  }
  .ai-loading img {
    width: 20px;
    height: 20px;
    animation: loading-rotate 2s linear infinite;
  }
}@keyframes loading-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang{position:relative;width:94px;height:40px;padding:0 28px 0 8px;cursor:pointer;border:1px solid var(--lightgrey);border-radius:8px;border:1px solid var(--border);background:var(--colors-bg-component-bg-white,#fff);color:var(--colors-text-text-primary,#394759);font-feature-settings:"liga" off , "clig" off;font-weight:400;line-height:21px;display:flex;align-items:center;justify-content:center;gap:8px}.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang:before{position:absolute;top:50%;right:10px;width:0;height:0;content:"";transform:translateY(-50%);border-top:5px solid var(--grey);border-right:5px solid transparent;border-left:5px solid transparent}.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang:hover{opacity:.7}.cssMoments #settings-popup-moment .addKeywords-container .popup-keyword-lang{position:absolute;z-index:2;top:200px;left:0;display:none;width:200px;border-radius:8px;box-shadow:1px 6px 20px 0 rgba(18,18,18,.05);background-color:var(--white);padding:8px}.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang.fopen+.popup-keyword-lang{display:block}.cssMoments #settings-popup-moment .addKeywords-container .popup-keyword-lang .changeNewKeywordLang{height:40px;padding:0 16px;cursor:pointer;display:flex;align-items:center}.cssMoments #settings-popup-moment .addKeywords-container .popup-keyword-lang .changeNewKeywordLang img,.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang img{width:20px;margin:2px 5px 0 0;border-radius:3px}.cssMoments #settings-popup-moment .addKeywords-container .popup-keyword-lang .changeNewKeywordLang:hover{background-color:var(--blue-light);border-radius:6px 6px 0 0}.cssMoments #settings-popup-moment #settings-popup-moment-keywords-add{position:relative;cursor:pointer;transition:.2s;background-color:var(--white);display:flex;width:40px;height:40px;padding:0 12px;justify-content:center;align-items:center;border-radius:8px;border:1px solid var(--blue);&:hover {
    opacity: 0.7;
  }
  &:active {
    transform: scale(0.96);
  }
  &::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    content: "";
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: var(--blue);
  }
  &::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 18px;
    content: "";
    transform: translate(-50%, -50%);
    border-radius: 4px;
    background-color: var(--blue);
  }
}.cssMoments #settings-popup-moment #settings-popup-moment-keywords{display:flex;flex-wrap:wrap}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword{line-height:40px;display:none;overflow:hidden;align-items:center;justify-content:space-between;max-width:100%;height:33px;margin:0 12px 12px 0;padding:6px 12px;white-space:nowrap;text-overflow:ellipsis;border:1.5px solid var(--blue2);border-radius:16px;background:rgba(78,110,193,.08)}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword.duplicate{background-color:rgba(255,0,0,.15)}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword .settings-popup-moment-keyword-delete{position:relative;display:none;width:16px;height:16px;margin-left:8px;cursor:pointer;border-radius:50%;background-color:var(--text-secondary)}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section{font-weight:600;position:relative;display:flex;align-items:center;width:100%;margin-bottom:10px;padding:10px 0 10px 25px;cursor:pointer;color:var(--black);border-bottom:1px solid var(--lightgrey)}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section:hover{opacity:.7}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section:before{position:absolute;top:50%;left:0;width:20px;height:20px;content:"";transform:translateY(-50%);background: var(--white) no-repeat center / 12px;background-image:url(/img/icon/chevron-down-small.svg);background-size:20px}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section.open:before{transform:translateY(-50%) rotate(180deg)}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="all"]{order:1}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="fr"]{order:3}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="en"]{order:5}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="es"]{order:7}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="it"]{order:9}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="pt"]{order:11}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="de"]{order:13}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section[data-lang="nl"]{order:15}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="all"]{order:2}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="fr"]{order:4}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="en"]{order:6}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="es"]{order:8}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="it"]{order:10}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="pt"]{order:12}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="de"]{order:14}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword[data-lang="nl"]{order:16}.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="all"].open
  ~ .keyword[data-lang="all"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="fr"].open
  ~ .keyword[data-lang="fr"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="en"].open
  ~ .keyword[data-lang="en"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="es"].open
  ~ .keyword[data-lang="es"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="it"].open
  ~ .keyword[data-lang="it"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="pt"].open
  ~ .keyword[data-lang="pt"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="de"].open
  ~ .keyword[data-lang="de"],
.cssMoments
  #settings-popup-moment
  #settings-popup-moment-keywords
  .lang-section[data-lang="nl"].open
  ~ .keyword[data-lang="nl"] {display:flex}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .lang-section>div{color:var(--blue);font-size:12px;font-weight:600;height:21px;margin-left:12px;border-radius:6px;border:1px solid var(--blue);padding:0 8px;display:flex;align-items:center}.cssMoments #settings-popup-moment.canUpdate #settings-popup-moment-keywords .keyword .settings-popup-moment-keyword-delete{display:block}.cssMoments #settings-popup-moment #settings-popup-moment-keywords .keyword .settings-popup-moment-keyword-delete:before{position:absolute;content:"";background: no-repeat center / 10px;background-image:url(/img/icon/close-white.svg);inset:0 0 0 0;background-size:7px}#addKeywords-error,#duplicateMoment-error,#noKeywords-error{margin-bottom:10px;color:var(--red)}#settings-popup-moment-ai-keywords .hidden{display:none}#settings-popup-moment-ai-keywords{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;padding:16px;border-radius:14px;background:rgba(249,251,255,1);gap:10px}#settings-popup-moment-ai-keywords .top{display:flex;gap:10px}#settings-popup-moment-ai-keywords .top img{width:20px;height:20px}#settings-popup-moment-ai-keywords .top .right{display:flex;flex-direction:column;gap:5px}#settings-popup-moment-ai-keywords .top .right .header{display:flex;gap:20px}#settings-popup-moment-ai-keywords .top .right .header .title{display:flex;align-items:center;gap:10px}#settings-popup-moment-ai-keywords .top .right .header .title [type="title"]{font-size:14px;font-weight:700;color:rgba(57,71,89,1)}#settings-popup-moment-ai-keywords .top .right .header .title #ai-keywords-count{font-size:12px;font-weight:400;margin:auto;padding:0 10px;color:rgba(57,71,89,1);border-radius:30px;background:var(--lightgrey)}#settings-popup-moment-ai-keywords .top .right .header .info img{position:relative;display:flex;align-items:center;flex-direction:column;cursor:pointer}#settings-popup-moment-ai-keywords .top .right .header .info img:hover+.info-desc{display:block}#settings-popup-moment-ai-keywords .top .right .header .info .info-desc{position:absolute;z-index:1;display:none;max-width:50%;padding:20px;color:var(--text-color);border:1px solid #ebedf4;background:#fff;box-shadow:0 4px 24px 0 rgba(0,0,0,.05)}#settings-popup-moment-ai-keywords .top .right [type="desc"]{font-size:14px;font-weight:400;color:var(--grey3)}#settings-popup-moment-ai-keywords hr{border:1px solid var(--lightgrey)}#settings-popup-moment-ai-keywords .buttons{display:flex;align-items:center;justify-content:flex-end;gap:10px}#settings-select-all-ai-keywords,#settings-add-ai-keywords{font-size:14px;font-weight:600;padding:11px 20px 11px 20px;border:unset;border-radius:10px}#settings-select-all-ai-keywords{color:var(--blue2);background:transparent}#settings-add-ai-keywords{color:var(--white);background:var(--blue2)}#settings-cancel-ai-keywords-generator{position:relative;width:40px;height:40px;cursor:pointer;transition:.2s;border:1px solid var(--lightgrey);border-radius:5px;background-color:var(--white)}#settings-cancel-ai-keywords-generator:hover{opacity:.7}#settings-cancel-ai-keywords-generator:active{transform:scale(.96)}#settings-cancel-ai-keywords-generator:before{position:absolute;top:50%;left:50%;width:18px;height:2px;content:"";transform:translate(-50%,-50%) rotate(45deg);border-radius:4px;background-color:rgba(57,71,89,1)}#settings-cancel-ai-keywords-generator:after{position:absolute;top:50%;left:50%;width:2px;height:18px;content:"";transform:translate(-50%,-50%) rotate(45deg);border-radius:4px;background-color:rgba(57,71,89,1)}#ai-keywords{position:relative;display:flex;flex-direction:column}#ai-keywords .ai-lang-section{position:relative}#ai-keywords .ai-lang-section .ai-lang-section-list{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px}#ai-keywords.loading::before{position:absolute;top:50%;left:50%;width:80px;height:80px;content:"";transform:translate(-50%,-50%);background: no-repeat center / 64px;background-image:url(/img/icon/loader.svg)}#ai-keywords .ai-lang-section .ai-lang-section-label{font-weight:600;position:relative;display:flex;align-items:center;margin:5px 0 10px;padding:10px 0 10px 25px;cursor:pointer;text-transform:uppercase;color:var(--black);border-bottom:1px solid var(--lightgrey)}#ai-keywords .ai-lang-section .ai-lang-section-label .ai-lang-section-count{font-size:12px;font-weight:400;margin:0 10px;padding:0 10px;color:rgba(57,71,89,1);border-radius:30px;background:var(--lightgrey)}#ai-keywords .ai-lang-section .ai-lang-section-label:hover{opacity:.7}#ai-keywords .ai-lang-section .ai-lang-section-label:before{position:absolute;top:50%;left:0;width:0;height:0;content:"";transform:translateY(-50%) rotate(180deg);border-top:5px solid var(--grey);border-right:5px solid transparent;border-left:5px solid transparent}#ai-keywords .ai-lang-section .ai-lang-section-label.open:before{transform:translateY(-50%)}#ai-keywords .ai-lang-section .ai-lang-section-label+.ai-lang-section-list{display:none}#ai-keywords .ai-lang-section .ai-lang-section-label.open+.ai-lang-section-list{display:flex}#ai-keywords .ai-lang-section .ai-lang-section-list .ai-keyword{display:flex;align-items:center;padding:8px 15px;border:2px solid var(--blue2);border-radius:10px;background:var(--white);gap:10px}#ai-keywords .ai-lang-section .ai-lang-section-list .ai-keyword .checkbox{width:20px;height:20px;cursor:pointer;border:1px solid var(--lightgrey);border-radius:5px;background: var(--white) no-repeat center / 10px}#ai-keywords .ai-lang-section .ai-lang-section-list .ai-keyword .checkbox.selected{background-color:var(--blue2);background-image:url(/img/icon/check-white.svg)}#duplicateMoment-error:not(.hidden) + .infos #settings-popup-moment-name {border-color:#f5c6cb!important;background-color:#f8d7da!important}#onboarding{position:absolute;display:flex;flex-direction:column;text-align:center;inset:30px 30px 20px 30px}#onboarding > div:not(#modal-licenses) {border-radius:5px;background-color:var(--white)}#onboarding .main{display:none;overflow:hidden;align-items:center;flex:1;flex-direction:column;justify-content:center;margin-bottom:20px;padding:35px}#onboarding .main .logo{width:50px;margin-bottom:40px}#onboarding .main .title{font-size:36px;font-weight:600;margin-bottom:20px;color:var(--black)}#onboarding .main .title + div:not(#settings-popup-moment-preview) {font-size:18px;width:1100px;max-width:100%;opacity:.6;color:var(--black)}#onboarding .main .title ~ .ul {font-size:18px;margin-top:20px;text-align:center;color:var(--text-color)}#onboarding .main .title ~ .ul > div {margin-bottom:20px}#onboarding .main .title ~ .ul > div img {width:20px;margin-right:10px;vertical-align:middle}#onboarding .main .bigImg{flex:1;max-height:495px;margin-top:100px}#onboarding .onboarding-link{font-weight:600;text-decoration:underline;color:var(--blue)}body[data-page="onboarding"] iframe{display:none!important}@media (max-height:1200px){#onboarding[data-step="2"] .main .bigImg{margin-top:20px}}@media (max-height:1100px){#onboarding .main .bigImg{max-height:400px}}@media (max-height:1020px){#onboarding .main .bigImg{max-height:300px}}@media (max-height:920px){#onboarding .main .bigImg{margin-top:50px}#onboarding .main .bigImg{max-height:250px}}@media (max-height:870px){#onboarding .main .bigImg{max-height:200px}}@media (max-height:810px){#onboarding .main .bigImg{max-height:150px}}@media (max-height:760px){#onboarding .main .bigImg{display:none}}@media (max-height:700px){#onboarding .main .bigImg{display:none}}#onboarding .bottomBar{display:flex;align-items:center;flex-shrink:0;justify-content:space-between;height:120px;padding:35px}@media (max-width:1699px){#onboarding .bottomBar{flex-wrap:wrap;height:150px}#onboarding .bottomBar .progress{justify-content:center;order:1;width:100%;margin-top:20px!important}}#onboarding .bottomBar .btn{font-size:16px;font-weight:700;line-height:50px;height:50px;padding:0 45px;color:#fff;border:1px solid var(--blue2);border-radius:8px;background-color:var(--blue2);&:hover {
    opacity: 1;
    border-color: var(--blue2-btn-hover);
    background-color: var(--blue2-btn-hover);
  }
}#onboarding .bottomBar>.btn:first-child{color:var(--blue2);background-color:transparent;&:hover {
    opacity: 1;
    color: var(--blue2-btn-hover);
    border-color: var(--blue2-btn-hover);
    background-color: rgba(78, 110, 193, 0.2);
  }
}#onboarding .bottomBar .progress{display:flex;margin:0 25px}#onboarding .bottomBar .progress .onboardingGoToStep{position:relative;display:flex;align-items:center;flex-direction:column;cursor:pointer}#body:not(.admin)
  #onboarding
  .bottomBar
  .progress
  .onboardingGoToStep[data-step="6"],
#body:not(.admin)
  #onboarding
  .bottomBar
  .progress
  .onboardingGoToStep[data-step="5"]
  + .bar {display:none}#onboarding .bottomBar .progress .circle{position:relative;width:30px;height:30px;margin-bottom:25px;border:1px solid var(--blue2);border-radius:50%}#onboarding .bottomBar .progress .txt{position:absolute;top:38px;left:50%;transform:translateX(-50%);opacity:.6;color:var(--black)}#onboarding .bottomBar .progress .bar{position:relative;width:144px;height:6px;margin-top:12px;background-color:var(--lightgrey)}@media (max-width:1120px){#onboarding .bottomBar .progress .bar{width:125px}}#onboarding[data-step="1"] .bottomBar .btn[data-value="-1"],#onboarding[data-step="7"] .bottomBar .btn[data-value="-1"]{visibility:hidden}#onboarding[data-step="1"] .main[data-step="1"],#onboarding[data-step="2"] .main[data-step="2"],#onboarding[data-step="3"] .main[data-step="3"],#onboarding[data-step="4"] .main[data-step="4"],#onboarding[data-step="5"] .main[data-step="5"],#body.admin #onboarding[data-step="6"] .main.admin[data-step="6"],#onboarding[data-step="7"] .main[data-step="7"],#body.admin #onboarding[data-step="7"] .main.admin[data-step="7"]{display:flex}#body.admin #onboarding[data-step="7"] .main[data-step="7"]{display:none}#body:not(.admin) #onboarding .main.admin {display:none!important}#onboarding[data-step="1"] .progress .onboardingGoToStep[data-step="1"] .circle{background-color:var(--blue2)}#onboarding[data-step="1"] .progress .onboardingGoToStep[data-step="1"] .circle:before{position:absolute;top:50%;left:50%;width:20px;height:20px;content:"";transform:translate(-50%,-50%);border-radius:50%;background-color:var(--white)}#onboarding .progress .onboardingGoToStep[data-step="1"] + .bar:before,
:where(
    #onboarding[data-step="2"],
    #onboarding[data-step="3"],
    #onboarding[data-step="4"],
    #onboarding[data-step="5"],
    #onboarding[data-step="6"],
    #onboarding[data-step="7"]
  )
  .progress
  .onboardingGoToStep[data-step="2"]
  + .bar:before,
:where(
    #onboarding[data-step="3"],
    #onboarding[data-step="4"],
    #onboarding[data-step="5"],
    #onboarding[data-step="6"],
    #onboarding[data-step="7"]
  )
  .progress
  .onboardingGoToStep[data-step="3"]
  + .bar:before,
:where(
    #onboarding[data-step="4"],
    #onboarding[data-step="5"],
    #onboarding[data-step="6"],
    #onboarding[data-step="7"]
  )
  .progress
  .onboardingGoToStep[data-step="4"]
  + .bar:before,
:where(
    #onboarding[data-step="5"],
    #onboarding[data-step="6"],
    #onboarding[data-step="7"]
  )
  .progress
  .onboardingGoToStep[data-step="5"]
  + .bar:before,
:where(#onboarding[data-step="6"], #onboarding[data-step="7"])
  .progress
  .onboardingGoToStep[data-step="6"]
  + .bar:before {position:absolute;content:"";border-radius:0 5px 5px 0;background-color:var(--blue2);inset:0 50% 0 0}#onboarding[data-step="2"]
  .progress
  :where(.onboardingGoToStep[data-step="1"], .onboardingGoToStep[data-step="2"])
  .circle,
#onboarding[data-step="3"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"]
  )
  .circle,
#onboarding[data-step="4"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"]
  )
  .circle,
#onboarding[data-step="5"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"],
    .onboardingGoToStep[data-step="5"]
  )
  .circle,
#onboarding[data-step="6"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"],
    .onboardingGoToStep[data-step="5"],
    .onboardingGoToStep[data-step="6"]
  )
  .circle,
#onboarding[data-step="7"] .progress .onboardingGoToStep .circle {background-color:var(--blue2)}#onboarding[data-step="2"]
  .progress
  :where(.onboardingGoToStep[data-step="1"], .onboardingGoToStep[data-step="2"])
  .circle:before,
#onboarding[data-step="3"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"]
  )
  .circle:before,
#onboarding[data-step="4"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"]
  )
  .circle:before,
#onboarding[data-step="5"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"],
    .onboardingGoToStep[data-step="5"]
  )
  .circle:before,
#onboarding[data-step="6"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"],
    .onboardingGoToStep[data-step="5"],
    .onboardingGoToStep[data-step="6"]
  )
  .circle:before,
#onboarding[data-step="7"] .progress .onboardingGoToStep .circle:before {position:absolute;top:50%;left:50%;width:20px;height:20px;content:"";transform:translate(-50%,-50%);border-radius:50%;background-color:var(--white)}#onboarding[data-step="2"]
  .progress
  :where(.onboardingGoToStep[data-step="1"])
  + .bar:before,
#onboarding[data-step="3"]
  .progress
  :where(.onboardingGoToStep[data-step="1"], .onboardingGoToStep[data-step="2"])
  + .bar:before,
#onboarding[data-step="4"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"]
  )
  + .bar:before,
#onboarding[data-step="5"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"]
  )
  + .bar:before,
#onboarding[data-step="6"]
  .progress
  :where(
    .onboardingGoToStep[data-step="1"],
    .onboardingGoToStep[data-step="2"],
    .onboardingGoToStep[data-step="3"],
    .onboardingGoToStep[data-step="4"],
    .onboardingGoToStep[data-step="5"]
  )
  + .bar:before,
#onboarding[data-step="7"] .bar:before {right:0!important;border-radius:0!important}#onboarding .main.admin[data-step="7"]{align-items:flex-start;flex-direction:row;text-align:left}#onboarding .main[data-step="7"]>div:first-child{overflow:auto;flex-shrink:0;width:620px;margin-right:20px}#onboarding .main[data-step="7"]>div:last-child{flex:1}#onboarding .main.admin[data-step="7"] .cssMoments h2+div{display:none}#onboarding .main .title2{font-size:24px;font-weight:600;line-height:29px;margin:30px 0 20px}#onboarding #onboarding-createMoment>div{position:relative;display:flex;align-items:center;height:50px;margin-bottom:20px;padding:0 18px;opacity:.6;border-radius:10px}#onboarding #onboarding-createMoment>div span{color:var(--blue2)}#onboarding #onboarding-createMoment>div>div:first-child{font-weight:600;line-height:30px;width:30px;height:30px;margin-right:10px;text-align:center;color:#fff;border-radius:50%;background-color:var(--blue2)}#onboarding #onboarding-createMoment[data-step="1"]>div[data-step="1"],#onboarding #onboarding-createMoment[data-step="2"]>div[data-step="2"],#onboarding #onboarding-createMoment[data-step="3"]>div[data-step="3"],#onboarding #onboarding-createMoment[data-step="4"]>div[data-step="4"]{opacity:1;background-color:var(--lightgrey)}#onboarding #onboarding-createMoment .done{display:none;color:#fff}@media (max-width:1199px){#body.admin #onboarding[data-step="7"] .main.admin[data-step="7"]{display:block;overflow:hidden auto}#onboarding .main.admin[data-step="7"]>div:first-child{width:100%}#onboarding .main.admin[data-step="7"]>div{height:auto}#onboarding .cssMoments #moments-categories.edit{max-height:500px}}@media (max-height:750px){#onboarding .main{padding:0}#onboarding .main.admin[data-step="7"]>div{padding:20px}}.cssMoments{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column}.cssMoments>h2{margin-bottom:5px}.cssMoments>h2+div[data-text="momentaddedit"]{padding-right:200px}#onboarding .cssMoments .moments-categories-tab{top:40px;right:20px}body[data-page="onboarding"] #beamerSelector{display:none}#onboarding
  :where(
    #onboarding-createMoment[data-step="2"],
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="1"],
#onboarding
  :where(
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="2"],
#onboarding
  :where(
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="3"],
#onboarding #onboarding-createMoment[data-step="5"] > div[data-step="4"] {opacity:1!important;background-color:var(--blue2)}#onboarding
  :where(
    #onboarding-createMoment[data-step="2"],
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="1"]:before,
#onboarding
  :where(
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="2"]:before,
#onboarding
  :where(
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="3"]:before,
#onboarding
  #onboarding-createMoment[data-step="5"]
  > div[data-step="4"]:before {position:absolute;z-index:1;top:50%;right:20px;width:20px;height:20px;content:"";transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background: no-repeat center / 12px;background-image:url(/img/icon/check-white.svg)}#onboarding
  :where(
    #onboarding-createMoment[data-step="2"],
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="1"]
  > div:first-child,
#onboarding
  :where(
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="2"]
  > div:first-child,
#onboarding
  :where(
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="3"]
  > div:first-child,
#onboarding
  #onboarding-createMoment[data-step="5"]
  > div[data-step="4"]
  > div:first-child {color:var(--blue2)!important;background:#fff!important}#onboarding
  :where(
    #onboarding-createMoment[data-step="2"],
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="1"]
  .done,
#onboarding
  :where(
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="2"]
  .done,
#onboarding
  :where(
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="3"]
  .done,
#onboarding #onboarding-createMoment[data-step="5"] > div[data-step="4"] .done {display:block!important}#onboarding
  :where(
    #onboarding-createMoment[data-step="2"],
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="1"]
  .done
  ~ *,
#onboarding
  :where(
    #onboarding-createMoment[data-step="3"],
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="2"]
  .done
  ~ *,
#onboarding
  :where(
    #onboarding-createMoment[data-step="4"],
    #onboarding-createMoment[data-step="5"]
  )
  > div[data-step="3"]
  .done
  ~ *,
#onboarding
  #onboarding-createMoment[data-step="5"]
  > div[data-step="4"]
  .done
  ~ * {display:none}#body.admin #onboarding .main.admin[data-step="6"]{align-items:normal;flex-direction:row;justify-content:normal;text-align:left}#body.admin #onboarding .main.admin[data-step="6"]>div{overflow:auto}#body.admin #onboarding .main.admin[data-step="6"]>div:first-child{flex-shrink:0;width:420px;max-width:100%;margin-right:20px;padding-right:20px}#body.admin
  #onboarding
  .main.admin[data-step="6"]
  > div:first-child
  .desc
  span:nth-child(2) {color:var(--blue)}#body.admin #onboarding .main.admin[data-step="6"]>div:last-child{display:flex;flex:1;flex-direction:column;padding-right:20px}#body.admin #onboarding .main.admin[data-step="6"]>div:first-child .desc-title{font-weight:600;line-height:24px;margin-top:20px}#body.admin #onboarding .main.admin[data-step="6"]>div:first-child .desc-title ul{padding-left:15px}#body.admin #onboarding .main.admin[data-step="6"]>div:first-child .desc-title li{font-weight:400;margin-top:10px;opacity:.6}:where(#onboarding, .page_settings .settings-content) .admin .actions > h4 {font-weight:600;line-height:38px;position:relative;height:38px;margin-right:60px;margin-bottom:20px;white-space:nowrap}:where(#onboarding, .page_settings .settings-content)
  .admin
  .actions
  > h4
  .tooltip {font-weight:400;position:absolute;z-index:2;top:0;right:-5px;display:none;padding:5px 10px;transform:translateX(100%);border-radius:4px;background-color:var(--white);box-shadow:0 0 5px rgba(0,0,0,.1)}:where(#onboarding, .page_settings .settings-content)
  .admin
  .actions
  > h4
  #settings-myteam-numbers:hover
  + .tooltip {display:block}#onboarding .main.admin[data-step="6"] .header{display:flex;flex-wrap:wrap;justify-content:space-between}:where(#onboarding, .page_settings) .settings-admin-header {display:flex;align-items:center;padding:0 10px}:where(#onboarding, .page_settings) .settings-admin-header > div {line-height:25px;position:relative;display:flex;overflow:hidden;align-items:center;flex:1 1 0;white-space:nowrap;text-overflow:ellipsis;color:var(--grey3);&:last-child {
    justify-content: center;
  }
}:where(#onboarding, .page_settings) #settings-admin-users-search {display:inline-block;font-size:16px;font-weight:400;height:48px;border-radius:8px;max-width:194px;min-width:150px;background: no-repeat left 12px center / 16px;background-size:24px;background-image:url(/img/icon/search.svg)}:where(#onboarding, .page_settings) .settings-admin-users {font-weight:600;line-height:30px;position:relative;height:30px;margin-bottom:20px;padding-left:30px;color:var(--black);border-bottom:1px solid var(--lightgrey)}:where(#onboarding, .page_settings) .settings-admin-users.nolicense {margin-top:30px}:where(#onboarding, .page_settings) .settings-admin-users:before {position:absolute;top:50%;left:0;width:20px;height:20px;content:"";transform:translateY(-50%);border-radius:50%;background: var(--blue2) no-repeat center / 12px;background-image:url(/img/icon/check-white.svg)}:where(#onboarding, .page_settings) .settings-admin-users.nolicense:before {background-color:var(--red);background-image:url(/img/icon/close-white.svg);background-size:10px}:where(#onboarding, .page_settings) .settings-admin-users-selector.reverse {flex-direction:column-reverse;flex-grow:0;min-height:0}:where(#onboarding, .page_settings)
  .settings-admin-users-selector.loading
  > .user {display:none!important}.loaderContainer{position:relative;width:58px;height:60px;&::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    content: "";
    transform: translateX(-50%) translateY(-50%);
    animation: loader_rotation 1600ms infinite linear;
    border-radius: 50%;
    background: conic-gradient(
      from 0deg at 49.47% 23.74%,
      rgba(78, 110, 193, 0.75) 0deg,
      rgba(78, 110, 193, 0.75) 177.3749542236328deg,
      rgba(78, 110, 193, 0) 360deg
    );
  }

  .logoOverlay {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    transform: translateX(-50%) translateY(-50%);
    background: no-repeat center / contain;
    background-image: url("/img/ringoer-overlay.svg");
  }
}.darkmode .loaderContainer .logoOverlay{background-image:url(/img/ringover-overlay-dark.svg)}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .loadingContainer {display:none}:where(#onboarding, .page_settings)
  .settings-admin-users-selector.loading
  .loadingContainer {display:flex;align-items:center;justify-content:center;height:100%;min-width:0}:where(#onboarding, .page_settings) .settings-admin-users-selector {position:relative;display:flex;overflow:auto;flex-direction:column;flex-grow:1;width:100%;min-height:182px;margin-top:10px;padding:10px 0;border-radius:5px 5px 0 0}:where(#onboarding, .page_settings) .settings-admin-users-selector > div {min-width:100px;.collapseLicenceItem {
    display: flex;
    align-items: center;
    width: fit-content;
    align-self: center;

    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: var(--blue2);

    .less {
      display: block;
      padding-right: 24px;
      background: url("/img/icon/chevron-top-small.svg") no-repeat right
        center / 20px;
    }

    .all {
      display: none;
      padding-right: 24px;
      background: url("/img/icon/chevron-down-small.svg") no-repeat right
        center / 20px;
    }
  }

  &.less {
    .user {
      display: none;
    }

    .collapseLicenceItem {
      .less {
        display: none;
      }
      .all {
        display: block;
      }
    }
  }
}:where(#onboarding, .page_settings) .settings-admin-users-selector .user {display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 10px}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.filtered,
:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.filtered2,
:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.filtered3 {display:none}#body.nogroup
  :where(#onboarding, .page_settings)
  .settings-admin-header
  > div:nth-child(2),
#body.nogroup
  :where(#onboarding, .page_settings)
  .settings-admin-users
  .user
  .groups {display:none!important}#body.nogroup
  :where(#onboarding, .page_settings)
  .settings-admin-header
  > div:first-child,
:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminContainer {position:relative;display:flex}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminContainer {justify-content:center}:where(#onboarding, .page_settings) #settings-admin-users .user .adminSelect {line-height:36px;width:150px;height:36px;padding:0 40px 0 8px;cursor:pointer;border:1px solid var(--bg-grey);border-radius:12px;background: no-repeat right 8px center / 20px;background-image:url(/img/icon/chevron-down-small.svg)}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect:hover {opacity:.7}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect.disabled {cursor:not-allowed;opacity:.5}:where(#onboarding, .page_settings) #settings-admin-users .user .adminPopup {position:absolute;z-index:2;display:none;width:200px;border-radius:12px;padding:8px;background-color:var(--white);box-shadow:1px 6px 20px 0 rgba(18,18,18,.05);inset:40px auto auto auto}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect.fopen
  + .adminPopup {display:block}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect[data-value="user"]
  + .adminPopup
  .changeUserAdmin[data-value="user"],
:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect[data-value="supervisor"]
  + .adminPopup
  .changeUserAdmin[data-value="supervisor"],
:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminSelect[data-value="admin"]
  + .adminPopup
  .changeUserAdmin[data-value="admin"] {font-weight:600;background: rgba(78, 110, 193, 0.08) url("/img/icon/check.svg") no-repeat
    right 6px center / 14px}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminPopup
  > div {line-height:34px;height:34px;padding:0 8px;cursor:pointer;border-radius:6px}:where(#onboarding, .page_settings)
  #settings-admin-users
  .user
  .adminPopup
  > div:hover {background-color:var(--lightgrey)}#body.nogroup
  :where(#onboarding, .page_settings)
  .settings-admin-users
  .user
  > div:first-child {flex:1}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .groups {display:flex;align-items:center}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .groups
  > div {display:flex;align-items:center;flex-wrap:wrap;width:34px;height:34px}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .groups
  > div
  > div {font-weight:700;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:1px;text-transform:uppercase;color:#fff;border-radius:50%}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .groups
  > div.multiple
  > div {font-size:8px;width:14px;height:14px}:where(#onboarding, .page_settings) .settings-admin-users-selector .user:hover {background-color:#f5f6f7}.darkmode
  :where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user:hover {background-color:#353637}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.selected {background-color:#cddbfe}:where(#onboarding, .page_settings) .settings-admin-users-selector .user > div {display:flex;align-items:center;flex:1 0 0}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  > div:first-child {position:relative;overflow:hidden}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  > div:first-child,
#settings-admin-invite-list .user > div {display:flex;align-items:center}:where(#onboarding, .page_settings)
  .groupsfilter-popup
  .filterByLicense.active
  .licenseStatusIcon {background-color:var(--blue2)}:where(#onboarding, .page_settings) .groupsfilter-popup .licenseStatusIcon {width:18px;height:18px;margin-right:10px;border-radius:50%;background: var(--grey3) no-repeat center / 10px;background-image:url(/img/icon/check-white.svg)}:where(#onboarding, .page_settings) #settings-admin-users .picture,
:where(#onboarding, .page_settings) #settings-admin-invite-preview .picture,
:where(#onboarding, .page_settings) #settings-admin-invite-list .picture {width:30px;height:30px;margin-right:10px;border:1px solid var(--blue2);border-radius:50%;background: #999 no-repeat center / cover}:where(#onboarding, .page_settings) #settings-myteam-numbers {line-height:20px;display:inline-block;height:20px;margin-left:10px;padding:0 5px;color:var(--blue2);border:1px solid var(--blue2);border-radius:5px}:where(#onboarding, .page_settings) #settings-admin-invite {position:relative;display:none;border:1px solid var(--lightgrey);border-radius:0 0 5px 5px}:where(#onboarding, .page_settings) #settings-admin-invite.wait {cursor:wait!important}:where(#onboarding, .page_settings) #settings-admin-invite > div:first-child {position:relative;flex:1}:where(#onboarding, .page_settings) #settings-admin-invite-preview {position:absolute;z-index:1;display:none;padding:0 5px;background-color:#fff;inset:0 0 0 0}.darkmode :where(#onboarding, .page_settings) #settings-admin-invite-preview {background-color:#4c4c4c}:where(#onboarding, .page_settings)
  #settings-admin-invite.preview
  #settings-admin-invite-preview {display:block}:where(#onboarding, .page_settings) #settings-admin-invite-preview .user {display:flex;align-items:center;height:40px}:where(#onboarding, .page_settings)
  #settings-admin-invite.wait
  #settings-admin-invite-preview
  .user {opacity:.7}:where(#onboarding, .page_settings)
  #settings-admin-invite-preview
  .user
  > div:first-child {display:flex;align-items:center}:where(#onboarding, .page_settings)
  #settings-admin-invite-preview
  .settingsCancelUser {position:relative;width:20px;height:20px;margin-left:10px;cursor:pointer;border-radius:50%;background-color:var(--blue2)}:where(#onboarding, .page_settings)
  #settings-admin-invite.wait
  #settings-admin-invite-preview
  .settingsCancelUser {cursor:wait}:where(#onboarding, .page_settings)
  #settings-admin-invite-preview
  .settingsCancelUser:before,
:where(#onboarding, .page_settings)
  #settings-admin-invite-preview
  .settingsCancelUser:after {position:absolute;top:50%;left:50%;width:10px;height:2px;content:"";transform:translate(-50%,-50%) rotate(45deg);background-color:#fff}:where(#onboarding, .page_settings)
  #settings-admin-invite-preview
  .settingsCancelUser:after {transform:translate(-50%,-50%) rotate(-45deg)}:where(#onboarding, .page_settings) #input-settings-admin-invite {width:100%;padding-left:46px;border:none!important;background: no-repeat left 10px center / 26px;background-image:url(/img/icon/userAdd.svg)}:where(#onboarding, .page_settings) .settingsInviteUser {font-weight:600;line-height:40px;height:40px;padding:0 30px;cursor:not-allowed;color:#fff;border-bottom-right-radius:5px;background-color:var(--grey3)}:where(#onboarding, .page_settings)
  #settings-admin-invite.preview
  .settingsInviteUser {cursor:pointer;background-color:var(--blue2)}:where(#onboarding, .page_settings)
  #settings-admin-invite.preview
  .settingsInviteUser:hover {opacity:.7}:where(#onboarding, .page_settings)
  #settings-admin-invite.wait
  .settingsInviteUser {cursor:wait;opacity:.7}:where(#onboarding, .page_settings) #settings-admin-invite-list {position:absolute;z-index:2;display:none;overflow:auto;max-height:271px;padding:10px 20px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:5px 5px 0 0;background-color:#f5f6f7;inset:auto -1px 40px -1px}.darkmode :where(#onboarding, .page_settings) #settings-admin-invite-list {border-color:#333;background-color:#3c3c3c}:where(#onboarding, .page_settings)
  #settings-admin-invite.open
  #settings-admin-invite-list {display:block}:where(#onboarding, .page_settings) #settings-admin-invite.open {border-color:#ddd;border-radius:0 0 5px 5px}.darkmode :where(#onboarding, .page_settings) #settings-admin-invite.open {border-color:#333}:where(#onboarding, .page_settings) #settings-admin-invite-list .user {display:none;padding:10px 0;cursor:pointer}:where(#onboarding, .page_settings) #settings-admin-invite-list .user:hover {opacity:.7}:where(#onboarding, .page_settings) #settings-admin-invite-list .user.found {display:block}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .checkbox,
:where(#onboarding, .page_settings) #selectAllUsersSettings {width:25px;height:25px;margin-right:30px;cursor:pointer;user-select:none;border:1px solid var(--lightgrey);border-radius:5px;background: var(--white) no-repeat center / 16px;touch-action:none}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.selected
  .checkbox,
:where(#onboarding, .page_settings) #selectAllUsersSettings.selected {background-image:url(/img/icon/check.svg)}:where(#onboarding, .page_settings) #reverseAdminUsersList,
:where(#onboarding, .page_settings) #orderAdminUsersList {width:20px;height:20px;margin-left:5px;cursor:pointer;background: no-repeat center / contain;background-image:url(/img/icon/double-chevron.svg)}:where(#onboarding, .page_settings) #reverseAdminUsersList:hover,
:where(#onboarding, .page_settings) #orderAdminUsersList:hover {opacity:.7}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .picture {font-weight:700;line-height:30px;flex-shrink:0;width:30px;height:30px;margin-right:10px;text-align:center;text-transform:uppercase;color:#fff;border-radius:50%;background: no-repeat center / cover}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .username {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .adminContainer
  > .manageLicense {line-height:28px;position:relative;height:36px;padding:4px 12px 4px 40px;cursor:pointer;transition:.2s}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .adminContainer
  .adminPopup
  .manageLicense {color:var(--delete)}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .adminContainer
  > .manageLicense:before {position:absolute;left:12px;top:50%;transform:translateY(-35%);width:20px;height:20px;content:"";background:no-repeat url(/img/icon/plus-circle-blue.svg)}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.wait
  .adminContainer
  .manageLicense {cursor:wait;opacity:.7}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user.disabled
  .manageLicense {cursor:not-allowed;opacity:.7}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .adminContainer
  > .manageLicense:hover {opacity:.7}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .adminContainer
  > .manageLicense:active {transform:scale(.96)}:where(#onboarding, .page_settings) .admin .actions {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:20px}:where(#onboarding, .page_settings) .admin .actions > div {display:flex;align-items:center;flex-wrap:wrap}:where(#onboarding, .page_settings) .admin .actions > div > div,
:where(#onboarding, .page_settings) .admin .actions > div > form {margin-bottom:20px}:where(#onboarding, .page_settings) .groupsfilter {display:flex;align-items:center;justify-content:center;padding:4px 12px;padding-left:44px;border-radius:8px;background: no-repeat left 12px center / 16px;background-size:24px;background-color:rgba(78,110,193,.08);background-image:url(/img/icon/filter.svg);height:48px;cursor:pointer;position:relative;span:first-child {
    font-weight: 600;
    font-size: 16px;
    color: var(--blue2);
    white-space: nowrap;
  }
  &.active {
    background-color: rgba(78, 110, 193, 0.4);
  }
  &:hover {
    opacity: 1;
    background-color: rgba(78, 110, 193, 0.2);

    span:first-child {
      color: var(--blue2-btn-hover);
    }
  }
}#body.nogroup :where(#onboarding, .page_settings) .groupsfilter {display:none}:where(#onboarding, .page_settings) .groupsfilter-popup {position:absolute;z-index:2;top:58px;left:50%;transform:translateX(-50%);display:none;width:300px;padding:8px;cursor:default;border-radius:12px;background-color:var(--white);box-shadow:1px 6px 30px 0 rgba(18,18,18,.1)}:where(#onboarding, .page_settings)
  .settings-content
  > .admin
  .groupsfilter-popup {left:unset;right:10px;transform:none}:where(#onboarding, .page_settings) .groupsfilter-popup .popupTitle {font-size:14px;font-weight:600;line-height:21px;margin-bottom:8px}:where(#onboarding, .page_settings)
  .groupsfilter-popup
  .popupTitle:first-child {margin-top:0}:where(#onboarding, .page_settings)
  .groupsfilter-popup
  #groupsfilter-popup-search-admin {width:calc(100% - 50px)}:where(#onboarding, .page_settings) .groupsfilter.fopen .groupsfilter-popup {display:block}:where(#onboarding, .page_settings) .groupsfilter.fopen {border-radius:10px 10px 0 0}:where(#onboarding, .page_settings)
  .groupsfilter-popup
  .groupsfilter-container {overflow:auto;max-height:210px}:where(#onboarding, .page_settings)
  .groupsfilter
  #groupsfilter-popup-search-moments,
:where(#onboarding, .page_settings)
  .groupsfilter
  #groupsfilter-popup-search-admin {display:block;font-size:14px;font-weight:400;height:48px;border-radius:8px;background: no-repeat left 12px center / 16px;background-size:24px;background-image:url(/img/icon/search.svg);margin-bottom:8px}:where(#onboarding, .page_settings) .groupsfilter .group {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;align-items:center;height:37px;position:relative;padding:8px 12px;border-radius:8px;margin-bottom:4px;flex-shrink:0;transition:transform .3s ease;.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 22px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
  }

  .picture {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: no-repeat center / cover;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
  }

  &:hover {
    background-color: var(--selected);
  }

  &.selected {
    border: 1px solid var(--blue2);
    background: rgba(78, 110, 193, 0.08);

    &:after {
      content: "";
      position: absolute;
      background: no-repeat center / 20px;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
      background-image: url("/img/icon/check2.svg");
    }
  }

  &.filtered {
    display: none;
  }
}:where(#onboarding, .page_settings) #deleteUserSettings {color:var(--delete)}:where(#onboarding, .page_settings) #addUserSettings {color:var(--blue2)}:where(#onboarding, .page_settings) .addOrDeleteUserSettings.wait {cursor:wait;opacity:.5}:where(#onboarding, .page_settings)
  .settings-admin-users-selector
  .user
  .checkbox.disabled {cursor:not-allowed!important;opacity:.5!important}@media (max-width:1400px){:where(#onboarding, .page_settings) .settings-admin-header > div:first-child,
  :where(#onboarding, .page_settings)
    .settings-admin-users-selector
    .user
    > div:first-child {flex:1}:where(#onboarding, .page_settings) .settings-admin-header > div:nth-child(2),
  :where(#onboarding, .page_settings)
    .settings-admin-users-selector
    .user
    .groups {flex:inherit;flex-shrink:0;width:80px}:where(#onboarding, .page_settings) .settings-admin-header > div:last-child,
  :where(#onboarding, .page_settings)
    .settings-admin-users-selector
    .user
    > div:last-child {flex:inherit;flex-shrink:0;width:200px}}#logAddMoment-popup{position:absolute;z-index:2;top:50px;left:30px;display:none;flex-direction:column;width:320px;max-height:calc(100vh - 200px);padding:20px;border:1px solid var(--lightgrey);border-radius:5px;background-color:var(--white);box-shadow:0 4px 24px rgba(0,0,0,.05)}#logAddMoment.fopen+#logAddMoment-popup{display:flex}#logAddMoment-popup .title{line-height:40px;flex-shrink:0;height:40px;padding:0 16px 0 46px;border-radius:5px;background: var(--selected) no-repeat left 16px center / 18px;background-image:url(/img/icon/moment.svg)}@keyframes load {
  100% {
    transform: translateX(100%);
  }
}#mainHeader-moments-popup-moments{display:flex;flex-direction:column;flex:1;max-height:250px;overflow:auto}#mainHeader-moments-popup-moments .log-moments-popup-moment,.page_settings #settings-moments .settings-moment{display:flex;overflow:hidden;align-items:center;flex-shrink:0;height:40px;margin-right:10px;padding:0 10px;white-space:nowrap;text-overflow:ellipsis;color:var(--black);border:3px solid var(--white);border-radius:10px}#mainHeader-moments-popup-moments .log-moments-popup-moment{order:2;margin:0 0 8px 0;padding-right:55px;position:relative}#mainHeader-moments-popup-moments .log-moments-popup-moment .emoji{margin-right:10px}#mainHeader-moments-popup-moments .log-moments-popup-moment:before{content:"";position:absolute;width:25px;height:25px;top:50%;right:20px;transform:translateY(-50%);background: var(--white) no-repeat center / 18px;border:1px solid var(--lightgrey);border-radius:5px}#mainHeader-moments-popup-moments .log-moments-popup-moment:not(.selected) {order:999999}#mainHeader-moments-popup-moments .log-moments-popup-moment.selected:before{background-image:url(/img/icon/check.svg)}.myMood[data-mood="hidden"]{visibility:hidden!important}.myMood[data-mood="positive"] .mouth,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood
  .mouth {top:12px;width:12px;height:12px;border-radius:50%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.myMood[data-mood="slightly_positive"] .mouth,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood
  .mouth,
.mainHeader-filter-mood[data-mood="slightly_positive"] .myMood .mouth,
#main-activeFilters .mood[data-mood="slightly_positive"] .myMood .mouth {top:12px;width:12px;height:12px;border-radius:50%;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.myMood[data-mood="positive"] .accessory{z-index:3;top:0;left:-10px;width:14px;height:14px;transform:rotate(-20deg);opacity:0;background: no-repeat center / contain;background-image:url(/img/icon/heart.svg)}.myMood[data-mood="negative"] .mouth,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood
  .mouth {top:17px;width:13px;height:13px;border:3px solid #394759;border-radius:50%;background-color:transparent;clip-path:polygon(0 0,100% 0,100% 42%,0 42%)}.myMood[data-mood="slightly_negative"] .mouth,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood
  .mouth {top:17px;width:13px;height:13px;border:3px solid #394759;border-radius:50%;background-color:transparent;clip-path:polygon(0 0,100% 0,100% 42%,0 42%)}.myMood[data-mood="neutral"]:before,
.myMood[data-mood="neutral"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).neutral
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).neutral
  .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite}.myMood[data-mood="positive"]:before,
.myMood[data-mood="positive"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).positive
  .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:1s}.myMood[data-mood="slightly_positive"]:before,
.myMood[data-mood="slightly_positive"]:after,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood:before,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_positive
  .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:1s}.myMood[data-mood="negative"]:before,
.myMood[data-mood="negative"]:after,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood:before,
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:2s}.myMood[data-mood="slightly_negative"]:before,
.myMood[data-mood="slightly_negative"]:after,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood:before,
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood:after {animation:animEmojiEyes 8s ease-in-out infinite;animation-delay:2s}.myMood[data-mood="slightly_positive"] .accessory{z-index:3;top:0;left:-10px;width:14px;height:14px;transform:rotate(-20deg);opacity:0;background: no-repeat center / contain;background-image:url(/img/icon/heart.svg)}.myMood[data-mood="negative"],
:where(#logModule-customerMood-mood, #logModule-agentMood-mood).negative
  .myMood {background-image:linear-gradient(141.18deg,#f7db7b 10.08%,#f8762c 98.58%)}.myMood[data-mood="slightly_negative"],
:where(
    #logModule-customerMood-mood,
    #logModule-agentMood-mood
  ).slightly_negative
  .myMood {background-image:linear-gradient(141.18deg,#f7db7b 10.08%,#f8762c 98.58%)}.myMood.nomood{opacity:.4}.myMood.nomood .mouth{display:none}.mood-chart-icon:hover .myMood[data-mood="positive"] .accessory,.cdr:hover .myMood[data-mood="positive"] .accessory{animation:animEmojiPositiveAccessory 8s ease-in-out infinite;animation-delay:1s}.mood-chart-icon:hover .myMood[data-mood="slightly_positive"] .accessory,.cdr:hover .myMood[data-mood="slightly_positive"] .accessory{animation:animEmojiPositiveAccessory 8s ease-in-out infinite;animation-delay:1s}.mood-chart-icon:hover .myMood[data-mood="neutral"] .mouth,.cdr:hover .myMood[data-mood="neutral"] .mouth{animation:animEmojiNeutralMouth 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="positive"] .mouth,.cdr:hover .myMood[data-mood="positive"] .mouth{animation:animEmojiPositiveMouth 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="slightly_positive"] .mouth,.cdr:hover .myMood[data-mood="slightly_positive"] .mouth{animation:animEmojiPositiveMouth 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="negative"] .mouth,.cdr:hover .myMood[data-mood="negative"] .mouth{animation:animEmojiNegativeMouth 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="negative"]:before,.cdr:hover .myMood[data-mood="negative"]:before{animation:animEmojiNegativeLeftEyes 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="negative"]:after,.cdr:hover .myMood[data-mood="negative"]:after{animation:animEmojiNegativeRightEyes 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="slightly_negative"] .mouth,.cdr:hover .myMood[data-mood="slightly_negative"] .mouth,.mainHeader-filter-mood[data-mood="slightly_negative"]:hover .myMood .mouth{animation:animEmojiNegativeMouth 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="slightly_negative"]:before,.cdr:hover .myMood[data-mood="slightly_negative"]:before{animation:animEmojiNegativeLeftEyes 8s ease-in-out infinite;animation-delay:.5s}.mood-chart-icon:hover .myMood[data-mood="slightly_negative"]:after,.cdr:hover .myMood[data-mood="slightly_negative"]:after{animation:animEmojiNegativeRightEyes 8s ease-in-out infinite;animation-delay:.5s}@media (max-width:1550px){.page_settings .settings-content .admin,#body.admin #onboarding .main.admin[data-step="5"]{overflow:auto;flex-direction:column}#body.admin #onboarding .main.admin[data-step="5"]>div:first-child{width:100%;margin:0 0 40px 0;padding-right:0}#body.admin #onboarding .main.admin[data-step="5"]>div{overflow:visible}}@media (max-width:1480px){#onboarding .cssMoments>.moments-categories-tab{position:static;width:240px;max-width:100%;margin-top:20px}#onboarding .cssMoments .moments-list .moment>.name{flex:1 1 0;width:auto}}@media (min-width:1200px){#onboarding .main.admin[data-step="7"]>div{height:100%;padding:50px 20px;border:1px solid var(--lightgrey);border-radius:5px}}@media (max-width:1199px){#onboarding
    .main.admin[data-step="7"]
    :where(
      .title2,
      #onboarding-createMoment,
      .moments-categories-tab,
      h2,
      .actions
    ) {display:none}#onboarding .cssMoments .moments-list-header{margin-top:0}#onboarding .bottomBar .btn{visibility:visible!important}#body.admin #onboarding .main.admin[data-step="6"]{flex-direction:column}#body.admin #onboarding .main.admin[data-step="6"]>div:first-child{width:100%;margin:0}}@media (max-width:1023px){#module{border-radius:0;height:calc(100% - 56px);width:100%}}@media (max-width:799px){.mainHeader-filters-apply{background-image:url(/img/icon/check-white.svg);color:transparent;overflow:hidden;user-select:none;width:100%}}@media (max-width:730px){.cssMoments #settings-popup-moment .addKeywords-container #newkeyword-lang{width:100%}#settings-popup-moment-ai-keywords-generator{margin-top:20px}#settings-popup-moment-keyword{width:calc(100% - 50px)}}@media (max-width:699px){#body.admin #onboarding .main.admin[data-step="6"]>div:last-child,#body.admin #onboarding .main.admin[data-step="6"] .desc{display:none}}@media (max-width:600px){.cssMoments>.moments-categories-tab{position:relative;margin-top:20px}.cssMoments #moments-categories{margin-top:20px}.logsCol-moments,.logsCol-moments-more,.logsCol-space{display:none!important}}@media (max-width:580px),(max-height:750px){#beamerSelector{display:none}}@media (max-height:680px){.mainHeader-calendar-footer{display:none}}@media (max-width:599px){#onboarding .bottomBar .progress{display:none}#onboarding .bottomBar{flex-direction:column-reverse;height:auto;padding:0;gap:20px}#onboarding .bottomBar .btn{width:100%}#onboarding .main{align-items:flex-start;justify-content:flex-start;text-align:left}#onboarding{inset:20px}#onboarding .main .title ~ .ul {text-align:left}}.darkmode #ddlp.content-box{background-color:#313233}.lds-roller{position:relative;display:inline-block;width:80px;height:80px;transform:scale(.5)}.lds-roller div{transform-origin:40px 40px;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite}.lds-roller div:after{position:absolute;display:block;width:7px;height:7px;margin:-4px 0 0 -4px;content:" ";border-radius:50%;background:var(--grey)}.lds-roller div:nth-child(1) {animation-delay:-.036s}.lds-roller div:nth-child(1):after {top:63px;left:63px}.lds-roller div:nth-child(2) {animation-delay:-.072s}.lds-roller div:nth-child(2):after {top:68px;left:56px}.lds-roller div:nth-child(3) {animation-delay:-.108s}.lds-roller div:nth-child(3):after {top:71px;left:48px}.lds-roller div:nth-child(4) {animation-delay:-.144s}.lds-roller div:nth-child(4):after {top:72px;left:40px}.lds-roller div:nth-child(5) {animation-delay:-.18s}.lds-roller div:nth-child(5):after {top:71px;left:32px}.lds-roller div:nth-child(6) {animation-delay:-.216s}.lds-roller div:nth-child(6):after {top:68px;left:24px}.lds-roller div:nth-child(7) {animation-delay:-.252s}.lds-roller div:nth-child(7):after {top:63px;left:17px}.lds-roller div:nth-child(8) {animation-delay:-.288s}.lds-roller div:nth-child(8):after {top:56px;left:12px}@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}#snackbar{display:flex!important;line-height:50px;position:absolute;z-index:16;bottom:20px;left:0;display:flex;visibility:hidden;overflow:hidden;align-items:center;justify-content:space-between;box-sizing:border-box;min-width:300px;max-width:90%;height:50px;padding:0 20px;cursor:pointer;transition:visibility .2s ease-out , opacity .2s ease-out , left .2s ease-out;text-align:left;opacity:1;color:#fff;border-radius:5px;background-color:#333;box-shadow:0 1px 5px 0 rgba(0,0,0,.25)}.darkmode #snackbar{color:#394759;background-color:#ccc}#snackbar.open{left:50%;visibility:visible;transform:translateX(-50%);opacity:1}#snackbar.error,.darkmode #snackbar.error{color:#fff;border:1px solid #c00;background-color:#dc3545}#snackbar.success,.darkmode #snackbar.success{color:#fff;border:1px solid var(--green);background-color:var(--green)}#snackbar{&.mention,
  &.moment {
    .icon {
      height: 28px;
      width: 28px;
      border-radius: 50%;
      /* transform: translateY(10px); */
      background: no-repeat center / cover;
      position: relative;
      background-image: url("https://webcdn.ringover.com/app/img/users/default.jpg");
      /* &.moment::after{
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        right: -10px;
        bottom: -5px;
        border-radius: 50%;
        background: no-repeat center / cover;
        background-image: url(/img/icon/moment-highlight.svg);
      } */
      &::after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        right: -10px;
        bottom: -5px;
        border-radius: 50%;
        background: no-repeat center / cover;
        background-image: url(/img/icon/tag-highlight.svg);
      }
    }
  }
  &.moment {
    background: no-repeat center / cover;
    background-image: url(/img/icon/moment-highlight.svg);
  }
}#snackbarText{overflow:hidden;flex:1;white-space:nowrap;text-overflow:ellipsis}#snackbarCallback{display:none;flex-shrink:0;margin-left:10px;cursor:pointer}#snackbar.callback #snackbarCallback{display:block}#mentionSnackbar{display:none;flex-direction:column;gap:8px;.mentionSnackbarHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;

    > div {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* .icon {
      flex-shrink: 0;
      height: 24px;
      width: 24px;
      border-radius: 50%;
      background: rgba(78, 110, 193, 0.12) url("/img/icon/studio/at.svg")
        no-repeat center / 16px;
    } */

    #mentionSnackbarTitle {
      font-size: 14px;
      font-weight: 600;
      line-height: 21px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: var(--black);
    }

    #mentionSnackbarGoToCall {
      flex-shrink: 0;
      height: 20px;
      width: 20px;
      background: url("/img/icon/open-link.svg") no-repeat center / 16px;
    }

    .verticalLine {
      width: 1px;
      height: 20px;
      flex-shrink: 0;
      background: var(--border);
    }

    #closeSnackbar {
      flex-shrink: 0;
      height: 20px;
      width: 20px;
      background: url("/img/icon/close.svg") no-repeat center / 12px;
    }
  }

  #mentionSnackbarContent {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: var(--text-color);
    > div {
      display: flex;
      align-items: center;
    }
    .moment {
      margin-left: 5px;
      margin-right: 5px;
      gap: 10px;
      display: flex;
      background: var(--blue-light);
      padding: 5px;
      padding: 4px 8px;
      width: fit-content;
      font-family: "Inter";
      font-weight: 600;
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0px;
      text-align: center;
      color: var(--text-color);
      border-radius: 8px;
    }
  }
}#snackbar.mention{border-radius:12px;background:
    linear-gradient(
      0deg,
      rgba(78, 110, 193, 0.08) 0%,
      rgba(78, 110, 193, 0.08) 100%
    ),
    var(--white);border:none;border-left:5px solid var(--blue2);padding:12px;height:fit-content;#snackbarText,
  #snackbarCallback {
    display: none;
  }
  #mentionSnackbar {
    display: flex;
  }
}#snackbar.moment{border-radius:12px;background:
    linear-gradient(
      0deg,
      rgba(78, 110, 193, 0.08) 0%,
      rgba(78, 110, 193, 0.08) 100%
    ),
    var(--white);border:none;border-left:5px solid var(--blue2);padding:12px;height:fit-content;#snackbarText,
  #snackbarCallback {
    display: none;
  }
  #mentionSnackbar {
    display: flex;
  }
}#snackbar.moment{border-radius:12px;background:#fef8f0;border:none;border-left:5px solid #ff9b4a;padding:12px;height:fit-content}#bigPopup{position:fixed;z-index:999;visibility:hidden;transition:.3s;opacity:0;background-color:rgba(0,0,0,.3);inset:0 0 0 0}#bigPopup.open{visibility:visible;opacity:1}#bigPopup>div{position:absolute;top:50%;left:50%;visibility:hidden;overflow:auto;width:380px;max-width:100%;max-height:100vh;transition:.5s;text-align:center;opacity:0;border-radius:5px;background-color:var(--white);box-shadow:0 0 10px rgba(0,0,0,.1)}#bigPopup.open>div{visibility:visible;opacity:1}@media (min-width:401px) and (min-height:601px){#bigPopup>div{transform:translate(-50%,-100%)}#bigPopup.open>div{transform:translate(-50%,-50%)}}#bigPopup .head{display:flex;align-items:flex-end;justify-content:center;height:200px;padding:30px;background: var(--grey) no-repeat center top 50px / 60px}#bigPopup.error .head{height:200px;color:#fff;background-color:#ea6a73;background-image:url(/img/icon/sad.svg)}#bigPopup.success .head{height:200px;color:#fff;background-color:#5cb85c;background-image:url(/img/icon/happiness.svg)}#bigPopup #bigPopup-title{font-size:24px;font-weight:700}#bigPopup #bigPopup-foot{font-size:15px;padding:30px;text-align:center}#bigPopup .closeBigPopup{position:absolute;top:30px;right:30px;width:24px;height:24px;cursor:pointer;background: no-repeat center / 20px;background-image:url(/img/icon/close.svg)}#bigPopup:where(.error, .success) .closeBigPopup {background-image:url(/img/icon/close-white.svg)}.libraryContainer .elements.loading{height:100px;background: no-repeat left 40px center / 60px;background-image:url(/img/icon/loader.svg)}.libraryContainer .elements.loading > div:not(.skeleton-loader) {display:none}#folders .folder{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:100%;height:40px;margin:0 10px 10px 0;padding:0 10px 0 54px;cursor:pointer;transition:.2s;border:1px solid var(--lightgrey);border-radius:8px;background: var(--white) no-repeat left 16px center / 28px;background-image:url(/img/icon/folder.svg)}#folders .folder.children{padding-left:90px;background-position:left 50px center}#folders .folder.children:before{position:absolute;top:8px;left:16px;width:24px;height:24px;content:"";background: no-repeat center / contain;background-image:url(/img/icon/folder-deploy.svg)}#folders .folder:hover{background-color:var(--selected)}#folders .folder .name{display:flex;overflow:hidden;align-items:center}#folders .folder .currentName{overflow:hidden;user-select:none;white-space:nowrap;text-overflow:ellipsis}#folders .folder .inputName{line-height:19px;width:130px;height:19px;margin-right:10px;color:var(--black);border:none;background:none}#folders .folder .name .cancelFolderName{cursor:pointer;opacity:.7;color:var(--delete)}#folders .folder .name .cancelFolderName:hover{opacity:1}#folders .folder.edit .currentName,
#folders .folder:not(.edit) :where(.inputName, .cancelFolderName) {display:none}#folders .folder .folder-select-container{position:absolute;top:0;bottom:0;left:0;display:none;width:45px}#folders .folder .folder-select{position:absolute;top:50%;left:10px;width:16px;height:16px;margin-right:5px;transform:translateY(-50%);border:1px solid var(--blue2);border-radius:4px;background: var(--white) no-repeat center / 14px}#folders .folder.selected .folder-select{background-color:var(--blue2);background-image:url(/img/icon/check-white.svg)}#folders .folder .folder-more,#files .file .file-more,#files-lastAdded .file .file-more{display:block;width:30px;height:30px;margin-left:10px;opacity:.7;border-radius:50%;background: no-repeat center / 24px;background-image:url(/img/icon/more.svg)}#folders .folder.edit .folder-more,
#folders .folder:not(.canCreate) .folder-more,
#folders:not(.canCreate) + #files .file-more {display:none!important}#folders .folder:hover .folder-more,#files .file:hover .file-more,#files-lastAdded .file:hover .file-more{opacity:1}#folders .folder.edit .folder-more,#files .file.edit .file-more,#files-lastOpened .file .file-more,#files-lastOpened .file .more-popup{display:none}#folders .folder .folder-more:hover,#files .file .file-more:hover{background-color:var(--white)}#folders .folder .more-popup,#files .file .more-popup,#files-lastAdded .file .more-popup{position:absolute;z-index:2;top:45px;right:0;left:0;display:none;overflow:hidden;cursor:default;color:var(--black);border-radius:16px;background-color:var(--white);box-shadow:1px 6px 30px 0 rgba(18,18,18,.1)}#files .file .more-popup,#files-lastAdded .file .more-popup{top:55px;right:20px;left:auto;width:220px}#folders .folder .folder-more.fopen+.more-popup,#files .file .file-more.fopen+.more-popup,#files-lastAdded .file .file-more.fopen+.more-popup{display:block}#folders .folder .more-popup>div,#files .file .more-popup>div,#files-lastAdded .file .more-popup>div{line-height:40px;height:40px;padding:0 10px 0 43px;cursor:pointer;background: var(--white) no-repeat left 10px center / 24px}#folders .folder .more-popup>div:hover,#files .file .more-popup>div:hover,#files-lastAdded .file .more-popup>div:hover{background-color:var(--selected)}#folders .folder .more-popup .folder-rename{background-image:url(/img/icon/edit2.svg)}#folders .folder .more-popup .folder-delete,#files .file .more-popup .file-delete,#files-lastAdded .file .more-popup .file-delete{background-image:url(/img/icon/trash2.svg)}.library-createFolder{line-height:40px;position:relative;display:none;order:1;height:40px;padding:0 40px 0 10px;cursor:pointer;transition:.2s;border:1px solid var(--lightgrey);border-radius:8px}.library-createFolder:before{position:absolute;top:50%;right:10px;width:14px;height:2px;content:"";transform:translateY(-50%);border-radius:4px;background-color:var(--blue2)}.library-createFolder:after{position:absolute;top:50%;right:16px;width:2px;height:14px;content:"";transform:translateY(-50%);border-radius:4px;background-color:var(--blue2)}#library .cdr .logsCol-moments-more>div{top:30px;bottom:unset;right:0;left:auto;transform:none}#hotwordTextarea{flex:1;width:100%;resize:none;border:unset;outline:none}#hotwordTextarea:focus{border-color:transparent;box-shadow:none}#aiCustomNumber{font-size:12px;font-weight:400;line-height:17px;display:inline-block;height:17px;margin-left:5px;padding:0 4px;border-radius:4px;background-color:var(--lightgrey)}#hotwordsList{display:flex;flex-wrap:wrap;margin-top:20px;gap:10px}#hotwordsList.loading{height:50px;background: no-repeat left center / 80px;background-image:url(/img/icon/loader.svg)}#hotwordsList .hotword{font-weight:600;line-height:46px;position:relative;overflow:hidden;max-width:100%;height:46px;padding:0 45px 0 15px;transition:.2s;color:var(--blue2);border-radius:40px;background-color:var(--blue5)}#hotwordsList .hotword .removeIACustomKeyword{position:absolute;top:50%;right:15px;width:20px;height:20px;cursor:pointer;transition:.2s;transform:translateY(-50%);border-radius:50%;background: var(--blue2) no-repeat center / 10px;background-image:url(/img/icon/close-white.svg)}#hotwordsList.loading .hotword{display:none}#hotwordsList .hotword.duplicate{color:var(--delete);background-color:#fee6e6}#hotwordsList .hotword.duplicate .removeIACustomKeyword{background-color:var(--delete)}#recorderPopup{position:fixed;z-index:999;visibility:hidden;transition:.2s;opacity:0;background-color:rgba(0,0,0,.2);inset:0 0 0 0}.dakrmode #recorderPopup{background-color:rgba(0,0,0,.5)}#recorderPopup.open{visibility:visible;opacity:1}#recorderPopup>div{position:absolute;top:50%;left:50%;width:800px;padding:30px;transform:translate(-50%,-50%);border-radius:20px;background-color:var(--white);box-shadow:1px 6px 30px 0 rgba(18,18,18,.1)}#recorderPopup .close{position:absolute;z-index:2;top:15px;right:15px;width:40px;height:40px;cursor:pointer;border-radius:50%;background: var(--white) no-repeat center / 12px;background-image:url(/img/icon/close.svg)}.darkmode #recorderPopup .close{background-image:url(/img/icon/close-white.svg)}#recorderPopup img{width:100%}#recorderPopup .title{display:flex;align-items:center;justify-content:center;margin:50px 0 20px}#recorderPopup .title>div:first-child{font-size:32px;font-weight:600;margin-right:15px;padding-left:60px;background: no-repeat left center / 45px;background-image:url(/img/icon/menu-recorder.svg)}#recorderPopup .title>div:last-child{font-weight:600;line-height:29px;padding:0 12px;color:#fff;border-radius:8px;background-color:var(--blue2)}#recorderPopup .desc{font-size:18px;font-weight:500;line-height:30px;margin-bottom:50px;text-align:center}#recorderPopup a{font-size:16px;font-weight:600;line-height:48px;display:block;height:48px;text-align:center;text-decoration:none;color:#fff;border-radius:8px;background-color:var(--blue2)}.skeleton-loader{width:100%;height:auto;min-height:50px;animation:skeleton-loading .5s linear infinite alternate;border-radius:5px}.darkmode .skeleton-loader{animation:skeleton-loading-dark .5s linear infinite alternate}@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}@keyframes skeleton-loading-dark {
  0% {
    background-color: hsl(200, 20%, 20%);
  }
  100% {
    background-color: hsl(200, 20%, 30%);
  }
}#popupPrivacyChangeoverlay{display:none;position:fixed;z-index:100000;top:-10%;width:100%;height:130%;background-color:rgba(0,0,0,.1)}#password-change-overlay{display:none}#popup-report-overlay{display:none}#popup-privacyShareoverlay{display:none}#privacy-popup-overlay{display:none}#feedback{display:none!important}#cartography-overlay{display:none}#regenrate-ai-overlay{display:none}#postanalysis-overlay{display:none}#popup-selectedTags{display:none}body[data-page="logs"].module #feedback{display:none!important}#default-lang-overlay{display:none}.popupCustom{position:absolute;z-index:100000;top:50%;left:50%;visibility:hidden;width:643px;max-width:100%;padding:20px;transition:.2s;transform:translate(-50%,-50%) scale(0);opacity:0;border:1px solid var(--lightgrey);border-radius:20px;background-color:var(--white)}