@font-face {    font-family: 'Lato';    font-weight: 100;    font-style: normal;    font-display: swap;    src: local('Lato Hairline'), local('Lato-Hairline'), url('/webfonts/latohairline/font.woff2') format('woff2'), url('/webfonts/latohairline/font.woff') format('woff');}@font-face {    font-family: 'Lato';    font-weight: 300;    font-style: normal;    font-display: swap;    src: local('Lato Light'), local('Lato-Light'), url('/webfonts/latolight/font.woff2') format('woff2'), url('/webfonts/latolight/font.woff') format('woff');}@font-face {    font-family: 'Lato';    font-weight: 400;    font-style: normal;    font-display: swap;    src: local('Lato Regular'), local('Lato-Regular'), url('/webfonts/latoregular/font.woff2') format('woff2'), url('/webfonts/latoregular/font.woff') format('woff');}@font-face {    font-family: 'Lato';    font-weight: 700;    font-style: normal;    font-display: swap;    src: local('Lato Bold'), local('Lato-Bold'), url('/webfonts/latobold/font.woff2') format('woff2'), url('/webfonts/latobold/font.woff') format('woff');}@font-face { 	font-family: "hpFont"; 	src: url('/chat/source/officechat/images/fonts/huddle/hpfont.5163a141f7f07bcaaa6017864d231737.eot') format('eot'), 		 url('/chat/source/officechat/images/fonts/huddle/hpfont.53536512d065b29fb78f8e928196d288.woff') format('woff'), 		 url('/chat/source/officechat/images/fonts/huddle/hpfont.574093438d7ba45462725e8fafca8c60.ttf') format('truetype'), 		 url('/chat/source/officechat/images/fonts/huddle/hpfont.14f51c6352e12c1ba9ebc00fc5f44a2d.svg') format('svg'); 	font-weight: normal; 	font-style: normal;} [class^="hpf-"]:before, [class*=" hpf-"]:before { font-family:hpFont; font-weight:normal; font-style: normal; font-size:0.9em; text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body { font-family: Lato, sans-serif; } * { margin: 0; padding: 0; outline: none; }.zc-av-flexC { display: flex; align-items: center; }.zc-av-hdrline { position: relative; padding-bottom: 10px; } .zc-av-hdrline:after { content: ""; width: 20px; position: absolute; border-bottom: 2px solid #F2A040; left: 0; bottom: 0; } .zc-av-font22 { font-size: 22px; } .zc-av-mT20 { margin-top: 20px; }.zc-av-font16 { font-size: 16px; } .zc-av-line26 { line-height: 26px; }.huddle-particpnt-con { position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background-color: var(--cnf-theme-bg-2); overflow: auto; } .huddle-particpnt-section {position: relative;display: flex;justify-content: center;height: 100%;overflow: hidden;} .huddle-particpnt-main {flex-grow: 1;padding: 3.5% 6%;overflow: auto;} .huddle-particpnt-aside { position: relative; min-width: 345px; width: 40%; background-color: rgba(0, 0, 0, 0.3); }.huddle-particpnt-aside:after { content: ""; position: absolute; bottom: -2px; left: 3px; right: 3px; } .hp-imgbox { width: 46px; height: 46px; background-color: rgba(19, 28, 38, var(--cnf-theme-opacity)); color: var(--cnf-theme-color); border-radius: 8px; font-size: 30px; }.hp-imgbox .hp-img { width: 100%; height: 100%;  border-radius: 6px; }.hp-imgbox .hp-img.hp-calendar { width: 26px; height: 24px; border-radius: 0; }.hp-imgbox.hp-imgbox-host { filter: drop-shadow(0 0 3px rgb(0 0 0 / 50%)); background: transparent; box-shadow: none; } .hp-status { display: inline-block; background-color: #263849; border-radius: 4px; font-size: 14px; height: 22px; line-height: 22px; padding: 0 14px; margin-left: 15px; vertical-align: middle; }.hp-title { font-weight: 600; font-size: 15px; color: rgba(255,255,255,0.5); }.hp-host-info { font-size: 18px; color: #778191; margin: 14px; text-align: center; } .hp-wavehand { display: inline-block; width: 26px; height: 26px; margin-left: 5px; background: url(images/wavehand.svg) no-repeat; } .hp-box {width: 30px;height: 30px;border-radius: 50%;background-color: #0000;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;cursor: pointer;transition: all .3s;} .hp-box:hover, .hp-box.active { background-color: #304D6F; color: #81B6F3; } .hp-timer-con {position: relative; flex-shrink: 0; border-radius: 6px; padding: 45px 5px; } .huddle-particpnt-con:not(.waitingroom-huddle-minimize) .hp-timer-con:after { content: ""; position: absolute; bottom: 0; border: 1px dashed #41485E; left: 16px; right: 14px; }.hp-timer-item { position: relative; padding: 0 5%; } .hp-timer-box { width: 77px; height: 75px; background-color: rgba(0, 0, 0, 0.5); color: var(--cnf-theme-color); border-radius: 6px; font-size: 30px; font-weight: bold; }.hp-timer-label { text-align: center; margin-top: 8px; color: #778891; font-weight: bold; font-size: 13px; text-transform: capitalize; } .hp-timer-colon { width: 3px; position: absolute; right: 0.5px; top: 13px; color: #778491; font-size: 34px; line-height: normal; } .hp-form-cnt .hp-btn, .waitingroom-huddle-minimize .hp-btn { background-color: var(--cnf-theme-color); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 13px 20px; font-size: 20px; font-weight: bold; width: 100%; cursor: pointer; transition: all .3s; color: #fff; position: relative; border: 1px solid #0000; max-width: 235px; }.hp-btn:hover { opacity: 0.9; } .hp-btn.disabled { opacity: 0.3; pointer-events: none; } .hp-form-con {padding: 20px 7% 30px;flex-direction: column;width: 100%;} .hp-form-item {margin-bottom: 25px;width: 100%; max-width: 350px; } .hp-form-input.zcl-input, .hp-form-input.zcl-textarea { height: 40px; background-color: var(--cnf-theme-bg-1); color: #fff; border: 1px solid var(--cnf-theme-divider); font-size: 16px; }.hp-form-input.error { border-color: #F24B4B; } .hp-form-input.zcl-textarea { height: 100px; }.hp-systemview-popup { bottom: 24px; background-color: #000; border-color: #000; border-radius: 8px; right: 0; height: 240px; } .hp-viewmore-link { color: #5AD7FF; text-align: right; padding-right: 12px; width: 130px; font-size: 17px; cursor: pointer; position: absolute; right: 0; bottom: 0; background: linear-gradient(-90deg,#1f3651 80%, transparent); display: none; } .hp-viewmore-link:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-style: dashed; } .ellips-L2 .hp-viewmore-link { display: block; } .hp-attach-list { display: flex; overflow: hidden; gap: 8px; } .hp-attach-navbtn { background-color: rgba(0,0,0,0.4); height: 50px; border-radius: 3px; font-size: 14px; width: 20px; flex-shrink: 0; color: var(--color-main); cursor: pointer; } .hp-attach-navbtn:hover { background-color: rgba(0,0,0,0.6); } .hp-attach-navbtn.disabled { opacity: 0.5; pointer-events: none; }.hp-attach-list .event-attach-item { width: 180px; }.hp-count { background: rgba(0,0,0,0.2); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; font-size: 12px; }.waiting-room-wave { width: 200px; height: 200px; border-radius: 100%; } .waiting-room-wave-inner { position: relative; width: 105px; height: 105px; background: rgba(255, 255, 255, 0.05); border-radius: 100%; } .waiting-room-wave-inner .waiting-room-wave-img { width: 90px; }.waiting-room-wave-inner:before,.waiting-room-wave-inner:after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; background-color: inherit; } .waiting-room-wave-inner:before,.waiting-room-wave-inner:after { animation: ripplewave 2.5s linear infinite; } .waiting-room-wave-inner:after { animation-delay: 0.6s; } @keyframes ripplewave { 0%,30% { transform:scale(1); } 100% { transform: scale(2.5); opacity:0;} }.waiting-room-title { height: 36px; padding-inline: 10px; background-color: rgba(19, 28, 38, var(--cnf-theme-opacity)); border-radius: 4px; font-size: 16px; }.waiting-room-close, .waiting-room-back { width: 36px; height: 36px; background-color: rgba(19, 28, 38, var(--cnf-theme-opacity)); color: #8999A6; cursor: pointer; z-index: 1; }.waiting-room-back { font-size: 12px; border-radius: 4px; margin-right: 10px; } .waiting-room-close { position: absolute; top: 20px; right: 14px; border-radius: 6px; font-size: 14px; }.waiting-room-loader { height: 120px; width: 120px; background-color: #22232b; border-radius: 50%; font-size: 56px; color: #6ca534; animation: rotate 2s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 80% { transform: rotate(120deg); } 100% { transform: rotate(360deg); } }.smartconf-guestname-field.smartconf-guestname-invalid .hp-form-input { border-color: #EF5364 }.smartconf-guestname-field.smartconf-guestname-invalid .smartconf-guestname-invalid-cnt { display: flex; color: #EF5364; }.huddle-particpnt-con.waitingroom-huddle-minimize { width: 500px; height: 104px; padding: 10px 12px; background-color: var(--cnf-theme-bg-4); border: 1px solid var(--cnf-theme-divider); border-radius: 8px; left: auto; right: 10px; top: 100px; overflow: unset; z-index: 999; } .waitingroom-huddle-minimize .huddle-particpnt-aside { width: 190px; height: 82px; margin: 0; min-width: auto; flex-shrink: 0; background-color: var(--cnf-theme-bg-1); border-radius: 6px; overflow: hidden; } .waitingroom-huddle-minimize .huddle-participant-title { padding: 0px 8px; height: 33px; background-color: var(--cnf-theme-bg-3); border-radius: 4px; } .waitingroom-huddle-minimize .waiting-room-close { height: 26px; width: 26px; font-size: 10px; top: -10px; right: -10px; z-index: 1; visibility: hidden; background-color: var(--cnf-theme-bg-3); border-radius: 50%; }.waitingroom-huddle-minimize .huddle-particpnt-section { padding: 0; overflow: hidden; } .waitingroom-huddle-minimize .huddle-particpnt-main { min-width: auto; flex-grow: 1; width: auto; padding: 0px 20px 0px 0px; display: flex; flex-direction: column; } .waitingroom-huddle-minimize .hp-timer-box { width: 36px; height: 36px; background-color: var(--cnf-theme-bg-3); font-size: 21px; }.waitingroom-huddle-minimize .hp-timer-item { padding: 0 7%; } .waitingroom-huddle-minimize .hp-timer-con { padding: 12px; }.waitingroom-huddle-minimize .hp-timer-colon { top: 0; line-height: 28px; } .waitingroom-huddle-minimize .waiting-room-back { height: 33px; width: 33px; background-color: var(--cnf-theme-bg-3); border-radius: 4px; margin-right: 7px; flex-shrink: 0; font-size: 15px; }.huddle-particpnt-con:hover .waiting-room-close { visibility: visible; }.waitingroom-huddle-minimize .waiting-room-loader { height: 34px; width: 34px; font-size: 18px; }.waitingroom-huddle-minimize .hp-btn { width: fit-content; padding: 0 16px; height: 40px; font-size: 15px; position: absolute; } .huddle-door-main { background: rgba(0, 0, 0, 0.793843); border: 2px solid #606A8C; border-left: none; box-shadow: 0px 0px 8px rgba(9, 11, 15, 0.160976); border-radius: 9px; padding: 2px 13px 2px 0; } .huddle-door-open .huddle-door { transform: perspective(135px) rotateY(5deg); } .huddle-noroom-txt { font-size: 16px; line-height: 30px; color: #AFB3B7; padding: 12%; text-align: center; } .huddle-oval-shadow { width: 182px; height: 7px; border-radius: 100%; background: rgba(56, 64, 90, 0.344706); margin-top: 30px; } .huddle-door { position: relative; width: 110px; height: 210px; background-color: var(--cnf-theme-bg-1); border: 2px solid #606A8C; box-shadow: 0px 0px 8px rgba(9, 11, 15, 0.160976); border-radius: 9px; } .guest-room-open .huddle-door-main { transform: scale(0.45,0.49); } .huddle-door:before,.huddle-door:after { content: ""; position: absolute; left: -7px; height: 35px; width: 11px; border: 1px solid #646C86; background-color: #353E51; border-radius: 0 4px 4px 0; } .huddle-door:before {top: 52px;} .huddle-door:after {top: 122px;} .huddle-door-lock { position: absolute; background: #161820; border: 1px solid #9EA7C6; border-radius: 7.5px; height: 30px; width: 15px; right: 12px; top: 70px; z-index: 2; } .huddle-housefull { background: #FFFFFF; border-radius: 3px; transform: rotate(-1deg); font-size: 10px; color: #DE3535; position: absolute; height: 24px; line-height: 24px; padding: 0 5px; font-weight: bold; top: 117px; right: -15px; width: 65px; text-align: center; text-transform: uppercase; } .huddle-door-lock:before,.huddle-door-lock:after { content: ""; position: absolute; } .huddle-door-lock:before { height: 6px; width: 1px; background-color: #9EA7C6; left: 6px; top: 5px; } .huddle-door-lock:after { width: 11px; height: 11px; border-radius:50%; bottom: 0px; background: linear-gradient(180deg, rgba(141, 149, 176, 0.0001) 0%, rgba(96, 106, 140, 0.633332) 100%); border: 1px solid #8D95B0; } .huddle-triangle { height: 28px; width: 38px; border-bottom: 1px solid #767F9A; position: absolute; top: 87px; right: 2px; transform: rotate(-1deg); z-index: 1; } .huddle-triangle:before,.huddle-triangle:after { content:""; position:absolute; height:28px; background-color: #767F9A; width:1px; } .huddle-triangle:before { transform: rotate(32deg) translate(7px, -2px); } .huddle-triangle:after { transform: rotate(-27deg) translate(-6px, -2px); right: 0; } .huddle-door-con {flex-direction: column;position: relative;} .hp-exit-help { font-size: 20px; line-height: 34px; color: #AFB3B7; margin-top: 30px; } .hp-exit-page { position: absolute; max-width: 555px; margin: auto; left: 50%; top: 40%; transform: translate(-50%,-50%); display: flex; align-items: center; flex-direction: column; text-align: center; color: #fff; } .hp-box-bg { width: 120px; height: 120px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1174); }.hp-btn.hp-btn-plain { background-color: var(--cnf-theme-color); border-radius: 22px; font-size: 16px; max-width: 160px; height: 44px; margin-top: 30px; } .hp-btn.hp-btn-plain:hover { color: var(--btn-primary-color); box-shadow: inset 0px 4px 50px var(--btn-primary-hover); }.huddle-door-con.guest-room-open {height: 140px;margin-bottom: 15px; transform: scale(1.6);}.guest-room-open .huddle-oval-shadow {position: absolute;bottom: 0px;width: 93px;height: 4px;} .hp-preview-main { background-color: rgba(21, 32, 43, var(--cnf-theme-opacity)); border-radius: 20px; }.hp-preview-main .smartconf-preview-video .smartconf-userimg { width: 80px; height: 80px; }.hp-link { color: #55A5E5; text-decoration: none; }.hp-link:hover { text-decoration: underline; } @keyframes hotspot {    30% {        transform: scale(1); opacity: 1;     }    100% {        transform: scale(2); opacity: 0;    }}.huddle-particpnt-con .hp-btn:not(.hp-waiting-btn) .reqprocess_anim,.media-requesting.hp-btn.hp-waiting-btn .reqprocess_anim { pointer-events: none;display: inline-block; }.huddle-particpnt-con .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: loader 1s linear infinite;}@keyframes loader{ 100% { transform: rotate(360deg) }}.media-requesting.hp-btn.hp-waiting-btn { pointer-events: none; }.media-requesting.hp-waiting-btn .hpf-getstart,.media-requesting.hp-waiting-btn .hp-btn-content{ visibility: hidden; }.hpf-owner:before { content:"\e902"; }.hpf-agenda:before { content:"\e908"; }.hpf-calendar:before { content:"\e907"; }.hpf-getstart:before { content: "\e900"; }.hpf-attachment:before { content:"\e909"; }.smartconf-mic-toggle.smartconf-mic-disabled .zc-av-zcl-switch { opacity: 0.5; cursor: default; }.smartconf-mic-toggle.smartconf-mic-disabled .zc-av-zcl-switch:hover ~ .smartconf-helptip { display: block; }.smartconf-mic-toggle.smartconf-mic-disabled .smartconf-helptip { bottom: calc(100% + 8px); translate: -120px; }.huddle-particpnt-con .smartconf-mic-toggle.smartconf-mic-disabled .smartconf-helptip { translate: -111px; }.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); }@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; }}:root{	--cnf-theme-bg-1 : #15202B;	--cnf-theme-bg-2 : #1A2B3C;	--cnf-theme-bg-3 : #131C26;	--cnf-theme-bg-4 : #1C2A38;	--cnt-theme-negative : #EF5364;	--cnf-theme-divider : #38485A;	--cnf-theme-opacity : 1;}:root .smartconf-std-theme{	--cnf-theme-color : var(--color-theme);	--cnf-theme-color-rgb : var(--color-theme-rgb);}:root .smartconf-custom-theme{	--color-theme : var(--cnf-theme-color);	--color-theme-rgb : var(--cnf-theme-color-rgb);}.smartconf-theme-text { color: var(--cnf-theme-text-color); }.smartconf-theme-text-sec { color: rgba(var(--cnf-theme-text-color-rgb), 0.50); }.huddle-particpnt-con.smartconf-custom-theme { background-image : var(--cnf-theme-bg-url); background-size: 100% 100%; }.hp-exit-page .zc-av-zcl-popup-feedback.zc-av-zcl-popup { border: 1px solid var(--cnf-theme-divider); }.smartconf-video-effects { position: absolute; padding: 5px; background-color: var(--cnf-theme-bg-3); border-radius: 100%; right: 10px; bottom: 10px; }.smartconf-video-effects-optn { width: 32px; height: 32px; font-size: 29px; border-radius: 100%; cursor: pointer; }:is(.huddle-particpnt-main, .smartconf-preview-wrap, .smartconf-preview-main-settings) :is(.zc-av-device-segment-cnt, .zc-av-zcl-dropdown-input, .zc-av-zcl-menu-wrap) { background-color: var(--cnf-theme-bg-4); }:is(:not(.waitingroom-huddle-minimize) > .waiting-room-close, .waiting-room-back, .smartconf-video-effects-optn):hover { color: var(--cnf-theme-color); background-color: rgba(var(--cnf-theme-color-rgb), 0.2); }.waitingroom-huddle-minimize .waiting-room-close:hover { color: var(--cnf-theme-color); }.smartconf-theme-logo { background-image: var(--cnf-theme-logo-url); background-size: 100% 100%; width: 64px; height: 64px; border-radius: 4px; }.smartconf-theme-logo.smartconf-rect-logo { width: 96px; }:is(.huddle-particpnt-aside, .hp-exit-page) .smartconf-theme-logo { margin-bottom: 40px; }.smartconf-custom-theme.smartconf-theme-haslogo .hp-box-bg { display: none; }.smartconf-preview-wrap .smartconf-theme-logo { position: absolute; bottom: 56px; }:is(.huddle-wrp, .smartconf-wrap) .smartconf-theme-logo { width: 40px; height: 40px; }:is(.huddle-wrp, .smartconf-wrap) .smartconf-theme-logo.smartconf-rect-logo { width: 60px; }:is(.builtin_theme_one, .builtin_theme_two, .builtin_theme_three, .builtin_theme_four) :is(.waiting-room-title, .waiting-room-close, .waiting-room-back, .hp-imgbox) { background-color: rgba(0, 0, 0, 0.30); }:is(.builtin_theme_one, .builtin_theme_two, .builtin_theme_three, .builtin_theme_four) .hp-preview-main { background-color: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); }:is(.builtin_theme_one, .builtin_theme_two, .builtin_theme_three, .builtin_theme_four) :is(.smartconf-preview-video-container, .zc-av-device-segment-cnt) { background-color: rgba(0, 0, 0, 0.50); }:is(.builtin_theme_one, .builtin_theme_two, .builtin_theme_three, .builtin_theme_four) .zc-av-device-segment-cnt .zc-av-zcl-dropdown-input { background-color: unset; }:is(.builtin_theme_one, .builtin_theme_two, .builtin_theme_three, .builtin_theme_four) .zc-av-device-segment-cnt .zc-av-zcl-menu-wrap { background-color: #000; }.ztooltip {  min-width: 0px;  width: auto;  max-width: 300px;  min-height: 0px;  height: auto;  max-height: none;  margin: 0px 0px 0px 0px;  background: #1a1a1a;  padding: 6px 10px 6px 10px;  border-radius: 3px 3px 3px 3px;  font-size: 13px;  color: #fff;  position: absolute;  box-sizing: border-box;  z-index: 9999999;  font-weight: normal;  box-shadow: 0px 0px 0px 0px transparent;  word-break: break-word;  pointer-events: none;  outline: none;}.ztooltip * {  outline: none;}.ztooltip__content {  box-sizing: border-box;}.ztooltip__pointer {  position: absolute;  width: 12px;  height: 12px;  direction: ltr;}.ztooltip__pointer.zh-top {  top: calc(6px * -1);  left: 50%;  height: 6px;}.ztooltip__pointer.zh-top:after {  width: 0px;  height: 0px;  content: '';  z-index: 999;  position: absolute;  border-bottom: 6px solid #1a1a1a;  border-left: 6px solid transparent;  border-right: 6px solid transparent;}.ztooltip__pointer.zh-bottom {  bottom: calc(6px * -1);  left: 50%;  height: 6px;}.ztooltip__pointer.zh-bottom:after {  width: 0px;  height: 0px;  content: '';  z-index: 999;  position: absolute;  border-top: 6px solid #1a1a1a;  border-left: 6px solid transparent;  border-right: 6px solid transparent;}.ztooltip__pointer.zh-right {  right: calc(12px * -0.5);  top: 50%;  width: 6px;}.ztooltip__pointer.zh-right:after {  width: 0px;  height: 0px;  content: '';  z-index: 999;  position: absolute;  border-left: 6px solid #1a1a1a;  border-bottom: 6px solid transparent;  border-top: 6px solid transparent;}.ztooltip__pointer.zh-left {  left: calc(12px * -0.5);  top: 50%;  width: 6px;}.ztooltip__pointer.zh-left:after {  width: 0px;  height: 0px;  content: '';  z-index: 999;  position: absolute;  border-right: 6px solid #1a1a1a;  border-bottom: 6px solid transparent;  border-top: 6px solid transparent;}