:root {    --color-hover1: #F1F4F7;    --color-theme: #339DFF;    --color-divider: #e6e6e6;    --default-bg-color: #fff;    --color-main: #222;    --bg-color-3: #fff;    --color-link : #1991EB;	--color-secondary: #666;	--color-warning: #FF9526;    --btn-primary-hover: rgba(0,0,0,0.15);    --box-shadow-color2: rgba(0, 0, 0, 0.2);        --default-bg-color: #FFF;    --color-failed: #F6394D;	--color-success-rgb: 168, 215, 108;	--color-warning-rgb: 255, 149, 38;	--color-failed-rgb: 246,57, 77;	--color-online: #14B474;	--icon-hover-color: #222;	--color-hover2: #F1F4F7;	--btn-secondary-focus: rgba(0,0,0,0.2);	--btn-secondary-border: #D4DADD;	--btn-primary-focus: rgba(0,0,0,0.2);	--color-icon: #627282;	--color-red: #EF5364;	--av-dropdown-item-bg: #fff;	--av-dropdown-item: #fff;	--color-theme-rgb: 61, 194, 172;	--btn-neg-secondary-border: #EF5364;}:root .zc-av-nite-mode{	}:root .chat-bar {    --AV-call-color-theme: var(--wms-primary-color);    --AV-call-color-main: #222;    --AV-call-color-secondary: #666;    --AV-call-color-lp1: #888;    --AV-call-color-divider: #e6e6e6;    --AV-call-color-hover1: #F1F4F7;    --AV-call-default-bg-color: var(--wms-chat-bg-color);    --AV-call-btn-secondary-border: #D4DADD;    --AV-call-btn-secondary-clr: #4D4D4D;    --AV-call-btn-primary-focus: rgba(0,0,0,0.2);    --AV-call-btn-secondary-focus: rgba(0,0,0,0.2);    --AV-call-btn-primary-hover: rgba(0,0,0,0.15);    --AV-call-btn-secondary-bg-hover: #F7F8F8;}:root .zmNightMode .chat-bar {    --AV-call-color-main: #e1e3e4;    --AV-call-color-secondary: #afb3b7;    --AV-call-color-lp1: #778491;    --AV-call-color-divider: #2B3D4F;    --AV-call-color-hover1: #1C2A38;    --AV-call-default-bg-color: #272727;    --AV-call-btn-secondary-border:  #475461;    --AV-call-btn-secondary-clr: #AFB3B7;    --AV-call-btn-secondary-focus: rgba(255,255,255,0.2);    --AV-call-btn-secondary-bg-hover: #263849;}:root .cliq-app {    --AV-call-color-theme: var(--color-theme);    --AV-call-color-main: var(--color-main);    --AV-call-color-secondary: var(--color-secondary);    --AV-call-color-lp1: var(--color-lp1);    --AV-call-color-divider: var(--color-divider);    --AV-call-color-hover1: var(--color-hover1);    --AV-call-default-bg-color: var(--default-bg-color);    --AV-call-btn-secondary-border: var(--btn-secondary-border);    --AV-call-btn-secondary-clr: var(--color-secondary);    --AV-call-btn-primary-focus: var(--btn-primary-focus);    --AV-call-btn-secondary-focus: var(--btn-secondary-focus);    --AV-call-btn-primary-hover: var(--btn-primary-hover);    --AV-call-btn-secondary-bg-hover: var(--color-hover1);}.zc-av-clr-failed { color: var(--color-failed); }.zc-av-clr-warning { color: var(--color-warning); }.zc-av-clr-online { color: var(--color-online); }.zc-av-clr-icon, .zc-av-clr-icon2 { color: var(--color-icon); }.zc-av-clr-icon.guideflow_hovered { color: var(--icon-hover-color); }.zc-av-clr-R { color: var(--color-red) !important; }.zc-av-clr-Sec { color: var(--color-secondary); }.zc-av-limit-txt { position: absolute; text-align: center; line-height: 36px; right: 0; bottom: 0px; padding: 0 10px 0 6px; font-size: 13px; color: var(--color-secondary); border-radius: 0 4px 4px 0; display: none; }.zc-av-zcl-popup { position: absolute; background-color: var(--bg-color-3); box-shadow: 0px 2px 8px var(--box-shadow-color2); border: 1px solid var(--color-divider); z-index: 1; border-radius: 5px; }.zc-av-zcl-close { width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; right: 3px; top: 3px; font-size: 12px; color: var(--color-icon); position: absolute; transition: all .2s; cursor: pointer; }.zc-av-zcl-close.guideflow_hovered { color: var(--icon-hover-color); }.zc-av-zcl-close.zc-av-sm { width: 24px; height: 24px; font-size: 10px; line-height: 24px; }.zc-av-zcl-popup .zc-av-zcl-close { position: absolute; top: 10px; right: 10px; background-color: var(--default-bg-color); }/*.zc-av-zcl-btn,.zc-av-zcl-btn-xs,*/.zc-av-zcl-btn-xxs,.zc-av-zcl-btn-large,.zc-av-zcl-btn-sm { position: relative; height: 40px; min-width: 90px; padding: 0px 20px; border-radius: 20px; color: #fff; border: none; font-size: 15px; cursor: pointer; outline:none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; flex-shrink: 0; }.zc-av-zcl-btn-xxs { height: 20px; font-size: 12px; min-width: 40px; line-height: 20px;padding: 0px 10px;}.zc-av-zcl-btn-sm { height: 34px; font-size: 14px; }.zc-av-zcl-btn-large{ height: 52px; min-width: 124px; font-size: 16px; padding: 0px 36px; border-radius: 52px; }.zc-av-zcl-btn-sm[disabled],.zc-av-zcl-btn-sm[disabled].guideflow_hovered { opacity: 0.5; pointer-events: none; cursor: default;}.zc-av-zcl-btn--primary { background: var(--color-theme); color: #fff; font-weight: bold; border-width: 2px; }.zc-av-zcl-btn--primary:focus { box-shadow: 0 0 0 2px var(--btn-primary-focus) inset; }.zc-av-zcl-btn--primary.guideflow_hovered { box-shadow: inset 0px 4px 50px var(--btn-primary-hover); }.zc-av-zcl-btn--secondary { background: var(--default-bg-color); border: 1px solid var(--btn-secondary-border); color: var(--color-secondary);}.zc-av-zcl-btn--secondary:focus { box-shadow: 0 0 0 1px var(--btn-secondary-focus) inset; }.zc-av-zcl-btn--secondary.guideflow_hovered { background-color: var(--color-hover1); box-shadow: none; }.zc-av-zcl-img { position: relative; width: 38px; height: 38px; border-radius: 50%; font-size: 20px; box-shadow: 0 0 2px var(--color-lp3); flex-shrink: 0; color: var(--color-icon); }.zc-av-zcl-img.zc-av-xl { width: 70px; height: 70px; font-size: 32px; }.zc-av-zcl-img.zc-av-md { width: 32px; height: 32px; font-size: 15px; }.zc-av-zcl-img .zc-av-zcl-img-elem { width: 100%; height: 100%; border-radius: 50%; }.zc-av-zcl-img-remove { height: 16px; width: 16px; line-height: 15px; text-align: center; border-radius: 50%; font-size: 8px; background-color: var(--color-hover2); border: 1px solid var(--default-bg-color); color: var(--color-icon); cursor: pointer; position: absolute; top:-3px; right: -3px; visibility: hidden; transition: color .2s ease-in-out; }.zc-av-zcl-img-remove.guideflow_hovered { color: var(--icon-hover-color); }.zc-av-zcl-img.guideflow_hovered .zc-av-zcl-img-remove { visibility: visible; }.zc-av-zcl-img_file { width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-hover1); }.zc-av-zcl-img_filename { width: 28px; height: 16px; line-height: 17px; padding: 0 1px; text-align: center; text-transform: uppercase; font-size: 9px; font-weight: bold; border-radius: 2px; color: var(--color-lp1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); background-color: var(--default-bg-color); }.zc-av-zcl-alert,/*.zcl-alert-xs,.zcl-alert-xxs,*/.zc-av-zcl-alert-sm { border-radius: 4px; padding: 0 10px; display: inline-flex; flex-shrink: 0;}.zc-av-zcl-alert { height: 32px; line-height: 32px; font-size: 14px; padding: 0 16px; }.zc-av-zcl-alert-sm { height: 24px; line-height: 24px; font-size: 14px; }.zc-av-zcl-alert-info { background-color: var(--color-hover2); color: var(--color-secondary); }.zc-av-footr-padding2 { padding: 12px 16px; }.zcl-alert-dialog-2 .zc-av-zcl-img.zc-av-zcl-img--neg{ background-color: var(--color-red); color: #fff; }.zcl-alert-dialog-2.modalwindow .mheader { margin: 0; padding: 20px 36px; text-align: center; border: none; background-color: var(--color-hover1); }.zc-av-hyperlink{ color: var(--color-link) !important; cursor: pointer; border-bottom: 1px dashed #0000; }.zc-av-hyperlink.guideflow_hovered{ border-bottom-color: var(--color-link); }.zc-av-zcl-checkbox { position: relative; cursor: pointer; width: 16px; height: 16px; margin: 0 7px 0 0; flex-shrink: 0;}.zc-av-zcl-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}.zc-av-zcl-checkbox span{ position: absolute; top: 0; left: 0; height: 16px; width: 16px; border-radius: 4px; border: 1px solid var(--btn-secondary-border);background-color: var(--default-bg-color); z-index: 1; }.zc-av-zcl-checkbox span:before { display: none; color: #fff !important; font-size: 9px; font-weight: bold; }.zc-av-zcl-checkbox input:checked ~ span:before { display: block; z-index: 1;}.zc-av-zcl-checkbox > span:after{content: " "; position: absolute; transition: none; border-radius: 4px; transform: scale(0); width: 14px; height: 14px; background-color: var(--color-theme); border: 1px solid var(--color-theme); }.zc-av-zcl-checkbox input:checked ~ span:after{ transform: scale(1); transition: all 100ms ease-in; }.zc-av-zcl-checkbox[disabled] {pointer-events: none; opacity: 0.5; }.zc-av-zcl-checkbox:after { content: ""; position: absolute; width: 26px; height: 26px; background-color: var(--color-divider); border-radius: 50%; left: -5px; top: -5px; z-index: 0; transform: scale(0); transition: all .15s ease-in-out; opacity: 0; }.zc-av-zcl-checkbox.guideflow_hovered:after { opacity: 1; transform: scale(1); }.zc-av-zcl-checkbox[disabled] { pointer-events: none;  opacity: 0.4;}.zc-av-zcl-switch {position: relative;display: inline-block;width: 44px;height: 24px;cursor: pointer; line-height: normal; flex-shrink: 0; }.zc-av-zcl-switch-sm { width: 36px; height: 20px; }.zc-av-zcl-switch [disabled] + .slider { opacity: 0.3; cursor: default; }.zc-av-zcl-switch .slider { border-radius: 25px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--color-divider); transition: .4s; }.zc-av-zcl-switch input,.zc-av-zcl-switch.no-icon .switch:before { display: none; }.zc-av-zcl-switch input:checked + .slider { background-color: var(--color-theme); }.zc-av-zcl-switch input:focus + .slider {box-shadow: 0 0 1px var(--color-theme);}.zc-av-zcl-switch input:checked + .slider + .switch, .zc-av-zcl-switch input:checked + .slider > .switch { transform: translateX(20px); }.zc-av-zcl-switch-sm input:checked + .slider + .switch, .zc-av-zcl-switch-sm input:checked + .slider > .switch { transform: translateX(16px); }.zc-av-zcl-switch .switch { height: 20px;width: 20px;font-style: normal;border-radius: 50%;position: absolute; left: 2px;top: 2px;background-color: #fff;transition: all .2s linear; display: flex;align-items: center;justify-content: center; }.zc-av-zcl-switch-sm .switch { height: 16px; width: 16px; }.zc-av-zcl-switch input:checked + .slider + .switch:before, .zc-av-zcl-switch input:checked + .slider > .switch:before{content: "\e97b";color: #4c98d9;font-weight: bold;padding: 1px 0px 0px 1px;font-size: 10px;}.zc-av-zcl-switch .switch:before { content: "\e92f"; font-family: 'ZoFo-ChatBar-v2'; color: #a5a4a4; font-size: 8px; font-weight: bold; }.zc-av-zcl-switch.loading_progress .slider{opacity: 0.5;pointer-events: none !important;}.zc-av-zcl-switch.loading_progress .switch{transform: translateX(10px);}.zc-av-zcl-switch-sm.loading_progress .switch { transform: translateX(8px) !important; }.zc-av-zcl-switch.loading_progress .switch:before{ content: "" !important; }.zc-av-zcl-switch.loading_progress .zc-av-zcl-dot--loader{ display: flex; }.zc-av-zcl-switch .zc-av-zcl-dot--loader{ display: none; align-items: center; justify-content: center; height: 100%; }.zc-av-zcl-switch-xs { width: 22px; height: 14px; }.zc-av-zcl-switch-xs .switch { width: 11px; height: 12px; top: 1px; left: 1px; }.zc-av-zcl-switch-xs input:checked + .slider + .switch, .zc-av-zcl-switch-xs input:checked + .slider > .switch { transform: translateX(9px); }.zc-av-zcl-switch-xs.loading_progress .switch { transform: translateX(5px) !important; }.zc-av-zcl-dot--loader > span{ width: 2px; height: 2px; margin-left: 2px; background-color: #666; border-radius: 50%; animation: anim-bouncedelay 1.4s infinite ease-in-out both; }.zc-av-zcl-dot--loader > span:first-child { animation-delay: -0.32s; margin: 0; }.zc-av-zcl-dot--loader > span:nth-child(2) { animation-delay: -0.16s; }@keyframes anim-bouncedelay { 0%, 80%, 100% { opacity: 0.4; } 40% { opacity: 1; } }.zc-av-zcl-rloader-bg { display: inline-flex; border-radius: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.7); }.zc-av-zcl-rloader-mask { background-color: rgba(0,0,0,0.5); border-radius: inherit; }.zc-av-zcl-rloader:after, .zc-av-zcl-rloader-sm:after{ content: ''; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 1; border: 4px solid var(--btn-secondary-border); border-right: 4px solid var(--color-theme); animation: loader 1s linear infinite; box-sizing: border-box;}.zc-av-zcl-rloader, .zc-av-zcl-rloader-sm{pointer-events:none; display: inline-block; height: 48px; width: 48px; position: relative; flex-shrink: 0; }.zc-av-zcl-rloader.sm { width: 26px; height: 26px; } .zc-av-zcl-rloader.sm:after { border-width: 3px; }.zc-av-zcl-rloader.borderW:after { border-right-color: #fff; }.zc-av-zcl-rloader-sm:after{border-width: 3px;}.zc-av-zcl-rloader-sm { height: 34px; width: 34px; }.zc-av-zcl-rloader.xs { width: 18px; height: 18px; }.zc-av-zcl-rloader.xs:after {border-width: 3px;}.zc-av-zcl-rloader-lhs.xs { width: 14px; height: 14px; }.zc-av-zcl-rloader-lhs.xs:after {border-width: 2px;}.zc-av-settings-header {width: 100%;margin: 0px 0px 6px;padding: 10px 30px;font-weight: bold;display: flex;align-items: center;background-color: var(--color-hover1);border: 1px solid var(--color-divider);border-left: none;border-top-right-radius: 5px;font-size: 16px;}.zc-av-nocamerapreview { background-color: #1a1a1a; position: absolute; left: 0; top: 0; flex-direction: column; border-radius: 4px; text-align: center; font-size: 16px; color: rgba(255, 255, 255, 0.5); line-height: 27px; padding: 20px; z-index: 2; }.zc-av-preview-audio-card { width: 134px; height: 134px; background: rgba(0, 0, 0, 0.4); border: 2px solid #2A4770; border-radius: 100%;  border-color: #F3A83B; }.zc-av-preview-audio-card-img { width: 100%; height: 100%; }.zc-av-drp-dwn-disabled .zcf-downArrow,.zc-av-device-segment .zcf-disable-play-btn { display: none; }.zc-av-drp-dwn-disabled .zcl-dropdown-input { pointer-events: none;}.zc-av-device-segment-cnt { background-color: rgba(0,0,0,0.1); border-radius: 6px; }.zc-av-device-segment { padding: 11px 12px; }.zc-av-device-drpdwn:not(:first-child) { margin-top: 4px; }.zc-av-device-drpdwn .zc-av-zcl-menu-wrap {background-color: var(--av-dropdown-item-bg);box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.5);border: 1px solid var(--av-dropdown-item);}.zc-av-device-drpdwn .zc-av-zcl-dropdown-wrp { z-index: auto; }.zc-av-systemview-link { position: relative; color: #339DFF; margin-left: 10px; font-size: 14px; cursor: pointer; border-bottom: 1px solid #0000; }.zc-av-systemview-link.guideflow_hovered { border-bottom-color: #339DFF; } .zc-av-zcl-dropdown-label { flex-grow: 1; padding-left: 10px; line-height: 36px; }.zc-av-zcl-dropdown-icon + .zc-av-zcl-dropdown-label { padding-left: 0px; } .zc-av-zcl-dropdown-icon { padding: 0 9px; line-height: 36px; height: 36px; color: var(--color-icon); font-size: 12px; transition: color .2s; position: relative; }.zc-av-zcl-dropdown-icon.guideflow_hovered { color: var(--icon-hover-color); }.zc-av-zcl-menu-wrap{ position:absolute; padding: 4px; box-shadow: 0px 2px 8px var(--box-shadow-color2); border-radius: 4px; background-color: var(--bg-color-3); right: 0px; top: calc(100% + 12px); min-width: 180px; width: max-content; max-width: 300px; z-index: 1;}.zc-av-zcl-menu-wrap.no-pointer { top: calc(100% + 4px); }.zc-av-zcl-menu-wrap:after{content: ""; position: absolute; width: 15px; height: 15px; background: var(--bg-color-3); transform: rotate(225deg); top: -6px; right: 12px; box-shadow: 7px 6px 10px -6px rgb(88, 88, 88); z-index: -1; border-radius: 2px; backface-visibility: hidden; }.zc-av-zcl-menu-wrap.no-pointer:after { display: none; }.zc-av-zcl-menu-wrap[align="top"] { bottom: calc(100% + 12px); top: auto; right: 0; }.zc-av-zcl-menu-wrap[align="top"]:after { transform: rotate(45deg); top: auto; bottom: -6px; }.zc-av-zcl-menu-wrap[align="right"]:after { transform: rotate(135deg); left: -6px; top: 10px; }.zc-av-zcl-menu-wrap[align="left"]{left: 0; right: auto;}.zc-av-zcl-menu-item{height: 36px;display: flex;align-items: center;padding: 0px 8px;border-radius: 4px;color: var(--color-main);font-size: 14px;background-color: inherit;}.zc-av-zcl-menu-item.guideflow_hovered,.zc-av-zcl-menu-item.active, .zc-av-zcl-menu-item.sel{ background-color: rgba(var(--color-theme-rgb),0.2); cursor: pointer; color: var(--color-theme); }.zc-av-zcl-menu-item.guideflow_hovered { display: flex; }.zc-av-list-item2 { position: relative; font-size: 15px; cursor: pointer; }.zc-av-list-item2 .zc-av-zcl-img { border: 1px solid var(--color-divider); box-shadow: none; }.zc-av-list-item2.guideflow_hovered, .zc-av-list-item2.active { color: var(--color-theme); }.zc-av-list-item2.active { font-weight: 600; }.zc-av-list-item2.guideflow_hovered .zc-av-zcl-img,.zc-av-list-item2.active .zc-av-zcl-img { background-color: var(--color-theme); color: #fff; transition: all .2s; border-color: var(--color-theme); }.zc-av-zcl-dropdown-input { border: 1px solid var(--color-divider); height: 36px; display: flex; align-items: center; font-size: 15px; border-radius: 4px; cursor: pointer; transition: all .2s; background-color: var(--default-bg-color); } .zc-av-zcl-dropdown-input.inpt-error { border-color: var(--color-failed); box-shadow: 0px 1px 4px rgba(246, 57, 77, 0.2); }.zc-av-zcl-dropdown-input.sel { border-color: var(--color-theme); box-shadow: var(--text-input-focus); }.zc-av-zcl-dropdown-input .zcl-input-pretext { position: relative; height: 34px; top: 0; left: 0; flex-shrink: 0; }.zc-av-zcl-dropdown-wrp .zc-av-zcl-menu-wrap { max-width: 100%; width: 100%; min-width: auto; }.zc-av-zcl-dropdown-wrp { position: relative; }.AV-call-wrapper * { box-sizing: border-box; }.AV-call-beta-icon { position: absolute; top: -14px; right: -3px; font-size: 9px; padding: 1px; border-radius: 10px; height: 17px; width: 8px; color: var(--color-icon); }.AV-call-detached { position: fixed; left:100%; top: 60px; }.AV-call-audiovideo-wrapper { height: 317.5px; width: 420px; right: 20px; left:unset;}.currentchat .AV-call-wrapper { padding: 20px 0; }.AV-call-main {position: relative; height: 100%; width: 100%; margin: auto;border-radius: 8px;color: #fff;background-color: #1a3b43;background-size: 100% 100%;box-shadow: 0 0 8px var(--box-shadow-color3);transition: height .2s linear;}.AV-call-fullscrn .AV-call-main { background: radial-gradient(49.7% 154.59% at 50.3% 50.31%, #1D2B4C 0%, #1F7A8F 100%); }.AV-call-status { display: flex; flex-direction: column; align-items: center; text-align: center; background-color: rgba(0,0,0,0.2); }.AV-call-swap { background-color: rgba(0, 0, 0, 0.4); border-radius: 4px; font-size: 16px; visibility: hidden; z-index: 2; }.AV-call-fullscrn .AV-call-swap { font-size: 20px; }.AV-call-audiovideo .AV-call-subview .AV-call-videocontainer.guideflow_hovered .AV-call-swap,.AV-call-audiovideo .AV-call-subview-2 .AV-call-videocontainer.guideflow_hovered .AV-call-swap,.AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer.guideflow_hovered .AV-call-swap,.AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer.guideflow_hovered .AV-call-swap { visibility: visible; }.AV-call-no-subview .AV-call-subview, .AV-call-no-subview .AV-call-subview-2 { display: none; }.AV-call-options .AV-call-box { margin-right: 6px; }.AV-call-options .AV-call-box:last-child { margin: 0; }.AV-call-box { display: inline-flex;position: relative;align-items: center;justify-content: center;height: 30px;width: 30px;line-height: normal;font-size: 15px;color: #fff;border-radius: 50%;cursor: pointer;transition: all .2s linear; }.zc-av-rejecbox-hdr .zcf-close { background: rgb(0 0 0 / 50%); }.AV-call-box-ans { background: linear-gradient(141.8deg, #A2D375 -18.19%, #14B474 130.57%); font-size: 19px;}.AV-call-initial .AV-call-box-wide-btn.AV-call-box {width: auto;border-radius: 44px;padding: 0 12px;background: linear-gradient(141.8deg, #A2D375 -18.19%, #14B474 130.57%);}.AV-call-initial .AV-call-box-wide-btn.AV-call-box.AV-call-send-record { padding: 12px 28px; background: linear-gradient(0deg, #43BCA8, #43BCA8); }.AV-call-box-initial {background-color: #333333;}.AV-call-box-end, .AV-call-box.AV-call-box-end.zcf-video-mute {background: linear-gradient(149.6deg, #FF5A96 -19.96%, #FF2640 105.98%), #EF5364;color: #fff;font-size: 19px;}.AV-call-box.zcf-audio { font-size: 6.75px; }.AV-call-box.AV-call-hover.guideflow_hovered, .AV-call-newbox.AV-call-hover.guideflow_hovered { background-color: rgba(255,255,255,0.2); }.AV-call-newbox.zcf-chat, .AV-call-newbox.zcf-leftArrow { cursor: pointer; }.AV-call-box.zcf-mic-mute, .AV-call-box.zcf-video-mute, .AV-call-box.AV-call-active, .AV-call-box.zcf-mic-mute.guideflow_hovered,.AV-call-box.zcf-video-mute.guideflow_hovered, .AV-call-box.AV-call-active.guideflow_hovered, .AV-call-newbox.AV-call-active { background-color: rgba(90, 215, 255, 0.2); color: #5AD7FF; }.AV-call-box.AV-call-box-ans.guideflow_hovered, .AV-call-box.AV-call-box-end.guideflow_hovered { box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.1); }.AV-call-box.AV-call-box-end {margin: 0 12px 0 6px;}.AV-call-box-record-stop:after { position: absolute; content: ""; height: 44px; width: 44px; z-index: 0; border-radius: 50%; background: #333333; }.AV-call-section,.AV-call-videocontainer,.AV-call-wbcontainer,.AV-call-status,.AV-call-audiovideo .AV-call-mainview .AV-call-videocontainer,.AV-call-fullscrn.AV-call-audiovideo .AV-call-main,.AV-call-fullscrn.AV-call-audiovideo.AV-call-wrapper,.AV-call-audiovideo .AV-call-mainview .AV-call-wbcontainer,.AV-call-fullscrn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }.AV-call-initial .AV-call-box.zcf-chat {margin: 0 20px;background-color: rgba(0,0,0,0.8);}.AV-call-decline-box { width: 90px; height: 114px; background-color: #000; border-radius: 314px; position: absolute; top: calc(100% - 35px); padding-top: 10px; cursor: pointer; }.AV-call-wb-topbar { background-color: #000; height: 36px; display: flex; align-items: center; border-radius: 5px 5px 0 0; }.wb-tpbr-sep { height: 18px; opacity: 0.3; border: 1px solid #FFFFFF; }.wb_participant_item img, .wb_participant_item_last img { width: 24px; height: 24px; border-radius: 15px; margin: 2px; }.wb-part-max-img { background: rgba(0, 0, 0, 0.81); opacity: 0.7; }.wb-part-max { position: absolute; top: 5px; font-size: 12px; left: 5px; }.wb-tpbr-itm { padding: 0 10px 0 10px; }.AV-call-fullscrn.AV-call-audiovideo .AV-call-mainview .AV-call-wbcontainer.wb-full-screen { padding: 6px; }.wb-tpbr-opts { position: relative; } .wb-moreOpt { position: absolute; padding: 4px; box-shadow: 0px 2px 8px rgb(0,0,0,0.2); border-radius: 4px; background-color: #000; right: -8px; top: calc(100% + 12px); min-width: 180px; width: max-content; max-width: 300px; z-index: 2; } .wb-moreOpt:after , .wb-part-info:after , .wb-part-info-multi:after{ content: ""; top: -5px; transform: rotate( 405deg ); position: absolute; width: 15px; height: 15px; background: #000; right: 12px; box-shadow: 7px 6px 10px -6px rgb(88 88 88); z-index: -1; border-radius: 2px; }.wb-moreOpt-sub { visibility: hidden; right: 185px; top: 0; transition-delay: .1s; transform: translateX(-5px); } .wb-moreOpt-submenu.guideflow_hovered .wb-moreOpt-sub { visibility: visible; transition: all .3s; opacity: 1; transform: translateX(0px); }.wb-moreOpt.wb-moreOpt-sub::after { right: -5px; top: 12px; }.AV-call-audio-only .AV-call-mainview .AV-call-wbcontainer .AV-call-wb { border-radius: 4px; object-fit: cover; }.AV-call-fullscrn.AV-call-audiovideo  .AV-call-subview .AV-call-wbcontainer, .AV-call-fullscrn.AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer,.AV-call-mainview .AV-call-videocontainer.wb-cont-min , .AV-call-detached .AV-call-mainview .AV-call-wbcontainer , .AV-call-detached .AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer , .AV-call-detached .AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer { display: none; }.AV-call-subview .AV-call-videocontainer.wb-cont-min, .AV-call-subview-2 .AV-call-videocontainer.wb-cont-min , .AV-call-detached .AV-call-mainview .AV-call-videocontainer.wb-cont-min { display: block; }.AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer .AV-call-videocontainer { left: 0; top: 0;}.wb-role-drp-dwn-itm { padding: 14px 0 14px 0; }.zc-av-zcl-dropdown-wrp[disabled] { opacity: 0.5; pointer-events: none; cursor: auto; }.wb-permission-drpdwn {width: 100px;}.wb-if-box { background-color: rgba(0,0,0,0.5); }.wb-if-br { border-radius: 0 0 5px 5px; }.wb-full-screen .wb-iframe { height: 100%; width: 100%; }.wb-full-screen .AV-call-wb, .wb-full-screen .conf-wb { margin-top: 0px; }.AV-call-detached .wb-iframe { height: calc(100% - 134px); }.wb-part-info { visibility: hidden; min-width: 124px; transition-delay: .1s; transform: translateY(5px); }.wb-part-info-multi { visibility: hidden; min-width: 184px; max-height: 350px; transition-delay: .1s; transform: translateY(5px); overflow: auto; }.wb_participant_item.guideflow_hovered .wb-part-info,  .wb_participant_item_last.guideflow_hovered .wb-part-info-multi { visibility: visible; transition: all .3s; opacity: 1; transform: translateY(0px); }.wb-part-info:after, .wb-part-info-multi:after, .wb-part-info , .wb-part-info-multi { background-color: #222222; }.wb-preview-header { height: 40px; width: 100%; background-color: var(--color-hover1); } .wb-preview-container { left: 5%; right: 5%; top: 0; z-index: 10001; position: absolute; margin: auto; }.wb-preview-opts { position: absolute; right: 0; }.wb-preview-bg { background-color: rgba(0,0,0,0.5); }.AV-call-menu-item.zcl-neg-menu-item, .AV-call-menu-item.AV-call-selected {color: var(--color-red);}.conf-present-reqs_list.zcl-menu-wrap { width: 400px; max-width: 400px; max-height: 300px; overflow: hidden; left: 50%; transform: translateX(-50%); border-radius: 10px; }.present-req-item { height: 52px; width: 380px; left: 0px; top: 2px; border-radius: 5px; }.AV-call-container .AV-call-main, .AV-call-container .AV-call-box, .AV-call-container .AV-call-fullscrn .AV-call-options,.AV-call-container .AV-call-fullscrn .AV-call-mini-btn,.AV-call-container .AV-call-fullscrn .AV-call-miniplayer-header-cnt,.AV-call-container .AV-call-fullscrn .AV-call-switch-con { transition:unset; }.AV-call-audiovideo .AV-call-subview .AV-call-videocontainer,.AV-call-audiovideo .AV-call-subview-2 .AV-call-videocontainer {width: 80px;height: 52px;}.AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer,.AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer {width: 80px;height: 52px;}.AV-call-audiovideo .AV-call-mainview .AV-call-videocontainer .usr-img-cnt,.AV-call-audiovideo .AV-call-mainview .AV-call-wbcontainer .usr-img-cnt { width: 54px; height: 54px; }.AV-call-audiovideo .AV-call-mainview .AV-call-videocontainer .usr-img-cnt img,.AV-call-audiovideo .AV-call-mainview-2 .AV-call-videocontainer .usr-img-cnt img,.AV-call-audiovideo .AV-call-mainview .AV-call-wbcontainer .usr-img-cnt img { border-radius: 50%; }.AV-call-audio-only .AV-call-mainview .AV-call-videocontainer .AV-call-video,.AV-call-audiovideo .AV-call-subview .AV-call-videocontainer .AV-call-video,.AV-call-audiovideo .AV-call-subview-2 .AV-call-videocontainer .AV-call-video { border-radius: 4px; object-fit: cover; }.AV-call-audio-only .AV-call-mainview .AV-call-wbcontainer .AV-call-wb,.AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer .AV-call-wb,.AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer .AV-call-wb { border-radius: 4px; object-fit: cover; }.AV-call-audio-only.AV-call-topstatus .AV-call-subtimer { display: none; }.AV-call-audio-only.AV-call-topstatus .AV-call-top-status { display: block; }.AV-call-audio-only.AV-call-reconnect .AV-call-top { background-color: rgba(219,72,73,0.6); }.AV-call-audio-only.AV-call-topstatus .AV-call-top:after { content: ""; position: absolute; height: 100%; width: 180px; background: linear-gradient(-45deg, transparent, rgba(255,255,255,0.1) , transparent); background-size: 100% 100%; animation: progress 1.3s ease infinite; background-blend-mode: overlay; }.AV-call-footer { height: 0; overflow: hidden; transition: height 0.3s; padding: 0 14px 0 27px; font-size: 14px; color: #fff; justify-content: flex-end; background: linear-gradient(107.82deg, #131C31 17.02%, #2E7E98 91.97%); border-radius: 0 0 8px 8px; }.AV-call-migrating .AV-call-footer { height: 30px; }.AV-call-mute-banner { display: flex; flex-direction: column; }.AV-call-mute-banner .AV-call-main, .AV-call-mute-banner.AV-call-audiovideo .AV-call-main { border-top-left-radius: 0px; border-top-right-radius: 0px; }.AV-call-detached .AV-call-migrating .AV-call-main,.AV-call-detached :not(.AV-call-initial).AV-call-scrnshare-ind .AV-call-main { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }.AV-call-audio-only.AV-call-mute-banner .AV-call-top,.AV-call-detached .AV-call-migrating.AV-call-scrnshare-ind .AV-call-footer { border-radius: 0px; }.AV-call-detached .AV-call-audiovideo.AV-call-migrating .AV-call-mainview .AV-call-info,.AV-call-detached .AV-call-audiovideo.AV-call-scrnshare-ind .AV-call-mainview .AV-call-info { border-bottom-left-radius: 0px; }.AV-call-initial .AV-call-section,.AV-call-initial .AV-call-videowrapper,.AV-call-initial .AV-call-status, .AV-call-initial .AV-call-video {border-radius: 100%;object-fit: cover;}.AV-call-initial .AV-call-main { background: linear-gradient(107.82deg, #131C31 17.02%, #2E7E98 91.97%); }.AV-call-initial .AV-call-info { display: none; }.AV-call-initial .AV-call-box.AV-call-box-end {margin: 0;}.AV-call-audio-only .AV-call-mainview .AV-call-videocontainer,.AV-call-audio-only .AV-call-mainview .AV-call-wbcontainer { position: relative; }.AV-call-wrapper .usr-img-cnt,.AV-call-videowrapper { width: 100%; height: 100%; }.AV-call-wrapper .usr-img-cnt { background-color: #0000; }.AV-call-audiovideo .AV-call-wrapper .usr-img-cnt, .AV-call-audiovideo .AV-call-wrapper .usr-img-cnt img { border-radius: 6px; }.zc-call-end:before { writing-mode: vertical-lr; transform: rotate(135deg); }.AV-call-audio-only .AV-call-subview, .AV-call-audio-only .AV-call-subview-2, .AV-call-initial .AV-call-subview .AV-call-videocontainer,.AV-call-initial .AV-call-subview-2 .AV-call-videocontainer, .AV-call-initial .AV-call-preview .AV-call-mainview .AV-call-videocontainer,.AV-call-initial .AV-call-subview .AV-call-wbcontainer, .AV-call-initial .AV-call-subview-2 .AV-call-wbcontainer,.AV-call-initial .AV-call-preview .AV-call-mainview .AV-call-wbcontainer,.AV-call-audio-only .AV-call-mainview .AV-call-deviceinfo, .AV-call-audio-only .AV-call-mainview .AV-call-username, .AV-call-audiovideo .AV-call-main .AV-call-statuscnt, .AV-call-wrapper.AV-call-live-feed,.AV-call-audiovideo .AV-call-subview .AV-call-username, .AV-call-audiovideo .AV-call-subview-2 .AV-call-username, .AV-call-audio-only .AV-call-info .zc-av-separator, .AV-call-wrapper:not(.AV-call-fullscrn) .AV-call-fullscrn-opt { display: none; }.AV-call-initial .AV-call-preview .AV-call-subview .AV-call-videocontainer , .AV-call-initial .AV-call-preview .AV-call-subview .AV-call-wbcontainer { display: block; }.AV-call-initial .AV-call-main,.AV-call-initial .zc-av-impulse { width: 240px; height: 240px; border-radius: 100%; }.AV-call-initial .AV-call-box {width: 44px;height: 44px;}.AV-call-initial .AV-call-box-close { position: absolute; top: 10px; right: 28px; width: 28px; height: 28px; font-size: 10px; }.AV-call-initial .AV-call-videowrapper .usr-img-cnt { display: none; }.AV-call-initial .AV-call-main { border: 5px solid #000; }.AV-call-status .usr-img-cnt { width: 54px; height: 54px; border: 4px solid rgba(255, 255, 255, 0.2); }.AV-call-audio-only .AV-call-main, .AV-call-container.AV-call-detached.AV-call-audio-only-wrapper { width: 410px; height: 95px; }.AV-call-audio-only .AV-call-main { display: flex; align-items: center; background: linear-gradient(107.82deg, #131C31 17.02%, #2E7E98 91.97%);}.AV-call-audio-only .AV-call-section {position: relative;height: 90px;width: 90px;margin: 0 0 0 3px;}.currentchat .AV-call-audio-only .AV-call-main { width: 90%; max-width: 420px; min-width: 300px; }.AV-call-wrapper.AV-call-audiovideo, .AV-call-audiovideo .AV-call-main { width: 100%; height: 100%; }.AV-call-main-switch-wrapper .AV-call-main{ height: calc(100% - 95px); }.AV-call-audiovideo .AV-call-main { border: 5px solid #000; border-radius: 10px; }.currentchat .AV-call-audiovideo .AV-call-main,.currentchat .AV-call-switch-con { width: 90%; max-width: 420px; min-width: 330px; }.AV-call-audiovideo .AV-call-main .AV-call-video, .AV-call-audiovideo .AV-call-main .AV-call-wb { overflow: hidden; border-radius: 6px }.AV-call-audiovideo .AV-call-subview .AV-call-videocontainer,.AV-call-audiovideo .AV-call-subview-2 .AV-call-videocontainer,.AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer,.AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer { top: unset; z-index: 2; cursor: pointer; box-shadow: 0 0 8px var(--box-shadow-color3); border-radius: 6px; border: 3px solid rgba(255,255,255,0.2); }.AV-call-audiovideo:not(.AV-call-fullscrn) .AV-call-subview .AV-call-videocontainer,.AV-call-audiovideo:not(.AV-call-fullscrn) .AV-call-subview-2 .AV-call-videocontainer,.AV-call-audiovideo:not(.AV-call-fullscrn) .AV-call-subview .AV-call-wbcontainer,.AV-call-audiovideo:not(.AV-call-fullscrn) .AV-call-subview-2 .AV-call-wbcontainer { bottom: 40px; }.AV-call-audiovideo .AV-call-subview .AV-call-videocontainer, .AV-call-audiovideo .AV-call-subview .AV-call-wbcontainer { left: 13px; }.AV-call-audiovideo .AV-call-subview-2 .AV-call-videocontainer, .AV-call-audiovideo .AV-call-subview-2 .AV-call-wbcontainer { left: 103px; }.AV-call-audiovideo .AV-call-options { position: absolute; right: 18px; bottom: 16px}.AV-call-fullscrn { background: url(https://html-assets-prod.guideflow.com/144e77d3372ea3ade9baa1186ec891cee9041b23) no-repeat; background-size: 100% 100%; z-index: inherit; }.AV-call-fullscrn .AV-call-box {width: 36px;height: 36px;}.AV-call-fullscrn .AV-call-options { transform: translateX(-50%); left: 50%; right: auto; bottom: 4px; padding: 5px 20px; display: flex; justify-content: center; z-index: 1;}.AV-call-fullscrn .AV-call-mainview .AV-call-videocontainer .usr-img-cnt,.AV-call-fullscrn .AV-call-mainview-2 .AV-call-videocontainer .usr-img-cnt,.AV-call-fullscrn .AV-call-mainview .AV-call-wbcontainer .usr-img-cnt { width: 100px;height: 100px; }.AV-call-fullscrn .AV-call-subview .AV-call-videocontainer,.AV-call-fullscrn .AV-call-subview-2 .AV-call-videocontainer,.AV-call-fullscrn .AV-call-subview .AV-call-wbcontainer,.AV-call-fullscrn .AV-call-subview-2 .AV-call-wbcontainer { width: 100%; height: 100%;}.AV-call-fullscrn .AV-call-subview .AV-call-videodrag,.AV-call-fullscrn .AV-call-subview-2 .AV-call-videodrag {width: 100px; height: 100px;}.AV-call-subview .AV-call-videodrag { top: calc(100% - 150px); left: 35px; position: absolute; }.AV-call-subview-2 .AV-call-videodrag { top: calc(100% - 265px); left: 35px; position: absolute; }.AV-call-wrapper .AV-call-moreOpt { bottom: calc(100% + 12px); left: -5px; top: auto; }.AV-call-wrapper .AV-call-moreOpt:after { content: ""; transform: rotate(405deg); bottom: -6px; left: 15px; position: absolute; width: 15px; height: 15px; background: #000; right: 12px; box-shadow: 7px 6px 10px -6px rgb(88, 88, 88); z-index: -1; border-radius: 2px; }.AV-call-wrapper .AV-call-moreOpt .zcl-menu-item { line-height: 1; }.AV-call-wrapper .AV-call-moreOpt.ZC-bottom { bottom: auto; top: calc(100% + 12px); }.AV-call-wrapper .AV-call-moreOpt.ZC-bottom:after { top: -6px; transform: rotate(225deg);  }.AV-call-wrapper .AV-call-moreOpt.ZC-top { top: auto; bottom: calc(100% + 12px); }.AV-call-wrapper .AV-call-moreOpt.ZC-top:after { bottom: -6px; transform: rotate(225deg);  }.AV-call-wrapper .AV-call-moreOpt.ZC-left { left: auto; right: -10px; }.AV-call-wrapper .AV-call-moreOpt.ZC-left:after {left: auto; right: 15px; }.AV-call-moreOpt .zcl-menu-item.AV-call-selected { color : #4e9dfa; }.AV-call-switch-con { background-color: #000;position: relative;width: 100%;padding: 10px 20px 16px 20px;border-radius: 0 0 12px 12px;color: #fff;top: -9px;margin: auto;text-align: center;}.AV-call-fullscrn .AV-call-switch-con { position: absolute; width: 380px; top: auto; left: 0; bottom: 70px; right: 0; border-radius : 5px; }.AV-call-btn { position: relative; height: 34px; min-width: 90px; padding: 0px 20px; border-radius: 20px; background-color: #6ca534; color: #fff; font-size: 14px; cursor: pointer; outline: none; display: inline-flex; align-items: center; justify-content: center; transition: all .3s linear; }.AV-call-btn--secondary { background-color: transparent; color: #e1e3e4; border: 1px solid #475461; }.AV-call-btn--primary.guideflow_hovered { box-shadow: inset 0px 4px 50px rgba(0,0,0,0.15); }.AV-call-btn--secondary.guideflow_hovered { background: #263849; }.AV-call-moreOpt { position: absolute; padding: 4px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: #000; right: 0px; top: calc(100% + 12px); min-width: 180px; width: max-content; max-width: 300px; z-index: 2; }.AV-call-menu-item { height: 36px; line-height: 1; display: flex; align-items: center; padding: 0px 8px; border-radius: 4px; color: #e1e3e4; font-size: 14px; background-color: inherit; cursor: pointer; }.AV-call-menu-item.guideflow_hovered {background-color: rgba(255,255,255,0.2);}.AV-call-menu-item > .AV-call-menu-icon { opacity: 0.7; }.AV-call-menu-item.guideflow_hovered > .AV-call-menu-icon { opacity: 1; }.zc-av-circle {transition: stroke-dashoffset .3s linear;stroke: rgba(0,0,0,0.3);stroke-width: 5px;stroke-linecap: round;}.zc-av-circle-bar {stroke: #fff;transform: rotate(-90deg);transform-origin: center;stroke-dashoffset: 120px;}.zc-av-stop-record { position: absolute; color: #EF5364; top: 15px; z-index: 1; font-size: 15px; }.AV-call-top { display: flex; align-items: center; padding: 0 14px 0 27px; height: 30px; font-size: 14px; background-color: rgba(0,0,0,0.5); border-radius: 0 5px 0 0; }.AV-call-options {background-color: rgba(0,0,0,0.8);border-radius: 54px;padding: 6px 10px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.26);}.AV-call-bottom { padding: 0 14px 2px 14px; flex-grow: 1; display: flex; align-items: center; }.AV-call-right { display: flex; flex-direction: column; flex-grow: 1; height: 100%; width: calc(100% - 93px);}.AV-call-audio-only .AV-call-mainview .AV-call-videocontainer { width: 100%; height: 100%; }.AV-call-audio-only .AV-call-mainview { height: 100%; }.AV-call-audio-only .zc-usr-img-cnt img { border-radius: 7px; }.AV-call-audio-only .zc-usr-img-cnt img, .AV-call-audiovideo .zc-usr-img-cnt img { border-radius: 4px; }.AV-call-audiovideo .AV-call-top { background: transparent; }.AV-call-audio-only .AV-call-top { position: relative; overflow: hidden; }.zc-av-usrname { padding: 0 10px; max-width: 100%; margin-top: 15px; }.zc-av-callstatus { margin-top: 15px; }.AV-call-incoming .zc-av-usrname, .AV-call-incoming .zc-av-callstatus { margin-top: 10px; } .AV-call-incoming { overflow: hidden; transform: scale(1); }.AV-call-audiovideo .AV-call-right .AV-call-health-status { display: none; }.AV-call-box AV-call-hover zcf-moreS:last-child { margin: 0; }.AV-call-fullscrn .AV-call-options .AV-call-box:last-child { margin-right: 0; }.AV-call-audio-only .AV-call-bottom .AV-call-deviceinfo { padding: 2px 6px 0px 0px; }.AV-call-audio-only .AV-call-mainview .AV-call-mute { font-size: 13px; margin: 3px 4px 0px 2px; }.AV-call-deviceinfo { opacity: 0.8; }.AV-call-info { position: absolute; left: 0; bottom: 0; border-radius: 0px 4px; overflow: hidden; transform: scale(1); background-color: #000000; opacity: 0.8; z-index: 0; }.AV-call-audiovideo .AV-call-mainview .AV-call-info, .AV-call-audiovideo .AV-call-mainview-2 .AV-call-info { height: 28px; max-width: 44%; }.AV-call-audiovideo .AV-call-mainview .AV-call-health-meter, .AV-call-audiovideo .AV-call-mainview-2 .AV-call-health-meter { margin: 0px 6px; }.zc-av-separator { border-left: 1px solid #E6E6E6; height: 22px; opacity: 0.2; }.AV-call-audiovideo .AV-call-mainview .AV-call-deviceinfo, .AV-call-audiovideo .AV-call-mainview-2 .AV-call-deviceinfo { margin: 5px 0px 0px 6px; }.AV-call-audiovideo .AV-call-mainview .AV-call-username, .AV-call-audiovideo .AV-call-mainview-2 .AV-call-username { margin: 4px 6px 0px 6px; }.AV-call-audiovideo .AV-call-mainview .AV-call-mute, .AV-call-audiovideo .AV-call-mainview-2 .AV-call-mute { margin: 5px 6px 0px 0px; }.AV-call-audio-only .AV-call-mainview .AV-call-info, .AV-call-audiovideo .AV-call-subview .AV-call-info, .AV-call-audiovideo .AV-call-subview-2 .AV-call-info { height: 22px; }.AV-call-audio-only .AV-call-mainview .AV-call-health-meter, .AV-call-audiovideo .AV-call-subview .AV-call-health-meter, .AV-call-audiovideo .AV-call-subview-2 .AV-call-health-meter { margin: 0px 4px; }.AV-call-audiovideo .AV-call-subview .zc-av-separator, .AV-call-audiovideo .AV-call-subview-2 .zc-av-separator { height: 18px; }.AV-call-audiovideo .AV-call-subview .AV-call-deviceinfo, .AV-call-audiovideo .AV-call-subview-2 .AV-call-deviceinfo { font-size: 14px; margin: 4px 4px 0px 4px; }.AV-call-audiovideo .AV-call-subview .AV-call-mute, .AV-call-audiovideo .AV-call-subview-2 .AV-call-mute { font-size: 13px; margin: 3px 4px 0px 0px; }.AV-call-health-meter-box {display: flex;align-items: center;bottom: 0;left: 0;width: 100%;overflow: hidden;}.AV-call-health-meter-text { background-color: rgba(219, 72, 73, 0.8); height: 22px; flex-grow: 1; text-align: center; font-size: 14px; }.AV-health-meter.AV-call-detached.AV-call-audio-only-wrapper, .AV-health-meter .AV-call-wrapper.AV-call-audio-only, .AV-health-meter .AV-call-audio-only .AV-call-main { width: 440px; }.AV-health-meter .AV-call-bottom { padding-left: 14px; }.AV-health-meter .AV-call-top { padding: 0 14px; }.AV-call-audio-only .AV-call-top .AV-call-health-meter { padding: 4px; }.AV-call-health-meter { display: flex; align-items: flex-end; flex-direction: row-reverse; transition: opacity 0.2s; }.AV-call-health-meter-item { width: 2px; height: 14px; flex-shrink: 0; position: relative;background-color: rgba(255,255,255,0.3); margin-right: 3px; }.AV-call-health-meter-item:nth-child(2) { height: 10px; }.AV-call-health-meter-item:nth-child(3) { height: 7px; }.AV-call-health-meter-item:nth-child(4) { height: 5px; }.AV-health-meter-excellent .AV-call-health-meter-item.health-meter-status, .AV-health-meter-excellent .health-meter-status ~ .AV-call-health-meter-item { background-color: #8BE334; }.AV-health-meter-good .AV-call-health-meter-item.health-meter-status, .AV-health-meter-good .health-meter-status ~ .AV-call-health-meter-item { background-color: #DBFF00; }.AV-health-meter-low .AV-call-health-meter-item.health-meter-status, .AV-health-meter-low .health-meter-status ~ .AV-call-health-meter-item { background-color: #FFB800; }.AV-health-meter-poor .AV-call-health-meter-item.health-meter-status, .AV-health-meter-poor .health-meter-status ~ .AV-call-health-meter-item { background-color: #FF1C37; }.AV-call-health-meter-item:first-child { margin-right: 0; }.AV-call-warning { background-color: var(--color-warning); width: 16px; height: 16px; border-radius: 50%; font-size: 10px; color: #fff; display: flex; align-items: center; justify-content: center; margin-left: 6px; }.AV-call-menu-item.AV-call-menu-disabled { opacity : 0.5; }.AV-call-menu-item.AV-call-menu-disabled .AV-call-warning { margin-left: 50px; background-color: rgba(255,255,255,0.5); }.AV-call-wrapper .AV-call-health-meter.guideflow_hovered { opacity: 1; }.AV-call-audio-only .AV-call-health-meter { opacity: 0.6; }.AV-call-audiovideo .AV-call-health-meter { opacity: 0.8; }.AV-call-fullscrn .AV-call-mini-btn  { display: inline-flex; }.AV-call-fullscrn.AV-call-audiovideo .AV-call-main { border-width: 0px; border-radius: 0; }.AV-call-mini-btn { position: absolute; bottom: 4px; right: 36px; background-color: rgba(0,0,0,0.8); border-radius: 54px; padding: 5px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.26); }.zcoverlay div.zcbg_mask.zc-av-permission-modal:before { background: rgba(0, 0, 0, 0.85); opacity: 1; backface-visibility: hidden; }.modalwindow.zc-av-permission-modal > div, .modalwindow.zc-av-permission-modal > div > * { background-color: #0000 !important; box-shadow: none !IMPORTANT; color: #fff; overflow: initial; }div.zcoverlay .modalwindow.zc-av-permission-modal {box-shadow: none;font-family: Lato, sans-serif;-webkit-font-smoothing: antialiased;}.modalwindow.zc-av-permission-modal .mheader { display: none; }.modalwindow.zc-av-permission-modal > div { width: 700px; }div.zc-av-permsn-icon {width: 60px;height: 60px;font-size: 25px;background-color: #3a3a3a;margin-right: 12px;color: #fff;pointer-events: none;display: flex;align-items: center;justify-content: center;position: relative; border-radius: 5px; }.zc-av-permission-modal .AV-call-btn {width: 140px;height: 40px;font-size: 15px;}.zc-av-permsn-close {position: absolute;background: #D94848;border: 1px solid #000000;border-radius: 2px;font-size: 6px;height: 14px;width: 14px;right: 14px;bottom: 14px;display: flex;align-items: center;justify-content: center;}.zc-av-permsn-arrow:before,.zc-av-permsn-arrow:after { content: ""; position: absolute; }.zc-av-permsn-arrow { position: absolute; width: 120px; height: 105px; top: -29px; left: -150px; transform: rotate(43deg); animation: zc-av-permissionArrow 2s linear infinite; transform-origin: bottom right; }.zc-av-permsn-arrow:before { width: 129px; height: 90px; border: 3px solid #0000; border-bottom-color: #fff; border-radius: 70%; }.zc-av-permsn-arrow:after { width: 30px; height: 30px; border: 3px solid #0000; border-color: #fff #0000 #0000 #fff; border-radius: 11px 0 0 0; top: 63px; left: 4px; transform: rotate(-11deg); }.zc-av-hyperlink { color: #378FCC; padding: 1px 0; }.zc-av-hyperlink.guideflow_hovered { cursor: pointer; text-decoration: underline; padding: 1px 0; }@keyframes zc-av-permissionArrow {    0% { transform: rotate(30deg) translate(0px, 0px); }    10%,50% { transform: rotate(45deg) translate(-20px, 15px); opacity:1; }    60%,100% { transform: rotate(45deg) translate(-20px, 15px); opacity:0; }}.zc-av-permsn-arrow.safari { left: 65px; transform: rotate(140deg) scaleY(-1); animation: zc-av-permissionArrowSafari 2s linear infinite; }@keyframes zc-av-permissionArrowSafari {    0% { transform: rotate(155deg) scaleY(-1) translate(0px, 0px); }    10%,50% { transform: rotate(140deg) scaleY(-1) translate(-20px, 15px); opacity:1; }    60%,100% { transform: rotate(140deg) scaleY(-1) translate(-20px, 15px); opacity:0; }}.zc-av-mute-banner { background: linear-gradient(0deg, #3B84B3, #3B84B3), linear-gradient(0deg, #F53C23, #F53C23), #309CB4; color: #fff; height: 36px; width: 100%; flex-shrink: 0; font-size: 16px; line-height: 1; padding: 0 10px; }.zc-av-mute-banner-infotext { opacity: 0.5; margin-left: 20px; } .AV-call-wrapper .zc-av-mute-banner{position: relative; z-index: 1; border-radius: 6px 6px 0 0;} .zc-av-mediaui * { padding:0; margin: 0; box-sizing: border-box; outline: none; } .zc-av-mediaui { width: 600px; font-size: 15px; color: #000; font-family: Lato, sans-serif; } .modalwindow.zc-av-mediaui .mheader { border: none; } .modalwindow.zc-av-mediaui .mheader { margin: 0 22px; padding: 18px 0 13px 0; } .zc-av-mediaui.modalwindow .mcontent { padding: 0; } .zc-av-mediaui_lhs { float: left; width: 28%; height: 250px; border-right: solid 1px var(--color-divider); margin-right: 10px; } .zc-av-mediaui_rhs { position: absolute; right: 0; top: 0; width: 70%; padding: 10px 35px 0px; height: 250px; } .zc-av-mediaui ul { list-style: none; } .zc-av-mediaui_lhs li { display: block; padding: 8px 5px 8px 25px; font-size: 14px; text-align: left; cursor: pointer; margin-bottom: 10px; }.zc-av-mediaui_lhs li:before { font-size: 12px; margin-right: 10px; width: 14px; display: inline-block; }   .zc-av-mediaui .zc-av-slt_view { box-shadow: 0 0 2px rgba(0,0,0,0.2); background-color: var(--bg-color-3); color: var(--color-main); padding: 6px 10px; margin-top: 10px; position: relative; display: inline-block; cursor: pointer; width: 197px; height: 35px; border-radius: 4px; border: solid 1px var(--color-divider); } .zc-av-mediaui_lhs li.zc-av-medsel { border-right: solid 1px var(--color-theme); color: var(--color-theme); } .zc-av-mediaui .zc-av-windwbtn { text-align: center; height: 35px; width: 105px; cursor: pointer; background-color: var(--color-theme); color: #fff; line-height: 34px; border-radius: 35px; z-index: 3; vertical-align: super; } .zc-av-mediaui .zc-av-footer { display: inline-block; width: 100%; height: 48px; padding: 15px 10px 15px 0px; background-color: var(--color-hover1); } .zc-av-mediaui .zc-av-footer .zc-av-windwbtn { height: 30px; line-height: 29px; width: 85px; float: right; margin-right: 20px; margin-top: -5px; }.AV-call-health-box { position: absolute; background-color: rgba(0,0,0,0.7); height: 38px; right: 0; top: -30px; border-radius: 6px 5px 0 0; z-index: -1; display: flex; align-items: center; padding: 0 14px 8px 0; font-size: 14px; text-indent: -2px; }.AV-call-health-box:before {content: "";position: absolute;left: -42px;bottom: 0;width: 1px;height: 1px;border-width: 0px 0px 37px 44px;border-color: transparent transparent #4d4d4d transparent;border-style: solid;}.AV-call-audio-only .AV-call-mainview .AV-call-videocontainer {width: 90px;height: 90px;border-radius: 7px;border: 2px solid #0000;padding: 0;margin: 0;transition: border .2s ease-in-out;}.AV-call-wrapper.AV-call-audio-only .usr-img-cnt, .AV-call-wrapper.AV-call-audio-only .usr-img-cnt img { border-radius: 5px; }.AV-call-flexC { display: flex; align-items: center; }.AV-call-flexG { flex-grow: 1; }.AV-call-fshrink { flex-shrink: 0; }.AV-call-mT10 { margin-top: 10px; }.AV-call-mT15 { margin-top: 15px; }.AV-call-mR20 { margin-right: 20px; }.AV-call-font14 { font-size: 14px; }.AV-call-font18 { font-size: 18px; }.AV-call-ellips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.AV-call-clr-S { color: var(--AV-call-color-secondary); }.AV-call-ovrflwH { overflow: hidden; }.AV-call-zcl-hor-tab { display: inline-flex; width: fit-content; } .AV-call-zcl-hor-tab-item { position: relative; min-width: 130px; padding: 12px 20px; border-bottom: 2px solid #0000; width: fit-content; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; color: var(--AV-call-color-lp1); background-color: #0000; transition: all .3s; } .AV-call-zcl-hor-tab-item[disabled] { pointer-events: none; opacity: 0.5; } .AV-call-zcl-hor-tab-item.sel, .AV-call-zcl-hor-tab-item.guideflow_hovered { color: var(--AV-call-color-main); } .AV-call-zcl-hor-tab-item.sel { border-bottom: 2px solid var(--AV-call-color-theme); }.AV-call-zcl-btn-sm { height: 34px; font-size: 14px; }.AV-call-zcl-btn-sm { position: relative; height: 40px; min-width: 90px; padding: 0px 20px; border-radius: 20px; color: #fff; border: none; font-size: 15px; cursor: pointer; outline: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; } .AV-call-zcl-btn--primary { background: var(--AV-call-color-theme); color: #fff; font-weight: bold; border-width: 2px; }.AV-call-zcl-btn--secondary { background: var(--AV-call-default-bg-color); border: 1px solid var(--AV-call-btn-secondary-border); color: var(--AV-call-btn-secondary-clr); }.AV-call-zcl-btn-sm[disabled], .AV-call-zcl-btn-sm[disabled].guideflow_hovered { opacity: 0.5; pointer-events: none; cursor: default; }.AV-call-zcl-btn--primary:focus { box-shadow: 0 0 0 2px var(--AV-call-btn-primary-focus) inset; }.AV-call-zcl-btn--secondary:focus { box-shadow: 0 0 0 1px var(--AV-call-btn-secondary-focus) inset; }.AV-recording-indicator { height: 25px; margin-right: 6px; background-color: rgba(0, 0, 0, 0.6); position: relative; color: rgb(255, 255, 255); font-size: 12px; font-weight: bold; border-radius: 4px; padding: 0 10px; }.AV-call-zcl-btn--primary.guideflow_hovered { box-shadow: inset 0px 4px 50px var(--AV-call-btn-primary-hover); }.AV-call-zcl-btn--secondary.guideflow_hovered { background: var(--AV-call-btn-secondary-bg-hover); box-shadow: none; }.AV-call-scrnshare-prmsn-cont { padding: 14px 36px 26px; display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; background-color: var(--AV-call-default-bg-color); }.AV-call-scrnshare-prmsn-parent > div { display: flex; flex-direction: column; height: 100%; }.AV-call-scrnshare-prmsn-parent.modalwindow .mheader { height: 0; border: none; padding: 0; margin: 0; display: none; }.AV-call-scrnshare-prmsn-ftr { display: flex; align-items: center; justify-content: flex-end; margin-top: 14px; }.AV-call-scrnshare-prmsn-main { border: 1px solid var(--AV-call-color-divider); background-color: var(--AV-call-color-hover1); padding: 20px; display: flex; flex-wrap: wrap; overflow: auto; height: 100%; }.AV-call-prmsn-grid-title > img { width: 30px; height: 30px; margin-right: 10px; }.AV-call-scrnshare-prmsn-grid > img { height: 150px; width: 100%; border-radius: 6px; }.AV-call-scrnshare-prmsn-gridview .AV-call-scrnshare-prmsn-grid { width: calc(33% - 12px); height: 195px; flex-shrink: 0; }.zcoverlay .AV-call-scrnshare-prmsn-parent.modalwindow, .AV-call-scrnshare-prmsn-parent.modalwindow { top: 0; width: 750px; transform: translateX(-50%); height: 600px; }.AV-call-scrnshare-prmsn-grid.sel > img { border: 2px solid var(--AV-call-color-theme); padding: 10px; background-color: var(--AV-call-default-bg-color); }.AV-call-scrnshare-prmsn-grid { margin: 0 20px 20px 0; height: fit-content; }.AV-call-scrnshare-prmsn-grid:nth-child(3n) { margin-right: 0; }[av-tooltip-title].guideflow_hovered:after { content: attr(av-tooltip-title); position: absolute; top: calc(100% + 5px); display: inline-block; padding: 4px 8px; border-radius: 3px; background: #304e63; color: #fff; font-size: 14px; font-weight: normal; white-space: nowrap; line-height: 20px; left: 50%; transform: translateX(-50%); }.av-tooltip-up.guideflow_hovered:after { bottom: calc(100% + 5px); top: auto; z-index: 1; }.av-tooltip-bottom.guideflow_hovered:after { top: calc(100% + 5px); z-index: 1;}.av-tooltip-left.guideflow_hovered:after{ z-index: 1; left: auto; right: calc(100% + 5px ); top: 50%; transform: translateY(-50%); }.av-tooltip-right.guideflow_hovered:after { right: auto; left: calc(100% + 5px ); top: 50%; transform: translateY(-50%); }.av-tooltip-right0.guideflow_hovered:after { right: 0; left: auto; transform: translateX(0); }.av-tooltip-left0.guideflow_hovered:after { right: auto; left: 0; transform: translateX(0) }.zc-av-multicall-dialog-box.modalwindow .mheader {margin: 0;padding: 20px 36px;text-align: center;border: none; background-color: var(--color-hover1);}.zc-av-multicall-dialog-box.modalwindow .mcontent { padding: 20px 36px 26px; }.zc-av-multicall-dialog-box.modalwindow .mcontent_btn_con { text-align: right }.modalwindow.zc-av-multicall-dialog-box {width: 700px;}.modalwindow.zc-av-multicall-dialog-box .mheader_ttl { margin: 20px 0; font-weight: bold; color: var(--color-red)}.AV-user-img-withborder{height: 72px; width: 72px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); color: #fff; position: relative; border-radius: 100%; background-color: #fff;}.AV-user-img-wb-container{height: 64px; width: 64px; overflow: hidden; margin: 3px; position: relative; z-index: 1; border-radius: 100%}.AV-user-img-wb-container .AV-user-img {width: 100%; height: 100%; object-fit: cover;}.AV-user-img-ovrly{content: ''; height: 64px; width: 64px; border-radius: 100%; position: absolute; font-size: 12px; padding-top: 6px; top: 40px; background-color: rgba(0, 0, 0, 0.7); color: #EF5364;}.AV-user-img-separator { font-size: 60px; font-weight: lighter; margin: 0 10px; }.zc-av-multicall-btn{position: relative;height: 52px;min-width: 124px;font-size: 16px;padding: 0px 36px;border-radius: 52px;cursor: pointer;outline: none;display: inline-flex;align-items: center;justify-content: center;vertical-align: middle;border: none;}.zc-av-multicall-btn--primary{background: var(--color-theme);color: #fff;font-weight: bold;border-width: 2px;}.zc-av-multicall-btn--secondary{background: var(--default-bg-color);border: 1px solid var(--color-divider) !important;color: var(--color-secondary) !important;}.zc-av-multicall-btn--primary.guideflow_hovered {box-shadow: inset 0px 4px 50px var(--btn-primary-hover);}.zc-av-multicall-btn--secondary.guideflow_hovered {background-color: var(--color-hover1);}.zc-av-video-effects-list-item-new-ind {position: absolute; color: #ffffff; right: -12px; font-size: 12px; max-width: 45px; border-radius: 10px; background: #EC9A1C; padding: 2px 5px; top: -5px;}.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active .zc-av-video-effects-list-item-new-ind, .zc-av-video-effects-list-item.guideflow_hovered .zc-av-video-effects-list-item-new-ind { top : -7px; right: -14px; }.zc-av-video-effects-cnt { flex-grow: 1; overflow-x: hidden; overflow-y: auto; padding: 0 36px; }.zc-av-video-effects-title { font-size: 14px; font-weight: bold; margin-top: 18px; }.zc-av-video-effects-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(70px , 1fr)); grid-gap: 20px; margin-top: 20px; }.zc-av-video-effects-list-item { position: relative; height: 50px; width: 70px; cursor: pointer; background-color: rgba(196, 196, 196, 0.3); border-radius: 4px; border: 1px solid transparent; font-size: 20px; }.zc-av-video-effects-list-item-default { display: flex; justify-content: center; align-items: center; }.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active,.zc-av-video-effects-list-item.guideflow_hovered { border-color: var(--color-theme); color: var(--color-theme); border-width: 3px; }.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active .zc-av-video-effects-list-item-img,.zc-av-video-effects-list-item.guideflow_hovered .zc-av-video-effects-list-item-img,.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active .zc-av-video-effects-list-item-img-original,.zc-av-video-effects-list-item.guideflow_hovered .zc-av-video-effects-list-item-img-original,.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active .zcl-rloader-mask,.zc-av-video-effects-list-item.guideflow_hovered .zcl-rloader-mask { border-radius: 2px; }.zc-av-video-effects-list-item-gif-ind { position: absolute; right: 7px; top: 7px; font-size: 16px; line-height: 16px; color: #ffffff; }.zc-av-video-effects-seasonal-ind { color: #FFBD3E; }/*.zc-av-video-effects-list-item.zc-av-video-effects-list-item-active .zc-av-video-effects-list-item-gif-ind,.zc-av-video-effects-list-item.guideflow_hovered .zc-av-video-effects-list-item-gif-ind { color: var(--color-theme); }*//*.zc-av-video-effects-list-item-default.zc-av-video-effects-list-item-active,.zc-av-video-effects-list-item-default.guideflow_hovered { border-width: 1px; }*/.nite-mode .zc-av-video-effects-list-item-default.zc-av-video-effects-list-item-active,.nite-mode .zc-av-video-effects-list-item-default.guideflow_hovered { background: rgba(108, 165, 52, 0.2); }.zc-av-video-effects-list-item-default .zcf-video-blur { font-size: 37px; }.zc-av-video-effects-list-item-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }.zc-av-video-effects-list-item-img,.zc-av-video-effects-list-item-img-original { width: 100%; height: 100%; border-radius: inherit; }.zc-av-video-effects-list-item-img-original { display: none; position: absolute; top: 0; left: 0; }.zc-av-video-effects-list-item.guideflow_hovered .zc-av-video-effects-list-item-img-original { display: block; }.zc-av-filter-grayscale .zc-av-video-effects-list-item-mask { background: #FFFFFF; mix-blend-mode: color; }.zc-av-filter-sepia .zc-av-video-effects-list-item-mask { background: rgba(221, 140, 20, 0.5); mix-blend-mode: overlay; }.zc-av-drag-handle { position: absolute; z-index: 2; }.zc-av-top-border { top: 0; height: 10px; width: 100%; cursor: ns-resize; }.zc-av-bottom-border { bottom: 0; height: 10px; width: 100%; cursor: ns-resize; }.zc-av-right-border { right: 0; top: 0; height: 100%; width: 10px; cursor: ew-resize; }.zc-av-left-border { left: 0; top:0; height: 100%; width: 10px; cursor: ew-resize; }.zc-av-top-right-corner { right: 0; top: 0; cursor: nesw-resize; width: 15px; height: 15px; z-index: 3; }.zc-av-bottom-right-corner { bottom: 0; right: 0; cursor: nwse-resize; width: 15px; height: 15px; z-index: 3; }.zc-av-bottom-left-corner { bottom: 0; left: 0; cursor: nesw-resize; width: 15px; height: 15px; z-index: 3; }.zc-av-top-left-corner {left: 0;top: 0;cursor: nwse-resize; width: 15px; height: 15px; z-index: 3; }.avcliq-pip-container { background: radial-gradient(49.7% 154.59% at 50.3% 50.31%, #1D2B4C 0%, #1F7A8F 100%); position: absolute; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; border-radius: 5px; }.avcliq-pip-btn-cont { padding: 8px 12px 8px 16px; background: rgba(0, 0, 0, 0.2); border-radius: 60px; margin-top: 36px; }.avcliq-pip-icon { font-size: 56px; color: #5AD7FF; }.AV-call-detached .avcliq-pip-container { z-index: 1; }.avcall-pip-mode .AV-call-top, .avcall-pip-mode .AV-call-bottom { z-index: 3; }.avcall-pip-mode,.avcall-pip-mode.AV-call-main-switch-wrapper .AV-call-main { width: 380px !important; height: 84px !important; }.AV-call-detached.avcall-pip-mode .avcliq-pip-card,.AV-call-detached.avcall-pip-mode .AV-call-subview,.AV-call-detached.avcall-pip-mode .AV-call-subview-2,.AV-call-detached.avcall-pip-mode .AV-call-miniplayer-header-cnt .zcf-maximize,.AV-call-detached.avcall-pip-mode .AV-call-health-status { display: none; }.AV-call-detached.AV-call-top-banner.avcall-pip-mode { height: 120px !important; }.AV-call-detached.AV-call-top-banner.avcall-pip-mode.AV-call-main-switch-wrapper { height: 215px !important; }.AV-call-detached.avcall-pip-mode .AV-call-deviceinfo { left: 14px; top: 23px; }.AV-call-detached.avcall-pip-mode .AV-call-options { position: absolute; right: 10px; bottom: 16px; }.AV-call-detached.avcall-pip-mode .AV-call-wrapper .AV-call-miniplayer-header-cnt { position: absolute; top: 22px; left: 50px; z-index: 4; }.AV-call-detached.avcall-pip-mode .AV-call-wrapper .AV-call-miniplayer-header-cnt .AV-call-subtimer { margin-left: 0px; }.AV-call-detached:not(.avcall-pip-mode) .AV-call-audiovideo.AV-call-scrnshare-ind .AV-call-main { height: calc(100% - 36px); }.AV-call-detached:not(.avcall-pip-mode).AV-call-main-switch-wrapper .AV-call-audiovideo.AV-call-scrnshare-ind .AV-call-main { height: calc(100% - 131px); }.AV-call-detached.avcall-pip-mode .AV-call-wrapper.AV-call-mute-banner.AV-call-migrating { height: 136px; }.AV-call-detached.avcall-pip-mode .AV-call-wrapper.AV-call-mute-banner.AV-call-scrnshare-ind { height: 165px; }.AV-call-detached.avcall-pip-mode .AV-call-wrapper.AV-call-mute-banner.AV-call-migrating.AV-call-scrnshare-ind { height: 178px; }.avcall-pip-mode.AV-call-main-switch-wrapper .AV-call-wrapper.AV-call-mute-banner.AV-call-scrnshare-ind { height: 259px; }.avcall-pip-mode .AV-call-audio-only.AV-call-recording .AV-call-miniplayer-header-cnt { left: 18px; }.avcall-pip-mode .AV-call-audiovideo.AV-call-recording .AV-call-miniplayer-header-cnt { left: 10px; }.avcall-pip-mode .AV-call-audio-only .AV-call-section,.avcall-pip-mode .AV-call-audio-only .AV-call-main .AV-call-statuscnt {display: none;}.avcall-pip-mode .AV-call-audio-only .AV-call-main { border: 5px solid #000; width : 100%; height : 100% }.avcall-pip-mode .AV-call-audio-only .AV-call-top { background: transparent; }.avcall-pip-mode .AV-call-audio-only.AV-call-wrapper { width: 100%; height : 100%; }.avcall-pip-mode .AV-call-audio-only .AV-call-top { position: unset; }.audio-huddle .avcliq-pip-container, .smartconf-wrap .avcliq-pip-container { z-index: 3; }.zc-av-header-box { position: relative; height: 22px; font-size: 12px; border-radius: 4px; padding: 3px 5px; background: rgba(0, 0, 0, 0.37); }.zc-av-warning-icon .AV-call-warning { margin: 0; cursor: pointer; }.zc-av-warning-icon { background: none !important; }.zc-av-popup { position: absolute; background-color: var(--bg-color-3); box-shadow: 0px 2px 8px var(--box-shadow-color2); z-index: 1000; border-radius: 5px; color : var(--color-main) }.zc-av-popup.zc-av-warning-popup { padding: 10px 15px; width: 440px; line-height: 22px; white-space: normal; }.smartconf-wrap .zc-av-warning-icon .AV-call-warning,.huddle-wrp .zc-av-warning-icon .AV-call-warning { width: 20px; height: 20px; font-size: 11px; }.smartconf-wrap .zc-av-warning-icon,.huddle-wrp .zc-av-warning-icon { margin-right: 5px; }.smartconf-miniplayer .zc-av-warning-icon { margin: 0 0 0 8px; }.AV-call-audio-only .AV-call-info .zc-av-warning-icon { display: none; }.AV-call-audiovideo-wrapper:not(.AV-call-detached) .zc-av-warning-popup{ z-index: 1001; }.avcliq_track_ended_info .mcontent_txt_con { margin-bottom: 0; }.AV-call-audiovideo-wrapper:not(.avcall-pip-mode) .AV-call-audiovideo:not(.AV-call-window-active) .AV-call-miniplayer-header-cnt,.AV-call-audiovideo-wrapper:not(.avcall-pip-mode) .AV-call-audiovideo:not(.AV-call-window-active):not(.AV-call-fullscrn) .AV-call-options,.AV-call-audiovideo:not(.AV-call-window-active).AV-call-fullscrn .AV-call-switch-con,.AV-call-audiovideo:not(.AV-call-window-active) .AV-call-info,.AV-call-audiovideo:not(.AV-call-window-active) .AV-call-ssfullscrn-optn { opacity: 0; visibility: hidden; transition : all .3s; }.AV-call-new-header { height: 42px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 0 26px 0 14px; z-index: 2; }.AV-call-new-footer { height: 56px; border-top: 1px solid rgba(255, 255, 255, 0.15); justify-content: center; }.AV-call-new-header, .AV-call-new-footer { display: flex; align-items: center; background: #051F26; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13); flex-shrink: 0; }.AV-call-section { display: flex; flex-direction: column; }.AV-call-videowrapper { position: relative; flex-grow: 1; }.AV-call-fullscrn .AV-call-new-footer .AV-call-options { position: static; opacity: 1; visibility: visible; transform: unset; }.AV-call-newbox { background: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; height: 26px; line-height : 26px; min-width: 26px; display: flex; align-items: center; justify-content: center; font-size: 14px; }.AV-call-initial .AV-call-miniplayer-header-cnt,.AV-call-audio-only .AV-call-miniplayer-header-cnt .zcf-maximize,.AV-call-audio-only .AV-call-miniplayer-header-cnt .AV-recording-indicator,.AV-call-container .AV-call-fullscrn .AV-call-miniplayer-header-cnt,.AV-call-audiovideo.AV-call-fullscrn .zc-av-mute-banner,.AV-call-container.AV-call-detached .AV-call-new-header,.AV-call-container.AV-call-detached .AV-call-new-footer,.AV-call-audiovideo:not(.AV-call-fullscrn) .AV-call-ssfullscrn-optn,.AV-call-initial .AV-call-ssfullscrn-optn,.AV-call-audiovideo .AV-call-subview .AV-call-ssfullscrn-optn,.AV-call-audiovideo .AV-call-subview-2 .AV-call-ssfullscrn-optn { display: none; }.AV-call-detached:not(.avcall-pip-mode) .AV-call-audio-only .AV-call-subtimer { position: absolute; top: 9px; left: 110px; z-index: 1; }.AV-call-detached .AV-call-audiovideo .AV-call-miniplayer-header-cnt { position: absolute; top: 11px; left: 11px; }.AV-call-detached .AV-call-audiovideo .AV-call-miniplayer-header-cnt .zcf-maximize,.AV-call-detached .AV-call-audiovideo .AV-call-miniplayer-header-cnt .AV-call-subtimer,.AV-call-detached.avcall-pip-mode .AV-call-miniplayer-header-cnt .AV-call-subtimer,.AV-call-detached .AV-call-miniplayer-header-cnt .AV-recording-indicator { background-color: rgba(0,0,0,0.8); border-radius: 6px; }.AV-call-audio-only-wrapper.avcall-pip-mode .AV-call-miniplayer-header-cnt .AV-call-subtimer,.AV-call-audio-only-wrapper.avcall-pip-mode .AV-call-miniplayer-header-cnt .AV-recording-indicator,.AV-call-audiovideo .AV-call-miniplayer-header-cnt .AV-call-subtimer,.AV-call-audiovideo-wrapper .AV-call-miniplayer-header-cnt .AV-recording-indicator { margin-left: 8px; height: 30px; line-height: 31px; }.AV-call-wrapper .hudl-aside { display: none; position: absolute; right: 0; top: 42px; height: calc(100% - 98px); z-index: 0; }.AV-call-fullscrn.show-aside .AV-call-videowrapper { width: calc(100% - 350px); }.AV-call-wrapper.show-aside .hudl-aside { display: block; width: 350px; visibility: visible; }.AV-call-audiovideo.AV-call-fullscrn .AV-call-videowrapper { padding: 3px 0px 3px 3px; }.AV-call-audiovideo.AV-call-fullscrn .AV-call-videocontainer { top: unset; left: unset;}.AV-call-audiovideo.AV-call-fullscrn .AV-call-mainview,.AV-call-audiovideo.AV-call-fullscrn .AV-call-mainview-2 { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; margin-right: 3px; }.AV-call-audiovideo.AV-call-fullscrn .AV-call-mainview .AV-call-videocontainer,.AV-call-audiovideo.AV-call-fullscrn .AV-call-mainview-2 .AV-call-videocontainer { background: rgba(0,0,0,0.4); border-radius: 6px; }.AV-call-ssfullscrn-optn { position: absolute; top: 0px; right: 0px; height: 30px; width: 34px; font-size: 14px; cursor: pointer; transition: background .2s; background-color: rgba(0,0,0,0.6); border-radius: 0px 6px; z-index: 1; }.AV-call-ssfullscrn-optn.guideflow_hovered { background-color: rgba(0, 0, 0, 1); }.AV-call-audio-only-wrapper:not(.avcall-pip-mode) .AV-call-miniplayer-header-cnt .AV-recording-indicator,.AV-call-audio-only-wrapper.avcall-pip-mode .AV-call-right .AV-recording-indicator,.AV-call-audiovideo-wrapper .AV-call-right .AV-recording-indicator,.AV-call-initial .zc-av-miniplayer-scrnsharebox,.AV-call-audiovideo.AV-call-fullscrn .zc-av-miniplayer-scrnsharebox { display: none !important; }.AV-call-detached .AV-call-audiovideo .AV-call-miniplayer-header-cnt .zcf-maximize.guideflow_hovered { background-color: #5c5c5c; }.AV-call-options .AV-call-box.guideflow_hovered { z-index: 3; }.zc-av-stop-icon { width: 10px; height: 10px; border: 1px solid #FFF; border-radius: 2px; }.zc-av-stop-blink { position: relative; width: 55px; height: 20px; border-radius: 4px; background: linear-gradient(149.6deg, #FF5A96 -19.96%, #FF2640 105.98%), #EF5364; }.zc-av-scrnsharebox { height: 38px; background-color: rgba(0,0,0,0.3); border-radius: 6px; padding: 0 10px; color: rgba(255,255,255,0.5); }.zc-av-miniplayer-scrnsharebox { background: #000; height: 45px; border-top-left-radius: 0px; border-top-right-radius: 0px;}.zc-av-stop-blink:before,.zc-av-stop-blink:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 4px; z-index: -1; animation: zc-av-stop-blink-anim 1.5s linear infinite forwards; background: linear-gradient(149.6deg, #FF5A96 -19.96%, #FF2640 105.98%), #EF5364; }.zc-av-stop-blink:after { animation-delay: 0.5s; }.zc-av-stop-cnt.guideflow_hovered .zc-av-stop-blink:before,.zc-av-stop-cnt.guideflow_hovered .zc-av-stop-blink:after { animation: none; }.zc-av-mutebox { background-color: rgba(239, 83, 100, 0.3); height: 34px; border-radius: 4px; padding: 0 12px; color: #fff; }.zc-av-close { width: 20px; height: 20px; background-color: #000; border-radius: 100%; font-size: 10px; margin-left: 6px; }@keyframes zc-av-stop-blink-anim {	0% { transform: scale(1); } 	25% { transform: scale(1.1); opacity: 0.4; }	50% { transform: scale(1.4);  opacity: 0.3; }	75% { transform: scale(1.5); opacity: 0.2; }	100% { transform: scale(1.6); opacity: 0.1; }}.AV-call-audiovideo.AV-call-fullscrn .zc-av-scrnsharebox { position: absolute; left: 58%; z-index: 0; }.AV-call-detached:not(.avcall-pip-mode) .zc-av-miniplayer-scrnsharebox { height: 36px; }.AV-call-detached .zc-av-miniplayer-scrnsharebox .zc-av-screenshare-content { font-size: 14px; }@keyframes avRippleError {    0% { box-shadow: 0 0 0 0px #f05e5e87; }    100% { box-shadow: 0 0 0 12px #f05e5e00; }}.zc-av-speech-ind .avcliq-speech-anim { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; border-radius: inherit; background-color: #ef5363; box-shadow: 0 0 0px 5px rgb(239 83 99 / 40%); }.zc-av-speech-ind .avcliq-speech-anim:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: inherit; animation-delay: 0.5s; }.zc-av-speech-ind .avcliq-speech-anim,.zc-av-speech-ind .avcliq-speech-anim:after { animation: avRippleError 1.5s linear infinite; }.zc-av-speech-ind .AV-call-box.zcf-mic-mute:before { position: relative; z-index: 1; color: #fff; }.zc-av-speech-ind .avcliq-helptip { display: block; }.zc-av-speech-ind .zcf-mic-mute:after { display: none; }.avcliq-helptip { background-color: #000; color: #fff; font-size: 14px; border-radius: 4px; position: absolute; padding: 11px 12px; text-align: center; max-width: 450px; z-index: 2; transform: translateX(-50%); left: 50%; bottom: calc(100% + 20px); width: 325px; line-height: 18px; }.avcliq-helptip:after { content: ""; border-width: 7px 7px 0 7px; border-color: #000 transparent transparent; border-style: solid; position: absolute; transform: translateX(-50%); left: 50%; bottom: -7px; }.avcliq-setting.modalwindow { width: 1100px; border-radius: 5px; }.avcliq-setting-lhs { width: 220px; border-right: 1px solid var(--color-divider); padding: 16px 20px; }.avcliq-setting-main { color: var(--color-main); align-items: stretch; }.avcliq-setting > div:not(.zcbg_mask) { height: calc(100vh - 100px); max-height: 730px; }.avcliq-setting.modalwindow .mheader { padding: 0; margin: 0; border: none; }.avcliq-setting .mheader .cclose { right: 12px; top: 9px; font-size: 12px; }.zcl-win-subcategory.conf-config {background-color: var(--color-hover1);border: 1px solid var(--color-divider);border-left: none;border-top-right-radius: 5px;height: 54px;font-size: 16px;}.avcliq-setting-lhs .zcl-img.zcf-video-blur { font-size: 18px; }.avcliq-setting-main .zcl-card { margin: 0; box-shadow: none; background-color: var(--default-bg-color); } .avcliq-setting-main .zcl-card-head { background-color: var(--color-hover1); border: 1px solid var(--color-divider); border-left: none; border-top-left-radius: 0; } .avcliq-setting-main .zcl-tip-box.ftr-tip { border: 1px dashed var(--btn-secondary-border); background-color: var(--color-hover3); margin: 30px 36px; border-radius: 4px; display: inline-flex; } .avcliq-setting-main .zcl-card[type="recording"] { margin-top: 20px; }.avcliq-video-muted .avcliq-mirror-toggle { pointer-events: none; cursor: default; opacity: 0.5; }.smartconf-video-effects-preview , .avcliq-video-effects-preview { padding: 10px; background-color: rgba(0,0,0,0.2); height: 35%; min-height: 200px; }.smartconf-video-effects-videocnt, .avcliq-video-effects-videocnt { width: 386px; height: 100%; background-color: #000; border-radius: 6px; padding: 4px;}.smartconf-effect-edited .smartconf-video-effects-ftr, .avcliq-effect-edited .avcliq-video-effects-ftr { display: flex; }.smartconf-video-effects-opt, .avcliq-video-effects-opt { position: absolute !important; right: 10px; bottom: 10px; width: 45px; height: 45px; padding: 5px; }.smartconf-video-effects-opt .smartconf-btn, .avcliq-video-effects-opt .avcliq-btn { font-size: 29px; }.smartconf-preview-effects-popup.zcl-popup, .avcliq-preview-effects-popup.zcl-popup { width: 382px; background-color: #17202A; max-height: 400px; }.smartconf-preview-effects-popup-hdr .zcl-hor-tab-item, .avcliq-preview-effects-popup-hdr .zcl-hor-tab-item { max-width: 50%; }.smartconf-preview-effects-popup-hdr .zcl-popup .zcl-close, .avcliq-preview-effects-popup-hdr .zcl-popup .zcl-close { right: 5px; left: 5px; }.smartconf-preview-effects-popup-subhdr, .avcliq-preview-effects-popup-subhdr { font-size: 13px; color: #778491; }.smartconf-preview-effects-seasonal-ind, .avcliq-preview-effects-seasonal-ind { color: #FFBD3E; }.smartconf-preview-effects-popup-seasonal .zc-av-video-effects-list, .avcliq-preview-effects-popup-seasonal .zc-av-video-effects-list { margin-top: 12px; }.avcliq-preview-video-container { height: 310px; width: 367px; flex-shrink: 0; background-color: rgba(0,0,0,0.1); border-radius: 6px; padding: 10px 12px 12px; }.avcliq-preview-video { overflow: hidden; position: relative; background-color: #000; border-radius: 8px; width: 100%; height: 100%}.avcliq-userimg { width: 100%; height: 100%; border-radius: 100%; z-index: 1; text-align:center; }.avcliq-userimg img { width: 100%; height: 100%; border-radius: inherit; object-fit: contain; }.avcliq-preview-main-settings {width: 880px; min-height: 350px;}.avcliq-preview-main-settings .avcliq-userimg img { width: 60px; height: 60px; }.avcliq-video-muted .avcliq-userimg{ display: block; }.avcliq-video-muted video { display: none; }.avcliq-preview-main-settings .avcliq-video-muted .avcliq-userimg { display: flex; }.ZCdrag{ cursor:move;}.zc-av-halignC { position: absolute; left: 0; right: 0; margin: auto; } .zc-av-wh100 { width: 100%; height: 100%; } .zc-av-h100 {height: 100%;} .zc-av-w50 { width: 50%; } .zc-av-w100 { width: 100%; } .zc-av-bdrI {border-radius: inherit; }.zc-av-alignM { position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; } .zc-av-flex { display: flex; }.zc-av-flexG { flex-grow: 1; }.zc-av-flexW { flex-wrap: wrap; }.zc-av-flexIC{ display: inline-flex; align-items: center; }.zc-av-flexC { display: flex; align-items: center; }.zc-av-flexM { display: flex; align-items: center; justify-content: center; }.zc-av-flex-col { display: flex; flex-direction: column; }.zc-av-justifyE { justify-content: flex-end; }.zc-av-justifySB { justify-content: space-between; }.zc-av-alignselfE { align-self: flex-end; }.zc-av-fshrink { flex-shrink: 0; }.zc-av-flx1 { flex: 1; }.zc-av-fdirC, .zc-av-flx-dirC { flex-direction: column; }.zc-av-dN { display: none; }.zc-av-hide { display: none !important; }.zc-av-zindex1 { z-index: 1; }.zc-av-ovrflwH { overflow: hidden; }.zc-av-ovrflwA { overflow-x: hidden; overflow-y: auto; }.zc-av-mT1 { margin-top: 1px; }.zc-av-mT2 { margin-top: 2px; }.zc-av-mT5 { margin-top: 5px; }.zc-av-mT10 { margin-top: 10px; }.zc-av-mT12 { margin-top: 12px; }.zc-av-mT14 { margin-top: 14px; }.zc-av-mT15 { margin-top: 15px; }.zc-av-mT16 { margin-top: 16px; }.zc-av-mT20 {margin-top: 20px;}.zc-av-mT24 {margin-top: 24px;}.zc-av-mT30 {margin-top: 30px;}.zc-av-mT65 { margin-top: 65px; }.zc-av-mB4 { margin-bottom: 4px; }.zc-av-mB10 { margin-bottom: 10px; }.zc-av-mB12 { margin-bottom: 12px; }.zc-av-mAuto { margin: auto; }.zc-av-mLA { margin-left: auto; }.zc-av-mL0 { margin-left: 0px; }.zc-av-mL3 { margin-left: 3px; }.zc-av-mL4 { margin-left: 4px; }.zc-av-mL5 { margin-left: 5px; }.zc-av-mL10 { margin-left: 10px; }.zc-av-mL12 { margin-left: 12px; }.zc-av-mL15 { margin-left: 15px; }.zc-av-mL20 { margin-left: 20px; }.zc-av-mL6 { margin-left: 6px; }.zc-av-mR2 { margin-right: 2px; }.zc-av-mR4 { margin-right: 4px; }.zc-av-mR6 { margin-right: 6px; }.zc-av-mR7 { margin-right: 7px; }.zc-av-mR8 { margin-right: 8px; }.zc-av-mR10 { margin-right: 10px; }.zc-av-mR15 { margin-right: 15px; }.zc-av-mR20 { margin-right: 20px; }.zc-av-mR30 { margin-right: 30px; }.zc-av-mLR40 { margin: 0 40px; }.zc-av-mTB20 { margin: 20px 0; }.zc-av-pTB10 { padding: 10px 0; }.zc-av-pLR10 { padding: 0 10px; }.zc-av-pLR16 { padding: 0 16px; }.zc-av-pLR20 { padding: 0 20px; }.zc-av-pLR30 { padding: 0 30px; }.zc-av-pLR36 { padding: 0 36px; }.zc-av-pLR24 { padding: 0 24px; }.zc-av-textC { text-align: center; }.zc-av-textR { text-align: right; }.zc-av-textL { text-align: left; }.zc-av-font8 { font-size: 8px; }.zc-av-font12 { font-size: 12px; }.zc-av-font13 { font-size: 13px; }.zc-av-font14 { font-size: 14px; }.zc-av-font15 { font-size: 15px; }.zc-av-font16 { font-size: 16px; }.zc-av-font17 { font-size: 17px; }.zc-av-font18 { font-size: 18px; }.zc-av-font20 { font-size: 20px; }.zc-av-font22 { font-size: 22px; }.zc-av-fontB { font-weight: bold; }.zc-av-line1 { line-height: 1; }.zc-av-line18 { line-height: 18px; }.zc-av-line19 { line-height: 19px; }.zc-av-line20 { line-height: 20px; }.zc-av-line22 { line-height: 22px; }.zc-av-line26 { line-height: 26px; }.zc-av-clrW { color: #fff; }.zc-av-clrW-lite { color: #fff9; }.zc-av-clrLB { color: #5AD7FF; }.zc-av-clr-S {color: #AFB3B7; }.zc-av-gap10 { gap: 10px; }.zc-av-curP { cursor: pointer; }.zc-av-curD { cursor: default; }.zc-av-posabs { position: absolute; }.zc-av-posrel { position: relative; }.zc-av-alignselfS{align-self: stretch;}.zc-av-posabs { position: absolute; }.zc-av-zindex1 { z-index: 1; }.zc-av-hdrline { position: relative; padding-bottom: 10px; }.zc-av-hdrline:after { content: ""; width: 20px; position: absolute; border-bottom: 2px solid var(--color-theme); left: 0; bottom: 0; }.zc-av-ellips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.zc-av-ellips-L3 { max-height: 60px; font-size: 14px; overflow: hidden; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; word-wrap: break-word; }.zc-usr-img-cnt .touranim { height: 0; width: 0; z-index: -1; background-color: #76b2e1; }.zc-usr-img-cnt { width: 90px; height: 90px; background-color: #fff; }.zc-bffr-ldr { width: 70px; height: 60px; z-index: 1; }.zc-bffr-ldr .zc-buffer-loader .zc-buffer-loader-bar { background-color: #fff; }.zc-vhcenter { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }.zc-bdrR100 { border-radius: 100%; } .zc-wh100 { width: 100%; height: 100%; }.zc-av-text-nosel { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }.zc-av-bg-success { background: linear-gradient(141.8deg, #A2D375 -18.19%, #14B474 130.57%); color: #fff; }.zc-av-zcpseudo-bg:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; }.zc-av-pattern-bg:after { background: url(https://html-assets-prod.guideflow.com/7ac9bf2398959e2ae917c72a1bdfd5242d8df398) no-repeat; background-blend-mode: overlay; background-color: var(--color-hover1); }.nite-mode .zc-av-pattern-bg:after,.zc-av-nite-mode .zc-av-pattern-bg:after { background-image: url(https://html-assets-prod.guideflow.com/5ab8c9b21f4d70a23cb05ff3b237269fd5d1871c); opacity: 0.25; }.zc-av-impulse { position: absolute; height: 100%; width: 100%; border-radius: 50%; background-color: #76b2e1; }.zc-av-impulse:before, .zc-av-impulse:after { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; background-color: inherit; }.zc-av-impulse:before { animation: zc-av-impulse-outer 2s none 0.65s infinite; }.zc-av-impulse:after { animation: zc-av-impulse-inner 2s infinite; animation-delay: 1s; }@keyframes zc-av-impulse-outer { 0% {transform:scale(1); } 100% {transform:scale(1.2); opacity:0;} }@keyframes zc-av-impulse-inner { 0% { transform:scale(1); } 100% { transform:scale(1.1); opacity:0; } }.zc-usr-img-cnt .touranim {height : 0; width: 0; z-index: 0; background-color: #cbcbcb;}.zc-usr-img-cnt {width: 60px;height: 60px;background-color: #fff;}.zc-usr-img-cnt img { z-index:1; position: relative; object-fit: cover; }.touranim { height: 26px; width: 26px; border-radius: 50%; position: absolute; top: 0; bottom:0; left: 0; right:0; margin: auto; z-index: 1; background-color:#5e74ec; } .touranim:before, .touranim:after { position: absolute; content:''; height: 100%; width: 100%; border-radius: 50%; top: 0; left: 0; background-color:inherit; animation: hotspot 1.3s ease-in-out infinite;} .touranim:after { animation-delay : 0.2s;}.zc-av-mL10 { margin-left: 10px; }.zc-av-send { position: absolute; right: 10px; top: 10px; font-size: 15px; color: #AFB3B7; opacity: 0.5; }.zc-av-rejecbox-hdr { display: flex; align-items: center; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }.zc-av-rejecbox-hdr .zc-av-usr-img {width: 54px;height: 54px;border-radius: 50%;margin-right: 12px;border: 4px solid rgba(255, 255, 255, 0.2);}.zc-av-rejecbox-cont {background: radial-gradient(73.33% 73.33% at 90% 19.58%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(107.82deg, #11182C 0.6%, #1A4F5A 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.0894067), rgba(0, 0, 0, 0.0894067)), linear-gradient(0deg, rgba(80, 40, 5, 0.382303), rgba(80, 40, 5, 0.382303));background-blend-mode: overlay, normal, normal, normal, normal;box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.502814);border-radius: 10px;color: #fff;width: 380px;display: flex;flex-direction: column;font-size: 14px;position: absolute;top: -8px;right: -8px;font-family: Lato, sans-serif;z-index: 1000;}.zc-av-rejectbox-input:focus + .zc-av-send { opacity: 1; color: #3DC2AC; } .zc-av-rejecbox-main input.zc-av-rejectbox-input {border: 1px solid #38485A;background-color: #15202b !IMPORTANT;color: #fff;}.zc-av-rejecbox-main .zc-av-rejectbox-input:focus { border-color: #3DC2AC; }.zc-av-rejecbox-main {background-color: rgba(0, 0, 0, 0.22);border-radius: 0 0 10px 10px;padding: 10px 0 10px 0;}.zc-av-rejectbox-input {width: 100%;border: 1px solid #38485A;height: 36px;padding: 0 40px 0 10px;border-radius: 4px;font-size: 14px;cursor: text;background-color: #15202b;}.zc-av-call-hdrline { position: relative; padding-bottom: 10px; } .zc-av-call-hdrline:after { content: ""; width: 20px; position: absolute; border-bottom: 2px solid #3DC2AC; left: 0; bottom: 0; } .zc-av-list { min-height: 32px; padding: 7px 16px; }.zc-av-list.guideflow_hovered, .zc-av-list:active { background-color: rgba(0,0,0,0.4); }.zc-av-topband { position: relative; flex-shrink: 0; width: 100%; height: 40px; font-size: 15px; z-index: 1; line-height: normal; padding: 0 10px; color: #fff; background: linear-gradient(0deg, rgba(48, 156, 180, 0.8), rgba(48, 156, 180, 0.8)), #3B84B3; }.zc-av-tb-icon { flex-shrink: 0; margin-right: 8px; font-size: 14px; }/*.zc-av-tb-short-content {}.zc-av-tb-short-cut {}*/.zc-av-tb-link { display:  inline-flex; font-size: 14px; cursor: pointer; border-bottom: 1px dashed #fff; }.zc-av-tb-link.guideflow_hovered { border-color: transparent; }.zc-av-tb-close-opt { position: absolute; right: 13px; top: 9px; width: 22px; height: 22px; font-size: 7px; border-radius: 50%; cursor: pointer; color: rgba(255, 255, 255, 0.7); background-color: #3aaec6; }.zc-av-tb-close-opt.guideflow_hovered { color: #fff; }[class*="zcl-"] .zc-av-reqprocess_anim:after,[class*="zcl-"].zc-av-reqprocess_anim:after { border: 3px solid var(--btn-secondary-border); border-right: 3px solid var(--color-theme) !important; }[class*="--primary"] .zc-av-reqprocess_anim:after,[class*="--primary"].zc-av-reqprocess_anim:after { border-right: 3px solid #fff !important; } [class*="-neg--secondary"] .zc-av-reqprocess_anim:after,[class*="-neg--secondary"].zc-av-reqprocess_anim:after { border-right-color: var(--btn-neg-secondary-border) !important; }.zc-av-reqprocess_anim[class*="zcl-btn-"] { display: flex; color: transparent; }.zc-av-reqprocess_anim[class*="zcl-btn-"]>* {  opacity: 0; }.zc-av-reqprocess_anim:after { content: ''; height: 17px; width: 17px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 50%; z-index: 1; border: 2px solid #fff; border-right: 2px solid transparent !important; animation: zc-av-loader 1s linear infinite; }.zc-av-reqprocess_anim { pointer-events: none; display: inline-block; }@keyframes zc-av-loader { 100% { transform: rotate(360deg)}}