@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);
@import url(https://use.typekit.net/lhs6zum.css);
@import url(https://use.typekit.net/lhs6zum.css);
@import url(https://use.typekit.net/lhs6zum.css);
@import url(https://use.typekit.net/lhs6zum.css);
.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.Player_preloader_UgYU2{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;z-index:100}.Player_player_UgCNa{height:100%;width:100%;background:rgba(0,0,0,0);position:relative}.Player_player_UgCNa .Player_animation_background_lCsYj{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(12,22,63,.8);position:absolute;z-index:10}.Player_player_UgCNa .Player_animation_background_lCsYj .Player_phone_rotate_animation_BTQvS{width:83px;height:141px;background:url(15c913.phone_rotate.svg) no-repeat center;animation:Player_phone_rotating_u65O3 1.5s 2}.Player_tap-to-unmute-button_GVOhh{position:absolute;z-index:1;top:10px;left:10px;height:30px;width:133px;background-color:#fff;background-image:url(d89866.off.png);background-size:100%}.Player_core-player-container_ElM1F{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.Player_core-player-container-no-controls_XmVDc{bottom:0;overflow:hidden}.Player_core-player_Yqw4v{position:relative;overflow:hidden}:-ms-fullscreen .Player_core-player-container_ElM1F{bottom:0}:fullscreen .Player_core-player-container_ElM1F{bottom:0}.Player_player-visible-area_iiHd5{border-radius:4px}.Player_player-visible-area_iiHd5:focus-visible{outline:2px solid #9dabfd;border-radius:2px}.Player_fade-enter_zmQde{opacity:0}.Player_fade-enter_zmQde.Player_fade-enter-active_q2LHZ{opacity:1;transition:opacity .25s}.Player_fade-leave_bCMND{opacity:1}.Player_fade-leave_bCMND.Player_fade-leave-active_Mhf2s{opacity:0;transition:opacity .25s}.Player_preloader-container_jrzzf{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;justify-content:center;align-items:center;background-position:center;background-repeat:no-repeat;z-index:100}.Player_css-preloader_WvRzh{height:100px;width:100px;border:3px solid #ccc;border-radius:50%;position:relative;animation:Player_rotating_HWSqw 1.5s infinite}.Player_css-preloader_WvRzh:after{background:#fff;height:60px;width:60px;position:absolute;top:-10px;left:-10px;content:""}@keyframes Player_rotating_HWSqw{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes Player_phone_rotating_u65O3{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}100%{transform:rotate(0)}}
.Overlay_overlay_WpKqM{background:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:none}.Overlay_button_k15hV{background:url(038f4a.play-circle.svg) center no-repeat;background-size:75px;height:75px;width:75px;pointer-events:none;animation:none;opacity:0}.Overlay_button_k15hV.Overlay_is-visible_f85OU{animation:Overlay_fade-in_IDsS7 .5s linear}:-ms-fullscreen .Overlay_overlay_WpKqM{bottom:0;pointer-events:none}:fullscreen .Overlay_overlay_WpKqM{bottom:0;pointer-events:none}:-ms-fullscreen .Overlay_button_k15hV{background:url(038f4a.play-circle.svg) center no-repeat;background-size:129px;height:129px;width:129px;pointer-events:none}:fullscreen .Overlay_button_k15hV{background:url(038f4a.play-circle.svg) center no-repeat;background-size:129px;height:129px;width:129px;pointer-events:none}@keyframes Overlay_fade-in_IDsS7{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}
.ControlsBar_controls-bar_bm6sv{height:40px;box-sizing:content-box;bottom:0;left:0;right:0;position:absolute;z-index:2;align-items:center;display:flex;justify-content:space-between}.ControlsBar_controls-bar_bm6sv.ControlsBar_hide_o0xtC{display:none}.ControlsBar_controls-bar_bm6sv.ControlsBar_fixed_ME3yu{position:fixed}.ControlsBar_background_mDT1e{position:absolute;width:100%;height:80px;bottom:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08) 24%, rgba(0, 0, 0, 0.26) 51%, rgba(0, 0, 0, 0.7));pointer-events:none;z-index:-1}.ControlsBar_base-controls_RG979{display:flex}.ControlsBar_base-controls_RG979 .ControlsBar_brand-powtoon_PwqM0{cursor:pointer;background:url(6c449d.brand-powtoon.svg) no-repeat top left;background-size:contain;width:81px;height:18px;margin-left:8px;margin-right:3px}@media(max-width: 343px){.ControlsBar_base-controls_RG979 .ControlsBar_brand-powtoon_PwqM0{display:none}}.ControlsBar_base-controls_RG979 .ControlsBar_brand-powtoon_PwqM0.ControlsBar_padded_ZhaSD{margin-right:15px}.ControlsBar_base-controls_RG979 .ControlsBar_brand-powtoon_PwqM0:focus-visible{outline:2px solid #9dabfd;border-radius:2px}:-ms-fullscreen .ControlsBar_controls-bar_bm6sv{height:120px;z-index:2;align-items:flex-end;padding-bottom:15px}:fullscreen .ControlsBar_controls-bar_bm6sv{height:120px;z-index:2;align-items:flex-end;padding-bottom:15px}:-ms-fullscreen .ControlsBar_controls-bar_bm6sv .ControlsBar_brand-powtoon_PwqM0{background:url(2c47a3.brand-powtoon-big.svg) no-repeat top left;width:135px;height:30px;margin-left:17px;margin-right:0}:fullscreen .ControlsBar_controls-bar_bm6sv .ControlsBar_brand-powtoon_PwqM0{background:url(2c47a3.brand-powtoon-big.svg) no-repeat top left;width:135px;height:30px;margin-left:17px;margin-right:0}
.VolumeControl_volume-controls_AhKAp{width:40px;position:relative;display:flex;justify-content:center}.VolumeControl_volume-button__ik0E{cursor:pointer;background:url(92efc4.vol.svg) no-repeat top left;background-size:contain;height:17px;width:21px;z-index:1}.VolumeControl_volume-button__ik0E:hover{background:url(aaa661.vol-hover.svg) no-repeat top left}.VolumeControl_volume-button__ik0E:focus-visible{outline:2px solid #9dabfd;border-radius:2px}.VolumeControl_muted_rFkPQ{background:url(cf3876.vol-muted.svg) no-repeat top left;width:23px}.VolumeControl_muted_rFkPQ:hover{background:url(2eb78f.vol-muted-hover.svg) no-repeat top left}.VolumeControl_volume-slider-container_T6V_f{height:80px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;position:absolute;bottom:0;left:0;padding-top:20px;padding-bottom:30px;background:linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.26) 38%, rgba(0, 0, 0, 0.7));width:36px;display:flex;justify-content:center;align-items:flex-end}.VolumeControl_volume-slider_k8W5O .rc-slider-rail{background-color:#fff;opacity:.25;width:4px;border-radius:8px}.VolumeControl_volume-slider_k8W5O .rc-slider-track{background-color:#fff;width:4px;border-radius:8px}.VolumeControl_volume-slider_k8W5O .rc-slider-handle{background-color:#fff;margin-left:-5px;margin-bottom:-7px;border:0}:-ms-fullscreen .VolumeControl_volume-controls_AhKAp{width:86px}:fullscreen .VolumeControl_volume-controls_AhKAp{width:86px}:-ms-fullscreen .VolumeControl_volume-button__ik0E{background:url(bd01d9.vol-big.svg) no-repeat top left;height:28px;width:35px}:fullscreen .VolumeControl_volume-button__ik0E{background:url(bd01d9.vol-big.svg) no-repeat top left;height:28px;width:35px}:-ms-fullscreen .VolumeControl_volume-button__ik0E:hover{background:url(ffaacc.vol-hover-big.svg) no-repeat top left}:fullscreen .VolumeControl_volume-button__ik0E:hover{background:url(ffaacc.vol-hover-big.svg) no-repeat top left}:-ms-fullscreen .VolumeControl_muted_rFkPQ{background:url(8986f5.vol-muted-big.svg) no-repeat top left;width:36px}:fullscreen .VolumeControl_muted_rFkPQ{background:url(8986f5.vol-muted-big.svg) no-repeat top left;width:36px}:-ms-fullscreen .VolumeControl_muted_rFkPQ:hover{background:url(0eddbe.vol-muted-hover-big.svg) no-repeat top left}:fullscreen .VolumeControl_muted_rFkPQ:hover{background:url(0eddbe.vol-muted-hover-big.svg) no-repeat top left}:-ms-fullscreen .VolumeControl_volume-slider-container_T6V_f{height:250px;width:82px;padding-top:50px;padding-bottom:68px}:fullscreen .VolumeControl_volume-slider-container_T6V_f{height:250px;width:82px;padding-top:50px;padding-bottom:68px}:-ms-fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-rail{width:7px;border-radius:14px;height:100%}:fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-rail{width:7px;border-radius:14px;height:100%}:-ms-fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-track{width:7px;border-radius:14px}:fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-track{width:7px;border-radius:14px}:-ms-fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-handle{width:23px;height:23px;margin-left:-8px;margin-bottom:-12px}:fullscreen .VolumeControl_volume-slider_k8W5O .rc-slider-handle{width:23px;height:23px;margin-left:-8px;margin-bottom:-12px}
.FullScreenButton_button-container_Uk5sG{width:40px;display:flex;justify-content:center}.FullScreenButton_fullscreen-button_vKwYs{cursor:pointer;background:url(35531a.fullscreen.svg) no-repeat top left;background-size:contain;width:21px;height:17px}.FullScreenButton_fullscreen-button_vKwYs:hover{background:url(c2069e.fullscreen-hover.svg) no-repeat top left}.FullScreenButton_fullscreen-button_vKwYs:focus-visible{outline:2px solid #9dabfd;border-radius:2px}:-ms-fullscreen .FullScreenButton_button-container_Uk5sG{width:86px;margin-left:-20px}:fullscreen .FullScreenButton_button-container_Uk5sG{width:86px;margin-left:-20px}:-ms-fullscreen .FullScreenButton_fullscreen-button_vKwYs{background:url(39fee8.exit-fullscreen.svg) no-repeat top left;height:26px;width:26px}:fullscreen .FullScreenButton_fullscreen-button_vKwYs{background:url(39fee8.exit-fullscreen.svg) no-repeat top left;height:26px;width:26px}:-ms-fullscreen .FullScreenButton_fullscreen-button_vKwYs:hover{background:url(6f83d4.exit-fullscreen-hover.svg) no-repeat top left}:fullscreen .FullScreenButton_fullscreen-button_vKwYs:hover{background:url(6f83d4.exit-fullscreen-hover.svg) no-repeat top left}
:root{--main-background: #fff;--primary-text-color: #353840;--primary-button-color: #304ffe;--white-background-color: #fff;--white-text-color: #fff;--ghost-white-color: #f7f8fb;--black-color: #000;--black-bluish-color: #070c20;--black-lighter-color: #2a2c33;--black-dark-color: rgba(0, 0, 0, 0.2509803922);--third-text-color: #1f2538;--forth-text-color: #dfdfe6;--blue-light-color: #3a57fa;--blue-medium-light-color: #314ad5;--blue-medium-dark-color: #283cae;--denim-blue-color: #273caa;--deep-blue-color: #2f3660;--faux-indigo-color: #242d5d;--dark-panel-background-color: #2a2c33;--lavender-color: #dce1fe;--light-lavender-color: #e9edfe;--light-lavender-color-2: #f0f2ff;--lavender-blush-color: #fef9fa;--lavender-indigo-color: #854cef;--dark-lavender-color: #eaeaeb;--lavender-blue-color: #c2ccfe;--violet-blue-color: #bac4fd;--lavender-light-blue-color: #ced5fe;--cherub-color: #f9d4da;--dark-white-color: #f3f5ff;--gray-color: #5f636a;--old-white-color: #f2f2f2;--strong-gray-color: #e5e5e6;--light-gray-color: #f5f5f5;--arena-light-gray-color: #f0f1f4;--arena-light-gray-color2: #f8f8f9;--arena-light-gray-color3: rgba(248, 248, 249, 0.1490196078);--cello-color: #425061;--gray-chateau-color: #979fa9;--storm-gray-color: #696f89;--gray-very-light-color: #e4e4e4;--gray-very-dark-color: rgba(58, 87, 255, 0.0588235294);--gray-lighten-color: #9b9da7;--gray-lighten: #e4e5ea;--gray-very-lighten: #eef1f7;--gray-light-color: #ababba;--gray-light: #f1f2f7;--gray-purple: #6d7283;--hit-gray-color: #a9acac;--pink-color: #f40e6f;--pink-light-color: #e23851;--pink-dark-color: #89115a;--jazzberry-jam-color: #a80a4d;--queen-pink-color: #e7c9d4;--amour-color: #fce9ec;--link-water-color: #c2c5d0;--dark-grayish-navy-color: #4d4e55;--light-grayish-navy-color: rgba(109, 114, 131, 0.7960784314);--pink-light-gray-color: #fff0f6;--light-gray-background-color: #f0f1f4;--pink-medium-color: #c60f66;--pink-very-light-color: #fff0f6;--violet-red-color: #f63e8c;--dark-red-color: #711c29;--manatee-color: #8d92a5;--midnight-blue-color: #1d2c7d;--summer-sky-color: #42a5f5;--midnight-express-color: #0d1740;--midnight-express-light-color: #3d4566;--gray-dark-shadow-color: rgba(18, 27, 78, 0.1098039216);--gray-vary-dark-lighten: rgba(77, 78, 85, 0.2392156863);--portage-color: #8597fc;--light-purple-color: #9a9eb7;--secondary-color: #f40e6f;--third-color: #0c163f;--title-color: #3a57fa;--subtitle-color: #0c163f;--secondary-subtitle-color: #8389a7;--description-color: #0c163f;--background-color: #f1f2f7;--secondary-background-color: #f6f7fa;--third-background-color: #dfdfe6;--fourth-background-color: #0c163f;--fifth-background-color: #e9e9ef;--divider-color: #e3e3e9;--danger-color: #f80358;--danger-color-hover: #d8044e;--font-family: "proxima-nova", "Arial", sans-serif;--captions-font-family: "proxima-nova", sans-serif;--studio-font-family: "proxima-nova", sans-serif;--body-font-family: "sofia-pro", sans-serif;--hover-blue-color: #2e46c8;--blue-medium-dark: #2e46c8;--blue-light: #5361ed;--sidebar-background: #ecedf4;--sidebar-background-transparent: rgba(236, 237, 244, 0);--sidebar-background-transparent-90: rgba(236, 237, 244, 0.9);--sidebar-border: #ecedf4;--sidebar-title: #050940;--sidebar-text-button: #6a6faa;--sidebar-text-button-select: #0d1740;--modal-description-text-color: #6a6faa;--modal-input-background-color: #f6f8fc;--title-line-background-color: #f6f7fa;--single-widget-tabs-background-color: #f6f7fa;--title-line-color: #3b57ff;--modal-image-background: #edeef2;--modal-input-border-color: #9b9da7;--sidebar-trigger-background: #fff;--sidebar-trigger-border: #ecedf4;--sidebar-item: #3a57fa;--sidebar-item-background: rgba(255, 255, 255, 0);--sidebar-item-background-dark: rgba(58, 87, 250, 0.04);--sidebar-item-background-arena: #f5f6f7;--sidebar-item-background-dark-arena: #eaecfd;--sidebar-list-background: #eff1f8;--sidebar-item-subtitle-color: #696f89;--sidebar-list-item-hover: var(--sidebar-item-background-dark-arena);--sidebar-list-item-text: #333b69;--sidebar-expanded-light-border: #d8dbf0;--sidebar-split-border: rgba(58, 87, 250, 0.16);--template-badge-border-arena: #c4c9f9;--template-badge-border-arena-light: #d7dafb;--template-label-background-color-arena: #f0f1f4;--template-label-background-color: #e7e7ec;--toolbox-main-background: #fff;--toolbox-index-menu-separator: rgba(58, 87, 250, 0.1);--toolbox-index-menu-button: rgba(106, 111, 170, 0.2);--toolbox-index-menu-button-active: rgba(106, 111, 170, 0.2666666667);--toolbox-index-menu-item-hover: rgba(58, 87, 250, 0.1);--toolbox-index-menu-item-text-color: #49576a;--toolbox-index-menu-item-text-danger: #de4747;--toolbox-index-menu-item-side-decoration: #3a57fa;--toolbox-powtoon-thumb-inner-border: #5f636a;--toolbox-powtoon-background: #fff;--tolbox-widget-border-gray: #b9bece;--toolbox-shadow-color: 60, 128, 209;--toolbox-text: #344356;--toolbox-text-subtitle: rgba(51, 59, 105, 0.75);--toolbox-text-light: #6a6faa;--toolbox-text-mute: #a2a6d9;--toolbox-text-gray: #a2a6d9;--dashbord-backdrop: rgba(51, 59, 105, 0.5);--toolbox-icon-wrapper-background: rgba(255, 255, 255, 0.7019607843);--toolbar-button-blue-color: #246eb2;--toolbar-blue-color: #1c7cd4;--toolbar-blue-color-2: #1e88e5;--toolbar-background: #09102c;--toolbar-background-color: #1d264d;--toolbar-divider-color: #71778b;--sidebar-search-border: #ababba;--sidebar-search-background: #fff;--sidebar-search-input: #0c163f;--sidebar-search-button: #3a57fa;--sidebar-search-button-open: #283cae;--sidebar-search-suggetion-text: #6a6faa;--sidebar-skeleton-background: #d9dcee;--sidebar-skeleton-thumb-animation-effect: rgba(255, 255, 255, 0.2);--sidebar-skeleton-list-item-animation-effect: rgba(230, 233, 245, 0.3);--sidebar-focused-outline-color: #9dabfd;--toastr-background-color: #4e5d8e;--circle-loading-indicator: #dde5e8;--patterns-blue: #dde5e8;--gray-light-blueish: #b9bece;--gray-lighter-blueish: #ebebf1;--gray-medium-light: #f6f8f9;--selection-panel-shadow: rgba(223, 227, 237, 0.5019607843);--selection-panel-hover: #eff1f8;--selection-panel-title: #9b9da7;--primary-blue-color: #3a57fa;--hawkes-blue-color: #dde0e8;--persian-blue-color: #2837b5;--blank-card-shadow-color: rgba(84, 79, 152, 0);--light-darken-purple: #b0bcfc;--gray-dark-blue: #5a699d;--capture-card-border: #dfe3ed;--dropdown-select-border: #6d7283;--dropdown-select-border-new: #c3c5cf;--dropdown-selected-border-new: #10173d;--disabled-blue-button: #c9d0f9;--expiry-indicator: #a3a7d9;--slidelist-color: #f0f0f0;--light-grey: #f0f0f0;--channels-dropdown-placeholder-color: #f0f0f0;--widgets-background: #eff1f8;--teams-admin-border: #b9bece;--light-violet-color: #c4ccfd;--gray-light-text: #aaaebc;--translate-select-box-color: #0d1740;--translate-tab-item-color: #c3c5cf;--translate-tab-container-color: #e4e5ea;--translate-select-box2-color: #f7f8fb;--change-password-text-tooltip: rgba(3, 15, 85, 0.8);--change-password-text-tooltip-success: #1baf70;--blue-50: rgba(3, 15, 85, 0.8);--green-success: #1baf70;--modal-list-border-color: #e3e3e9;--modal-list-item-hover-color: #f3f5ff;--access-level-badge-list-color: #1f2538;--switcher-background: #b9bece;--switcher-hover-background: #caceda;--thumb-shadow: rgba(18, 27, 78, 0.1098039216);--template-play-icon: #e3e3e9;--extend-item-hover-background-color: #dce1fe;--extend-item-hover-border-color: #f3f5ff;--gray-middle-dark: #4d4e55;--icon-card-text-color: #0d1740;--icon-card-text-background-color: #fff;--widget-text-grey-black: #242424;--ms-teams-button-primary: #6264a7;--label-chips-background: #ebecf2;--label-chips-border: #707070;--new-sticker-card-color: #ffd356;--new-sticker-card-dark-color: #90500f;--camera-edit-color: #854ce0;--camera-edit-color-hover: #5c349b;--soon-sticker-card-color: #854ce0;--soon-sticker-card-dark-color: #5c349b;--avatar-background-color: #6179fb;--avatar-icon-color: #181d41;--powtoon-color-picker: #eeeff1;--powtoon-color-hex-background: #e5e8ed;--powtoon-color-picker-eye-dropper: #424f61;--powtoon-color-picker-eye-dropper-active: #42a5f5;--powtoon-color-picker-color-library-selected: #42a5f5;--powtoon-color-picker-org-colors-text: #93a2a8;--powtoon-color-picker-org-colors-drop-down: #93a2a8;--powtoon-color-picker-org-colors-hover-background: #646e9b;--powtoon-color-picker-org-colors-drop-down-selected: #455a64;--powtoon-color-picker-color-item: #d9d9d9;--light-yellow: #ffeb99;--dim-yellow: #fbea9c;--brown-color: #58451b;--invite-member-button-background: #3a57fa;--invite-member-button-hover-background: #283cad;--camera-active-border-color: #854ce0;--template-player-light-grey: #f9faff;--card-focused-outline-color: #9dabfd;--card-focused-box-shadow-color: rgba(58, 87, 250, 0.5);--default-focus-outline-color: #9dabfd;--info-buttons-hover-background: #e3e3e9;--ghost_background-color: #c0c3cd;--river-bed_background-color: #4a4f64;--gray-lighten-secondary: #f8f8f8;--gray-blue-dark: rgba(13, 23, 64, 0.0705882353);--trial-timer-background-divider-color: #5a607c;--violet-color: #795ee9;--violet-light-color: #bfadf4;--table-hover-color: #f9faff;--table-active-color: #f3f5ff;--folder-focus-box-shadow: rgba(97, 121, 251, 0.3019607843);--main-menu-collapsed-width: 70px;--main-menu-createbutton-min-width: 200px;--main-menu-createbutton-margin: 25px 20px 0;--main-menu-createbutton-container-margin: 25px 0;--main-menu-expanded-width: 240px;--main-menu-border-right: 1px solid var(--old-white-color);--main-menu-border-right-hover: 1px solid var(--strong-gray-color);--main-menu-box-shadow-right-hover: 1px 0 0 0 var(--strong-gray-color);--main-menu-toggle-button-opacity: 1;--template-loading-background-color: #fff}.CaptionsControl_captions-toggle-container_N_Nic{display:flex;margin:0 4px 0 10px;width:20px;height:20px;cursor:pointer}.CaptionsControl_caption-menu_omelS{position:absolute;bottom:40px;right:10px;width:225px;background-color:rgba(0,0,0,.95);border-radius:8px;z-index:1;overflow:hidden;padding-bottom:5px}.CaptionsControl_caption-menu_omelS .CaptionsControl_menu-header_pEkCG{padding:10px;border-bottom:1px solid var(--midnight-express-light-color);margin-bottom:5px}.CaptionsControl_caption-menu_omelS .CaptionsControl_language-option_lpt19{cursor:pointer;padding:10px;display:flex;justify-content:space-between}.CaptionsControl_caption-menu_omelS .CaptionsControl_language-option_lpt19:hover{background-color:rgba(255,255,255,.2)}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-overflow_EjrSa{max-height:260px;overflow-y:scroll;scrollbar-gutter:stable;padding-left:10px;padding-right:0;padding:0}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-overflow_EjrSa::-webkit-scrollbar{height:10px;width:10px}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-overflow_EjrSa::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-overflow_EjrSa:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-dark-thumb-color);border-radius:99px;border:calc(10px/4) solid rgba(0,0,0,0);background-clip:padding-box;height:35%}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-overflow_EjrSa .CaptionsControl_language-option_lpt19{padding-right:5px}@media screen and (max-width: 600px){.CaptionsControl_caption-menu_omelS{padding-bottom:0}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-container_gSZwt{max-height:90px;overflow-y:scroll;scrollbar-gutter:stable;padding-left:10px;padding-right:0;padding:0}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-container_gSZwt::-webkit-scrollbar{height:10px;width:10px}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-container_gSZwt::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-container_gSZwt:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-dark-thumb-color);border-radius:99px;border:calc(10px/4) solid rgba(0,0,0,0);background-clip:padding-box;height:35%}.CaptionsControl_caption-menu_omelS .CaptionsControl_options-container_gSZwt .CaptionsControl_language-option_lpt19{padding-right:5px}.CaptionsControl_caption-menu_omelS .CaptionsControl_menu-header_pEkCG{margin-bottom:0}}
.SlideshowControls_slideshow-controls_b2Tci{display:flex;font-family:"Open Sans",sans-serif;color:#fff;font-size:12px;font-weight:400;text-align:left;align-items:center}:-ms-fullscreen .SlideshowControls_slideshow-controls_b2Tci{font-size:20px;font-weight:700}:fullscreen .SlideshowControls_slideshow-controls_b2Tci{font-size:20px;font-weight:700}
.SlideNavigation_slideshow-navigation_aSqV6{display:flex}.SlideNavigation_next_Q3qhL{background-image:url(0274ae.next.svg)}.SlideNavigation_prev_CJH3R{background-image:url(ca96da.prev.svg)}.SlideNavigation_prev-disabled_BGwhc{cursor:default !important;background-image:url(ab4867.prev-disabled.svg)}.SlideNavigation_restart_WOx7R{cursor:pointer;background-image:url(2fabe0.restart.svg)}.SlideNavigation_restart_WOx7R:hover{background-image:url(0efe5a.restart-hover.svg)}.SlideNavigation_button-container_lQVij .SlideNavigation_next_Q3qhL,.SlideNavigation_button-container_lQVij .SlideNavigation_prev_CJH3R,.SlideNavigation_button-container_lQVij .SlideNavigation_prev-disabled_BGwhc,.SlideNavigation_button-container_lQVij .SlideNavigation_restart_WOx7R{width:40px;height:40px;cursor:pointer;background-position:center;background-repeat:no-repeat}@media screen and (min-width: 1200px){.SlideNavigation_prev_CJH3R:hover{background-image:url(7b4a2a.prev-hover.svg)}.SlideNavigation_next_Q3qhL:hover{background-image:url(890bc1.next-hover.svg)}}:-ms-fullscreen .SlideNavigation_slideshow-navigation_aSqV6{margin:0 15px}:fullscreen .SlideNavigation_slideshow-navigation_aSqV6{margin:0 15px}:-ms-fullscreen .SlideNavigation_next_Q3qhL{background-image:url(b36286.next-big.svg)}:fullscreen .SlideNavigation_next_Q3qhL{background-image:url(b36286.next-big.svg)}:-ms-fullscreen .SlideNavigation_next_Q3qhL:hover{background-image:url(0a7d47.next-hover-big.svg)}:fullscreen .SlideNavigation_next_Q3qhL:hover{background-image:url(0a7d47.next-hover-big.svg)}:-ms-fullscreen .SlideNavigation_prev_CJH3R{background-image:url(90ce25.prev-big.svg)}:fullscreen .SlideNavigation_prev_CJH3R{background-image:url(90ce25.prev-big.svg)}:-ms-fullscreen .SlideNavigation_prev_CJH3R:hover{background-image:url(d82893.prev-hover-big.svg)}:fullscreen .SlideNavigation_prev_CJH3R:hover{background-image:url(d82893.prev-hover-big.svg)}:-ms-fullscreen .SlideNavigation_prev-disabled_BGwhc{background-image:url(c21110.prev-disabled-big.svg)}:fullscreen .SlideNavigation_prev-disabled_BGwhc{background-image:url(c21110.prev-disabled-big.svg)}:-ms-fullscreen .SlideNavigation_restart_WOx7R{background-image:url(eb8d9f.restart-big.svg)}:fullscreen .SlideNavigation_restart_WOx7R{background-image:url(eb8d9f.restart-big.svg)}:-ms-fullscreen .SlideNavigation_restart_WOx7R:hover{background-image:url(d4264b.restart-hover-big.svg)}:fullscreen .SlideNavigation_restart_WOx7R:hover{background-image:url(d4264b.restart-hover-big.svg)}
.SlideshowProgress_slideshow-progress_TUHcz{width:80px;padding:0 5px;display:flex;justify-content:space-around;align-items:center}.SlideshowProgress_circle-progress-container_GGNRo{position:absolute;width:30px;height:30px;margin-top:-6px;margin-left:-9px}.SlideshowProgress_slides-count-start_HZOxm{margin-left:-4px;width:20px;text-align:center}:-ms-fullscreen .SlideshowProgress_slideshow-progress_TUHcz{width:100px;padding:0 10px}:fullscreen .SlideshowProgress_slideshow-progress_TUHcz{width:100px;padding:0 10px}:-ms-fullscreen .SlideshowProgress_circle-progress-container_GGNRo{width:38px;height:38px;margin-top:-5px;margin-left:-12px}:fullscreen .SlideshowProgress_circle-progress-container_GGNRo{width:38px;height:38px;margin-top:-5px;margin-left:-12px}
.CircleProgress_circle-progress_Qd_Ld{width:100%;height:100%}
.MovieControls_movie-controls_aPwUD{display:flex;align-items:center;font-family:"Open Sans",sans-serif;color:#fff;font-size:12px;font-weight:400;line-height:24px;flex:1;padding-right:5px}:-ms-fullscreen .MovieControls_movie-controls_aPwUD{font-size:20px}:fullscreen .MovieControls_movie-controls_aPwUD{font-size:20px}
.PlayPauseButton_button-container_MlMeX{width:53px;display:flex;justify-content:center}.PlayPauseButton_play_OWZ2b{cursor:pointer;background:url(eacab8.play.svg) no-repeat top left;background-size:contain;height:15px;width:13px}.PlayPauseButton_play_OWZ2b:hover{background:url(d7f96b.play-hover.svg) no-repeat top left}.PlayPauseButton_play_OWZ2b:focus-visible{outline:2px solid #9dabfd;border-radius:2px}.PlayPauseButton_pause_SfBfn{cursor:pointer;background:url(90d00f.pause.svg) no-repeat top left;background-size:contain;height:15px;width:13px}.PlayPauseButton_pause_SfBfn:hover{background:url(80db05.pause-hover.svg) no-repeat top left}.PlayPauseButton_pause_SfBfn:focus-visible{outline:2px solid #9dabfd;border-radius:2px}.PlayPauseButton_restart_BWYgP{cursor:pointer;background:url(2fabe0.restart.svg) no-repeat top left;background-size:contain;height:16px;width:17px}.PlayPauseButton_restart_BWYgP:hover{background:url(0efe5a.restart-hover.svg) no-repeat top left}.PlayPauseButton_restart_BWYgP:focus-visible{outline:2px solid #9dabfd;border-radius:2px}:-ms-fullscreen .PlayPauseButton_button-container_MlMeX{width:92px}:fullscreen .PlayPauseButton_button-container_MlMeX{width:92px}:-ms-fullscreen .PlayPauseButton_play_OWZ2b{background:url(d99f96.play-big.svg) no-repeat top left;height:26px;width:23px}:fullscreen .PlayPauseButton_play_OWZ2b{background:url(d99f96.play-big.svg) no-repeat top left;height:26px;width:23px}:-ms-fullscreen .PlayPauseButton_play_OWZ2b:hover{background:url(95c681.play-hover-big.svg) no-repeat top left}:fullscreen .PlayPauseButton_play_OWZ2b:hover{background:url(95c681.play-hover-big.svg) no-repeat top left}:-ms-fullscreen .PlayPauseButton_pause_SfBfn{background:url(d606b0.pause-big.svg) no-repeat top left;height:25px;width:22px}:fullscreen .PlayPauseButton_pause_SfBfn{background:url(d606b0.pause-big.svg) no-repeat top left;height:25px;width:22px}:-ms-fullscreen .PlayPauseButton_pause_SfBfn:hover{background:url(078b48.pause-hover-big.svg) no-repeat top left}:fullscreen .PlayPauseButton_pause_SfBfn:hover{background:url(078b48.pause-hover-big.svg) no-repeat top left}:-ms-fullscreen .PlayPauseButton_restart_BWYgP{background:url(eb8d9f.restart-big.svg) no-repeat top left;height:25px;width:26px}:fullscreen .PlayPauseButton_restart_BWYgP{background:url(eb8d9f.restart-big.svg) no-repeat top left;height:25px;width:26px}:-ms-fullscreen .PlayPauseButton_restart_BWYgP:hover{background:url(d4264b.restart-hover-big.svg) no-repeat top left}:fullscreen .PlayPauseButton_restart_BWYgP:hover{background:url(d4264b.restart-hover-big.svg) no-repeat top left}
.scrubbler-handle-tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.5;opacity:.9;width:54px;height:39px}.scrubbler-handle-tooltip .scrubbler-handle-tooltip-arrow{position:absolute;width:0;height:0;border-color:rgba(0,0,0,0);border-style:solid}.scrubbler-handle-tooltip .scrubbler-handle-tooltip-inner{padding:8px 10px;font-family:"Open Sans",sans-serif;color:#fff;font-weight:400;text-align:center;text-decoration:none;background-color:#373737;border-radius:6px;box-shadow:0 0 4px rgba(0,0,0,.17)}.scrubbler-handle-tooltip.scrubbler-handle-tooltip-placement-top{padding:5px 0 9px 0}.scrubbler-handle-tooltip.scrubbler-handle-tooltip-placement-top .scrubbler-handle-tooltip-arrow{bottom:9px;margin-left:-5px;border-width:5px 5px 0;border-top-color:#373737;left:50%}.Scrubbler_scrubbler__LSEi{flex:1;margin-right:20px}.Scrubbler_scrubbler__LSEi .rc-slider-rail{background-color:#fff;opacity:.25;height:4px;border-radius:8px}.Scrubbler_scrubbler__LSEi .rc-slider-track{background-color:#304ffe;height:4px;border-radius:8px}.Scrubbler_scrubbler__LSEi .rc-slider-handle{background-color:#304ffe;margin-left:-7px;margin-top:-5px;border:0}.Scrubbler_scrubbler__LSEi .rc-slider-handle:focus-visible{box-shadow:0 0 0 2px #9dabfd;outline:none}:-ms-fullscreen .Scrubbler_scrubbler__LSEi{margin-right:35px}:fullscreen .Scrubbler_scrubbler__LSEi{margin-right:35px}:-ms-fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-rail{height:7px;border-radius:14px}:fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-rail{height:7px;border-radius:14px}:-ms-fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-track{height:7px;border-radius:14px}:fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-track{height:7px;border-radius:14px}:-ms-fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-handle{width:24px;height:24px;margin-left:-12px;margin-top:-8px}:fullscreen .Scrubbler_scrubbler__LSEi .rc-slider-handle{width:24px;height:24px;margin-left:-12px;margin-top:-8px}
.TimeIndicator_time-indicator_enFZn{-webkit-user-select:none;-ms-user-select:none;user-select:none}.TimeIndicator_time-indicator_enFZn:focus-visible{outline:2px solid #9dabfd;border-radius:2px}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}
.tippy-box[data-animation=scale][data-placement^=top]{transform-origin:bottom}.tippy-box[data-animation=scale][data-placement^=bottom]{transform-origin:top}.tippy-box[data-animation=scale][data-placement^=left]{transform-origin:right}.tippy-box[data-animation=scale][data-placement^=right]{transform-origin:left}.tippy-box[data-animation=scale][data-state=hidden]{transform:scale(.5);opacity:0}
.tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}
.react-resizable {
  position: relative;
}
.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);
  background-position: bottom right;
  padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}
.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}
.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}
.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}
.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}
.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}
.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}
.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.vcp-button {
  text-rendering: geometricPrecision;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  align-self: center;
  outline: none;
  border: none;
  cursor: pointer;
  font-family: var(--vcp-font-family);
  font-weight: 600;
  letter-spacing: 0;
  min-width: 80px;
  transition: color 0.25s, background 0.25s, border 0.25s;
  border: solid 1px var(--background-primary-1);
  color: var(--text-color-invert);
}
.vcp-button:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-button + .vcp-button {
  margin-left: 15px;
}
.vcp-button .vcp-button-animated-container {
  width: auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.vcp-button .vcp-button-animated-container-space-between {
  width: 100%;
  justify-content: space-between;
}
.vcp-button .vcp-button-inner-loading-icon {
  margin-right: 10px;
}
.vcp-button .vcp-button-main-content {
  display: flex;
  align-items: center;
}
.vcp-button .vcp-button-inner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  vertical-align: middle;
}
.vcp-button .vcp-button-inner-icon .vcp-button-icon {
  width: var(--button-icon-width);
  height: var(--button-icon-width);
  min-width: var(--button-icon-width);
  min-height: var(--button-icon-width);
}
.vcp-button .vcp-button-trailing-element {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
}
.vcp-button.vcp-button-small {
  border-radius: var(--button-small-border-radius);
  padding: 0 15px 0 10px;
  height: 30px;
}
.vcp-button.vcp-button-small .vcp-button-children {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
  margin-right: 0.14px;
}
.vcp-button.vcp-button-small .vcp-button-inner-icon {
  margin-right: 5px;
  height: 20px;
  width: 20px;
}
.vcp-button.vcp-button-medium {
  border-radius: var(--button-medium-border-radius);
  padding: 0 20px 0 10px;
  height: 40px;
}
.vcp-button.vcp-button-medium .vcp-button-children {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 16px/125% var(--vcp-font-family);
  letter-spacing: -0.16px;
  margin-right: 0.16px;
}
.vcp-button.vcp-button-medium .vcp-button-inner-icon {
  margin-right: 5px;
  height: 20px;
  width: 20px;
}
.vcp-button.vcp-button-fill {
  width: 100%;
}
.vcp-button.vcp-button-large {
  border-radius: var(--button-large-border-radius);
  padding: 0 25px 0 15px;
  height: 50px;
}
.vcp-button.vcp-button-large .vcp-button-children {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 18px/125% var(--vcp-font-family);
  letter-spacing: -0.18px;
  margin-right: 0.18px;
}
.vcp-button.vcp-button-large .vcp-button-inner-icon {
  margin-right: var(--button-icon-margin-right-large);
  margin-left: var(--button-icon-margin-left-large);
  height: 30px;
  width: 30px;
}
.vcp-button.vcp-button-only-text.vcp-button-small {
  padding: var(--button-small-padding);
  min-width: var(--button-small-min-width);
}
.vcp-button.vcp-button-only-text.vcp-button-medium {
  padding: var(--button-medium-padding);
  min-width: var(--button-medium-min-width);
}
.vcp-button.vcp-button-only-text.vcp-button-large {
  padding: var(--button-large-padding);
  min-width: var(--button-large-min-width);
}
.vcp-button.is-single-trailing-element, .vcp-button.is-single-icon {
  min-width: auto;
}
.vcp-button.is-single-trailing-element .vcp-button-inner-icon, .vcp-button.is-single-icon .vcp-button-inner-icon {
  margin-right: auto;
  margin-left: auto;
}
.vcp-button.is-single-trailing-element .vcp-button-trailing-element, .vcp-button.is-single-icon .vcp-button-trailing-element {
  margin-left: 0;
}
.vcp-button.is-single-trailing-element.vcp-button-small, .vcp-button.is-single-icon.vcp-button-small {
  padding: 0 5px;
  min-width: 30px;
}
.vcp-button.is-single-trailing-element.vcp-button-medium, .vcp-button.is-single-icon.vcp-button-medium {
  padding: 0 10px;
  min-width: 40px;
}
.vcp-button.is-single-trailing-element.vcp-button-large, .vcp-button.is-single-icon.vcp-button-large {
  padding: 0 10px;
  min-width: 50px;
}
.vcp-button.is-icon-and-trailing {
  min-width: auto;
  padding: 0;
}
.vcp-button.is-icon-and-trailing .vcp-button-inner-icon {
  margin-right: 10px;
  margin-left: auto;
}
.vcp-button.is-icon-and-trailing .vcp-button-trailing-element {
  margin-left: 0;
}
.vcp-button.is-icon-and-trailing.vcp-button-small {
  min-width: 60px;
}
.vcp-button.is-icon-and-trailing.vcp-button-medium {
  min-width: 70px;
}
.vcp-button.is-icon-and-trailing.vcp-button-large {
  min-width: 90px;
}
.vcp-button.is-children-and-trailing.vcp-button-small {
  padding: 0px 10px 0px 15px;
}
.vcp-button.is-children-and-trailing.vcp-button-medium {
  padding: 0px 10px 0px 20px;
}
.vcp-button.is-children-and-trailing.vcp-button-large {
  padding: 0px 15px 0px 25px;
}
.vcp-button.is-children-and-trailing .vcp-button-trailing-element {
  margin-left: 5px;
}
.vcp-button.is-all-elements.vcp-button-small, .vcp-button.is-all-elements.vcp-button-medium {
  padding: 0px 10px;
}
.vcp-button.is-all-elements.vcp-button-large {
  padding: 0px 15px;
}
.vcp-button.is-all-elements .vcp-button-trailing-element {
  margin-left: 5px;
}
.vcp-button.is-all-elements .vcp-button-inner-icon {
  margin-right: 5px;
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative {
  border-color: var(--background-primary-1);
  background-color: var(--background-primary-1);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default:hover, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative:hover {
  border-color: var(--background-primary-2);
  background-color: var(--background-primary-2);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default:active, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default.vcp-button__isActive, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative:active, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative.vcp-button__isActive {
  border-color: var(--background-primary-3);
  background-color: var(--background-primary-3);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default:focus-visible, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative:focus-visible {
  border-color: var(--background-primary-2);
  background-color: var(--background-primary-2);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-default.vcp-button-disabled, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-alternative.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-disabled-opacity);
  background-color: var(--background-primary-disabled);
  border-color: var(--background-primary-disabled);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline {
  border-color: var(--background-secondary-active);
  background-color: var(--background-primary-outline);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline:hover {
  border-color: var(--background-primary-1);
  background-color: var(--background-primary-outline-hover);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline:active, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline.vcp-button__isActive {
  border-color: var(--background-primary-1);
  background-color: var(--background-primary-outline-active);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline:focus-visible {
  border-color: var(--background-primary-1);
  background-color: var(--background-primary-outline-hover);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-outline.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-outline-disabled-opacity);
  background-color: var(--background-primary-outline);
  border-color: var(--button-outline-border-color-disabled);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
  color: var(--button-primary-ghost-color);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost:hover {
  border-color: var(--background-primary-2);
  background-color: var(--background-primary-2);
  color: var(--button-primary-ghost-color-hover);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost:active, .vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost.vcp-button__isActive {
  border-color: var(--background-primary-1);
  background-color: var(--background-primary-1);
  color: var(--button-primary-ghost-color-active);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost:focus-visible {
  border-color: var(--background-primary-2);
  background-color: var(--background-primary-2);
  color: var(--button-primary-ghost-color-hover);
}
.vcp-button.vcp-button-primary:not(.vcp-button-elevated-shadow).vcp-button-ghost.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: transparent;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-primary.vcp-button-elevated-shadow {
  background-color: var(--background);
  color: var(--color-inactive-primary-circle);
  border-radius: var(--border-radius-circle-toggle-button);
  box-shadow: var(--shadow-color-primary-circle);
  border-color: var(--background);
}
.vcp-button.vcp-button-primary.vcp-button-elevated-shadow:hover {
  color: var(--color-inactive-on-hover-primary-circle);
}
.vcp-button.vcp-button-primary.vcp-button-elevated-shadow:disabled {
  background-color: var(--background-disabled);
  border-color: var(--background-disabled);
  color: var(--color-disabled-primary-circle);
  box-shadow: none;
  pointer-events: none;
}
.vcp-button.vcp-button-primary.vcp-button-elevated-shadow:focus {
  color: var(--color-inactive-on-hover-primary-circle);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative {
  border-color: var(--background-secondary-5);
  background-color: var(--background-secondary);
  color: var(--button-secondary-color);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default:hover, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative:hover {
  border-color: var(--background-secondary-hover);
  background-color: var(--background-secondary-hover);
  color: var(--button-secondary-color-hover);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default:active, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default.vcp-button__isActive, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative:active, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative.vcp-button__isActive {
  border-color: var(--background-secondary-3);
  background-color: var(--background-secondary-3);
  color: var(--button-secondary-color-active);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default:focus-visible, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative:focus-visible {
  border-color: var(--background-secondary-hover);
  background-color: var(--background-secondary-hover);
  color: var(--button-secondary-color-hover);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-default.vcp-button-disabled, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-alternative.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-disabled-opacity);
  background-color: var(--background-secondary-disabled);
  border-color: var(--background-secondary-disabled);
  color: var(--text-color-secondary-disabled);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline {
  border-color: var(--background-secondary-3);
  background-color: var(--background-primary-outline);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline:hover {
  border-color: var(--background-secondary-3);
  background-color: var(--background-secondary-hover);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline:active, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline.vcp-button__isActive {
  border-color: var(--background-secondary-4);
  background-color: var(--background-primary-outline-active);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline:focus-visible {
  border-color: var(--background-secondary-3);
  background-color: var(--background-secondary-hover);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-outline.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-outline-disabled-opacity);
  background-color: var(--background-primary-outline);
  border-color: var(--button-outline-border-color-disabled);
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
  color: var(--background-primary-1);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost:hover {
  border-color: var(--background-secondary-1);
  background-color: var(--background-secondary-1);
  color: var(--button-secondary-color-hover);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost:active, .vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost.vcp-button__isActive {
  border-color: var(--background-secondary-3);
  background-color: var(--background-secondary-3);
  color: var(--button-secondary-color-active);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost:focus-visible {
  border-color: var(--background-secondary-1);
  background-color: var(--background-secondary-1);
  color: var(--button-secondary-color-hover);
}
.vcp-button.vcp-button-secondary:not(.vcp-button-elevated-shadow).vcp-button-ghost.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: transparent;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-color-secondary-disabled);
}
.vcp-button.vcp-button-secondary.vcp-button-elevated-shadow {
  color: var(--background);
  background-color: var(--background-active-primary-circle);
  border-color: var(--background-active-primary-circle);
  border-radius: var(--border-radius-circle-toggle-button);
}
.vcp-button.vcp-button-secondary.vcp-button-elevated-shadow:hover {
  background-color: var(--background-active-on-hover-primary-circle);
  border-color: var(--background-active-on-hover-primary-circle);
}
.vcp-button.vcp-button-secondary.vcp-button-elevated-shadow:disabled {
  background-color: var(--background-disabled);
  border-color: var(--background-disabled);
  color: var(--color-disabled-primary-circle);
  pointer-events: none;
}
.vcp-button.vcp-button-secondary.vcp-button-elevated-shadow:focus {
  background-color: var(--background-active-on-hover-primary-circle);
  border-color: var(--background-active-on-hover-primary-circle);
}
.vcp-button.vcp-button-premium.vcp-button-default, .vcp-button.vcp-button-premium.vcp-button-alternative {
  border-color: var(--background-premium);
  background-color: var(--background-premium);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-premium.vcp-button-default:hover, .vcp-button.vcp-button-premium.vcp-button-alternative:hover {
  border-color: var(--background-premium-1);
  background-color: var(--background-premium-1);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-premium.vcp-button-default:active, .vcp-button.vcp-button-premium.vcp-button-default.vcp-button__isActive, .vcp-button.vcp-button-premium.vcp-button-alternative:active, .vcp-button.vcp-button-premium.vcp-button-alternative.vcp-button__isActive {
  border-color: var(--background-premium-2);
  background-color: var(--background-premium-2);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-premium.vcp-button-default:focus-visible, .vcp-button.vcp-button-premium.vcp-button-alternative:focus-visible {
  border-color: var(--background-premium-1);
  background-color: var(--background-premium-1);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-premium.vcp-button-default.vcp-button-disabled, .vcp-button.vcp-button-premium.vcp-button-alternative.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-disabled-opacity);
  background-color: var(--background-premium);
  border-color: var(--background-premium);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-premium.vcp-button-outline {
  border-color: var(--border-premium-outline);
  background-color: var(--background-primary-outline);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-outline:hover {
  border-color: var(--background-premium);
  background-color: var(--background-premium-light-1);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-outline:active, .vcp-button.vcp-button-premium.vcp-button-outline.vcp-button__isActive {
  border-color: var(--background-premium-1);
  background-color: var(--background-premium-light-2);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-outline:focus-visible {
  border-color: var(--background-premium);
  background-color: var(--background-premium-light-1);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-outline.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-outline-disabled-opacity);
  background-color: var(--background-primary-outline);
  border-color: var(--button-outline-border-color-disabled);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-ghost:hover {
  border-color: var(--background-premium-light-1);
  background-color: var(--background-premium-light-1);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-ghost:active, .vcp-button.vcp-button-premium.vcp-button-ghost.vcp-button__isActive {
  border-color: var(--background-premium-light-2);
  background-color: var(--background-premium-light-2);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-ghost:focus-visible {
  border-color: var(--background-premium-light-1);
  background-color: var(--background-premium-light-1);
  color: var(--background-premium-1);
}
.vcp-button.vcp-button-premium.vcp-button-ghost.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: transparent;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-destructive.vcp-button-default, .vcp-button.vcp-button-destructive.vcp-button-alternative {
  border-color: var(--background-destructive-1);
  background-color: var(--background-destructive-1);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-default:hover, .vcp-button.vcp-button-destructive.vcp-button-alternative:hover {
  border-color: var(--background-destructive-2);
  background-color: var(--background-destructive-2);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-default:active, .vcp-button.vcp-button-destructive.vcp-button-default.vcp-button__isActive, .vcp-button.vcp-button-destructive.vcp-button-alternative:active, .vcp-button.vcp-button-destructive.vcp-button-alternative.vcp-button__isActive {
  border-color: var(--background-destructive-3);
  background-color: var(--background-destructive-3);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-default:focus-visible, .vcp-button.vcp-button-destructive.vcp-button-alternative:focus-visible {
  border-color: var(--background-destructive-2);
  background-color: var(--background-destructive-2);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-default.vcp-button-disabled, .vcp-button.vcp-button-destructive.vcp-button-alternative.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-disabled-opacity);
  background-color: var(--background-destructive-disabled);
  border-color: var(--background-destructive-disabled);
  color: var(--text-color-destructive-disabled);
}
.vcp-button.vcp-button-destructive.vcp-button-outline {
  border-color: var(--background-destructive-1);
  background-color: var(--background-primary-outline);
  color: var(--background-destructive-1);
}
.vcp-button.vcp-button-destructive.vcp-button-outline:hover {
  border-color: var(--background-destructive-1);
  background-color: var(--background-destructive-outline-hover);
  color: var(--background-destructive-1);
}
.vcp-button.vcp-button-destructive.vcp-button-outline:active, .vcp-button.vcp-button-destructive.vcp-button-outline.vcp-button__isActive {
  border-color: var(--background-destructive-1);
  background-color: var(--background-destructive-outline-active);
  color: var(--background-destructive-2);
}
.vcp-button.vcp-button-destructive.vcp-button-outline:focus-visible {
  border-color: var(--background-destructive-1);
  background-color: var(--background-destructive-outline-hover);
  color: var(--background-destructive-1);
}
.vcp-button.vcp-button-destructive.vcp-button-outline.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-outline-disabled-opacity);
  background-color: var(--background-primary-outline);
  border-color: var(--button-outline-border-color-disabled);
  color: var(--background-destructive-2);
}
.vcp-button.vcp-button-destructive.vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-ghost:hover {
  border-color: var(--background-destructive-outline-hover);
  background-color: var(--background-destructive-outline-hover);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-ghost:active, .vcp-button.vcp-button-destructive.vcp-button-ghost.vcp-button__isActive {
  border-color: var(--background-destructive-outline-active);
  background-color: var(--background-destructive-outline-active);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-ghost:focus-visible {
  border-color: var(--background-destructive-outline-hover);
  background-color: var(--background-destructive-outline-hover);
  color: var(--text-color-destructive-button);
}
.vcp-button.vcp-button-destructive.vcp-button-ghost.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: transparent;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-color-destructive-disabled);
}
.vcp-button.vcp-button-tertiary {
  color: var(--button-tertiary-text-color);
  background-color: var(--background-tertiary);
  border-color: transparent;
  padding: 0;
}
.vcp-button.vcp-button-tertiary.vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
}
.vcp-button.vcp-button-tertiary.vcp-button-outline {
  padding: 0 15px 0 20px;
  border-color: var(--border-tertiary-outline);
  color: var(--text-color-tertiary-outline);
}
.vcp-button.vcp-button-tertiary.vcp-button-outline:hover, .vcp-button.vcp-button-tertiary.vcp-button-outline:active {
  text-decoration: none;
}
.vcp-button.vcp-button-tertiary:hover {
  background-color: var(--background-tertiary-hover);
  color: var(--button-tertiary-text-color-hover);
  -webkit-text-decoration: var(--text-decoration-tertiary);
          text-decoration: var(--text-decoration-tertiary);
}
.vcp-button.vcp-button-tertiary:active, .vcp-button.vcp-button-tertiary.vcp-button__isActive {
  background-color: var(--background-tertiary-active);
  -webkit-text-decoration: var(--text-decoration-tertiary);
          text-decoration: var(--text-decoration-tertiary);
  color: var(--button-tertiary-text-color-active);
}
.vcp-button.vcp-button-tertiary.vcp-button-disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: var(--background-disabled-opacity);
  background-color: var(--background-tertiary-disabled);
  border-color: var(--background-tertiary-disabled);
  color: var(--button-tertiary-text-color-disabled);
}
.vcp-button.vcp-button-over-the-background {
  border-color: transparent;
  color: var(--text-color-over-the-background-primary);
  background-color: var(--background);
}
.vcp-button.vcp-button-over-the-background:hover {
  color: var(--text-color-primary);
}
.vcp-button.vcp-button-over-the-background:active {
  color: var(--background-primary-2);
  background-color: var(--text-color-over-the-background-primary-active);
}
.vcp-button.vcp-button-over-the-background:focus-visible {
  color: var(--text-color-primary);
}
.vcp-button.vcp-button-over-the-background.vcp-button-outline {
  border-color: var(--background);
  background-color: transparent;
  color: var(--background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-outline:hover {
  background-color: var(--text-color-over-the-background-primary-outline-hover-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-outline:active {
  background-color: var(--text-color-over-the-background-primary-outline-active-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-outline:focus-visible {
  background-color: var(--text-color-over-the-background-primary-outline-hover-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-alternative {
  color: var(--background);
  background-color: rgba(255, 255, 255, 0.1019607843);
}
.vcp-button.vcp-button-over-the-background.vcp-button-alternative:hover {
  background-color: var(--text-color-over-the-background-secondary-hover-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-alternative:active {
  background-color: var(--text-color-over-the-background-secondary-active-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-alternative:focus-visible {
  background-color: var(--text-color-over-the-background-secondary-hover-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-ghost {
  border-color: transparent;
  background-color: transparent;
  color: var(--text-color-over-the-background-primary);
}
.vcp-button.vcp-button-over-the-background.vcp-button-ghost:hover {
  background-color: var(--button-over-the-background-ghost-color-hover);
}
.vcp-button.vcp-button-over-the-background.vcp-button-ghost:active, .vcp-button.vcp-button-over-the-background.vcp-button-ghost:focus-visible {
  background-color: var(--button-over-the-background-ghost-color-active);
}
.vcp-button.vcp-button-over-the-background.vcp-button-darkening {
  background-color: var(--button-over-the-bg-darkening-background);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: var(--text-color-invert);
}
.vcp-button.vcp-button-over-the-background.vcp-button-darkening:hover {
  background-color: var(--button-over-the-bg-darkening-background-hover);
}
.vcp-button.vcp-button-over-the-background.vcp-button-darkening:active, .vcp-button.vcp-button-over-the-background.vcp-button-darkening:focus-visible {
  background-color: var(--button-over-the-bg-darkening-background-active);
}
.vcp-button.vcp-button-over-the-background.vcp-button-disabled {
  mix-blend-mode: normal;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  background-color: rgba(var(--background), 0.3);
  color: var(--text-color-over-the-background-primary);
  border-color: transparent;
}
.vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-ghost, .vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-alternative, .vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-outline {
  opacity: 0.3;
  color: var(--background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-outline {
  border-color: var(--background);
  background-color: var(--text-color-over-the-background-primary-outline-active-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-alternative {
  background-color: var(--text-color-over-the-background-secondary-active-background);
}
.vcp-button.vcp-button-over-the-background.vcp-button-disabled.vcp-button-ghost {
  background-color: transparent;
}
.vcp-button.vcp-button-neutral {
  border-color: var(--background-neutral);
  background-color: var(--background-neutral);
  color: var(--text-color-secondary);
}
.vcp-button.vcp-button-neutral:hover {
  border-color: var(--background-neutral-hover);
  background-color: var(--background-neutral-hover);
}
.vcp-button.vcp-button-neutral:active {
  border-color: var(--background-neutral-active);
  background-color: var(--background-neutral-active);
}
.vcp-button.vcp-button-neutral.vcp-button-disabled {
  opacity: 0.5;
  background-color: transparent;
  border: transparent;
}
.vcp-button.vcp-button-elevated-pulse {
  animation: pulse 1.5s;
  animation-iteration-count: 3;
}
.vcp-button.vcp-button-loading.vcp-button-loading {
  background-color: var(--button-loading-background);
  border-color: var(--button-loading-background);
  pointer-events: none;
}

.vcp-badge {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  vertical-align: middle;
  justify-content: center;
  text-rendering: geometricPrecision;
}
.vcp-badge__inner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  vertical-align: middle;
}
.vcp-badge__title {
  white-space: nowrap;
  text-transform: uppercase;
  color: inherit !important;
}
.vcp-badge_inline {
  position: relative;
  border-radius: 5px;
}
.vcp-badge_label {
  position: absolute;
  top: 15px;
  right: -5px;
  border-radius: 5px 5px 0px 5px;
}
.vcp-badge_label:after {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 0;
  content: "";
}
.vcp-badge.vcp-badge_xsmall {
  padding: 0 5px;
  min-height: 16px;
  min-width: 16px;
  border-radius: 3px;
}
.vcp-badge.vcp-badge_xsmall.vcp-badge_icon {
  padding: 0;
}
.vcp-badge.vcp-badge_xsmall.vcp-badge_icon .vcp-badge__inner-icon {
  margin-left: 0;
  margin-right: 0;
}
.vcp-badge.vcp-badge_xsmall .vcp-badge__inner-icon {
  margin-left: -4px;
  margin-right: 2px;
  height: 16px;
  width: 16px;
}
.vcp-badge.vcp-badge_small {
  padding: 0 8px;
  min-height: 20px;
  min-width: 20px;
}
.vcp-badge.vcp-badge_small.vcp-badge_icon {
  padding: 0;
}
.vcp-badge.vcp-badge_small.vcp-badge_icon .vcp-badge__inner-icon {
  margin-left: 0;
  margin-right: 0;
}
.vcp-badge.vcp-badge_small .vcp-badge__inner-icon {
  margin-left: -4px;
  margin-right: 2px;
  height: 16px;
  width: 16px;
}
.vcp-badge.vcp-badge_small.vcp-badge_inline.vcp-badge_purple {
  background-color: var(--badge-purple-style-small-background);
  color: var(--badge-purple-style-small-color);
}
.vcp-badge.vcp-badge_small.vcp-badge_inline.vcp-badge_black {
  background-color: var(--badge-black-style-small-background);
  color: var(--badge-black-style-small-color);
}
.vcp-badge.vcp-badge_small.vcp-badge_inline.vcp-badge_info {
  min-width: 15px;
  min-height: 15px;
  padding: 0 2px;
}
.vcp-badge.vcp-badge_medium {
  padding: 0 8px;
  min-height: 24px;
  min-width: 24px;
}
.vcp-badge.vcp-badge_medium.vcp-badge_icon {
  padding: 0;
}
.vcp-badge.vcp-badge_medium.vcp-badge_icon .vcp-badge__inner-icon {
  margin-left: 0;
  margin-right: 0;
}
.vcp-badge.vcp-badge_medium .vcp-badge__inner-icon {
  margin-left: -6px;
  margin-right: 0;
  height: 20px;
  width: 20px;
}
.vcp-badge.vcp-badge_medium.vcp-badge_info {
  padding: 0 5px;
  min-height: 20px;
  min-width: 20px;
}
.vcp-badge.vcp-badge_large {
  width: 30px;
  height: 30px;
}
.vcp-badge.vcp-badge_large.vcp-badge_info {
  padding: 0 5px;
  min-height: 25px;
  min-width: 25px;
}
.vcp-badge_yellow {
  background-color: var(--badge-yellow-style-background);
  color: var(--badge-yellow-style-color);
}
.vcp-badge_yellow:after {
  border-color: var(--badge-yellow-style-marker) transparent transparent transparent;
}
.vcp-badge_purple {
  background-color: var(--badge-purple-style-background);
  color: var(--badge-purple-style-color);
}
.vcp-badge_purple:after {
  border-color: var(--badge-purple-style-marker) transparent transparent transparent;
}
.vcp-badge_over-the-background {
  background-color: var(--over-the-background-background);
  color: var(--over-the-background-color);
}
.vcp-badge_over-the-background:after {
  border-color: var(--over-the-background-background) transparent transparent transparent;
}
.vcp-badge_primary-subtle {
  background-color: var(--primary-subtle-background);
  color: var(--primary-subtle-color);
}
.vcp-badge_primary-subtle:after {
  border-color: var(--primary-subtle-background) transparent transparent transparent;
}
.vcp-badge_black {
  background-color: var(--badge-black-style-background);
  color: var(--badge-black-style-color);
}
.vcp-badge_black:after {
  border-color: var(--badge-black-style-marker) transparent transparent transparent;
}
.vcp-badge_primary {
  background-color: var(--primary-style-background);
  color: var(--primary-style-color);
}
.vcp-badge_primary:after {
  border-color: var(--primary-style-background) transparent transparent transparent;
}
.vcp-badge_success {
  background-color: var(--success-style-background);
  color: var(--success-style-color);
}
.vcp-badge_success:after {
  border-color: var(--success-style-background) transparent transparent transparent;
}
.vcp-badge_destructive {
  background-color: var(--destructive-style-background);
  color: var(--destructive-style-color);
}
.vcp-badge_destructive:after {
  border-color: var(--destructive-style-background) transparent transparent transparent;
}
.vcp-badge_info {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  background-color: var(--badge-info-style-background);
  color: var(--badge-info-style-color);
}
.vcp-badge_animation {
  animation: swing-in-right-bck 0.75s ease-out forwards;
  animation-delay: 0.5s;
  position: absolute;
  opacity: 0;
  right: 0;
}
.vcp-badge_ai {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--badge-ai-style-background);
  color: var(--badge-ai-style-color);
}
.vcp-badge_ai.vcp-badge_icon {
  min-height: 20px;
  width: 42px;
  border-radius: 15px;
  background-color: var(--badge-ai-purple-style-background);
  color: var(--badge-ai-purple-style-color);
  padding-right: 1px;
}
.vcp-badge_ai.vcp-badge_icon.vcp-badge_small {
  min-height: 16px;
  width: 33px;
}
.vcp-badge_ai.vcp-badge_icon.vcp-badge_small > span > .vcp-icon {
  min-width: 24px;
  width: 24px;
}
.vcp-badge_ai.vcp-badge_icon.vcp-badge_large {
  height: 25px;
  width: 52px;
  padding-left: 5px;
}
.vcp-badge_ai.vcp-badge_icon.vcp-badge_large > span > .vcp-icon {
  min-width: 35px;
  width: 35px;
}
.vcp-badge_grey {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--badge-gray-style-background);
  color: var(--badge-gray-style-color);
}
.vcp-badge_light-grey {
  background-color: var(--badge-light-gray-style-background);
  color: var(--badge-light-gray-style-color);
}
.vcp-badge_green {
  background-color: var(--badge-green-style-background);
  color: var(--badge-green-style-color);
}
.vcp-badge_neutral {
  background-color: var(--badge-neutral-style-background);
  color: var(--badge-neutral-style-color);
}

@keyframes swing-in-right-bck {
  0% {
    transform: translateX(-12px) rotateY(65deg);
    transform-origin: right;
    opacity: 1;
  }
  100% {
    transform: translateX(-10px) rotateY(0deg);
    transform-origin: right;
    opacity: 1;
  }
}
.vcp-badge__animation-container {
  transform-style: preserve-3d;
  perspective: 300px;
  position: absolute;
  width: 300px;
  right: -15px;
  top: 0;
  height: 169px;
  pointer-events: none;
}

.vcp-badge__badge-container {
  display: contents;
}

.vcp-action-button.vcp-action-button {
  border-radius: 10px;
}
.vcp-action-button.vcp-action-button.vcp-button-large.is-icon-and-trailing, .vcp-action-button.vcp-action-button.vcp-button-medium.is-icon-and-trailing {
  padding: 0 14px;
}
.vcp-action-button.vcp-action-button.vcp-button-small {
  border-radius: 7px;
}
.vcp-action-button.vcp-action-button.vcp-button-small:not(.vcp-button-only-text) {
  padding: 0 15px 0 5px;
}
.vcp-action-button.vcp-action-button.vcp-button-small.is-children-and-trailing {
  padding: 0 5px 0 15px;
}
.vcp-action-button.vcp-action-button.vcp-button-small.is-all-elements {
  padding: 0 5px;
}
.vcp-action-button.vcp-action-button.vcp-button-small.is-icon-and-trailing {
  padding: 0 5px;
}
.vcp-action-button.vcp-action-button.vcp-button-small.is-single-icon {
  padding: 0;
}
.vcp-action-button.vcp-action-button.is-single-icon {
  padding: 0;
}

.vcp-icon {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.vcp-icon.vcp-icon-xsmall {
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
}
.vcp-icon.vcp-icon-small {
  width: var(--icon-small-size);
  height: var(--icon-small-size);
  min-width: var(--icon-small-size);
  min-height: var(--icon-small-size);
}
.vcp-icon.vcp-icon-medium {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.vcp-icon.vcp-icon-large {
  width: var(--icon-large-size);
  height: var(--icon-large-size);
  min-width: var(--icon-large-size);
  min-height: var(--icon-large-size);
}
.vcp-icon.vcp-icon-xlarge {
  width: var(--icon-extra-large-size);
  height: var(--icon-extra-large-size);
  min-width: var(--icon-extra-large-size);
  min-height: var(--icon-extra-large-size);
}
.vcp-icon.vcp-icon-xxlarge {
  width: var(--icon-extra-extra-large-size);
  height: var(--icon-extra-extra-large-size);
  min-width: var(--icon-extra-extra-large-size);
  min-height: var(--icon-extra-extra-large-size);
}
.vcp-icon path,
.vcp-icon line {
  fill: currentColor !important;
}
.vcp-icon .vcp-icon-use {
  pointer-events: none;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.vcp-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  outline: none;
  border: none;
  border-radius: 50%;
  width: 24px;
  aspect-ratio: 1;
  cursor: pointer;
  transition: background 0.25s;
}
.vcp-icon-button:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-icon-button.vcp-icon-button-size-xsmall {
  width: 15px;
}
.vcp-icon-button.vcp-icon-button-size-small {
  width: 24px;
}
.vcp-icon-button.vcp-icon-button-size-medium {
  width: 30px;
}
.vcp-icon-button.vcp-icon-button-size-large {
  width: 40px;
}
.vcp-icon-button.vcp-icon-button-size-xlarge {
  width: 68px;
}
.vcp-icon-button.vcp-icon-button-default {
  border-color: var(--close-button-default-border);
}
.vcp-icon-button.vcp-icon-button-alternative {
  color: var(--close-button-alternative-icon);
  border-color: var(--close-button-alternative-icon);
}
.vcp-icon-button.vcp-icon-button-dark {
  color: var(--icon-button-dark-color);
}
.vcp-icon-button.vcp-icon-button-primary {
  color: var(--icon-button-primary-color);
}
.vcp-icon-button.vcp-icon-button-outline {
  border: solid 1px;
  background-color: transparent;
}
.vcp-icon-button.vcp-icon-button-outline.vcp-icon-button-alternative {
  color: var(--icon-button-outline-alternative-color);
}
.vcp-icon-button.vcp-icon-button-outline:focus {
  color: var(--text-color-primary);
}
.vcp-icon-button.vcp-icon-button-square {
  border-radius: 5px;
}
.vcp-icon-button.vcp-icon-button-elevated-shadow {
  box-shadow: 0 1px 5px 0 var(--icon-button-shadow);
}
.vcp-icon-button.vcp-icon-button-elevated-pulse {
  animation: pulse 1.5s;
  animation-iteration-count: 3;
}
.vcp-icon-button.vcp-icon-button-over-the-background {
  color: var(--icon-button-primary-color);
  background-color: var(--icon-button-over-the-background-color);
}
.vcp-icon-button.vcp-icon-button-over-the-background:hover {
  background-color: var(--icon-button-over-the-background-color-hover);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-default {
  background-color: var(--close-button-default-background);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-default:hover {
  color: var(--text-color-primary);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-default:focus {
  color: var(--text-color-primary);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-alternative {
  background-color: var(--text-color-over-the-background-primary-outline-hover-background);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-alternative:hover {
  background-color: var(--text-color-over-the-background-secondary-hover-background);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-alternative:focus {
  background-color: var(--text-color-over-the-background-secondary-hover-background);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-dark {
  color: var(--icon-button-dark-filled-color);
  background-color: var(--icon-button-filled-dark-background-color);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-dark:hover {
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-primary {
  background-color: var(--icon-button-primary-background-color);
  box-shadow: 0px 0px 5px rgba(11, 41, 63, 0.25);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-primary:hover {
  background-color: var(--icon-button-dark-background-color-hover);
  color: var(--icon-button-dark-color-hover);
}
.vcp-icon-button.vcp-icon-button-filled.vcp-icon-button-primary:focus {
  background-color: var(--icon-button-dark-background-color-hover);
  color: var(--icon-button-dark-color-hover);
}
.vcp-icon-button.vcp-icon-button-inline {
  background-color: var(--close-button-default);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-default:hover {
  background-color: var(--icon-button-default-inline-background-color-hover);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-default:focus-visible {
  outline: none;
  background-color: var(--icon-button-default-inline-background-color-focus);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-default:active {
  background-color: var(--icon-button-default-inline-background-color-focus);
}
.vcp-icon-button.vcp-icon-button-inline:hover {
  background-color: var(--text-color-over-the-background-primary-outline-hover-background);
}
.vcp-icon-button.vcp-icon-button-inline:focus {
  background-color: var(--text-color-over-the-background-primary-outline-hover-background);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-primary:hover {
  background-color: var(--close-button-default);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-primary:focus {
  background-color: var(--close-button-default);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-alternative {
  color: var(--icon-button-inline-primary-color);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-alternative:hover {
  color: var(--icon-button-inline-primary-color-hover);
  background-color: var(--close-button-default);
}
.vcp-icon-button.vcp-icon-button-inline.vcp-icon-button-alternative:focus {
  color: var(--icon-button-inline-primary-color-hover);
  background-color: var(--close-button-default);
}

.vcp-text-input-container__input {
  height: 100%;
  width: 100%;
  border: none;
  outline: none;
  background-color: transparent;
}
.vcp-text-input-container__input:-webkit-autofill, .vcp-text-input-container__input:-webkit-autofill:hover, .vcp-text-input-container__input:-webkit-autofill:focus, .vcp-text-input-container__input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--input-background-color) inset !important;
}
.vcp-text-input-container__input-with-icon {
  padding: 0;
}

.vcp-text-input__expandable .vcp-base-input {
  height: unset;
  min-height: 40px;
  max-height: 170px;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: normal;
  scrollbar-gutter: stable;
  padding-left: 15px;
  padding-right: calc(15px - 10px);
}
.vcp-text-input__expandable .vcp-base-input::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-text-input__expandable .vcp-base-input::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-text-input__expandable .vcp-base-input:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-text-input__expandable .vcp-base-input-container__icons {
  margin-top: auto;
  margin-bottom: auto;
}

.vcp-password-input { /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  font-size: 14px;
  letter-spacing: 0;
  display: block;
  margin: 6px 0 6px 0;
  border-radius: 10px;
  padding: 0 15px;
  height: 40px;
  border-width: 1px;
  outline: none;
  background-color: var(--input-background-color);
  border-color: transparent;
  color: var(--input-text-color);
  border-style: solid;
  width: 100%;
  caret-color: var(--input-caret-color);
  transition: background 0.1s, color 0.1s, border-color 0.1s;
}
.vcp-password-input::placeholder {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  font-size: 14px;
  letter-spacing: 0;
  color: var(--input-placeholder-color);
  margin-left: -1px;
}
.vcp-password-input .vcp-password-input-inner-container {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: green;
}
.vcp-password-input .vcp-password-input-inner-button {
  position: absolute;
  right: 15px;
}
.vcp-password-input:focus {
  border-color: var(--input-border-color-focus);
  border-width: 1px;
}
.vcp-password-input:focus::placeholder {
  color: var(--input-placeholder-color-focus);
}
.vcp-password-input:placeholder-shown {
  background-color: var(--input-background-color);
}
.vcp-password-input:not(:placeholder-shown) {
  background-color: var(--input-background-color);
  color: var(--input-text-color);
}
.vcp-password-input:hover:not(:focus):not(.error) {
  border-color: var(--input-border-color-hover);
}
.vcp-password-input.willShowPasswordTextShowButton {
  padding-right: calc(3 * 5px);
}
.vcp-password-input.disabled {
  pointer-events: none;
  background-color: var(--input-background-color-disabled);
  color: var(--input-text-color-disabled);
}
.vcp-password-input.disabled::placeholder {
  color: var(--input-text-color-disabled);
  opacity: 0.25;
}
.vcp-password-input.error:not(:focus) {
  color: var(--input-error-color);
  border-color: var(--input-error-color);
  background-color: var(--input-error-background-color);
}
.vcp-password-input.error + p {
  text-align: right;
  margin-top: -2px;
}
.vcp-password-input.error::placeholder {
  color: var(--input-placeholder-color-error);
}
.vcp-password-input.alternative {
  background-color: transparent;
  border-color: var(--input-alternative-border);
}
.vcp-password-input.alternative:focus {
  border-color: var(--input-border-color-focus);
}
.vcp-password-input.alternative:hover:not(:focus):not(.error) {
  border-color: var(--input-alternative-border-hover);
}
.vcp-password-input.alternative.disabled {
  border-color: var(--input-alternative-border-disabled);
}

.vcp-text-area-input.vcp-text-area-input {
  padding-top: 5px;
  padding-bottom: 5px;
  height: unset;
  white-space: pre-wrap;
  overflow: auto;
  overflow-wrap: break-word;
  cursor: text;
}

.vcp-text-area-input-small.vcp-text-area-input-small {
  padding: 10px 5px 5px 10px;
}

.vcp-text-area-input-helper-container {
  display: flex;
  gap: 3px;
  align-items: center;
}

.vcp-text-area-input-inline-helper.vcp-text-area-input-inline-helper {
  display: inline;
}

.vcp-text-area-input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.vcp-text-area-input-wrapper .vcp-text-area-input {
  scrollbar-gutter: stable;
  padding-left: 15px;
  padding-right: calc(15px - 10px);
}
.vcp-text-area-input-wrapper .vcp-text-area-input::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-text-area-input-wrapper .vcp-text-area-input::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-text-area-input-wrapper .vcp-text-area-input:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-text-area-input-wrapper .vcp-text-area-input:hover + .vcp-text-area-input-drag-icon:not(.vcp-text-area-input-drag-icon__error):not(.vcp-text-area-input-drag-icon__success) {
  border-color: var(--input-outline-border-hover);
}
.vcp-text-area-input-wrapper .vcp-text-area-input:focus-visible + .vcp-text-area-input-drag-icon:not(.vcp-text-area-input-drag-icon__error):not(.vcp-text-area-input-drag-icon__success) {
  border-color: var(--dropdown-select-border-color-active);
}

.vcp-text-area-input.vcp-text-area-input-resize-horizontal {
  resize: horizontal;
}
.vcp-text-area-input.vcp-text-area-input-resize-vertical {
  resize: vertical;
  overflow-x: hidden;
}
.vcp-text-area-input.vcp-text-area-input-resize-none {
  resize: none;
}
.vcp-text-area-input-drag-icon {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 20px;
  background: var(--input-background-color);
  pointer-events: none;
  border-bottom: 1px solid transparent;
  border-right: 1px solid transparent;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
  border-bottom-right-radius: 10px;
  color: var(--text-area-drag-icon-color);
}
.vcp-text-area-input-drag-icon__outline {
  border-color: var(--input-outline-border);
}
.vcp-text-area-input-drag-icon__whiteBG {
  background-color: white;
  border-color: var(--input-alternative-border);
}
.vcp-text-area-input-drag-icon__error {
  border-color: var(--input-error-color);
  background-color: var(--background-destructive-outline-hover-2);
}
.vcp-text-area-input-drag-icon__success {
  border-color: var(--input-success-border-color);
  background-color: var(--input-success-background-color);
}
.vcp-text-area-input-drag-icon__low {
  border-bottom-right-radius: 7px;
  height: 17.5px;
}
.vcp-text-area-input.vcp-text-area-input-has-value {
  color: var(--text-color-default);
}

@supports (-moz-appearance: none) {
  .vcp-text-area-input-drag-icon {
    bottom: 1px;
  }
}
.vcp-spacer {
  display: block;
  width: 100%;
}
.vcp-spacer + .vcp-spacer {
  display: none;
}
.vcp-spacer.xx-small {
  height: 5px;
}
.vcp-spacer.x-small {
  height: 10px;
}
.vcp-spacer.small {
  height: 15px;
}
.vcp-spacer.medium {
  height: 20px;
}
.vcp-spacer.large {
  height: 25px;
}
.vcp-spacer.x-large {
  height: 30px;
}

.vcp-text {
  color: var(--text-color-default);
  display: block;
  margin-block: 0;
  margin-inline: 0;
  padding: 0;
  margin: 0;
  outline: none;
}
.vcp-text.disabled {
  opacity: 0.25;
}
.vcp-text.h1 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 44px/125% var(--vcp-font-family-header);
  letter-spacing: -1.1px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h1 {
    font: normal 500 40px/125% var(--vcp-font-family-header);
    letter-spacing: -1px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-text.h1 {
    font: normal 500 24px/133% var(--vcp-font-family-header);
    letter-spacing: -0.6px;
  }
}
.vcp-text.h2 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 32px/133% var(--vcp-font-family-header);
  letter-spacing: -0.64px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h2 {
    font: normal 500 28px/133% var(--vcp-font-family-header);
    letter-spacing: -0.7px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-text.h2 {
    font: normal 500 20px/133% var(--vcp-font-family-header);
    letter-spacing: -0.4px;
  }
}
.vcp-text.h3 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 28px/133% var(--vcp-font-family-header);
  letter-spacing: -0.56px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h3 {
    font: normal 500 24px/133% var(--vcp-font-family-header);
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-text.h3 {
    font: normal 500 18px/140% var(--vcp-font-family-header);
    letter-spacing: -0.36px;
  }
}
.vcp-text.h4 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 24px/140% var(--vcp-font-family-header);
  letter-spacing: -0.48px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h4 {
    font: normal 500 20px/140% var(--vcp-font-family-header);
    letter-spacing: -0.4px;
  }
}
.vcp-text.h5 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 20px/140% var(--vcp-font-family-header);
  letter-spacing: -0.7px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h5 {
    font: normal 500 18px/140% var(--vcp-font-family-header);
    letter-spacing: -0.36px;
  }
}
.vcp-text.h6 {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 18px/150% var(--vcp-font-family-header);
  letter-spacing: -0.54px;
}
@media only screen and (max-width: 1920px) {
  .vcp-text.h6 {
    font: normal 500 16px/150% var(--vcp-font-family-header);
    letter-spacing: -0.32px;
  }
}
.vcp-text.label-large {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 18px/125% var(--vcp-font-family);
  letter-spacing: -0.18px;
}
.vcp-text.label-medium {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 16px/125% var(--vcp-font-family);
  letter-spacing: -0.16px;
}
.vcp-text.label-small {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
}
.vcp-text.label-xs {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 12px/125% var(--vcp-font-family);
  letter-spacing: -0.12px;
}
.vcp-text.subtitle {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 800 48px/48px var(--vcp-font-family-header);
  letter-spacing: -0.035em;
}
.vcp-text.regular {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
}
.vcp-text.large {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
}
.vcp-text.medium {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
}
.vcp-text.small {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 12px/150% var(--vcp-font-family);
  letter-spacing: -0.12px;
}
.vcp-text.xs {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 10px/150% var(--vcp-font-family);
  letter-spacing: -0.1px;
}
.vcp-text.invert {
  color: var(--text-color-invert);
}
.vcp-text.primary {
  color: var(--text-color-primary);
}
.vcp-text.success {
  color: var(--text-color-success);
}
.vcp-text.premium {
  color: var(--text-color-premium);
}
.vcp-text.destructive {
  color: var(--text-color-destructive);
}
.vcp-text.secondary {
  color: var(--text-color-secondary);
}
.vcp-text.secondary2 {
  color: var(--text-color-secondary3);
}
.vcp-text.secondary3 {
  color: var(--text-color-secondary2);
}
.vcp-text.secondary4 {
  color: var(--text-color-secondary4);
}
.vcp-text.vcp-text__is_bold {
  font-weight: var(--text-bold-weight);
}
.vcp-text.vcp-text__text_decoration_underline {
  text-decoration: underline;
  text-underline-offset: 5%;
}

.vcp-text-bold {
  font-weight: 800 !important;
}

.vcp-text-italic {
  font-style: italic !important;
}

.vcp-text-multiline {
  white-space: pre-line;
}

.vcp-link {
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
  border-style: none;
  border-color: transparent;
  padding: 0;
  display: inline-block;
}
.vcp-link:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-link:focus {
  border-radius: 5px;
}
.vcp-link:hover, .vcp-link:focus, .vcp-link:active {
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.vcp-link.vcp-link-disabled {
  pointer-events: none;
  opacity: var(--link-text-disabled-opacity);
  -webkit-user-select: none;
          user-select: none;
}
.vcp-link.vcp-link-large {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 18px/125% var(--vcp-font-family);
  letter-spacing: -0.18px;
}
.vcp-link.vcp-link-medium {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 16px/125% var(--vcp-font-family);
  letter-spacing: -0.16px;
}
.vcp-link.vcp-link-small {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
}
.vcp-link.vcp-link-primary {
  color: var(--link-text-color-primary);
}
.vcp-link.vcp-link-primary:visited {
  color: var(--link-text-color-primary);
}
.vcp-link.vcp-link-primary:hover, .vcp-link.vcp-link-primary:focus {
  color: var(--link-text-color-primary-hover);
}
.vcp-link.vcp-link-primary:active {
  color: var(--link-text-color-primary-press);
}
.vcp-link.vcp-link-secondary {
  color: var(--link-text-color-secondary);
}
.vcp-link.vcp-link-secondary:visited {
  color: var(--link-text-color-secondary);
}
.vcp-link.vcp-link-secondary:hover, .vcp-link.vcp-link-secondary:focus {
  color: var(--link-text-color-secondary-hover);
}
.vcp-link.vcp-link-secondary:active {
  color: var(--link-text-color-secondary-press);
}
.vcp-link.vcp-link-premium {
  color: var(--link-text-color-premium);
}
.vcp-link.vcp-link-premium:visited {
  color: var(--link-text-color-premium);
}
.vcp-link.vcp-link-premium:hover, .vcp-link.vcp-link-premium:focus {
  color: var(--link-text-color-premium-hover);
}
.vcp-link.vcp-link-premium:active {
  color: var(--link-text-color-premium-press);
}
.vcp-link.vcp-link-destructive {
  color: var(--link-text-color-destructive);
}
.vcp-link.vcp-link-destructive:visited {
  color: var(--link-text-color-destructive);
}
.vcp-link.vcp-link-destructive:hover, .vcp-link.vcp-link-destructive:focus {
  color: var(--link-text-color-destructive-hover);
}
.vcp-link.vcp-link-destructive:active {
  color: var(--link-text-color-destructive-press);
}
.vcp-link.vcp-link-over-the-background {
  color: var(--link-text-color-over-the-background);
}
.vcp-link.vcp-link-over-the-background:visited {
  color: var(--link-text-color-over-the-background);
}
.vcp-link.vcp-link-over-the-background:hover, .vcp-link.vcp-link-over-the-background:focus {
  color: var(--link-text-color-over-the-background-hover);
}
.vcp-link.vcp-link-over-the-background:active {
  color: var(--link-text-color-over-the-background-press);
}

.vcp-inline-text-input .vcp-inline-text-input__is_interactive {
  cursor: pointer;
}
.vcp-inline-text-input .vcp-inline-text-input__is_interactive:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-inline-text-input .vcp-inline-text-input__is_interactive:hover, .vcp-inline-text-input .vcp-inline-text-input__is_interactive:focus {
  color: var(--text-color-primary);
}
.vcp-inline-text-input .vcp-inline-text-input__is_editor {
  outline: none;
}

.vcp-indicator {
  border-radius: 50%;
  outline-style: solid;
}
.vcp-indicator.vcp-indicator__small {
  width: 5px;
  height: 5px;
  outline-style: none;
}
.vcp-indicator.vcp-indicator__medium {
  width: 8px;
  height: 8px;
  outline-width: 4px;
}
.vcp-indicator.vcp-indicator__large {
  width: 16px;
  height: 16px;
  outline-width: 8px;
}
.vcp-indicator.vcp-indicator__blue {
  background-color: var(--indicator-blue-color);
  outline-color: var(--indicator-blue-outline-color);
}
.vcp-indicator.vcp-indicator__red {
  background-color: var(--indicator-red-color);
  outline-color: var(--indicator-red-outline-color);
}
.vcp-indicator.vcp-indicator__yellow {
  background-color: var(--indicator-yellow-color);
  outline-color: var(--indicator-yellow-outline-color);
}
.vcp-indicator.vcp-indicator__purple {
  background-color: var(--indicator-purple-color);
  outline-color: var(--indicator-purple-outline-color);
}
.vcp-indicator.vcp-indicator__black {
  background-color: var(--indicator-black-color);
  outline-color: var(--indicator-black-outline-color);
}
.vcp-indicator.vcp-indicator__gray {
  background-color: var(--indicator-gray-color);
  outline-color: var(--indicator-gray-outline-color);
}
.vcp-indicator.vcp-indicator__green {
  background-color: var(--indicator-green-color);
  outline-color: var(--indicator-green-outline-color);
}

.vcp-modal-header {
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vcp-modal-header.with-improved-scrolling-layout {
  margin: 0 30px;
}
.vcp-modal-header.underlined {
  border-bottom: var(--divider-color) 1px solid;
}
.vcp-modal-header:has(.vcp-modal-header-avatar-container) {
  height: 74px;
}
.vcp-modal-header:has(.vcp-modal-header-avatar-container) .vcp-modal-header__title {
  margin-bottom: 20px;
}
.vcp-modal-header .vcp-modal-header__title-container {
  display: flex;
  align-items: center;
}
.vcp-modal-header .vcp-modal-header__right-component-container {
  margin-right: 30px;
}
.vcp-modal-header .vcp-modal-header-avatar-container {
  margin: 14px 9px 16px 5px;
}
.vcp-modal-header.vcp-modal-header-wide {
  max-width: 528px;
}

.vcp-modal-body {
  display: block;
  min-height: 70px;
  grid-template-columns: 35px auto;
  overflow: auto;
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
  overflow-x: hidden;
  padding-left: 0;
}
.vcp-modal-body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-modal-body::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-modal-body.with-improved-scrolling-layout {
  padding-left: 30px;
  padding-right: 20px;
  scrollbar-gutter: stable !important;
}
.vcp-modal-body.vcp-modal-body-default {
  max-width: 500px;
}
.vcp-modal-body.vcp-modal-body-wide {
  max-width: 530px;
}
.vcp-modal-body.vcp-modal-body-xlarge {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.vcp-modal-footer {
  text-align: right;
  padding: 30px 0;
  height: 100px;
  box-sizing: border-box;
}
.vcp-modal-footer.with-improved-scrolling-layout {
  padding-left: 30px;
  padding-right: 30px;
}

.vcp-modal-yes-no-modal-footer {
  direction: rtl;
}
.vcp-modal-yes-no-modal-footer * {
  direction: ltr;
}
.vcp-modal-yes-no-modal-footer .vcp-modal-yes-no-modal-footer-no-button {
  margin-left: 0 !important;
  margin-right: 15px;
}

.vcp-modal-backdrop {
  z-index: 1500;
  position: absolute;
  display: flex;
  opacity: 0;
  background-color: var(--backdrop-color);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s;
}
.vcp-modal-backdrop .vcp-modal {
  display: block;
  position: relative;
  background-color: white;
  box-shadow: 0px 20px 35px rgba(18, 27, 78, 0.1098039216);
  border-radius: 15px;
  min-width: 500px;
  min-height: 200px;
  padding: 0 30px;
  box-sizing: border-box;
}
.vcp-modal-backdrop .vcp-modal.with-improved-scrolling-layout {
  padding: unset;
}
.vcp-modal-backdrop .vcp-modal.vcp-modal-narrow {
  border-radius: 10px;
}
.vcp-modal-backdrop .vcp-modal.vcp-modal-wide {
  max-height: 550px;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
}
@media only screen and (max-width: 1366px) {
  .vcp-modal-backdrop .vcp-modal.vcp-modal-wide {
    max-height: 500px;
  }
}
.vcp-modal-backdrop .vcp-modal.vcp-modal-xlarge {
  border-radius: 30px;
  max-height: 860px;
}
.vcp-modal-backdrop .vcp-modal .vcp-modal-close-button {
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 1;
}
.vcp-modal-backdrop .vcp-modal .vcp-modal-close-button__external {
  top: 0;
  right: 0;
  transform: translate(100%, -100%);
}
.vcp-modal-backdrop .vcp-modal .vcp-modal-close-button:has(+ .vcp-modal-header .vcp-modal-header-avatar-container) {
  top: 22px !important;
}
.vcp-modal-backdrop.visible {
  opacity: 1;
  pointer-events: all;
}

.vcp-modal:focus {
  outline: none;
}

.vcp-modal__rc-tooltip.vcp-modal__rc-tooltip {
  z-index: 1510 !important;
}

@media only screen and (max-width: 1280px) and (max-height: 610px) {
  .vcp-modal-backdrop {
    align-items: baseline;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 600px) {
  .vcp-modal-backdrop {
    max-height: 100vh;
    max-width: 100vw;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .vcp-modal-backdrop .vcp-modal {
    min-width: 100vw;
    height: 100%;
    min-height: 100%;
    border-radius: 0 !important;
    background: var(--background);
    padding: 0;
  }
}
.vcp-brand-modal-icon-image {
  display: block;
  min-height: 70px;
  width: 150px;
  height: 150px;
  grid-template-columns: 35px auto;
  margin-bottom: 10px;
}

.vcp-brand-modal-close-btn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.vcp-brand-modal-message {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 430px;
  margin: 0;
}

.vcp-brand-modal-title.vcp-brand-modal-title {
  font-weight: 500;
}

.vcp-brand-modal-footer {
  text-align: center;
}

.vcp-brand-modal-body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  padding-top: 33px;
}

.vcp-thumb {
  width: 100%;
  height: 100%;
}
.vcp-thumb .vcp-thumb-card {
  width: 100%;
  position: relative;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 30px 0;
  border-radius: 11px;
  border: 1px solid var(--thumb-content-border-color);
}
.vcp-thumb .vcp-thumb-card:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-title {
  position: absolute;
  bottom: -35px;
  color: var(--thumb-title-text-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-overlay-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 0;
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-overlay-wrapper .vcp-thumb-mp4-play {
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-overlay-wrapper .vcp-thumb-context-menu-wrapper {
  position: absolute;
  right: 10px;
  top: 10px;
  border-radius: 5px;
  border: none;
  color: var(--icon-button-primary-color);
  background-color: var(--icon-button-over-the-background-color);
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-overlay-wrapper .vcp-thumb-context-menu-wrapper:hover {
  background-color: var(--icon-button-over-the-background-color-hover);
}
.vcp-thumb .vcp-thumb-card .vcp-thumb-overlay-wrapper .vcp-thumb-context-menu-wrapper .vcp-thumb-context-menu-icon {
  color: var(--icon-button-primary-color);
  border-radius: 5px;
}
.vcp-thumb .vcp-thumb-card:hover .vcp-thumb-overlay-wrapper {
  opacity: 1;
}
.vcp-thumb .vcp-thumb-card:hover:after {
  box-shadow: 0 10px 25px var(--thumb-hover-shadow-color);
}
.vcp-thumb.vcp-thumb-loading {
  pointer-events: none;
}
.vcp-thumb.vcp-thumb-loading .vcp-thumb-card:after {
  border-color: var(--thumb-loading-background-color);
}
.vcp-thumb.vcp-thumb-loading .vcp-thumb-card .vcp-thumb-image {
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-thumb.vcp-thumb-loading .vcp-thumb-card .vcp-thumb-image:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}
.vcp-thumb.vcp-thumb-loading .vcp-thumb-card .vcp-thumb-title {
  bottom: -20px;
  width: 55%;
  height: 10px;
  border-radius: 10px;
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-thumb.vcp-thumb-loading .vcp-thumb-card .vcp-thumb-title:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}
.vcp-thumb.vcp-thumb-image-loading .vcp-thumb-card:after {
  border-color: var(--thumb-loading-background-color);
}
.vcp-thumb.vcp-thumb-image-loading .vcp-thumb-card .vcp-thumb-image {
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-thumb.vcp-thumb-image-loading .vcp-thumb-card .vcp-thumb-image:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}

@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
.vcp-timeline {
  position: relative;
  max-height: 53px;
}
.vcp-timeline .vcp-timeline-base {
  border: 4px solid var(--timeline-base-container-border-color);
  border-radius: 10px;
  height: 53px;
  width: 100%;
  border-left-width: 19px;
  border-right-width: 19px;
  display: flex;
  overflow: hidden;
  justify-content: center;
}

.vcp-loader-wrap {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.vcp-loader-wrap .vcp-loader {
  width: 40px;
  height: 50px;
}
.vcp-loader-wrap .vcp-loader > .rect-loader {
  height: 100%;
  width: 10px;
  border-radius: 5px;
  display: inline-block;
  background-color: var(--loader-background);
  animation: scale-delay 1.2s infinite ease-in-out;
}
.vcp-loader-wrap .vcp-loader > .rect2 {
  animation-delay: -1.1s;
  margin-left: 5px;
}
.vcp-loader-wrap .vcp-loader > .rect3 {
  animation-delay: -1s;
  margin-left: 5px;
}
@keyframes scale-delay {
  0% {
    transform: scaleY(0.6);
    background-color: var(--loader-background-2);
  }
  40%, 100% {
    transform: scaleY(0.6);
  }
  20% {
    transform: scaleY(1);
  }
}

.vcp-circle-loader {
  display: inline-block;
  animation: circle infinite 0.75s linear;
  transform-origin: 50% 50% 1px;
  border: 4px solid var(--loading-circle-background);
  border-top-color: var(--loading-circle-background-2);
  border-radius: 50%;
  box-sizing: content-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box;
}
.vcp-circle-loader.vcp-circle-loader-inverse-theme {
  border: 5px solid var(--loading-circle-background-2);
  border-top-color: var(--loading-circle-background);
}
.vcp-circle-loader.vcp-circle-loader-transparent-theme {
  border: 5px solid var(--loading-circle-transparent-background-2);
  border-top-color: var(--loading-circle-transparent-background);
}
.vcp-circle-loader.vcp-circle-loader-small, .vcp-circle-loader .vcp-circle-loader-xsmall {
  width: 15px;
  height: 15px;
  border-width: 3px;
}
.vcp-circle-loader.vcp-circle-loader-medium {
  width: 20px;
  height: 20px;
  border-width: 4px;
}
.vcp-circle-loader.vcp-circle-loader-large, .vcp-circle-loader.vcp-circle-loader-xlarge {
  width: 25px;
  height: 25px;
  border-width: 5px;
}

.vcp-circle-progress-loader {
  position: relative;
  transform: rotate(-90deg);
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-base-circle {
  fill: none;
  stroke: var(--loading-circle-background-2);
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-base-circle.vcp-circle-progress-loader-base-circle-inverse-theme {
  stroke: var(--loading-circle-progress);
  stroke-opacity: 0.2;
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-base-circle.vcp-circle-progress-loader-base-circle-transparent-theme {
  stroke: var(--loading-circle-transparent-background-2);
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-progress-circle {
  fill: none;
  stroke: var(--loading-circle-background);
  transition: 1s linear all;
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-progress-circle.vcp-circle-progress-loader-progress-circle-inverse-theme {
  stroke: var(--loading-circle-progress);
}
.vcp-circle-progress-loader .vcp-circle-progress-loader-progress-circle.vcp-circle-progress-loader-progress-circle-transparent-theme {
  stroke: var(--loading-circle-transparent-background);
}

@keyframes circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.vcp-play-overlay {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-color: var(--play-verlay-background);
}

.vcp-circle-button {
  display: flex;
  color: var(--icon-color);
  background-color: var(--text-color-over-the-background-primary-outline-active-background);
  filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.2));
  border: solid #fff;
  cursor: pointer;
  align-self: center;
  border-radius: 99px;
}
.vcp-circle-button.vcp-circle-button-disabled {
  pointer-events: none;
}
.vcp-circle-button.vcp-circle-button-small {
  width: 20px;
  height: 20px;
  padding: 0;
  border-width: 1px;
}
.vcp-circle-button.vcp-circle-button-medium {
  width: 36px;
  height: 36px;
  padding: 7px;
  border-width: 1px;
}
.vcp-circle-button.vcp-circle-button-large {
  width: 52px;
  height: 52px;
  padding: 11px;
  border-width: 2px;
}
.vcp-circle-button.vcp-circle-button-extra-large {
  width: 68px;
  height: 68px;
  padding: 15px;
  border-width: 2px;
}
.vcp-circle-button .vcp-circle-button-svg-icon {
  width: 100%;
  height: 100%;
  color: var(--icon-color);
}
.vcp-circle-button:hover {
  background: var(--text-color-over-the-background-secondary-outline-hover-background);
}

.vcp-section-message {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--section-message-background-color);
  border-radius: 10px;
  min-height: 75px;
  padding: 15px;
  box-sizing: border-box;
  container-type: inline-size;
  container-name: section-message;
}
.vcp-section-message .vcp-section-message-text-container,
.vcp-section-message .vcp-section-message-buttons-container {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.vcp-section-message .vcp-section-message-left-component-wrapper {
  margin-right: 10px;
}
.vcp-section-message .vcp-section-message-buttons-container {
  gap: 20px;
  flex-shrink: 0;
}
.vcp-section-message .vcp-section-message-text {
  margin-right: 30px;
}
.vcp-section-message .vcp-section-message-text.vcp-section-message-no-icon {
  margin-left: 10px;
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-main-text {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-bold {
  font-weight: 500;
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h1 {
  margin-bottom: 10px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 44px/125% var(--vcp-font-family-header);
  letter-spacing: -1.1px;
}
@media only screen and (max-width: 1920px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h1 {
    font: normal 500 40px/125% var(--vcp-font-family-header);
    letter-spacing: -1px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h1 {
    font: normal 500 24px/133% var(--vcp-font-family-header);
    letter-spacing: -0.6px;
  }
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h2 {
  margin-bottom: 10px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 32px/133% var(--vcp-font-family-header);
  letter-spacing: -0.64px;
}
@media only screen and (max-width: 1920px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h2 {
    font: normal 500 28px/133% var(--vcp-font-family-header);
    letter-spacing: -0.7px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h2 {
    font: normal 500 20px/133% var(--vcp-font-family-header);
    letter-spacing: -0.4px;
  }
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h3 {
  margin-bottom: 10px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 500 28px/133% var(--vcp-font-family-header);
  letter-spacing: -0.56px;
}
@media only screen and (max-width: 1920px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h3 {
    font: normal 500 24px/133% var(--vcp-font-family-header);
    letter-spacing: -0.6px;
  }
}
@media only screen and (max-width: 768px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-main-text.vcp-section-message-main-text-h3 {
    font: normal 500 18px/140% var(--vcp-font-family-header);
    letter-spacing: -0.36px;
  }
}
.vcp-section-message .vcp-section-message-text .vcp-section-message-secondary-text {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  font-weight: 400;
  color: var(--section-message-secondary-text-color);
  display: none;
}
@container section-message (min-width: 571px) {
  .vcp-section-message .vcp-section-message-text .vcp-section-message-secondary-text {
    display: block;
  }
}
.vcp-section-message .vcp-section-message-icon-wrapper {
  margin-left: 5px;
  background-color: var(--background);
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vcp-section-message .vcp-section-message-icon-wrapper .vcp-section-message-icon {
  color: var(--text-color-default);
  cursor: default;
}
.vcp-section-message.vcp-section-message-embed {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

@container section-message (max-width: 1080px) {
  .vcp-section-message-main-text.vcp-section-message-main-text-h1.vcp-section-message-main-text.vcp-section-message-main-text-h1 {
    text-rendering: geometricPrecision;
    font-style: normal;
    letter-spacing: -0.02em;
    font: normal 500 28px/133% var(--vcp-font-family-header);
    letter-spacing: -0.56px;
  }
  @media only screen and (max-width: 1920px) {
    .vcp-section-message-main-text.vcp-section-message-main-text-h1.vcp-section-message-main-text.vcp-section-message-main-text-h1 {
      font: normal 500 24px/133% var(--vcp-font-family-header);
      letter-spacing: -0.6px;
    }
  }
  @media only screen and (max-width: 768px) {
    .vcp-section-message-main-text.vcp-section-message-main-text-h1.vcp-section-message-main-text.vcp-section-message-main-text-h1 {
      font: normal 500 18px/140% var(--vcp-font-family-header);
      letter-spacing: -0.36px;
    }
  }
}
.vcp-upgrade-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-premium-light-1);
  padding: 15px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
}
.vcp-upgrade-banner .vcp-upgrade-banner-icon {
  margin-right: 10px;
  color: var(--text-color-premium);
  cursor: default;
}
.vcp-upgrade-banner .vcp-upgrade-banner-upgrade-text {
  color: var(--text-color-premium3);
}
.vcp-upgrade-banner .vcp-upgrade-banner-link {
  background: none;
  border: none;
  padding: 0 5px;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
  color: var(--text-color-premium3);
  margin-left: 5px;
}
.vcp-upgrade-banner .vcp-upgrade-banner-link:hover {
  color: var(--text-color-premium-hover);
}
.vcp-upgrade-banner .vcp-upgrade-banner-link:focus-visible {
  outline: 4px solid var(--text-color-premium);
  border-radius: 5px;
}

.vcp-divider {
  background-color: var(--divider-color);
  height: 1px;
}

.vcp-animated-text {
  transition: width 0.25s;
  width: auto;
  display: flex;
  align-items: center;
}
.vcp-animated-text .vcp-animated-text-inner {
  white-space: nowrap;
}

.vcp-context-menu__container {
  min-width: 200px;
}
.vcp-context-menu__container .vcp-context-menu__container {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.vcp-context-menu__list {
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
  margin: 0;
  padding: 0;
}
.vcp-context-menu__list::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-context-menu__list::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-context-menu__list:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-context-menu-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 -9px 0 0;
  padding: 2px 0 2px 2px;
}
.vcp-context-menu__separator {
  width: 100%;
  height: 1px;
  margin: 5px auto;
}
.vcp-context-menu__separator:first-child:not(.vcp-context-menu__separator-force-show), .vcp-context-menu__separator:last-child:not(.vcp-context-menu__separator-force-show) {
  display: none;
}
.vcp-context-menu__separator + .vcp-context-menu__separator {
  display: none;
}
.vcp-context-menu__item {
  border-radius: 8px;
  transition: all 250ms;
  display: flex;
  justify-content: space-between;
  align-items: center;
  letter-spacing: -0.28px;
  font-size: 14px;
  padding: 10px 7px;
  cursor: pointer;
  position: relative;
  text-overflow: ellipsis;
  white-space: pre;
}
.vcp-context-menu__item:focus-visible {
  transition: outline 0ms;
}
.vcp-context-menu__item:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-context-menu__item:hover, .vcp-context-menu__item__is-selected {
  background: var(--background-primary-light-1);
  color: var(--background-primary-1);
}
.vcp-context-menu__item.vcp-context-menu__disabled {
  background: transparent;
  color: inherit;
  cursor: none;
  opacity: 1;
}
.vcp-context-menu__item__content {
  display: flex;
  align-items: center;
}
.vcp-context-menu__item__wide {
  flex-grow: 1;
}
.vcp-context-menu__item__is-danger {
  color: var(--background-destructive-4);
}
.vcp-context-menu__item__is-danger:hover {
  color: var(--background-destructive-4);
  background: var(--background-destructive-outline-hover);
}
.vcp-context-menu__item__texts {
  margin: 0 15px;
}
.vcp-context-menu__item__texts p {
  margin: 0;
  padding: 0;
  color: inherit;
}
.vcp-context-menu__disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}
.vcp-context-menu__loader {
  width: 10px;
  height: 10px;
}
.vcp-context-menu__icon {
  padding: 0 !important;
}
.vcp-context-menu__title_separtor_submenu {
  width: 27.5px;
  height: 1px;
}
.vcp-context-menu__lisbox__end {
  margin-left: auto;
}

.vcp-context-menu__rc-tooltip.vcp-context-menu__rc-tooltip {
  z-index: 10000 !important;
}

.vcp-context-menu-active-button.vcp-context-menu-active-button {
  background-color: var(--icon-button-default-inline-background-color-focus);
}

.vcp-dropdown-select-rc {
  position: absolute;
  z-index: 1070;
  display: block;
}
.vcp-dropdown-select-rc__inline {
  display: flex;
  flex: 1;
}
.vcp-dropdown-select-rc.vcp-dropdown-select-rc-hidden {
  display: none;
}

.vcp-dropdown-select {
  position: relative;
}
.vcp-dropdown-select__expandable .vcp-base-input {
  height: unset;
  min-height: 40px;
  max-height: 170px;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: normal;
  scrollbar-gutter: stable;
  padding-left: 15px;
  padding-right: calc(15px - 10px);
}
.vcp-dropdown-select__expandable .vcp-base-input::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-dropdown-select__expandable .vcp-base-input::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-dropdown-select__expandable .vcp-base-input:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-dropdown-select__expandable .vcp-base-input-container__icons {
  margin-top: auto;
  margin-bottom: auto;
}

.vcp-dropdown-select__selected-option {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  color: var(--text-color-secondary);
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-light-outline);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
}
.vcp-dropdown-select__selected-option:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-dropdown-select__selected-option:focus-visible, .vcp-dropdown-select__selected-option:hover, .vcp-dropdown-select__selected-option__selected {
  color: var(--text-color-default);
}
.vcp-dropdown-select__selected-option__clear-icon {
  border-radius: 50px;
  display: flex;
  cursor: pointer;
}
.vcp-dropdown-select__selected-option__clear-icon:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-dropdown-select__selected-option__default:focus-visible, .vcp-dropdown-select__selected-option__default:hover {
  border-color: var(--dropdown-select-border-color-hover);
}
.vcp-dropdown-select__selected-option__default__is-active {
  color: var(--text-color-default);
  border-color: var(--dropdown-select-border-color-active);
  box-shadow: 0 0 0 3px rgba(97, 121, 251, 0.3);
}
.vcp-dropdown-select__selected-option__default__is-active:hover {
  border-color: var(--dropdown-select-border-color-active);
}
.vcp-dropdown-select__selected-option__default__is-active .vcp-dropdown-select__chevron {
  color: var(--dropdown-select-border-color-active);
}
.vcp-dropdown-select__selected-option__text {
  border-color: transparent;
}
.vcp-dropdown-select__selected-option__text__is-active {
  color: var(--dropdown-select-inline-color-active);
}
.vcp-dropdown-select__selected-option__alternative {
  height: auto;
  padding: 0;
  border-color: transparent;
}
.vcp-dropdown-select__selected-option__alternative__is-active {
  color: var(--dropdown-select-inline-color-active);
}
.vcp-dropdown-select__selected-option__inline {
  border-color: transparent;
  flex: 1;
  height: 30px;
  padding: 5px 10px;
  border-radius: 7px;
  color: inherit;
}
.vcp-dropdown-select__selected-option__inline:hover {
  background-color: var(--dropdown-select-inline-background-color-hover);
}
.vcp-dropdown-select__selected-option__inline__is-active {
  background-color: var(--dropdown-select-inline-background-color-hover);
}
.vcp-dropdown-select__selected-option__inline__is-active .vcp-dropdown-select__chevron {
  color: var(--dropdown-select-inline-color-active);
}
.vcp-dropdown-select__selected-option__filled {
  border-color: transparent;
  background-color: var(--dropdown-select-filled-background-color);
}
.vcp-dropdown-select__selected-option__filled:focus-visible, .vcp-dropdown-select__selected-option__filled:hover {
  border-color: var(--dropdown-select-filled-border-color-hover);
}
.vcp-dropdown-select__selected-option__filled__is-active {
  border-color: var(--dropdown-select-border-color-active);
  box-shadow: 0 0 0 3px rgba(97, 121, 251, 0.3);
  color: var(--text-color-default);
}
.vcp-dropdown-select__selected-option__filled__is-active:hover {
  border-color: var(--dropdown-select-border-color-active);
}
.vcp-dropdown-select__selected-option__filled__is-active .vcp-dropdown-select__chevron {
  color: var(--dropdown-select-border-color-active);
}
.vcp-dropdown-select__selected-option__disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.4;
}
.vcp-dropdown-select__selected-option__container {
  display: flex;
  align-items: center;
}
.vcp-dropdown-select__selected-option__container__inline {
  flex: 1;
}
.vcp-dropdown-select__selected-option__multiple-container > .vcp-dropdown-select__selected-option__input {
  flex: 1;
}
.vcp-dropdown-select__selected-option__icon {
  display: flex;
  margin-right: 9px;
}
.vcp-dropdown-select__selected-option__input {
  all: unset;
  cursor: text;
  display: flex;
}
.vcp-dropdown-select__selected-option__editable-chip-container {
  max-width: 200px;
  width: 200px;
  overflow: auto;
  margin-right: 10px;
}
.vcp-dropdown-select__selected-option__editable-chip-container .vcp-base-input.vcp-base-input.vcp-base-input {
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(97, 121, 251, 0.3);
}
.vcp-dropdown-select__selected-option__editable-chip-container .vcp-base-input.vcp-base-input.vcp-base-input .vcp-base-input__input {
  padding-top: 0;
  padding-bottom: 0;
}

.vcp-dropdown-select__selected-container.vcp-dropdown-select__selected-container__expandable {
  min-height: 20px;
  overflow: visible;
}
.vcp-dropdown-select__selected-container.vcp-dropdown-select__selected-container:not(.vcp-dropdown-select__selected-container__disabled):hover .vcp-dropdown-select__selected-value, .vcp-dropdown-select__selected-container.vcp-dropdown-select__selected-container.vcp-dropdown-select__selected-container__selected .vcp-dropdown-select__selected-value, .vcp-dropdown-select__selected-container.vcp-dropdown-select__selected-container:focus-visible .vcp-dropdown-select__selected-value {
  color: var(--text-color-default);
}

.vcp-dropdown-select__selected-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  color: inherit;
}
.vcp-dropdown-select__selected-value > .vcp-dropdown-select__selected-option__input {
  width: unset;
  min-width: 40px;
  flex: 1;
}
.vcp-dropdown-select__selected-value__active {
  color: var(--text-color-default);
}
.vcp-dropdown-select__selected-value__inline {
  flex-grow: 1;
  margin-right: 5px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  color: inherit !important;
}
.vcp-dropdown-select__selected-value__clear-icon {
  border-radius: 50px;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 2px;
}
.vcp-dropdown-select__selected-value__clear-icon:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-dropdown-select__selected-value__clear-icon__editable:hover {
  background-color: var(--dropdown-select-chip-clear-icon-hover-background-color);
}
.vcp-dropdown-select__selected-value__clear-icon:active {
  outline: none;
}
.vcp-dropdown-select__selected-value__multiple__expandable {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-inline: -5px;
  padding: 6px 5px;
}
.vcp-dropdown-select__selected-value__multiple .vcp-dropdown-select__chip-label {
  max-width: 265px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.vcp-dropdown-select__selected-value__hidden-items {
  display: none;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.vcp-dropdown-select__selected-value__hidden-items__shown {
  display: flex;
  visibility: visible;
  opacity: 1;
  margin-right: 10px;
  cursor: default;
}

.vcp-dropdown-select-container-wrapper {
  padding: 10px 0 5px;
}

.vcp-dropdown-select__container {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
  display: flex;
  box-sizing: border-box;
  min-width: 180px;
  min-height: 34px;
  padding: 0;
  list-style: none;
  color: var(--text-color-default);
  border-radius: 10px;
  background-color: var(--dropdown-select-options-list-background);
  box-shadow: 0 10px 25px var(--tooltip-shadow);
  flex-flow: column nowrap;
}
.vcp-dropdown-select__container::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-dropdown-select__container::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-dropdown-select__container:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-dropdown-select__container .vcp-dropdown-select__footer {
  border-top: 1px solid var(--dropdown-select-footer-border-color);
  margin-bottom: -8px;
  margin-top: 2px;
  width: 100%;
  border-radius: 0 0 10px 10px;
}

.vcp-dropdown-select__panel-title {
  display: block;
  padding: 7px 0 10px 17px;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 12px/150% var(--vcp-font-family);
  letter-spacing: -0.12px;
  color: var(--dropdown-select-title-color);
}

.vcp-dropdown-select__header {
  position: relative;
  padding: 10px;
}
.vcp-dropdown-select__header .vcp-dropdown-select__close_button {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}

.vcp-dropdown-select__button_footer {
  display: flex;
  padding: 20px 10px 10px;
}

.vcp-dropdown-select__options-list {
  max-height: 340px;
}

.vcp-dropdown-select__option {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  position: relative;
  display: flex;
  padding: 10px 10px 12px 10px;
  cursor: pointer;
  transition: all 250ms;
  white-space: pre;
  text-overflow: ellipsis;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
}
.vcp-dropdown-select__option:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-dropdown-select__option_highlight {
  background-color: var(--background-primary-light-1);
  color: var(--background-primary-1);
}
.vcp-dropdown-select__option__size-default {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
}
.vcp-dropdown-select__option_is-selected {
  color: var(--background-primary-1);
}
.vcp-dropdown-select__option_is-selected .vcp-dropdown-select__option__content {
  width: calc(100% - 25px);
}
.vcp-dropdown-select__option_disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.3;
}
.vcp-dropdown-select__option__content {
  display: flex;
  align-items: center;
  width: 100%;
}
.vcp-dropdown-select__option__image {
  min-width: 40px;
  max-width: 40px;
  height: 22.5px;
  margin-right: 15px;
  border-radius: 3px;
  object-fit: cover;
}
.vcp-dropdown-select__option__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.vcp-dropdown-select__chevron {
  transform: rotate(90deg);
}
.vcp-dropdown-select__chevron__is_open {
  transform: rotate(-90deg);
}

.vcp-dropdown-select__chevron-container {
  display: flex;
  position: relative;
}
.vcp-dropdown-select__chevron-container_with-separator:after {
  position: absolute;
  width: 1px;
  height: 20px;
  left: -6px;
  top: 0;
  content: "";
  background-color: var(--dropdown-select-separator-color);
  opacity: 0.3;
}

.vcp-dropdown-select__dropdown-tooltip-placeholder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.vcp-dropdown-select__chip-option {
  display: inline-flex;
  cursor: pointer;
  margin-bottom: 5px;
}
.vcp-dropdown-select__chip-option:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-dropdown-select__chip-option_disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.3;
}

.vcp-dropdown-select__categories-container {
  padding: 7px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: inherit;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
}
.vcp-dropdown-select__categories-container::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-dropdown-select__categories-container::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-dropdown-select__categories-container:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-dropdown-select__categories-container .vcp-dropdown-select__category-label {
  margin-bottom: 4px;
}

.vcp-dropdown-select__list-container {
  max-height: inherit;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
}
.vcp-dropdown-select__list-container:has(:overflow-y) {
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
}
.vcp-dropdown-select__list-container:has(:overflow-y)::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-dropdown-select__list-container:has(:overflow-y)::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-dropdown-select__list-container:has(:overflow-y):hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}

.vcp-dropdown-select__categories-list-container {
  display: flex;
  flex-direction: column;
}
.vcp-dropdown-select__categories-list-container > div:first-of-type .vcp-dropdown-select__category-label {
  margin-top: 7px;
  margin-bottom: 5px;
}
.vcp-dropdown-select__categories-list-container .vcp-dropdown-select__category-label {
  margin-bottom: 10px;
  margin-top: 10px;
  margin-left: 10px;
}

.vcp-user-avatars {
  display: inline-flex;
  width: auto;
  height: 100%;
  position: relative;
}

.vcp-user-avatars-item {
  border-radius: 50%;
  position: relative;
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
}
.vcp-user-avatars-item > img {
  width: 100%;
  height: 100%;
}
.vcp-user-avatars-item.vcp-user-avatars-size-small {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  font: normal normal normal 13px/26px var(--vcp-font-family);
}
.vcp-user-avatars-item.vcp-user-avatars-size-small > span {
  font: normal normal bold 13px/26px var(--vcp-font-family);
}
.vcp-user-avatars-item.vcp-user-avatars-size-small:not(:last-child) {
  margin-right: -7px;
}
.vcp-user-avatars-item.vcp-user-avatars-size-small.vcp-user-avatars-is-active:after {
  display: block;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  right: 3px;
  background-color: #0051ff;
  border: 1px solid #fff;
}
.vcp-user-avatars-item.vcp-user-avatars-size-medium {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  line-height: 30px;
  font: normal normal normal 15px/30px var(--vcp-font-family);
  margin-right: -8.5px;
}
.vcp-user-avatars-item.vcp-user-avatars-size-medium > span {
  font: normal normal bold 15px/30px var(--vcp-font-family);
}
.vcp-user-avatars-item.vcp-user-avatars-size-medium:last-child {
  margin-right: 0;
}
.vcp-user-avatars-item.vcp-user-avatars-size-medium.vcp-user-avatars-is-active:after {
  display: block;
  content: "";
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 4px;
  background-color: #0051ff;
  border: 1px solid #fff;
}
.vcp-user-avatars-item.vcp-user-avatars-size-large {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 40px;
  font: normal normal normal 17px/40px var(--vcp-font-family);
}
.vcp-user-avatars-item.vcp-user-avatars-size-large > span {
  font: normal normal bold 17px/40px var(--vcp-font-family);
}
.vcp-user-avatars-item.vcp-user-avatars-size-large:not(:last-child) {
  margin-right: -10px;
}
.vcp-user-avatars-item.vcp-user-avatars-size-large.vcp-user-avatars-is-active:after {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 5px;
  background-color: #0051ff;
  border: 1px solid #fff;
}
.vcp-user-avatars-item.vcp-user-avatars-additional-label {
  background-color: #1e3b68;
}
.vcp-user-avatars-item.vcp-user-avatars-is-disable {
  opacity: 0.6;
  filter: grayscale(100%);
}
.vcp-user-avatars-item.vcp-user-avatars-is-interactive {
  cursor: pointer;
  transition: transform 0.1s;
}
.vcp-user-avatars-item.vcp-user-avatars-is-interactive:not(:only-child):hover {
  transform: translateY(-10%);
}
.vcp-user-avatars-item .vcp-user-avatars-img {
  border-radius: 50%;
}

.vcp-simple-tooltip .rc-tooltip.rc-tooltip-zoom-appear,
.vcp-simple-tooltip .rc-tooltip.rc-tooltip-zoom-enter {
  opacity: 0;
}

.vcp-simple-tooltip .rc-tooltip.rc-tooltip-zoom-enter,
.vcp-simple-tooltip .rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.vcp-simple-tooltip .rc-tooltip-zoom-enter,
.vcp-simple-tooltip .rc-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}

.vcp-simple-tooltip .rc-tooltip-zoom-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}

.vcp-simple-tooltip .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.vcp-simple-tooltip .rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.vcp-simple-tooltip .rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes rcToolTipZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.vcp-simple-tooltip.rc-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  opacity: 1;
  margin-left: 7px;
  border-radius: var(--border-radius-simple-tooltip) !important;
}

.vcp-simple-tooltip .rc-tooltip-hidden {
  display: none;
}

.vcp-simple-tooltip.rc-tooltip-placement-top,
.vcp-simple-tooltip.rc-tooltip-placement-topLeft,
.vcp-simple-tooltip.rc-tooltip-placement-topRight {
  padding: 5px 0 9px 0;
}

.vcp-simple-tooltip.rc-tooltip-placement-right,
.vcp-simple-tooltip.rc-tooltip-placement-rightTop,
.vcp-simple-tooltip.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.vcp-simple-tooltip.rc-tooltip-placement-bottom,
.vcp-simple-tooltip.rc-tooltip-placement-bottomLeft,
.vcp-simple-tooltip.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px 0;
}

.vcp-simple-tooltip.rc-tooltip-placement-left,
.vcp-simple-tooltip.rc-tooltip-placement-leftTop,
.vcp-simple-tooltip.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.vcp-simple-tooltip .rc-tooltip-inner {
  color: var(--simple-tooltip-dark-colo);
  text-align: left;
  text-decoration: none;
  background-color: var(--simple-tooltip-light-background-color);
  min-height: auto;
  padding: 15px;
  box-shadow: var(--shadow-color-simple-tooltip);
  border-radius: var(--border-radius-simple-tooltip) !important;
  white-space: pre-line;
}

.vcp-simple-tooltip .rc-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.vcp-simple-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  bottom: 4px;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: var(--simple-tooltip-light-border-color);
}

.vcp-simple-tooltip.rc-tooltip-placement-top .rc-tooltip-arrow {
  left: 50%;
}

.vcp-simple-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
  left: 15%;
}

.vcp-simple-tooltip.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  right: 15%;
}

.vcp-simple-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  left: 4px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: var(--simple-tooltip-light-border-color);
}

.vcp-simple-tooltip.rc-tooltip-placement-right .rc-tooltip-arrow {
  top: 50%;
}

.vcp-simple-tooltip.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.vcp-simple-tooltip.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.vcp-simple-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  right: 4px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: var(--simple-tooltip-light-border-color);
}

.vcp-simple-tooltip.rc-tooltip-placement-left .rc-tooltip-arrow {
  top: 50%;
}

.vcp-simple-tooltip.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.vcp-simple-tooltip.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  bottom: 15%;
}

.vcp-simple-tooltip.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.vcp-simple-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  top: 4px;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: var(--simple-tooltip-light-border-color);
}

.vcp-simple-tooltip.rc-tooltip-placement-bottom .rc-tooltip-arrow {
  left: 50%;
}

.vcp-simple-tooltip.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
  left: 15%;
}

.vcp-simple-tooltip.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  right: 15%;
}

.rc-tooltip.vcp-simple-tooltip.fade.fade-enter {
  opacity: 0 !important;
}

.rc-tooltip.vcp-simple-tooltip.fade.fade-enter.fade-enter-active {
  opacity: 1 !important;
  transition: all 0.25s ease-in;
}

.rc-tooltip.vcp-simple-tooltip.fade.fade-leave.fade-leave {
  opacity: 1 !important;
}

.rc-tooltip.vcp-simple-tooltip.fade.fade-leave.fade-leave-active {
  opacity: 0 !important;
  transition: all 0.25s ease-in;
}

.vcp-simple-tooltip.vcp-simple-tooltip-dark .rc-tooltip-inner {
  color: var(--simple-tooltip-light-color);
  background-color: var(--simple-tooltip-dark-background-color);
  border-radius: var(--border-radius-dark-tooltip);
}

.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-top .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-topLeft .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-topRight .rc-tooltip-arrow {
  border-top-color: var(--simple-tooltip-dark-border-color);
}

.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-right .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-rightTop .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
  border-right-color: var(--simple-tooltip-dark-border-color);
}

.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-left .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-leftTop .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
  border-left-color: var(--simple-tooltip-dark-border-color);
}

.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-bottom .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,
.vcp-simple-tooltip.vcp-simple-tooltip-dark.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
  border-bottom-color: var(--simple-tooltip-dark-border-color);
}

.vcp-chips {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
}

.vcp-chips-item {
  box-sizing: border-box;
  font-family: var(--vcp-font-family);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.5px 3px;
  cursor: pointer;
  transition: all 0.25s;
  width: -webkit-max-content;
  width: max-content;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 16px;
  line-height: 25px;
  height: 40px;
  border-radius: 25px;
  margin-right: 15px;
  padding: 4.5px 10px;
}
.vcp-chips-item .vcp-chips-item-label {
  padding: 5px 5px;
}
.vcp-chips-item:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-chips-item:focus-visible {
  transition: all 0.25s, outline 0s;
}
.vcp-chips-item.vcp-chips-item-xs {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 10px/150% var(--vcp-font-family);
  letter-spacing: -0.1px;
  height: 16px;
  border-radius: 99px;
  padding: 0.5px 0;
}
.vcp-chips-item.vcp-chips-item-small {
  font-size: 12px;
  line-height: 14px;
  height: 25px;
  border-radius: 99px;
  margin-right: 5px;
  padding: 3.5px 5px;
}
.vcp-chips-item.vcp-chips-item-small .vcp-chips-item-label {
  padding: 0 5px;
}
.vcp-chips-item.vcp-chips-item-medium {
  font-size: 14px;
  font-weight: 400;
  height: 25px;
  letter-spacing: -0.035em;
  border-radius: 99px;
  margin-right: 10px;
  padding: 2px 3px;
}
.vcp-chips-item.vcp-chips-item-medium .vcp-chips-item-label {
  padding: 0 3px;
}
.vcp-chips-item.vcp-chips-item-big {
  font-size: 16px;
  line-height: 25px;
  height: 40px;
  border-radius: 25px;
  margin-right: 15px;
  padding: 4.5px 10px;
}
.vcp-chips-item.vcp-chips-item-big .vcp-chips-item-label {
  padding: 5px 5px;
}
@media only screen and (max-width: 1366px) {
  .vcp-chips-item {
    font-size: 12px;
    line-height: 14px;
    height: 25px;
    border-radius: 99px;
    margin-right: 5px;
    padding: 3.5px 5px;
  }
  .vcp-chips-item .vcp-chips-item-label {
    padding: 0 5px;
  }
}
.vcp-chips-item.vcp-chips-item-is-not-clickable {
  cursor: default;
}
.vcp-chips-item.vcp-chips-item-close {
  padding: 0 5px 0 15px;
}
.vcp-chips-item.vcp-chips-item-is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.vcp-chips-item.vcp-chips-item-type-default {
  background: var(--chips-background-color);
  color: var(--chips-font-color);
}
.vcp-chips-item.vcp-chips-item-type-default.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-default.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  color: var(--chips-font-color);
  background: var(--chips-background-color-hover);
}
.vcp-chips-item.vcp-chips-item-type-default.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-premium {
  background: var(--chips-background-color-premium-type);
  color: var(--chips-background-color-premium-type-font-color);
}
.vcp-chips-item.vcp-chips-item-type-premium.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-premium.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-premium-type-hover);
}
.vcp-chips-item.vcp-chips-item-type-premium.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-premium-type-active);
}
.vcp-chips-item.vcp-chips-item-type-premium-outline {
  background: transparent;
  border: 1px solid var(--chips-background-color-premium-type-font-color);
  color: var(--chips-background-color-premium-type-font-color);
}
.vcp-chips-item.vcp-chips-item-type-premium-outline.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-premium-outline.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-premium-type-font-color);
  color: var(--text-color-invert);
}
.vcp-chips-item.vcp-chips-item-type-premium-outline.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-premium-type-font-color);
  color: var(--text-color-invert);
}
.vcp-chips-item.vcp-chips-item-type-neutral {
  background: var(--chips-background-color-neutral-type);
  color: var(--chips-background-color-neutral-type-font-color);
}
.vcp-chips-item.vcp-chips-item-type-neutral.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-neutral.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-neutral-type-hover);
}
.vcp-chips-item.vcp-chips-item-type-neutral.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-neutral-type-active);
}
.vcp-chips-item.vcp-chips-item-type-dark {
  background: var(--chips-background-color-dark-type);
  color: var(--chips-background-color-dark-type-font-color);
}
.vcp-chips-item.vcp-chips-item-type-dark.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-dark.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  color: var(--chips-background-color-hover-font);
  background: var(--chips-background-color-hover);
}
.vcp-chips-item.vcp-chips-item-type-dark.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active);
  color: var(--text-color-invert);
}
.vcp-chips-item.vcp-chips-item-type-transparent {
  background: transparent;
  color: var(--chips-font-color);
}
.vcp-chips-item.vcp-chips-item-type-transparent.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-transparent.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  color: var(--chips-font-color);
  background: var(--chips-background-color-hover);
}
.vcp-chips-item.vcp-chips-item-type-transparent.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-studio-gray {
  background: var(--chips-background-color-studio-gray);
  color: var(--chips-font-color-studio-gray);
}
.vcp-chips-item.vcp-chips-item-type-studio-gray.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-studio-gray.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-studio-gray);
}
.vcp-chips-item.vcp-chips-item-type-studio-gray.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-studio-gray);
}
.vcp-chips-item.vcp-chips-item-type-new-marketing {
  background: var(--chips-background-color-new-marketing);
  color: var(--chips-font-color-new-marketing);
}
.vcp-chips-item.vcp-chips-item-type-new-marketing.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-new-marketing.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-active-new-marketing);
}
.vcp-chips-item.vcp-chips-item-type-new-marketing.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-hover-active-new-marketing);
}
.vcp-chips-item.vcp-chips-item-type-green {
  background: var(--chips-background-color-green-type);
  color: var(--chips-font-color-green-type);
}
.vcp-chips-item.vcp-chips-item-type-green.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-green.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-green-type);
}
.vcp-chips-item.vcp-chips-item-type-green.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-green-type);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-purple {
  background: var(--chips-background-color-purple-type);
  color: var(--chips-font-color-purple-type);
}
.vcp-chips-item.vcp-chips-item-type-purple.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-purple.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-purple-type);
}
.vcp-chips-item.vcp-chips-item-type-purple.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-purple-type);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-orange {
  background: var(--chips-background-color-orange-type);
  color: var(--chips-font-color-orange-type);
}
.vcp-chips-item.vcp-chips-item-type-orange.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-orange.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-orange-type);
}
.vcp-chips-item.vcp-chips-item-type-orange.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-orange-type);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-cacao {
  background: var(--chips-background-color-cacao-type);
  color: var(--chips-font-color-cacao-type);
}
.vcp-chips-item.vcp-chips-item-type-cacao.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-cacao.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-cacao-type);
}
.vcp-chips-item.vcp-chips-item-type-cacao.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-cacao-type);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-turquoise {
  background: var(--chips-background-color-turquoise-type);
  color: var(--chips-font-color-turquoise-type);
}
.vcp-chips-item.vcp-chips-item-type-turquoise.vcp-chips-item-is-interactive:hover, .vcp-chips-item.vcp-chips-item-type-turquoise.vcp-chips-item-is-interactive.vcp-chips-item-show-highlight {
  background: var(--chips-background-color-hover-turquoise-type);
}
.vcp-chips-item.vcp-chips-item-type-turquoise.vcp-chips-item-is-interactive.vcp-chips-item-is-active {
  background: var(--chips-background-color-active-turquoise-type);
  color: var(--chips-white-font-color);
}
.vcp-chips-item.vcp-chips-item-type-error {
  background: var(--chips-background-color-error-type);
  color: var(--chips-font-color-error-type);
}
.vcp-chips-item.vcp-chips-item-type-error:hover, .vcp-chips-item.vcp-chips-item-type-error.vcp-chips-item-show-highlight, .vcp-chips-item.vcp-chips-item-type-error.vcp-chips-item-is-active {
  background: var(--chips-background-color-hover-error-type);
}
.vcp-chips-item .vcp-chips-item-left-element {
  display: flex;
}
.vcp-chips-item .vcp-chips-item-right-element {
  display: flex;
}

.vcp-checked-input {
  display: flex;
  align-items: center;
}
.vcp-checked-input:focus-visible {
  outline: var(--color-focus-outline);
  box-shadow: 0 0 0 4px var(--color-focus-outline);
  border-radius: 5px;
}
.vcp-checked-input .vcp-checked-input-input {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background-color: var(--checkbox-background-color);
  border: 1px solid var(--checkbox-background-color-hover-disabled);
  border-radius: 4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  margin: 0;
}
.vcp-checked-input .vcp-checked-input-input.vcp-checked-input-input-round {
  border-radius: 15px;
}
.vcp-checked-input .vcp-checked-input-input:focus-visible {
  outline: none;
}
.vcp-checked-input .vcp-checked-input-input:hover {
  border-color: var(--checkbox-background-color-checked);
}
.vcp-checked-input .vcp-checked-input-input:checked, .vcp-checked-input .vcp-checked-input-input.vcp-checked-input-input-indeterminate {
  background-color: var(--checkbox-background-color-checked);
  border-color: var(--checkbox-background-color-checked);
}
.vcp-checked-input .vcp-checked-input-input:checked:hover, .vcp-checked-input .vcp-checked-input-input.vcp-checked-input-input-indeterminate:hover {
  background-color: var(--checkbox-background-color-checked-hover);
  border-color: var(--checkbox-background-color-checked-hover);
}
.vcp-checked-input .vcp-checked-input-input:checked::before {
  position: absolute;
  top: 7px;
  left: -4px;
  height: 5px;
  width: 1px;
  border-radius: 2px;
  background-color: var(--checkbox-background-color);
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}
.vcp-checked-input .vcp-checked-input-input:checked::after {
  position: absolute;
  border-radius: 2px;
  left: -4px;
  bottom: 4px;
  height: 1px;
  width: 10px;
  background-color: var(--checkbox-background-color);
  content: "";
  transform: translateX(10px) rotate(-45deg);
  transform-origin: left bottom;
}
.vcp-checked-input .vcp-checked-input-input.vcp-checked-input-input-indeterminate::before, .vcp-checked-input .vcp-checked-input-input.vcp-checked-input-input-indeterminate::after {
  content: "";
  position: absolute;
  background-color: var(--checkbox-background-color);
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  transform: translate(-50%, -50%);
}
.vcp-checked-input .vcp-checked-input-input:disabled {
  pointer-events: none;
  opacity: 0.3;
  background-color: var(--checkbox-background-color);
  border-color: var(--checkbox-background-color-hover-disabled);
}
.vcp-checked-input .vcp-checked-input-input:disabled::before {
  background-color: var(--checkbox-background-color-hover-disabled);
}
.vcp-checked-input .vcp-checked-input-input:disabled::after {
  background-color: var(--checkbox-background-color-hover-disabled);
}
.vcp-checked-input .vcp-checked-input-input:disabled + label {
  pointer-events: none;
  opacity: 0.3;
}

.vcp-toaster {
  text-rendering: geometricPrecision;
  padding: 10px 15px 10px 15px;
  display: inline-flex;
  outline: none;
  border-radius: 100px;
  min-height: 40px;
  max-width: 650px;
  color: var(--toaster-text-color);
  background: var(--toaster-base-background-color);
  align-items: center;
  justify-content: space-between;
}
.vcp-toaster .vcp-toaster-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcp-toaster .vcp-toaster-icon.vcp-toaster-success {
  background: var(--toaster-success-icon-color);
}
.vcp-toaster .vcp-toaster-icon.vcp-toaster-warning {
  background: var(--toaster-warring-icon-color);
}
.vcp-toaster .vcp-toaster-icon.vcp-toaster-error {
  background: var(--toaster-error-icon-color);
}
.vcp-toaster .vcp-toaster-icon.vcp-toaster-info {
  background: var(--toaster-info-icon-color);
}
.vcp-toaster .vcp-toaster-content {
  white-space: pre-line;
  margin: 0 10px;
  flex-shrink: 100;
  font-family: var(--vcp-font-family);
}
.vcp-toaster .vcp-toaster-button {
  margin-left: 10px;
}
.vcp-toaster .vcp-toaster-button.vcp-toaster-not-last {
  margin-right: 15px;
}
.vcp-toaster .vcp-toaster-button-wrapper {
  display: flex;
  height: 35px;
}
.vcp-toaster .vcp-toaster-button-wrapper.vcp-toaster-show-divider {
  border-left: solid 1px var(--toaster-buttons-divider-color);
}

.vcp-handlebar {
  width: 15px;
  min-height: 45px;
  display: flex;
  align-items: center;
  background-color: white;
  color: var(--timeline-handlebars-color);
  cursor: grab;
}
.vcp-handlebar-icon {
  pointer-events: none;
}
.vcp-handlebar-left {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.vcp-handlebar-left .vcp-handlebar-icon {
  margin-left: -4px;
  height: 25px;
}
.vcp-handlebar-right {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.vcp-handlebar-right .vcp-handlebar-icon {
  margin-left: -1px;
  height: 25px;
}
.vcp-handlebar:hover {
  color: var(--timeline-handlebars-hover-color);
}
.vcp-handlebar:active {
  cursor: grabbing;
}

.vcp-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 530px;
  background: var(--panel-background-color);
  border: 1px solid var(--panel-border-color);
  border-radius: var(--panel-border-radius);
}
.vcp-panel .vcp-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--panel-header-border-radius);
  box-sizing: border-box;
  padding: 5px 15px 5px 15px;
  position: static;
  width: 100%;
  height: 40px;
  background: var(--panel-header-background-color);
}
.vcp-panel .vcp-panel-body {
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
}

.vcp-infinite-text-loader {
  display: block;
}

@keyframes visibility {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes visibility2 {
  0% {
    opacity: 0;
  }
  21% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes visibility3 {
  0% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  44% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.vcp-infinite-text-loader {
  display: flex;
}
.vcp-infinite-text-loader .vcp-infinite-text-loader-sentence-container {
  position: relative;
  display: flex;
  justify-content: center;
}
.vcp-infinite-text-loader .vcp-infinite-text-loader-sentence-container .vcp-infinite-text-loader-sentence {
  opacity: 0;
  animation: fade infinite;
  position: absolute;
  white-space: nowrap;
}
.vcp-infinite-text-loader .vcp-infinite-text-loader-sentence-container .vcp-infinite-text-loader-sentence .vcp-infinite-text-loader-dot-1 {
  animation: visibility 3s linear infinite;
}
.vcp-infinite-text-loader .vcp-infinite-text-loader-sentence-container .vcp-infinite-text-loader-sentence .vcp-infinite-text-loader-dot-2 {
  animation: visibility2 3s linear infinite;
}
.vcp-infinite-text-loader .vcp-infinite-text-loader-sentence-container .vcp-infinite-text-loader-sentence .vcp-infinite-text-loader-dot-3 {
  animation: visibility3 3s linear infinite;
}

.vcp-license-badge {
  padding: 2px 3px;
  box-sizing: border-box;
  background-color: var(--badge-license-solid-background);
  display: flex;
  justify-content: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 100px;
}
.vcp-license-badge .vcp-license-badge__icon {
  color: var(--badge-license-yellow-dark-color);
  border-radius: 50%;
  margin: auto 0;
}
.vcp-license-badge .vcp-license-badge__text {
  color: var(--badge-license-white-color);
  font-family: var(--vcp-font-family);
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.02em;
  margin: auto 3px auto 1.5px;
  line-height: 0;
  -webkit-user-select: none;
          user-select: none;
}
.vcp-license-badge.vcp-license-badge__green {
  background-color: var(--badge-license-green-solid-background);
}
.vcp-license-badge.vcp-license-badge__green .vcp-license-badge__icon {
  color: var(--badge-license-white-color);
}
.vcp-license-badge.vcp-license-badge__pink {
  background-color: var(--badge-license-pink-solid-background);
}
.vcp-license-badge.vcp-license-badge__pink .vcp-license-badge__icon {
  color: var(--badge-license-yellow-light-color);
}
.vcp-license-badge.vcp-license-badge__pink-solid {
  background-color: var(--badge-license-solid-pink-background-color);
}
.vcp-license-badge.vcp-license-badge__pink-solid .vcp-license-badge__icon {
  color: var(--badge-license-yellow-light-color);
}
.vcp-license-badge.vcp-license-badge__xsmall.vcp-license-badge__icon-only {
  border: 1px solid var(--badge-license-border-color);
  padding: 2px;
  border-radius: 38px;
}
.vcp-license-badge.vcp-license-badge__xsmall.vcp-license-badge__with-text {
  padding: 5px;
  border-radius: 70px;
}
.vcp-license-badge.vcp-license-badge__expandable {
  padding: 3px;
  background-color: var(--badge-license-gray-background-color);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.vcp-license-badge.vcp-license-badge__expandable .vcp-license-badge__text {
  font-size: 14px;
  margin-right: 4px;
}
.vcp-license-badge.vcp-license-badge__expandable:active {
  background-color: var(--badge-license-active-gray-background-color);
}
.vcp-license-badge.vcp-license-badge__expandable.vcp-license-badge__green {
  background-color: var(--badge-license-green-background-color);
}
.vcp-license-badge.vcp-license-badge__expandable.vcp-license-badge__green:active {
  background-color: var(--badge-license-active-green-background-color);
}
.vcp-license-badge.vcp-license-badge__expandable.vcp-license-badge__pink {
  background-color: var(--badge-license-pink-background-color);
}
.vcp-license-badge.vcp-license-badge__expandable.vcp-license-badge__pink:active {
  background-color: var(--badge-license-active-pink-background-color);
}
.vcp-license-badge.vcp-license-badge__expandable.vcp-license-badge__pink-solid {
  background-color: var(--badge-license-solid-pink-background-color);
}
.vcp-license-badge.vcp-license-badge__monochrome {
  background-color: var(--badge-license-monochrome-background-color);
  color: var(--badge-license-white-color);
}
.vcp-license-badge.vcp-license-badge__monochrome .vcp-license-badge__icon {
  color: var(--badge-license-white-color);
}
.vcp-license-badge.vcp-license-badge__medium.vcp-license-badge__monochrome {
  padding: 5px 4px;
  border-radius: 23px;
}
.vcp-license-badge.vcp-license-badge__medium.vcp-license-badge__monochrome .vcp-license-badge__text {
  margin-left: 3px;
  font-size: 20px;
  line-height: 17px;
}
.vcp-license-badge.vcp-license-badge__small.vcp-license-badge__monochrome {
  border-radius: 13px;
  padding: 1px;
}
.vcp-license-badge.vcp-license-badge__small.vcp-license-badge__monochrome .vcp-license-badge__text {
  font-size: 11px;
}

:root {
  /* TYPOGRAPHY */
  --text-size-sm: 12px;
  --vcp-font-family:proxima-nova, sans-serif;
  --vcp-font-family-header:sofia-pro, sans-serif;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --font-size-S0-20:10px;
  --font-size-S0-10:12px;
  --font-size-S0:14px;
  --font-size-S10:16px;
  --font-size-S20:18px;
  --font-size-S30:24px;
  --font-size-S40:32px;
  --font-size-S50:49px;
  --font-size-S60:64px;
  --font-size-S70:74px;
  --font-size-S80:85px;
  --font-color-default:#0D1740;
  --font-color-invert:#FFF;
  --font-color-primary:#3A57FA;
  --font-color-success:#0D1740;
  --font-color-premium:#0D1740;
  --font-color-destructive:#0D1740;
  --font-color-secondary:#0D1740;
  --font-color-secondary2:#0D1740;
}

:root {
  --shadow-color-primary-circle: 0px 0px 5px rgba(18, 27, 78, 0.2);
  --shadow-color-simple-tooltip: 0px 10px 25px rgba(18, 27, 78, 0.25);
}

:root {
  --border-radius-circle-toggle-button: 99px;
  --border-radius-simple-tooltip: 15px;
  --panel-border-radius: 10px;
  --panel-header-border-radius: 10px 10px 0 0;
  --textarea-scrollbar-border-radius: 99px;
  --border-radius-dropdown-select: 99px;
}

:root {
  --border-radius-circle-toggle-button: 99px;
  --border-radius-simple-tooltip: 15px;
  --panel-border-radius: 10px;
  --panel-header-border-radius: 10px 10px 0 0;
  --textarea-scrollbar-border-radius: 99px;
  --border-radius-dropdown-select: 99px;
}

.vcp-text-input-container .vcp-text-input-container__labels:has(+ .vcp-text-input.vcp-search-bar) label {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar {
  border-color: var(--border-color);
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar:hover:not(.vcp-text-input-focused):not(.vcp-text-input-error):not(.vcp-text-input-helper) {
  border-color: var(--border-light-outline);
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar input {
  margin-left: 10px;
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar.vcp-text-input-focused {
  border-color: var(--color-focus-outline-2);
  border-width: 1px;
  box-shadow: 0px 0px 0px 3px rgba(97, 121, 251, 0.3);
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar.vcp-text-input-error:not(.vcp-text-input-focused) {
  border: 2px solid var(--color-focus-outline-2);
  background-color: var(--input-error-background-color);
  padding: 0 9px;
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar.vcp-text-input-error + p {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  color: var(--text-color-secondary);
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar.vcp-text-input-helper:not(.vcp-text-input-alternative):not(.vcp-text-input-focused) {
  border-width: 2px;
  border-color: var(--input-border-color-focus);
}
.vcp-text-input-container .vcp-text-input.vcp-search-bar.vcp-text-input-helper:not(.vcp-text-input-alternative):not(.vcp-text-input-focused) + p {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
  text-align: right;
  margin-top: -2px;
}

.vcp-switch {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.vcp-switch.vcp-switch-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.vcp-switch .vcp-switch-input {
  --thumb-position: 0%;
  -webkit-appearance: none;
          appearance: none;
  border: none;
  outline-offset: 5px;
  box-sizing: content-box;
  border-radius: 18px;
  inline-size: 33px;
  block-size: 18px;
  padding: 2px;
  flex-shrink: 0;
  display: grid;
  align-items: center;
  background: var(--switch-thumb-background);
  grid: [track] 1fr/[track] 1fr;
  cursor: pointer;
}
.vcp-switch .vcp-switch-input:before {
  content: "";
  grid-area: track;
  inline-size: 18px;
  block-size: 18px;
  background: var(--switch-track-color);
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(18, 27, 78, 0.16);
  transform: translateX(var(--thumb-position));
  transition: all 0.3s;
}
.vcp-switch .vcp-switch-input:hover:before {
  box-shadow: 0 3px 6px 2px rgba(18, 27, 78, 0.16);
}
.vcp-switch .vcp-switch-input:checked {
  --thumb-position: calc(33px - 100%);
  background: var(--switch-thumb-checked-background);
}

.vcp-slider {
  -webkit-appearance: none;
          appearance: none;
  width: 100%;
  background: transparent;
  display: inline-block;
  vertical-align: middle;
}
.vcp-slider:disabled {
  pointer-events: none;
  opacity: 0.7;
}
.vcp-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: 12px;
  width: 12px;
  background: var(--slider-track-color);
  margin-top: -5px;
  border-radius: 6px;
  cursor: pointer;
}
.vcp-slider::-webkit-slider-thumb:hover {
  background: var(--slider-track-hover-color);
}
.vcp-slider::-ms-track {
  width: 100%;
  background: transparent;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
}
.vcp-slider::-moz-range-track {
  width: 100%;
  height: 2px;
  background: var(--slider-thumb-color);
  cursor: pointer;
}
.vcp-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  background: var(--slider-thumb-color);
  cursor: pointer;
}
.vcp-slider::-moz-range-progress {
  background-color: var(--slider-thumb-color);
}
.vcp-slider::-ms-thumb {
  border-radius: 6px;
  background: var(--slider-thumb-color);
  margin-top: 2px;
  cursor: pointer;
}
.vcp-slider::-ms-fill-lower {
  background: var(--slider-thumb-color);
  border: none;
  height: 2px;
}
.vcp-slider::-ms-fill-upper {
  background: var(--slider-thumb-color);
  border: none;
  height: 2px;
}
.vcp-slider:focus::-ms-fill-lower {
  background: var(--slider-thumb-color);
}

.vcp-confirm-modal {
  display: block;
}

.vcp-confirm-modal-body-with-additional-content {
  display: flex;
  align-items: center;
}
.vcp-confirm-modal-body-with-additional-content .vcp-confirm-modal-body-text-message {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
}

.vcp-modal-navigation-buttons {
  position: absolute;
  top: 0;
  left: -5%;
  width: 110%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  z-index: -1;
}
.vcp-modal-navigation-buttons-no-next-arrow {
  justify-content: flex-end;
}

.vcp-image-card {
  width: 65px;
  height: 95px;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
.vcp-image-card.large-card {
  width: 158px;
  height: 185px;
  margin: 0 0 15px;
}
.vcp-image-card.large-card .vcp-image-card-image {
  background-color: var(--background);
}
.vcp-image-card:hover .vcp-image-card-image {
  filter: drop-shadow(0 6px 11px rgba(18, 27, 78, 0.11));
}
.vcp-image-card:hover .outline {
  filter: none;
  outline: 2px solid var(--image-card-hover-color);
}
.vcp-image-card:hover .outline.vcp-image-card-image-is-selected {
  outline: 2px solid var(--image-card-active-color);
}
.vcp-image-card.is-selected {
  color: var(--color-focus-outline);
}
.vcp-image-card.is-selected .vcp-image-card__content {
  width: calc(100% - 25px);
}
.vcp-image-card.disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.3;
}
.vcp-image-card .vcp-image-card-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.vcp-image-card .vcp-image-card-image-is-selected {
  outline: 2px solid var(--image-card-active-color);
}
.vcp-image-card .vcp-image-card-title {
  margin: 0;
}
.vcp-image-card:focus-visible {
  border-radius: 4px;
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}

.vcp-list-item {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  margin: 0 2px 0 0;
  justify-content: space-between;
  gap: 5px;
}
.vcp-list-item.vcp-list-item__clickable {
  cursor: pointer;
}
.vcp-list-item.vcp-list-item__small {
  padding: 9.25px 4px;
  gap: 40px;
}
.vcp-list-item:focus-visible, .vcp-list-item.vcp-list-item__focused {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-list-item .vcp-list-item__main-container {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
}
.vcp-list-item .vcp-list-item__main-container .vcp-list-item__left-container {
  display: flex;
  justify-content: flex-start;
}
.vcp-list-item:hover:not(.vcp-list-item__disabled), .vcp-list-item.vcp-list-item__focused, .vcp-list-item.vcp-list-item__highlighted {
  background-color: var(--background-primary-light-1);
  color: var(--background-primary-1);
}
.vcp-list-item:hover:not(.vcp-list-item__disabled) .vcp-list-item__title, .vcp-list-item.vcp-list-item__focused .vcp-list-item__title, .vcp-list-item.vcp-list-item__highlighted .vcp-list-item__title {
  color: var(--background-primary-1);
}
.vcp-list-item.vcp-list-item__selected {
  color: var(--background-primary-1);
}
.vcp-list-item.vcp-list-item__disabled {
  pointer-events: none;
}
.vcp-list-item.vcp-list-item__disabled .vcp-list-item__main-container {
  opacity: 0.45;
}
.vcp-list-item.vcp-list-item__light .vcp-list-item__title,
.vcp-list-item.vcp-list-item__light .vcp-list-item__subtitle,
.vcp-list-item.vcp-list-item__light .vcp-list-item__left-component {
  opacity: 0.5;
}
.vcp-list-item.vcp-list-item__destructive {
  color: var(--list-item-destructive-color);
}
.vcp-list-item.vcp-list-item__destructive .vcp-list-item__title {
  color: var(--list-item-destructive-color);
}
.vcp-list-item.vcp-list-item__destructive:hover:not(.vcp-list-item__disabled) {
  background-color: var(--list-item-destructive-hover-background-color);
  color: var(--list-item-destructive-color);
}
.vcp-list-item.vcp-list-item__destructive:hover:not(.vcp-list-item__disabled) .vcp-list-item__title {
  color: var(--list-item-destructive-color);
}
.vcp-list-item.vcp-list-item__destructive:focus:not(.vcp-list-item__disabled) {
  background-color: var(--list-item-destructive-active-background-color);
}
.vcp-list-item.vcp-list-item__filled {
  border: 1px solid var(--list-item-filled-border-color);
  background: var(--list-item-filled-background-color);
}
.vcp-list-item.vcp-list-item__filled .vcp-list-item__title {
  color: var(--list-item-filled-color);
}
.vcp-list-item.vcp-list-item__filled:focus-visible {
  border-color: var(--list-item-filled-hover-border-color);
  outline: 3px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-list-item.vcp-list-item__filled:hover:not(.vcp-list-item__disabled) {
  box-shadow: 0px 10px 25px 0px var(--list-item-filled-shadow-color);
  background: var(--list-item-filled-background-color);
}
.vcp-list-item.vcp-list-item__filled:hover:not(.vcp-list-item__disabled) .vcp-list-item__title {
  color: var(--list-item-filled-color);
}
.vcp-list-item.vcp-list-item__filled:focus:not(.vcp-list-item__disabled) {
  background-color: var(--list-item-filled-background-color);
  border-color: var(--list-item-filled-hover-border-color);
}
.vcp-list-item.vcp-list-item__loading {
  pointer-events: none;
  padding: 0;
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-list-item.vcp-list-item__loading:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}
.vcp-list-item .vcp-list-item__left-component {
  max-height: 30px;
  margin-right: 10px;
}
.vcp-list-item .vcp-list-item__disabled {
  opacity: 50%;
}

.vcp-nav-item:hover:not(.vcp-nav-item__disabled) {
  background-color: var(--nav-item-hover);
  color: var(--nav-item-text);
}
.vcp-nav-item:hover:not(.vcp-nav-item__disabled) .vcp-nav-item__title {
  color: var(--nav-item-text);
}
.vcp-nav-item.vcp-nav-item__selected {
  background-color: var(--nav-item-active);
  color: var(--nav-item-active-text);
}
.vcp-nav-item.vcp-nav-item__selected .vcp-nav-item__title {
  color: var(--nav-item-active-text);
}
.vcp-nav-item.vcp-nav-item__selected:hover {
  background-color: var(--nav-item-active-hover);
  color: var(--nav-item-active-hover-text);
}
.vcp-nav-item.vcp-nav-item__selected:hover .vcp-nav-item__title {
  color: var(--nav-item-active-hover-text);
}

.vcp-segmented-button {
  border-radius: 10px;
  padding: 5px;
  gap: 1px;
  width: auto;
  border: 1px solid var(--border-color);
  display: flex;
  flex-direction: row;
}
.vcp-segmented-button .vcp-button-tertiary {
  color: var(--text-color-default);
  position: relative;
}
.vcp-segmented-button .vcp-button-tertiary.vcp-button-disabled {
  background: none;
  border: none;
}
.vcp-segmented-button .vcp-button-tertiary:hover {
  background-color: var(--dropdown-select-filled-background-color);
}
.vcp-segmented-button .vcp-button-tertiary.vcp-button__isActive {
  background-color: var(--background);
}
.vcp-segmented-button .vcp-button-tertiary.vcp-button-loading {
  background-color: transparent;
  border-color: transparent;
}
.vcp-segmented-button.vcp-segmented-button-dark {
  background-color: var(--background-neutral);
}
.vcp-segmented-button.vcp-segmented-button-tertiary {
  border: none;
}

.vcp-segmented-button-button.vcp-segmented-button-button {
  margin: 0;
  min-width: 90px;
  width: 100%;
  border-radius: 5px;
}

.vcp-form-layout-container {
  padding: 5px;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
}
.vcp-form-layout-container .vcp-form-layout-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: width 1s, box-shadow 0.4s ease-in-out;
  padding: 0 0 20px;
}
@media screen and (max-height: 610px) {
  .vcp-form-layout-container .vcp-form-layout-header.vcp-form-layout-scrolling-top {
    box-shadow: 0 8px 4px -4px rgba(0, 0, 0, 0.06);
  }
}
.vcp-form-layout-container .vcp-form-layout-header-text {
  margin: 0;
}
.vcp-form-layout-container .vcp-form-layout-footer {
  width: 100%;
  height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  transition: width 1s, box-shadow 0.4s ease-in-out;
}
@media screen and (max-height: 610px) {
  .vcp-form-layout-container .vcp-form-layout-footer.vcp-form-layout-scrolling-bottom {
    box-shadow: 0 -8px 4px -4px rgba(0, 0, 0, 0.06);
  }
}
.vcp-form-layout-container .vcp-form-layout-cancel-btn.vcp-form-layout-cancel-btn {
  margin-top: 15px;
}
.vcp-form-layout-container .vcp-form-layout-cancel-btn.vcp-form-layout-cancel-btn.is-single-button {
  width: 100%;
}
.vcp-form-layout-container .vcp-form-layout-cancel-btn.vcp-form-layout-cancel-btn:hover {
  text-decoration: none;
}
.vcp-form-layout-container .vcp-form-layout-success-btn {
  margin-top: 15px;
  width: 100%;
}

@media screen and (max-height: 610px) {
  .vcp-form-layout-container {
    max-height: 400px;
  }
  .vcp-form-layout-body {
    overflow-x: hidden;
    overflow-y: auto;
    width: 380px;
  }
  .vcp-form-layout-body::-webkit-scrollbar {
    background-color: transparent;
    width: 5px;
  }
  .vcp-form-layout-body::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color-white-background);
    border-radius: 10px;
  }
  .vcp-form-layout-container {
    padding-right: 0;
  }
}
.tippy-box[data-theme~=vcp-tippy-tooltip-light] {
  list-style: none;
  font-family: var(--vcp-font-family);
  display: block;
  padding: 5px 0;
  text-align: left;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 10px 25px var(--tooltip-shadow);
  min-height: 34px;
  color: var(--text-color-default);
  background-color: var(--background);
}
.tippy-box[data-theme~=vcp-tippy-tooltip-light] > .tippy-svg-arrow {
  fill: var(--background);
}
.tippy-box[data-theme~=vcp-tippy-tooltip-dark] {
  list-style: none;
  font-family: var(--vcp-font-family);
  display: block;
  padding: 5px 0;
  text-align: left;
  text-decoration: none;
  border-radius: 10px;
  box-shadow: 0 10px 25px var(--tooltip-shadow);
  min-height: 34px;
  color: var(--simple-tooltip-light-color);
  background-color: var(--simple-tooltip-dark-background-color);
}
.tippy-box[data-theme~=vcp-tippy-tooltip-dark] > .tippy-svg-arrow {
  fill: var(--simple-tooltip-dark-background-color);
}

.vcp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid var(--card-border-color);
  background: var(--card-background-color);
  width: 210px;
  box-sizing: content-box;
  white-space: pre-wrap;
}
.vcp-card__is-interactive {
  cursor: pointer;
}
.vcp-card__is-interactive:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-card__is-interactive:hover {
  box-shadow: 0 10px 25px 0 rgba(18, 27, 78, 0.11);
}
.vcp-card__is-interactive:hover, .vcp-card__is-interactive:active, .vcp-card__is-interactive.vcp-card__selected {
  border-color: var(--card-border-hover-color);
}
.vcp-card__is-interactive:active, .vcp-card__is-interactive.vcp-card__selected {
  background-color: var(--card-focus-background-color);
  box-shadow: 0 3px 8px 0 rgba(18, 27, 78, 0.11);
}
.vcp-card__is-interactive:focus-visible {
  background-color: var(--card-background-color);
}
.vcp-card__img-card {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
.vcp-card .vcp-card__icon-container {
  display: flex;
  margin-bottom: 13px;
  padding: 10px;
  border-radius: 10px;
  background: var(--card-icon-background-color);
  color: var(--card-icon-color);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.vcp-card .vcp-card__icon-container.vcp-card__icon-light {
  background: var(--card-icon-light-background-color);
  color: var(--card-icon-light-color);
}
.vcp-card .vcp-card__img-container {
  margin: 10px 0;
}
.vcp-card .vcp-card__img-container.disabled {
  opacity: 0.5;
}
.vcp-card .vcp-card__title {
  padding: 2.5px 0;
  margin-bottom: 7px;
  white-space: normal;
}
.vcp-card .vcp-card__description {
  white-space: normal;
}
.vcp-card .vcp-card-button-wrapper {
  margin: 15px 0 0;
}
.vcp-card__disabled {
  background: var(--card-disabled-background-color);
  cursor: unset;
}
.vcp-card__disabled:hover, .vcp-card__disabled:focus {
  background: var(--card-disabled-background-color);
  border-color: var(--card-border-color);
  box-shadow: none;
}
.vcp-card__disabled .vcp-card__icon-container {
  background: var(--card-disabled-icon-background-color);
  color: var(--card-disabled-icon-color);
}
.vcp-card__is-wide {
  width: 100%;
  flex-direction: row;
  gap: 20px;
  justify-content: flex-start;
}
.vcp-card__is-wide .vcp-card__inner-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 446px;
}
.vcp-card__is-wide .vcp-card__img-container {
  width: 300px;
  margin: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 1100px) {
  .vcp-card__is-wide .vcp-card__img-container {
    width: 54%;
  }
}

.vcp-image-container {
  position: relative;
  width: 100%;
}
.vcp-image-container.widescreen {
  padding-top: 56.25%;
}
.vcp-image-container.square {
  padding-top: 100%;
}
.vcp-image-container.portrait {
  padding-top: 177.78%;
}
.vcp-image-container.vcp-image-backgroundColor {
  background-color: var(--vcp-image-backdrop-color);
}
.vcp-image-container.vcp-image-no-image {
  height: 100%;
  padding: 0;
}
.vcp-image-container.vcp-image-loading {
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-image-container.vcp-image-loading:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}
.vcp-image-container .vcp-image-children {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.vcp-image-container .vcp-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vcp-image-container .vcp-image.vcp-image-disabled {
  opacity: 0.5;
}

.vcp-image-contain {
  object-fit: contain;
}

.vcp-image-fill {
  object-fit: fill;
}

.vcp-image-cover {
  object-fit: cover;
}

.vcp-image-scale-down {
  object-fit: scale-down;
}

.vcp-image-round {
  border-radius: 50%;
}

.vcp-image-smooth {
  border-radius: 10px;
}

.vcp-image-smoother {
  border-radius: 5px;
}

.vcp-draggable-box__container-fixed-anchor {
  z-index: 1035;
}
.vcp-draggable-box__container-fixed-anchor .vcp-draggable-box__container-anchor {
  position: absolute;
  top: 0;
  left: 0;
}
.vcp-draggable-box__container-fixed-anchor .vcp-draggable-box__container {
  position: absolute;
  z-index: 1005;
  cursor: move;
}
.vcp-draggable-box__container-fixed-anchor .vcp-draggable-box__container.vcp-draggable-box__container-fixed {
  position: fixed;
}

.vcp-draggable-box__content {
  margin: 0 auto;
  box-shadow: var(--draggable-box-shadow);
  background-color: var(--draggable-box-background-color);
  border-radius: 5px;
  border: var(--draggable-box-border);
  overflow: hidden;
}
.vcp-draggable-box__content.vcp-draggable-box__content-resizable {
  height: inherit;
  width: inherit;
  display: flex;
  flex-direction: column;
}
.vcp-draggable-box__content.vcp-draggable-box__content-resizable .vcp-draggable-box__content-body {
  display: flex;
  flex-grow: 1;
}
.vcp-draggable-box__content .vcp-draggable-box__content-body {
  scrollbar-gutter: stable;
  padding-left: 10px;
  padding-right: 0;
  scrollbar-gutter: auto;
  padding: 0;
  cursor: default;
  overflow-y: auto;
  overflow-x: hidden;
}
.vcp-draggable-box__content .vcp-draggable-box__content-body::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.vcp-draggable-box__content .vcp-draggable-box__content-body::-webkit-scrollbar-thumb {
  background: transparent;
}
.vcp-draggable-box__content .vcp-draggable-box__content-body:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color);
  border-radius: 99px;
  border: calc(10px / 4) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  height: 35%;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header {
  display: flex;
  align-items: center;
  padding: 8px 10px 7px 10px;
  justify-content: space-between;
  min-height: 35px;
  box-sizing: border-box;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header.vcp-draggable-box__content-with-close-button {
  padding: 2.5px 10px;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header .vcp-draggable-box-leading-element {
  margin: 0 5px 0 0;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header .vcp-draggable-box-trailing-element {
  margin: 0 0 0 5px;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header .vcp-draggable-box__content-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header.vcp-draggable-box__content-no-title {
  padding: 0 10px;
}
.vcp-draggable-box__content .vcp-draggable-box__content-header.vcp-draggable-box__content-no-title .vcp-draggable-box__content-title {
  justify-content: center;
}
.vcp-draggable-box__content .vcp-draggable-box__content-divider {
  margin: 0 10px;
}
.vcp-draggable-box__content .vcp-draggable-box__content-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vcp-draggable-box__content .vcp-draggable-box__content-overlay.vcp-draggable-box__disabled {
  background-color: var(--background);
  opacity: 0.8;
  border-radius: 5px;
}

.vcp-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.vcp-tabs.vcp-tabs-vertical-left {
  flex-direction: row-reverse;
}
.vcp-tabs.vcp-tabs-vertical-right {
  flex-direction: row;
}
.vcp-tabs .vcp-tabs__container {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 20px;
  transition: border-bottom 0.3s ease-in-out;
  z-index: 10;
  overflow: scroll;
  overflow-y: hidden;
  margin-top: 0;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}
.vcp-tabs .vcp-tabs__container::-webkit-scrollbar {
  width: 0;
  background: transparent;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper {
  position: -webkit-sticky;
  position: sticky;
  z-index: 11;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.horizontal {
  height: 100%;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.horizontal.start {
  left: 10px;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.horizontal.end {
  right: 10px;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.vertical {
  width: 100%;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.vertical.start {
  top: 10px;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper.vertical.end {
  bottom: 10px;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow {
  position: absolute;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.horizontal {
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.horizontal.start {
  left: 0;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.horizontal.end {
  right: 0;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.vertical {
  left: 50%;
  transform: translateX(-50%);
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.vertical.start {
  top: 0;
}
.vcp-tabs .vcp-tabs__container .vcp-tabs__tabs-arrow-wrapper .vcp-tabs__tabs-arrow.vertical.end {
  bottom: 0;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-small {
  gap: 15px;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-button {
  gap: 8px;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-vertical-left, .vcp-tabs .vcp-tabs__container.vcp-tabs__container-vertical-right {
  flex-direction: column;
  gap: 1px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-big-button {
  gap: 1px;
}
.vcp-tabs .vcp-tabs__container.showContentSeparator {
  border-bottom: var(--tabs-border-color) 1px solid;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-vertical-left.showContentSeparator {
  border-left: var(--tabs-border-color) 1px solid;
  border-bottom: none;
}
.vcp-tabs .vcp-tabs__container.vcp-tabs__container-vertical-right.showContentSeparator {
  border-right: var(--tabs-border-color) 1px solid;
  border-bottom: none;
}

.vcp-tabs__tabs-content {
  flex: auto;
  padding: 0;
}

.vcp-tab-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  transition: border-bottom 0.3s ease-in-out;
  height: 37px;
  position: relative;
  display: flex;
  align-items: center;
}
.vcp-tab-item:focus-visible {
  border-radius: 5px;
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-tab-item .vcp-tab-item__text {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--tabs-item-text-color);
  line-height: 40px;
  vertical-align: middle;
}
.vcp-tab-item .vcp-tab-item__icon {
  color: var(--tabs-item-text-color);
  margin: 0 5px 0 0;
}
.vcp-tab-item .vcp-tab-item__additional-element-container {
  position: absolute;
  right: 4px;
  top: 4px;
  display: flex;
  flex-direction: column;
}
.vcp-tab-item.is-selected {
  border-bottom-color: var(--tabs-item-selected-color);
}
.vcp-tab-item.is-selected .vcp-tab-item__text,
.vcp-tab-item.is-selected .vcp-tab-item__icon {
  color: var(--tabs-item-selected-color);
}
.vcp-tab-item.is-selected:hover {
  border-bottom-color: var(--tabs-item-selected-hover-color);
}
.vcp-tab-item.is-selected:hover .vcp-tab-item__text,
.vcp-tab-item.is-selected:hover .vcp-tab-item__icon {
  color: var(--tabs-item-selected-hover-color);
}
.vcp-tab-item:hover {
  border-bottom-color: var(--tabs-item-line-hover-color);
}
.vcp-tab-item:hover .vcp-tab-item__text,
.vcp-tab-item:hover .vcp-tab-item__icon {
  color: var(--tabs-item-text-hover-color);
}
.vcp-tab-item__semibold {
  height: 38px;
  border-bottom-width: 2px;
}
.vcp-tab-item__small {
  height: 38px;
  border-bottom-width: 2px;
}
.vcp-tab-item__button {
  height: 44px;
  margin-top: 0;
  border-bottom-width: 2px;
  transition: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid transparent;
}
.vcp-tab-item__button .vcp-tab-item__text {
  height: 30px;
  line-height: 30px;
  margin: auto;
  padding: 0 7px;
  border-radius: 7px;
  background-color: transparent;
  color: var(--tabs-item-text-color);
}
.vcp-tab-item__button .vcp-tab-item__icon {
  color: var(--tabs-item-text-color);
}
.vcp-tab-item__button.is-selected .vcp-tab-item__text {
  background-color: var(--tabs-item-button-selected-background-color);
  color: var(--tabs-item-selected-color);
}
.vcp-tab-item__button.is-selected .vcp-tab-item__icon {
  color: var(--tabs-item-selected-color);
}
.vcp-tab-item__button.is-selected:hover .vcp-tab-item__text {
  background-color: var(--tabs-item-button-selected-hover-background-color);
  color: var(--tabs-item-selected-hover-color);
}
.vcp-tab-item__button.is-selected:hover .vcp-tab-item__icon {
  color: var(--tabs-item-selected-hover-color);
}
.vcp-tab-item__button:hover {
  border-bottom-color: transparent;
}
.vcp-tab-item__button:hover .vcp-tab-item__text {
  background-color: var(--tabs-item-button-hover-background-color);
  color: var(--tabs-item-button-text-hover-color);
}
.vcp-tab-item__button:hover .vcp-tab-item__icon {
  color: var(--tabs-item-button-text-hover-color);
}
.vcp-tab-item__button.disabled {
  cursor: unset;
  border-bottom: none;
  pointer-events: none;
  background-color: transparent;
}
.vcp-tab-item__button.disabled .vcp-tab-item__text,
.vcp-tab-item__button.disabled .vcp-tab-item__icon {
  color: var(--tabs-item-text-disabled-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left, .vcp-tab-item__button.vcp-tab-item__vertical-right {
  height: 60px;
  max-width: 100%;
  width: 100%;
  border-radius: 10px;
  flex-direction: column;
  border-bottom: none;
  position: relative;
  background-color: transparent;
}
.vcp-tab-item__button.vcp-tab-item__vertical-left.is-selected, .vcp-tab-item__button.vcp-tab-item__vertical-right.is-selected {
  background-color: var(--tabs-item-button-selected-background-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left.is-selected:hover, .vcp-tab-item__button.vcp-tab-item__vertical-right.is-selected:hover {
  background-color: var(--tabs-item-button-selected-hover-background-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left.is-selected:hover .vcp-tab-item__text,
.vcp-tab-item__button.vcp-tab-item__vertical-left.is-selected:hover .vcp-tab-item__icon, .vcp-tab-item__button.vcp-tab-item__vertical-right.is-selected:hover .vcp-tab-item__text,
.vcp-tab-item__button.vcp-tab-item__vertical-right.is-selected:hover .vcp-tab-item__icon {
  color: var(--tabs-item-selected-hover-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left:hover, .vcp-tab-item__button.vcp-tab-item__vertical-right:hover {
  background-color: var(--tabs-item-button-hover-background-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left:hover .vcp-tab-item__icon, .vcp-tab-item__button.vcp-tab-item__vertical-right:hover .vcp-tab-item__icon {
  color: var(--tabs-item-button-text-hover-color);
}
.vcp-tab-item__button.vcp-tab-item__vertical-left .vcp-tab-item__icon, .vcp-tab-item__button.vcp-tab-item__vertical-right .vcp-tab-item__icon {
  margin: 7px 17.5px 0 17.5px;
}
.vcp-tab-item__button.vcp-tab-item__vertical-left .vcp-tab-item__text, .vcp-tab-item__button.vcp-tab-item__vertical-right .vcp-tab-item__text {
  line-height: inherit;
  padding: 0;
  background-color: transparent;
  margin: 0 3px 7px;
  width: calc(100% - 6px);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  border-radius: 0;
}
.vcp-tab-item.disabled {
  cursor: unset;
  border-bottom: none;
  pointer-events: none;
}
.vcp-tab-item.disabled .vcp-tab-item__text {
  color: var(--tabs-item-text-disabled-color);
}

.vcp-base-input { /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
  caret-color: var(--input-caret-color);
  color: var(--text-color-secondary);
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: var(--input-background-color);
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.vcp-base-input__input {
  width: 100%;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  font-size: var(--input-text-font-size);
  letter-spacing: var(--input-text-letter-spacing);
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vcp-base-input__input::placeholder {
  color: var(--input-placeholder-color);
  white-space: pre-wrap;
}
.vcp-base-input__input:focus-visible {
  outline: none;
}
.vcp-base-input__outline {
  border-color: var(--input-outline-border);
  background-color: var(--input-outline-background-color);
}
.vcp-base-input__outline:hover {
  border-color: var(--input-outline-border-hover);
}
.vcp-base-input__inline {
  border-color: transparent;
  flex: 1;
  max-height: 30px;
  padding: 5px 10px;
  border-radius: 7px;
  color: var(--text-color-default);
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
}
.vcp-base-input__inline:hover {
  background-color: var(--dropdown-select-inline-background-color-hover);
}
.vcp-base-input__inline.vcp-base-input__active, .vcp-base-input__inline:focus-within {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-base-input__inline.vcp-base-input__active, .vcp-base-input__inline:focus-within {
  color: var(--dropdown-select-inline-color-active) !important;
  background-color: var(--dropdown-select-inline-background-color-hover);
  border-color: transparent !important;
  box-shadow: none;
}
.vcp-base-input__inline.vcp-base-input__active .vcp-base-input__chevron, .vcp-base-input__inline:focus-within .vcp-base-input__chevron {
  color: var(--dropdown-select-inline-color-active);
}
.vcp-base-input__fill {
  border-color: transparent;
  background-color: var(--dropdown-select-filled-background-color);
}
.vcp-base-input__fill:focus-visible, .vcp-base-input__fill:hover {
  border-color: var(--dropdown-select-filled-border-color-hover);
}
.vcp-base-input__fill__is-active {
  border-color: var(--dropdown-select-border-color-active);
  box-shadow: 0 0 0 3px rgba(97, 121, 251, 0.3);
  color: var(--text-color-default);
}
.vcp-base-input__fill__is-active:hover {
  border-color: var(--dropdown-select-border-color-active);
}
.vcp-base-input__fill__is-active .vcp-base-input__chevron {
  color: var(--dropdown-select-border-color-active);
}
.vcp-base-input__whiteBG {
  background-color: white;
  border-color: var(--input-alternative-border);
}
.vcp-base-input__whiteBG:hover {
  border: 1px solid var(--input-outline-border-hover);
}
.vcp-base-input__whiteBG.vcp-base-input-focused {
  border: 1px solid var(--input-border-color-focus);
  outline: 2px solid var(--color-focus-outline);
}
.vcp-base-input__whiteBG.vcp-base-input-disabled {
  border-color: var(--input-alternative-border-disabled);
}
.vcp-base-input__over-background.vcp-base-input-focused {
  background-color: white;
}
.vcp-base-input__outline.vcp-base-input-focused {
  background-color: white;
}
.vcp-base-input__text {
  border: 1px solid transparent;
  background-color: transparent;
}
.vcp-base-input__text:hover {
  border-color: var(--input-outline-border-hover);
}
.vcp-base-input:focus-visible, .vcp-base-input:hover, .vcp-base-input__selected, .vcp-base-input__active {
  color: var(--text-color-default);
}
.vcp-base-input:focus-visible, .vcp-base-input:has(.vcp-base-input__input:focus-visible), .vcp-base-input.vcp-base-input__active {
  color: var(--text-color-default);
  border-color: var(--dropdown-select-border-color-active);
  box-shadow: 0 0 0 3px rgba(97, 121, 251, 0.3);
}
.vcp-base-input:focus-visible:hover, .vcp-base-input:has(.vcp-base-input__input:focus-visible):hover, .vcp-base-input.vcp-base-input__active:hover {
  border-color: var(--dropdown-select-border-color-active);
}
.vcp-base-input:focus-visible .vcp-base-input__chevron, .vcp-base-input:has(.vcp-base-input__input:focus-visible) .vcp-base-input__chevron, .vcp-base-input.vcp-base-input__active .vcp-base-input__chevron {
  color: var(--dropdown-select-border-color-active);
}
.vcp-base-input__success {
  border-color: var(--input-success-border-color);
  caret-color: var(--input-success-border-color);
  background: var(--input-success-background-color);
}
.vcp-base-input__success:hover {
  border-color: var(--input-success-border-color);
}
.vcp-base-input__success .vcp-base-input-container__input::placeholder {
  color: var(--input-placeholder-color-error);
}
.vcp-base-input__success .vcp-base-input-container__icon {
  color: var(--input-success-icon-color);
}
.vcp-base-input__error {
  border-color: var(--input-error-color);
  caret-color: var(--text-color-destructive);
  background-color: var(--background-destructive-outline-hover-2);
}
.vcp-base-input__error:hover {
  border-color: var(--input-error-color);
}
.vcp-base-input__error .vcp-base-input-container__input::placeholder {
  color: var(--input-placeholder-color-error);
}
.vcp-base-input__error .vcp-base-input-container__icon {
  color: var(--text-color-destructive);
}
.vcp-base-input.vcp-base-input__error:has(.vcp-base-input__input:focus-visible), .vcp-base-input.vcp-base-input__error:focus-visible {
  box-shadow: 0 0 0 3px #FCE9EC;
  border-color: var(--input-error-color);
}
.vcp-base-input.vcp-base-input__success:has(.vcp-base-input__input:focus-visible), .vcp-base-input.vcp-base-input__success:focus-visible {
  box-shadow: 0 0 0 3px #E9F5EF;
  border-color: var(--input-success-border-color);
}
.vcp-base-input + p {
  text-align: left;
  margin-top: -2px;
}
.vcp-base-input__low {
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 7px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.vcp-base-input__low .vcp-base-input__input, .vcp-base-input__low.vcp-base-input__input {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  letter-spacing: var(--input-text-letter-spacing);
}
.vcp-base-input__low .vcp-base-input__input::placeholder, .vcp-base-input__low.vcp-base-input__input::placeholder {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  letter-spacing: var(--input-text-letter-spacing);
}
.vcp-base-input__small .vcp-base-input__input, .vcp-base-input__small.vcp-base-input__input {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  letter-spacing: var(--input-text-letter-spacing);
}
.vcp-base-input__small .vcp-base-input__input::placeholder, .vcp-base-input__small.vcp-base-input__input::placeholder {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 14px/150% var(--vcp-font-family);
  letter-spacing: -0.42px;
  letter-spacing: var(--input-text-letter-spacing);
}
.vcp-base-input__icon {
  display: flex;
  margin-right: 9px;
}
.vcp-base-input-container__labels {
  display: flex;
  gap: 4px;
  align-items: center;
}
.vcp-base-input-container__icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: -webkit-max-content;
  height: max-content;
  width: -webkit-max-content;
  width: max-content;
  color: var(--text-color-secondary);
}
.vcp-base-input-container__icons:first-child {
  margin: var(--input-text-icon-container-margin);
}
.vcp-base-input-container__icons:last-child {
  margin-left: 10px;
}
.vcp-base-input-container__icons.clickable {
  cursor: pointer;
}
.vcp-base-input-container__icons.clickable:focus-visible {
  outline: 2px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-base-input-container__icons.clickable:focus-visible {
  border-radius: 15px;
}
.vcp-base-input-container__spinner {
  min-width: 25px;
  max-width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--input-text-icon-container-margin);
}
.vcp-base-input:hover .vcp-base-input-container__icons, .vcp-base-input__active .vcp-base-input-container__icons, .vcp-base-input:has(.vcp-base-input__input:focus-visible) .vcp-base-input-container__icons {
  color: var(--input-text-icon-color-hover);
}
.vcp-base-input__disabled {
  pointer-events: none;
  cursor: default;
}
.vcp-base-input__helper-container {
  height: 21px;
}

.vcp-base-input-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.vcp-base-input-container__input {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  font-size: var(--input-text-font-size);
  letter-spacing: var(--input-text-letter-spacing);
}
.vcp-base-input-container__input::placeholder {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  font-size: var(--input-text-font-size);
  letter-spacing: var(--input-text-letter-spacing);
  margin-left: -1px;
  color: var(--input-placeholder-color);
}
.vcp-base-input-container__labels:has(+ .vcp-base-input:hover) .vcp-base-input__label, .vcp-base-input-container__labels:has(+ * > .vcp-base-input__input:focus-visible) .vcp-base-input__label, .vcp-base-input-container__labels:has(+ * > .vcp-base-input__input:hover) .vcp-base-input__label, .vcp-base-input-container__labels:has(+ .vcp-base-input:focus-visible) .vcp-base-input__label {
  color: var(--text-color-default);
}
.vcp-base-input-container__labels__explainer {
  color: var(--text-color-secondary);
}
.vcp-base-input-container__disabled {
  opacity: 0.6;
}

.vcp-track-player {
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 4px;
}
.vcp-track-player__wave-container {
  position: relative;
  flex: 1;
}
.vcp-track-player__wave-container .vcp-track-player__error-message {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  margin-left: 5px;
  color: var(--wave-error-message-color);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.vcp-track-player__placeholder {
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  background-color: inherit;
  height: 100%;
  z-index: 2;
}
.vcp-track-player__wave {
  flex: 1;
  cursor: pointer;
}
.vcp-track-player__wave ::part(cursor) {
  z-index: 9999999;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #5361ED;
  background-color: white;
  box-sizing: border-box;
  margin-top: calc((30px - 12px) / 2);
  margin-left: -6px;
  opacity: 0;
  transition: none;
}
.vcp-track-player__wave ::part(scroll) {
  padding-inline: 6px;
}
.vcp-track-player__wave__disabled {
  pointer-events: none;
}
.vcp-track-player__wave__playing ::part(cursor) {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
.vcp-track-player__wave__empty {
  border-radius: 6px;
  border: 1px dashed var(--wave-default-color);
  margin: 0 6px;
  height: 0;
}
.vcp-track-player__time {
  width: 31.5px;
  text-align: center;
}

.vcp-play-button.vcp-play-button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid var(--play-button-border-color);
  color: var(--play-button-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.25s;
  background-color: white;
}
.vcp-play-button.vcp-play-button:focus-visible {
  outline: 4px solid var(--color-focus-outline) !important;
  z-index: 1;
}
.vcp-play-button.vcp-play-button__icon {
  transition: transform 0.25s;
}
.vcp-play-button.vcp-play-button__disabled {
  opacity: 0.3;
  pointer-events: none;
}
.vcp-play-button.vcp-play-button__medium {
  width: 30px;
  height: 30px;
}
.vcp-play-button.vcp-play-button__only-icon {
  background-color: transparent;
  border-color: transparent;
}
.vcp-play-button.vcp-play-button:hover, .vcp-play-button.vcp-play-button:focus-visible {
  color: var(--play-button-hover-color);
}
.vcp-play-button.vcp-play-button:hover .vcp-play-button__icon, .vcp-play-button.vcp-play-button:focus-visible .vcp-play-button__icon {
  transform: scale(110%);
}
.vcp-play-button.vcp-play-button:active {
  color: var(--play-button-active-color);
}

.vcp-sticky-header {
  position: -webkit-sticky;
  position: sticky;
  transition: all 0.5s;
  right: 0;
  left: 0;
  z-index: 1;
  display: grid;
}
.vcp-sticky-header.vcp-sticky-header_sticky_ready {
  opacity: 0;
  top: 0;
}
.vcp-sticky-header.vcp-sticky-header_is_sticky {
  opacity: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 0 !important;
}

.vcp-date-picker.ant-picker {
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid transparent;
  padding: 0;
}

.vcp-date-picker.ant-picker-range {
  width: 100%;
  background-color: transparent;
  border: 0;
}
.vcp-date-picker.ant-picker-range input {
  width: 100%;
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  font-size: var(--input-text-font-size);
  letter-spacing: var(--input-text-letter-spacing);
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vcp-date-picker.ant-picker-range input::placeholder {
  color: var(--input-placeholder-color);
  white-space: pre-wrap;
}
.vcp-date-picker.ant-picker-range input:focus-visible {
  outline: none;
}
.vcp-date-picker.ant-picker-range .ant-picker-active-bar {
  background: var(--background-primary-1);
  margin: 0 !important;
}

.vcp-date-picker-popup {
  font-family: proxima-nova, sans-serif;
}

.vcp-date-picker-popup .ant-picker-year-btn:hover,
.vcp-date-picker-popup .ant-picker-decade-btn:hover,
.vcp-date-picker-popup .ant-picker-month-btn:hover {
  color: var(--background-primary-1) !important;
}

.vcp-date-picker-popup .ant-picker-year-btn,
.vcp-date-picker-popup .ant-picker-decade-btn,
.vcp-date-picker-popup .ant-picker-month-btn {
  font-family: proxima-nova, sans-serif;
}

.vcp-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.vcp-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,
.vcp-date-picker-popup .ant-picker-cell-selected .ant-picker-cell-inner {
  background-color: var(--background-primary-1) !important;
  border-radius: 5px !important;
}

.vcp-date-picker-popup .ant-picker-cell-range-start::before,
.vcp-date-picker-popup .ant-picker-cell-range-end::before {
  background: transparent !important;
}

.vcp-date-picker-popup .ant-picker-cell-inner::before {
  border: 1px solid var(--background-primary-1) !important;
}

.vcp-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-start,
.vcp-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-range-end,
.vcp-date-picker-popup .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background-color: var(--background-primary-light-1) !important;
  height: 100% !important;
}

.vcp-date-picker-popup .ant-picker-content td,
.vcp-date-picker-popup .ant-picker-content th {
  height: 30px;
  padding: 0;
}

.vcp-date-picker-popup .ant-picker-panel-container .ant-picker-presets {
  min-width: 195px;
  max-width: 195px;
}
.vcp-date-picker-popup .ant-picker-panel-container .ant-picker-presets ul {
  padding: 10px;
}
.vcp-date-picker-popup .ant-picker-panel-container .ant-picker-presets ul li {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 400 16px/150% var(--vcp-font-family);
  letter-spacing: -0.56px;
  padding: 0;
  margin: 0 !important;
}
.vcp-date-picker-popup .ant-picker-panel-container .ant-picker-presets ul li:hover {
  background-color: transparent;
}

.vcp-date-picker-action-bar {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vcp-date-picker-action-bar-main {
  display: flex;
}

.vcp-banner {
  display: flex;
  flex-direction: column;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  height: 100%;
  padding: 10px;
  justify-content: flex-end;
  align-items: flex-start;
  border-radius: 15px;
  background-color: var(--banner-background-light);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.vcp-banner .vcp-banner-close-container {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
.vcp-banner.vcp-banner-is-interactive {
  cursor: pointer;
}
.vcp-banner.vcp-banner-dark {
  background-color: var(--banner-background-dark);
}
.vcp-banner.vcp-banner-card {
  border-radius: 10px;
  background-size: contain;
  background-position: right center;
  border: 1px solid var(--banner-border-color);
}
.vcp-banner.vcp-banner-medium {
  padding: 15px;
}
.vcp-banner.vcp-banner-large {
  padding: 20px;
}
.vcp-banner.vcp-banner-text-vertical-start {
  justify-content: space-between;
}
.vcp-banner.vcp-banner-disabled {
  justify-content: flex-start;
  gap: 5px;
}
.vcp-banner.vcp-banner-text-horizontal-center {
  align-items: center;
  text-align: center;
}
.vcp-banner .vcp-banner-text-container {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 1px 5px;
}
.vcp-banner .vcp-banner-text-container.card {
  padding: 0;
}
.vcp-banner .vcp-banner-buttons-container {
  width: 100%;
  display: flex;
  padding-top: 10px;
}
.vcp-banner .vcp-banner-buttons-container.badge {
  padding-top: 8px;
}
.vcp-banner.vcp-banner-loading {
  padding: 0;
  border: none;
  background-color: var(--thumb-loading-background-color);
  overflow: hidden;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  box-sizing: border-box;
  justify-content: flex-end;
  padding: 20px 10px;
  width: 100%;
  height: 100%;
  gap: 5px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container .vcp-banner-loading-button,
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container .vcp-banner-loading-text {
  background: var(--background);
  border-radius: 10px;
  opacity: 0.3;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container .vcp-banner-loading-text {
  width: 100%;
  height: 25px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container .vcp-banner-loading-button {
  width: 65%;
  height: 15px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card {
  justify-content: space-between;
  padding: 15px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card .vcp-banner-loading-text {
  width: 75%;
  height: 20px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card .vcp-banner-loading-button {
  width: 52.5%;
  height: 30px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card.large {
  padding: 20px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card.large .vcp-banner-loading-text {
  width: 60%;
  height: 25px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.card.large .vcp-banner-loading-button {
  width: 37.5%;
  height: 40px;
}
.vcp-banner.vcp-banner-loading .vcp-banner-loading-container.end {
  justify-content: flex-end;
}
.vcp-banner.vcp-banner-loading:after {
  display: flex;
  content: "";
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--thumb-loading-animation-effect-color), transparent);
  animation: loading 1.5s infinite;
}

.vcp_trend {
  display: flex;
  align-items: center;
  background: #E6F6EF;
  color: #1BAF70;
  height: 25px;
  width: -webkit-max-content;
  width: max-content;
  padding: 0 5px 0 0;
  border-radius: 5px;
}
.vcp_trend_value {
  display: block;
  margin-top: 1px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
}
.vcp_trend.positive {
  padding: 0 0 0 5px;
  background: #E6F6EF;
}
.vcp_trend.negative {
  padding: 0 5px 0 0;
  background: #FCE9EC;
  color: #BE2F44;
}

.vcp_trend_card {
  border-radius: 20px;
  background: #FFF;
  padding: 20px;
  width: 100%;
  border: 1px solid #D3D5DD;
  box-shadow: 0px 1px 0px 0px rgba(201, 201, 201, 0.3);
}
.vcp_trend_card_container {
  display: flex;
  align-items: center;
  width: 100%;
}
.vcp_trend_card_content {
  width: 100%;
}
.vcp_trend_card_iconContainer {
  min-width: 55px;
  height: 55px;
  margin-right: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcp_trend_card_titleContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 5px;
}
.vcp_trend_card_titleContainer .title {
  margin-right: 10px;
  color: #696F89;
}
.vcp_trend_card_trendValue {
  display: flex;
  align-items: center;
}
.vcp_trend_card_trendValue .value {
  font-size: 28px;
  line-height: 28px;
  font-weight: 500;
  margin-right: 8px;
}

.vcp-line-chart {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  background: #fff;
}

.vcp-line-chart canvas {
  height: 100%;
  width: 100%;
}

.vcp-story-builder-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vcp-story-builder {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 75vw;
  min-width: 600px;
  margin: 30px auto 80px;
  overflow: hidden;
}
.vcp-story-builder.vcp-story-builder-fill {
  width: 100%;
  max-width: 80vw;
}
.vcp-story-builder .vcp-story-builder__description {
  margin: 60px 0 25px;
}
.vcp-story-builder .vcp-story-builder__description .vcp-story-builder__description-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.vcp-story-builder .vcp-story-builder__description .vcp-story-builder__description-title .vcp-story-builder__description-title-font {
  margin: 0;
  border: transparent;
}
.vcp-story-builder .vcp-story-builder__description .vcp-story-builder__description-description {
  margin: 4px 0 0;
}
.vcp-story-builder .vcp-story-builder__description .vcp-story-builder__description-description .vcp-story-builder__description-description-props {
  display: flex;
  gap: 0 6px;
}
.vcp-story-builder .vcp-story-builder__description .vcp-story-builder__description-prop {
  color: #1c2025;
  background-color: #f3f6f9;
  padding: 0 4px;
  border-radius: 5px;
  border: 1px solid #dae2ed;
  font-size: 0.8125rem;
  display: inline-block;
}
.vcp-story-builder .vcp-story-builder__components {
  border-radius: 12px 12px 0 0;
  border: 1px solid #e9edfe;
  padding: 24px 80px;
  position: relative;
}
.vcp-story-builder .vcp-story-builder__components .vcp-story-builder__components-grid-row {
  height: -webkit-max-content;
  height: max-content;
  display: grid;
  grid-template-rows: repeat(auto, 1fr);
  grid-gap: 24px;
  margin: 0 0 15px;
  justify-content: center;
}
.vcp-story-builder .vcp-story-builder__components .vcp-story-builder__components-grid-column {
  height: -webkit-max-content;
  height: max-content;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  margin: 0 0 15px;
  justify-content: center;
}
.vcp-story-builder .vcp-story-builder__components .vcp-story-builder__components-flex {
  display: flex;
  gap: 8px 8px;
  justify-content: center;
  width: 100%;
}
.vcp-story-builder .vcp-story-builder__components .vcp-story-builder__components-flex-column {
  display: flex;
  gap: 8px 8px;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.vcp-story-builder .vcp-story-builder__components .vcp-story-builder__components-inline {
  display: block;
}
.vcp-story-builder .vcp-story-builder__components-dark {
  background-color: #121b4e;
}
.vcp-story-builder .vcp-ui-wizard__wrap {
  flex-wrap: wrap;
}

.vcp-story-builder__error-message {
  width: 100%;
  height: 100%;
  display: flex;
  background: #d4dfe6;
  position: absolute;
  left: 0;
  top: 0;
  flex-direction: column;
}
.vcp-story-builder__error-message .error-message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  width: 50%;
}
.vcp-story-builder__error-message .error-message-container .error-message-text {
  margin-top: 60px;
  display: flex;
}
.vcp-story-builder__error-message .error-message-container .error-message-title {
  margin-right: 20px;
  height: 100%;
}
.vcp-story-builder__error-message .error-message-container .error-message-details {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 22px;
  border-left: 1px solid #696f89;
}
.vcp-story-builder__error-message .error-message-container .section-details {
  display: flex;
  gap: 4px;
  align-items: center;
}

.vcp-story-builder-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid #e9edfe;
  margin-top: -1px;
  top: 0;
  padding: 4px 8px;
  background-color: #f3f5ff;
  border-radius: 0 0 10px 10px;
  transition: border-radius 300ms cubic-bezier(0.4, 0, 0.2, 1);
  height: 40px;
  cursor: pointer;
  gap: 5px;
}

.header--expanded {
  border-radius: 0;
}

.table {
  width: 100%;
  min-width: 600px;
  margin: 60px auto 30px;
  overflow: hidden;
}

.vcp-persistent-banner {
  width: 100%;
  background-color: var(--peristent-banner-background-info);
  padding: 5px 10px;
  box-sizing: border-box;
}
.vcp-persistent-banner.vcp-persistent-banner-warning {
  background-color: var(--peristent-banner-background-warning);
}
.vcp-persistent-banner.vcp-persistent-banner-ai {
  background-color: var(--peristent-banner-background-ai);
}
.vcp-persistent-banner.vcp-persistent-banner-success {
  background-color: var(--peristent-banner-background-success);
}
.vcp-persistent-banner.vcp-persistent-banner-premium {
  background-color: var(--peristent-banner-background-premium);
}
.vcp-persistent-banner .vcp-persistent-banner-content-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcp-persistent-banner .vcp-persistent-banner-content-container .vcp-persistent-banner-icon {
  margin-right: 7px;
}
.vcp-persistent-banner .vcp-persistent-banner-content-container .vcp-persistent-banner-button {
  margin-left: 10px;
}
.vcp-persistent-banner .vcp-persistent-banner-close-container {
  position: absolute;
  top: 5px;
  right: 8px;
}

.vcp-thumbnail-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  position: relative;
}
.vcp-thumbnail-button .vcp-thumbnail-button__text-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.vcp-thumbnail-button .vcp-thumbnail-button__badge-container {
  position: absolute;
  top: 5px;
  right: 5px;
}
.vcp-thumbnail-button.vcp-thumbnail-button__disabled {
  pointer-events: none;
}
.vcp-thumbnail-button.vcp-thumbnail-button__disabled svg,
.vcp-thumbnail-button.vcp-thumbnail-button__disabled .vcp-thumbnail-button__text {
  opacity: 0.47;
}
.vcp-thumbnail-button__outline {
  background-color: var(--thumbnail-button-outline-background);
  border: 1px solid var(--thumbnail-button-outline-border);
  color: var(--thumbnail-button-outline-color);
}
.vcp-thumbnail-button__outline .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--thumbnail-button-outline-color);
}
.vcp-thumbnail-button__outline:hover {
  background-color: var(--thumbnail-button-outline-background-hover);
}
.vcp-thumbnail-button__outline:active {
  background-color: var(--thumbnail-button-outline-background-active);
  color: var(--thumbnail-button-outline-color-active);
  border: 1px solid var(--thumbnail-button-outline-border-active);
}
.vcp-thumbnail-button__outline:active .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--thumbnail-button-outline-color-active);
}
.vcp-thumbnail-button__neutral {
  background-color: var(--thumbnail-button-neutral-background);
  color: var(--thumbnail-button-neutral-color);
}
.vcp-thumbnail-button__neutral .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--thumbnail-button-neutral-color);
}
.vcp-thumbnail-button__neutral:hover {
  background-color: var(--thumbnail-button-neutral-background-hover);
}
.vcp-thumbnail-button__neutral:active {
  background-color: var(--thumbnail-button-neutral-background-active);
  color: var(--thumbnail-button-outline-neutral-active);
}
.vcp-thumbnail-button__neutral:active .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--thumbnail-button-outline-neutral-active);
}
.vcp-thumbnail-button.vcp-thumbnail-button__error {
  border-color: var(--thumbnail-button-error-border);
  color: var(--text-color-destructive);
}
.vcp-thumbnail-button.vcp-thumbnail-button__error:hover {
  color: var(--text-color-destructive);
  border-color: var(--thumbnail-button-error-border);
}
.vcp-thumbnail-button.vcp-thumbnail-button__error:hover .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--text-color-destructive);
}
.vcp-thumbnail-button.vcp-thumbnail-button__error .vcp-thumbnail-button__text.vcp-thumbnail-button__text {
  color: var(--text-color-destructive);
}

.vcp-resizable-box__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.vcp-circular-progress {
  width: 40px;
  height: 40px;
  position: relative;
}
.vcp-circular-progress .vcp-circular-progress__background {
  stroke: var(--circular-progress-background-color);
}
.vcp-circular-progress .vcp-circular-progress__progress {
  stroke: var(--circular-progress-color);
}
.vcp-circular-progress .vcp-circular-progress__content {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.vcp-input-label {
  text-rendering: geometricPrecision;
  font-style: normal;
  letter-spacing: -0.02em;
  font: normal 600 14px/125% var(--vcp-font-family);
  letter-spacing: -0.14px;
  text-align: left;
  letter-spacing: 0;
  cursor: pointer;
  margin-left: 8px;
}
.vcp-input-label.left-label {
  order: -1;
  margin-right: 8px;
}

.vcp-text-group {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.vcp-text-group .vcp-text-group__title-container {
  display: flex;
  gap: 5px;
  overflow: hidden;
}
.vcp-text-group .vcp-text-group__subtitle-container {
  display: flex;
  flex-wrap: wrap;
  word-break: break-all;
  white-space: normal;
}
.vcp-text-group .vcp-text-group__title,
.vcp-text-group .vcp-text-group__subtitle {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vcp-text-group .vcp-text-group__subtitle {
  margin-right: 3px;
}
.vcp-text-group .vcp-text-group__disabled {
  opacity: 50%;
}

:root {
  /* BACKGROuND */
  --background: #FFF;
  --background-disabled-opacity: 0.3;
  --background-outline-disabled-opacity: 0.5;
  --background-primary-1: #3A57FA;
  --background-primary-2: #283CAD;
  --background-primary-3: #1D2C7D;
  --background-primary-light-1: #F3F5FF;
  --background-primary-outline: #FFF;
  --background-primary-outline-hover: #F3F5FF;
  --background-primary-outline-active: #E9EDFE;
  --background-primary-disabled: #3A57FA;
  --background-secondary: #FFF;
  --background-secondary-hover: #F3F5FF;
  --background-secondary-active: #DCE1FE;
  --background-secondary-1: #E9EDFE;
  --background-secondary-2: #F3F5FF;
  --background-secondary-3: #DCE1FE;
  --background-secondary-4: #BAC4FD;
  --background-secondary-5: #DCE1FE;
  --background-secondary-disabled: #FFF;
  --background-premium: #E64897;
  --background-premium-1: #E01A7D;
  --background-premium-2: #BE166A;
  --background-premium-3: #A8145E;
  --background-premium-light-1: #FDF1F7;
  --background-premium-light-2: #FCE6F1;
  --border-premium-outline: #E64897;
  --text-decoration-tertiary: underline;
  --background-destructive-1: #E23851;
  --background-destructive-2: #BE2F44;
  --background-destructive-3: #9C2738;
  --background-destructive-4: #E23851;
  --background-destructive-light-1: #FDF3F5;
  --background-destructive-light-2: #FADBE0;
  --background-destructive-outline-hover: #FDF3F5;
  --background-destructive-outline-hover-2: #FEF9FA;
  --background-destructive-outline-active: #F8CDD4;
  --background-destructive-disabled: #E23851;
  --border-light-outline: #C3C5CF;
  --border-light-outline-hover: #0D1740;
  --background-disabled: #F0F1F4;
  --background-tertiary: transparent;
  --background-tertiary-hover: transparent;
  --background-tertiary-active: transparent;
  --background-tertiary-disabled: transparent;
  --text-decoration-tertiary: underline;
  --border-tertiary-outline: #D3D5DD;
  --background-neutral: #F0F1F4;
  --background-neutral-hover: #E4E5EA;
  --background-neutral-active: #D3D5DD;
  /*  FOCUS STATE */
  --color-focus-outline: #9DABFD;
  --color-focus-outline-2: #3A57FA;
  --color-inactive-primary-circle: #0D1740;
  --color-inactive-on-hover-primary-circle: #3A57FA;
  --color-disabled-primary-circle: rgba(13, 23, 64, 0.35);
  --background-active-primary-circle: #3A57FA;
  --background-active-on-hover-primary-circle: #283CAD;
  /* Segmented Button */
  --border-color: #E4E5EA;
  /* TEXT */
  --text-color-default: #0D1740;
  --text-color-invert: #FFF;
  --text-color-primary: #3A57FA;
  --text-color-primary-dark: #283CAD;
  --text-color-premium: #E01A7D;
  --text-color-premium2: #E64897;
  --text-color-premium3: #BE166A;
  --text-color-premium-hover: #A8145E;
  --text-color-destructive: #E23851;
  --text-color-destructive-button: #FFF;
  --text-color-success: #13794D;
  --text-color-disabled: #C3C5CF;
  --text-color-secondary:#696F89;
  --text-color-secondary2:#AAAEBC;
  --text-color-secondary3:#8D92A5;
  --text-color-secondary4:#3D4566;
  --text-color-secondary-disabled: #FFF;
  --text-color-destructive-disabled: #FFF;
  --text-color-tertiary-outline: #0D1740;
  --button-primary-ghost-color: #696F89;
  --button-primary-ghost-color-hover: #FFF;
  --button-primary-ghost-color-active: #FFF;
  --button-over-the-background-ghost-color-hover: #FFFFFF26;
  --button-over-the-background-ghost-color-active: #FFFFFF40;
  --button-secondary-color: #3A57FA;
  --button-secondary-color-hover: #3A57FA;
  --button-secondary-color-active: #3A57FA;
  --button-over-the-bg-darkening-background: rgba(4, 7, 20, 0.3);
  --button-over-the-bg-darkening-background-hover: rgba(13, 23, 64, 0.55);
  --button-over-the-bg-darkening-background-active: rgba(13, 23, 64, 0.65);
  --button-over-the-bg-darkening-color: #FFF;
  --text-color-over-the-background-primary: #121B4E;
  --text-color-over-the-background-primary-active: #FFFFFFE6;
  --text-color-over-the-background-primary-outline-hover-background: #FFFFFF1A;
  --text-color-over-the-background-secondary-outline-hover-background: rgba(255, 255, 255, 0.35);
  --text-color-over-the-background-primary-outline-active-background: #FFFFFF40;
  --text-color-over-the-background-secondary-hover-background: #FFFFFF26;
  --text-color-over-the-background-secondary-active-background: #FFFFFF40;
  --text-color-over-the-background-text-hover-background: #FFFFFF0D;
  --text-color-over-the-background-text-active-background: #ffffff26;
  --text-bold-weight: 600;
  /* LINK */
  --link-text-color-primary: #3A57FA;
  --link-text-color-primary-hover: #283CAD;
  --link-text-color-primary-press: #1D2C7D;
  --link-text-color-secondary: #0D1740;
  --link-text-color-secondary-hover: #0D1740;
  --link-text-color-secondary-press: #3D4566;
  --link-text-color-destructive: #E23851;
  --link-text-color-destructive-hover: #BE2F44;
  --link-text-color-destructive-press: #9C2738;
  --link-text-color-premium: #E01A7D;
  --link-text-color-premium-hover: #BE166A;
  --link-text-color-premium-press: #A8145E;
  --link-text-color-over-the-background: #FFF;
  --link-text-color-over-the-background-hover: rgba(255, 255, 255, 0.85);
  --link-text-color-over-the-background-press: rgba(255, 255, 255, 0.7);
  --link-text-disabled-opacity: 0.3;
  /* INPUT */
  --input-text-font-size: 16px;
  --input-text-letter-spacing: -0.035em;
  --input-text-icon-size: 20px;
  --input-text-icon-container-margin: 0 10px 0 0;
  --input-text-hover-color: #3D4566;
  --input-caret-color: #3A57FA;
  --input-background-color: #F7F8FB;
  --input-placeholder-color: #696F89;
  --input-placeholder-color-focus: #8D92A5;
  --input-text-color: #0D1740;
  --input-border-color-focus:#3A57FA;
  --input-border-color-hover: #AAAEBC;
  --input-success-border-color: #1BAF70;
  --input-success-icon-color: #1BAF70;
  --input-success-background-color: #F8FDFB;
  --input-success-focus-outline: #E6F6EF;
  --input-text-color-hover: #8597FC;
  --input-error-color: #E23851;
  --input-error-background-color: #F7F8FB;
  --input-error-focus-outline: #FCE9EC;
  --input-placeholder-color-error: #0D1740;
  --input-background-color-disabled: #F8F8F9;
  --input-text-color-disabled: #8D92A5;
  --input-scrollbar-color: #696F89;
  --text-area-drag-icon-color: #696F89;
  --text-area-hover-border-color: #3D4566;
  --input-alternative-border: #C3C5CF;
  --input-alternative-border-hover: #696F89;
  --input-alternative-border-disabled: #E4E5EA;
  --input-alternative-placeholder-shown-color: #0D1740;
  --input-alternative-color-focus-outline: #9DABFD;
  --input-alternative-width-focus-outline: 2px;
  --input-outline-border: #E4E5EA;
  --input-outline-border-hover: #3D4566;
  --input-outline-background-color: #F8F8F9;
  /* MODAL */
  --backdrop-color: rgba(61, 69, 102, 0.5);
  /* Close Button */
  --close-button-default: transparent;
  --close-button-default-icon: #8D92A5;
  --close-button-hover: #8D92A5;
  --close-button-hover-icon: #FFF;
  --close-button-dark-icon: #FFF;
  --close-button-alternative-icon: #FFF;
  --close-button-default-background: #FFF;
  --close-button-default-border: #000;
  --close-button-dark-default: #696F89;
  --close-button-dark-hover: #3D4566;
  /* Thumb */
  --thumb-loading-background-color: #E4E5EA;
  --thumb-border-color: rgba(0, 0, 0, 0.12);
  --thumb-hover-shadow-color: rgba(18, 27, 78, 0.11);
  --thumb-title-text-color: #3D4566;
  --thumb-loading-animation-effect-color: rgba(255, 255, 255, 0.35);
  /* PlayButton */
  --background-semi-transparent: rgba(255, 255, 255, 0.2);
  --icon-color: #FFF;
  /* Loader */
  --loader-background: #f0f1f4;
  --loader-background-2: #e4e5ea;
  /* PlayOverlay */
  --play-verlay-background: rgba(7, 12, 32, 0.3);
  /* LoadingCircleIndicator */
  --loading-circle-background: #3A57FA;
  --loading-circle-background-2: #DCE1FE;
  --loading-circle-progress: #FFF;
  --loading-circle-transparent-background: rgba(255, 255, 255, 0.9);
  --loading-circle-transparent-background-2: rgba(255, 255, 255, 0.2);
  /* Divider */
  --divider-color: #F0F1F4;
  /* CONTEXTUAL MENU */
  --tooltip-shadow: rgba(18, 27, 78, 0.1098039216);
  --premium-color-item: #FDF1F7;
  --premium-color-item-hover: #FCE6F1;
  --premium-color-item-active: #F9D6E8;
  --premium-color-item-font: #E01A7D;
  /* DROPDOWN SELECT */
  --dropdown-select-border-color-hover: #10173D;
  --dropdown-select-border-color-active: #3A57FA;
  --dropdown-select-options-list-background: #FFF;
  --dropdown-select-separator-color: #8D92A5;
  --dropdown-select-title-color: #696F89;
  --dropdown-select-inline-background-color-hover: #E9EDFE;
  --dropdown-select-inline-color-active: #3A57FA;
  --dropdown-select-filled-background-color: #F8F8F9;
  --dropdown-select-filled-border-color-hover: #3D4566;
  --dropdown-select-footer-border-color: #CED5FE;
  --dropdown-select-chip-clear-icon-hover-background-color: rgba(13, 23, 64, 0.11);
  /* BADGE */
  --badge-yellow-style-background: #F9DC5A;
  --badge-yellow-style-color: #0D1740;
  --badge-yellow-style-marker: #905015;
  --badge-purple-style-background: #854CE0;
  --badge-purple-style-color: #FFF;
  --badge-purple-style-small-background: #D5C0F4;
  --badge-purple-style-small-color: #854CE0;
  --badge-purple-style-marker: #432670;
  --badge-black-style-background: #0D1740;
  --badge-black-style-color: #FFF;
  --badge-black-style-small-background: #3D4566;
  --badge-black-style-small-color: #F8F8F9;
  --badge-black-style-marker: #000;
  --badge-info-style-color: #3A57FA;
  --badge-info-style-background: #FFF;
  --badge-ai-style-background: #e9e3ff;
  --badge-ai-style-color: #795ee9;
  --badge-ai-purple-style-background: #795ee9;
  --badge-ai-purple-style-color: #FFF;
  --badge-gray-style-background: #8D92A5;
  --badge-gray-style-color: #FFF;
  --badge-light-gray-style-background: #F8F8F9;
  --badge-light-gray-style-color: #3D4566;
  --badge-green-style-background: #1BAF70;
  --badge-green-style-color: #FFF;
  --badge-neutral-style-background: #E4E5EA;
  --badge-neutral-style-color: #0D1740;
  --over-the-background-background: rgba(4, 7, 20, 0.3);
  --over-the-background-color: #FFF;
  --primary-subtle-background: #E9EDFE;
  --primary-subtle-color: #3A57FA;
  --primary-style-background: #3A57FA;
  --primary-style-color: #FFF;
  --success-style-background: #28BD48;
  --success-style-color: #FFF;
  --destructive-style-background: #E23851;
  --destructive-style-color: #FFF;
  /* LICENSE BADGE */
  --badge-license-border-color: #F8F8F9;
  --badge-license-solid-background: #474747;
  --badge-license-pink-solid-background: #F63E8C;
  --badge-license-green-solid-background: #47B687;
  --badge-license-gray-background-color: rgba(25, 25, 25, 0.5);
  --badge-license-active-gray-background-color: rgba(25, 25, 25, 0.9);
  --badge-license-green-background-color: rgba(19, 121, 77, 0.85);
  --badge-license-active-green-background-color: rgba(19, 121, 77, 0.9);
  --badge-license-pink-background-color: rgba(246, 62, 140, 0.75);
  --badge-license-active-pink-background-color: #F63E8C;
  --badge-license-solid-pink-background-color: #F63E8C;
  --badge-license-monochrome-background-color: rgba(63, 63, 63, 0.72);
  --badge-license-yellow-light-color: #FAE37B;
  --badge-license-yellow-dark-color: #FFD515;
  --badge-license-white-color: #FFF;
  --ds-intro-nav-item-border-color: #D3D5DD;
  --ds-intro-nav-item-icon-color: #BDBDBD;
  --ds-intro-nav-item-icon-title-color: #333333;
  --ds-intro-content-title-color: #212121;
  --ds-intro-gray-block-bg-color: #F5F7F6;
  /*  CHIPS */
  --chips-white-font-color: #FFF;
  --chips-font-color: #0D1740;
  --chips-background-color: #E9EDFE;
  --chips-background-color-hover: #CED5FE;
  --chips-background-color-active: #0D1740;
  --chips-font-color-studio-gray: #0D1740;
  --chips-background-color-studio-gray: #F0F1F4;
  --chips-background-color-hover-studio-gray: #D3D5DD;
  --chips-background-color-active-studio-gray: #C3C5CF;
  --chips-font-color-new-marketing: #9F269F;
  --chips-background-color-new-marketing: #FCE9FC;
  --chips-background-color-hover-active-new-marketing: #F9CDF9;
  --chips-background-color-premium-type: #FDF1F7;
  --chips-background-color-premium-type-hover: #FCE6F1;
  --chips-background-color-premium-type-active: #F9D6E8;
  --chips-background-color-premium-type-font-color: #E01A7D;
  --chips-background-color-neutral-type: #E4E5EA;
  --chips-background-color-neutral-type-hover: #D3D5DD;
  --chips-background-color-neutral-type-hover-font: #0D1740;
  --chips-background-color-neutral-type-active: #C3C5CF;
  --chips-background-color-dark-type: #E9EDFE;
  --chips-background-color-dark-type-font-color: #0D1740;
  --chips-background-color-green-type: #F3FAF6;
  --chips-background-color-hover-green-type: #CDEADC;
  --chips-background-color-active-green-type: #28573B;
  --chips-font-color-green-type: #173524;
  --chips-background-color-purple-type: #F8F4FD;
  --chips-background-color-hover-purple-type: #E1D2F7;
  --chips-background-color-active-purple-type: #432670;
  --chips-font-color-purple-type: #5C349B;
  --chips-background-color-orange-type: #FDF2EE;
  --chips-background-color-hover-orange-type: #F8D3C8;
  --chips-background-color-active-orange-type: #B6440C;
  --chips-font-color-orange-type: #551B06;
  --chips-background-color-cacao-type: #F2F1F4;
  --chips-background-color-hover-cacao-type: #C9C3D2;
  --chips-background-color-active-cacao-type: #514071;
  --chips-font-color-cacao-type: #26104D;
  --chips-background-color-turquoise-type: #E4F6FE;
  --chips-background-color-hover-turquoise-type: #A9E2FB;
  --chips-background-color-active-turquoise-type: #00375C;
  --chips-font-color-turquoise-type: #00375C;
  --chips-background-color-error-type: #FCE9EC;
  --chips-background-color-hover-error-type: #FADBE0;
  --chips-font-color-error-type: #BE2F44;
  /* CHECKBOX */
  --checkbox-background-color: #FFF;
  --checkbox-background-color-checked: #3A57FA;
  --checkbox-background-color-checked-hover: #283CAD;
  --checkbox-background-color-hover-disabled: #0D1740;
  /* ICON */
  --icon-small-size: 16px;
  --icon-large-size: 30px;
  --icon-extra-large-size: 38px;
  --icon-extra-extra-large-size: 40px;
  /* ICON BUTTON */
  --icon-button-dark-background-color: rgba(13, 23, 64, 0.25);
  --icon-button-over-the-background-color: rgba(4, 7, 20, 0.3);
  --icon-button-filled-dark-background-color: rgba(18, 27, 78, 0.1098039216);
  --icon-button-over-the-background-color-hover: rgba(4, 7, 20, 0.6);
  --icon-button-dark-background-color-hover: #FFF;
  --icon-button-default-inline-background-color-hover: rgba(29, 44, 125, 0.07);
  --icon-button-default-inline-background-color-focus: rgba(29, 44, 125, 0.15);
  --icon-button-dark-color: #FFF;
  --icon-button-primary-color: #FFF;
  --icon-button-primary-background-color: #8597FC;
  --icon-button-dark-color-hover: #0c1441;
  --icon-button-inline-primary-color: #FFF;
  --icon-button-inline-primary-color-hover: #758AFB;
  --icon-button-outline-alternative-color: #6a6faa;
  --icon-button-shadow: rgba(0, 0, 0, 0.3);
  /* SIMPLE TOOLTIP */
  /* Light */
  --simple-tooltip-light-background-color: #FFF;
  --simple-tooltip-dark-color: #373737;
  --simple-tooltip-light-border-color: #FFF;
  /* Dark */
  --simple-tooltip-dark-background-color: #3D4566;
  --simple-tooltip-light-color: #FFF;
  --simple-tooltip-dark-border-color: #3D4566;
  /* Panel */
  --panel-background-color: #F9FAFF;
  --panel-header-background-color: #E9EDFE;
  --panel-border-color: #DCE1FE;
  --panel-title-text-color: #3D4566;
  /* Scrollbar */
  --scrollbar-thumb-color: rgba(13, 23, 64, 0.25);
  --scrollbar-dark-thumb-color: #696F89;
  /* TIMELINE */
  --timeline-base-container-border-color: #0D1740;
  --timeline-base-container-overlay-color: rgba(13, 23, 64, 0.5);
  --timeline-handlebars-color: #121B4E;
  --timeline-handlebars-hover-color: #3A57FA;
  --timeline-playhead-color: #8597FC;
  /* BUTTON */
  --button-loading-background: #6179FB;
  --button-small-border-radius: 150px;
  --button-medium-border-radius: 150px;
  --button-large-border-radius: 150px;
  --button-small-padding: 0 15px;
  --button-medium-padding: 0 20px;
  --button-large-padding: 0 25px;
  --button-small-min-width: inherit;
  --button-medium-min-width: inherit;
  --button-large-min-width: inherit;
  --button-icon-width: 100%;
  --button-icon-margin-left-large: 0;
  --button-icon-margin-right-large: 5px;
  --button-tertiary-text-color: #696F89;
  --button-tertiary-text-color-hover: #3A57FA;
  --button-tertiary-text-color-active: #283CAD;
  --button-tertiary-text-color-disabled: #3A57FA;
  --button-outline-border-color-disabled: #DCE1FE;
  /* Toaster */
  --toaster-base-background-color: #3D4566;
  --toaster-success-icon-color: #1BAF70;
  --toaster-error-icon-color: #E23851;
  --toaster-warring-icon-color: #F9DC5A;
  --toaster-info-icon-color: #3A57FA;
  --toaster-buttons-divider-color: #AAAEBC;
  --toaster-text-color: #FFF;
  /* SWITCH */
  --switch-thumb-checked-background: #6179FB;
  --switch-thumb-background: #AAAEBC;
  --switch-track-color: #FFF;
  /* SLIDER */
  --slider-thumb-color: #C3C5CF;
  --slider-track-color: #09102C;
  --slider-track-hover-color: #3A57FA;
  /* IMAGE */
  --vcp-image-backdrop-color: #F0F1F4;
  /* IMAGE CARD */
  --image-card-active-color: #3A57FA;
  --image-card-hover-color: #F0F1F4;
  /* NAV */
  --nav-item-text: #0D1740;
  --nav-item-hover: rgba(13, 23, 64, 0.04);
  --nav-item-active: #EAECFD;
  --nav-item-active-text: #5361ED;
  --nav-item-active-hover: #D7DAFB;
  --nav-item-active-hover-text: #202A8A;
  /* CARD */
  --card-border-color: #E4E5EA;
  --card-border-hover-color: #3A57FA;
  --card-background-color: #FFF;
  --card-focus-background-color: #F9FAFF;
  --card-icon-background-color: #5361ED;
  --card-icon-light-background-color: #E9EDFE;
  --card-icon-color: #FFF;
  --card-icon-light-color: #3A57FA;
  --card-disabled-icon-background-color: #E4E5EA;
  --card-disabled-icon-color: #696F89;
  --card-disabled-background-color: #F8F8F9;
  --card-disabled-border-color: #F8F8F9;
  /* DRAGGABLE BOX */
  --draggable-box-shadow: 0px 3px 8px 0px rgba(18, 27, 78, 0.11);
  --draggable-box-border: 1px solid #E4E5EA;
  --draggable-box-background-color: #FFF;
  --draggable-box-body-secondary-color: #F8F8F9;
  /* TABS */
  --tabs-border-color: #E4E5EA;
  --tabs-item-text-color: #0D1740;
  --tabs-item-text-disabled-color: rgba(13, 23, 64, 0.4);
  --tabs-item-text-hover-color: #3A57FA;
  --tabs-item-line-hover-color: #E4E5EA;
  --tabs-item-selected-color: #3A57FA;
  --tabs-item-selected-hover-color: #283CAD;
  --tabs-item-button-text-hover-color: #0D1740;
  --tabs-item-button-hover-background-color: #E4E5EA;
  --tabs-item-button-selected-background-color: #F3F5FF;
  --tabs-item-button-selected-hover-background-color: #E9EDFE;
  /* TRACK PLAYER */
  --play-button-border-color: #E4E5EA;
  --play-button-color: #0D1740;
  --play-button-hover-color: #3A57FA;
  --play-button-active-color: #283CAD;
  --wave-default-color: #D3D5DD;
  --wave-error-message-color: #E23851;
  /* BANNER */
  --banner-background-dark: #795ee9;
  --banner-background-light: #e9e3ff;
  /* SECTION MESSAGE */
  --section-message-background-color: #E9EDFE;
  --section-message-secondary-text-color: #3D4566;
  /* INDICATOR */
  --indicator-blue-color: #3A57FA;
  --indicator-blue-outline-color: rgba(58, 87, 250, 0.06);
  --indicator-red-color: #E23851;
  --indicator-red-outline-color: rgba(226, 56, 81, 0.06);
  --indicator-yellow-color: #C7B048;
  --indicator-yellow-outline-color: rgba(250, 227, 123, 0.25);
  --indicator-purple-color: #854CE0;
  --indicator-purple-outline-color: rgba(133, 76, 224, 0.06);
  --indicator-black-color: #0D1740;
  --indicator-black-outline-color: rgba(13, 23, 64, 0.06);
  --indicator-gray-color: #8D92A5;
  --indicator-gray-outline-color: rgba(13, 23, 64, 0.06);
  --indicator-green-color: #1BAF70;
  --indicator-green-outline-color: rgba(27, 175, 112, 0.06);
  /* PERSISTENT BANNER */
  --peristent-banner-background-warning: #FDF4CE;
  --peristent-banner-background-info: #E9EDFE;
  --peristent-banner-background-premium: #FCE9FC;
  --peristent-banner-background-ai: #E1D2F7;
  --peristent-banner-background-success: #D6F1E5;
  /* LIST ITEM */
  --list-item-filled-background-color: #FFF;
  --list-item-filled-border-color: #E4E5EA;
  --list-item-filled-hover-border-color: #3A57FA;
  --list-item-filled-color: #070C20;
  --list-item-filled-shadow-color: rgba(18, 27, 78, 0.1098039216);
  --list-item-destructive-color: #BE2F44;
  --list-item-destructive-hover-background-color: #FDF3F5;
  --list-item-destructive-active-background-color: #FCE9EC;
  /* THUMBNAIL BUTTON */
  --thumbnail-button-outline-color: #3A57FA;
  --thumbnail-button-outline-color-active: #283CAD;
  --thumbnail-button-outline-border: #DCE1FE;
  --thumbnail-button-outline-border-active: #BAC4FD;
  --thumbnail-button-outline-background: #FFF;
  --thumbnail-button-outline-background-hover: #F3F5FF;
  --thumbnail-button-outline-background-active: #E9EDFE;
  --thumbnail-button-neutral-color: #696F89;
  --thumbnail-button-neutral-color-active: #3D4566;
  --thumbnail-button-neutral-background: #F0F1F4;
  --thumbnail-button-neutral-background-hover: #E4E5EA;
  --thumbnail-button-neutral-background-active: #D3D5DD;
  --thumbnail-button-error-border: #FADBE0;
  /* CIRCULAR PROGRESS*/
  --circular-progress-background-color: #EAECFD;
  --circular-progress-color: #6B77F0;
}

:root {
  --background-disabled-opacity: 1;
  --background-primary-1: #5361ED;
  --background-primary-2: #3744C1;
  --background-primary-3: #202A8A;
  --background-primary-light-1: #EAECFD;
  --background-primary-light-2: #D7DAFB;
  --background-primary-outline-hover: #EAECFD;
  --background-primary-outline-active: #D7DAFB;
  --background-primary-disabled: #AAAEBC;
  --background-secondary: #EAECFD;
  --background-secondary-hover: #D7DAFB;
  --background-secondary-active: #C4C9F9;
  --background-secondary-1: #D7DAFB;
  --background-secondary-2: #EAECFD;
  --background-secondary-3: #C4C9F9;
  --background-secondary-5: #EAECFD;
  --background-secondary-disabled: #F8F8F9;
  --background-tertiary: #F8F8F9;
  --background-tertiary-hover: #E4E5EA;
  --background-tertiary-active: #D3D5DD;
  --background-tertiary-disabled: #F8F8F9;
  --text-decoration-tertiary: none;
  --background-destructive-1: #FCE9EC;
  --background-destructive-2: #FADBE0;
  --background-destructive-3: #F8CDD4;
  --background-destructive-4: #E23851;
  --background-destructive-disabled: #FCE9EC;
  /* TEXT */
  --text-color-secondary-disabled: #AAAEBC;
  --text-color-tertiary-disabled: #AAAEBC;
  --text-color-destructive-disabled: #AAAEBC;
  --text-color-secondary: #696F89;
  --text-color-secondary-hover: #696F89;
  --text-color-secondary-active: #09102C;
  --text-color-destructive-button: #E23851;
  /* BUTTON */
  --button-small-border-radius: 7px;
  --button-medium-border-radius: 10px;
  --button-large-border-radius: 10px;
  --button-small-padding: 0 10px;
  --button-medium-padding: 0 15px;
  --button-small-min-width: 62px;
  --button-medium-min-width: 78px;
  --button-large-min-width: 104px;
  --button-icon-width: 20px;
  --button-icon-margin-left-large: -8px;
  --button-icon-margin-right-large: 6px;
  --button-tertiary-text-color: #696F89;
  --button-tertiary-text-color-hover: #696F89;
  --button-tertiary-text-color-active: #09102C;
  --button-tertiary-text-color-disabled: #AAAEBC;
  --button-tertiary-text-color-outline: #0D1740;
  --button-outline-border-color-disabled: #C4C9F9;
  /* INPUT */
  --input-text-font-size: 16px;
  --input-text-letter-spacing: 0;
  --input-text-icon-size: 25px;
  --input-text-icon-container-margin: 0 8px 0 0;
  --input-alternative-border: #E4E5EA;
  --input-alternative-text-color: #696F89;
  --input-alternative-placeholder-shown-color: #696F89;
  --input-alternative-color-focus-outline: #0D1740;
  --input-alternative-border-hover: #0D1740;
  --input-placeholder-color: #696F89;
  --input-alternative-width-focus-outline: 1px;
  /* ICON */
  --icon-small-size: 15px;
  --icon-large-size: 25px;
  --icon-extra-large-size: 30px;
  /* BANNER */
  --banner-background-dark: #795ee9;
  --banner-background-light: #e9e3ff;
  --banner-border-color: rgba(4, 7, 20, 0.1098039216);
  /* THUMB */
  --thumb-content-border-color: rgba(4, 7, 20, 0.1098039216);
  /* SECTION MESSAGE */
  --section-message-background-color: #EAECFD;
}

h1.unset-padding, p.unset-padding {
  padding: unset;
}


/*# sourceMappingURL=index.css.map*/