.headerSection{justify-content:space-between;width:100%;z-index:1}.headerSection,.headerSection .menu-section{align-items:center;display:flex;flex-direction:row}.headerSection .menu-section{gap:20px;justify-content:flex-end}.headerSection .menu-section .clock{background-color:#f8f8f8;border-radius:50%;box-shadow:0 0 15px #0000001a;height:44px;position:relative;width:44px}.headerSection .menu-section .clock .clock-face{height:100%;position:relative;width:100%}.headerSection .menu-section .clock .clock-face .hand{border-radius:10px;bottom:50%;left:50%;position:absolute;transform-origin:50% 100%}.headerSection .menu-section .clock .clock-face .hour-hand{background-color:#333;height:15px;margin-left:-1px;width:2px}.headerSection .menu-section .clock .clock-face .minute-hand{background-color:#555;height:20px;margin-left:-1px;width:2px}.headerSection .menu-section .clock .clock-face .second-hand{background-color:#e74c3c;height:18px;margin-left:-1px;width:1px}.headerSection .menu-section .clock .clock-face .center-circle{background-color:#e74c3c;border-radius:50%;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:10}.headerSection .menu-section .current-time-view{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:-10px;margin-right:20px}.headerSection .menu-section .current-time-view .current-date-text,.headerSection .menu-section .current-time-view .current-time-text{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.headerSection .menu-section .avatar{border-radius:50px;cursor:pointer;height:32px;width:32px}.headerSection .menu-section .nav-item{align-items:center;border-bottom:3px solid #0000;color:#fff;display:flex;height:64px;justify-content:center;padding:0 16px;transition:all .2s ease-in-out}.headerSection .menu-section .nav-item:hover{color:#1677ff}.headerSection .menu-section .active{border-bottom:3px solid #1677ff;color:#1677ff;font-weight:700}.ant-switch{background-color:gray}.dashboardSection{width:100%}.dashboardSection .statistic-section{margin-bottom:30px;width:100%}.dashboardSection .search-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;width:100%}.dashboardSection .search-section .field .label{margin-bottom:8px}.dashboardSection .table-section{margin-bottom:30px;width:100%}.dashboardSection .table-section .call-subsection{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.dashboardSection .table-section .call-subsection .meeting-link{display:flex;padding:0 10px;width:50%}.dashboardSection .table-section .call-subsection .meeting-link .link-a{display:flex;overflow:hidden;overflow-wrap:anywhere}.dashboardSection .table-section .call-subsection .client-address{align-items:center;display:flex;justify-content:center;width:25%}.dashboardSection .table-section .call-subsection .meeting-date{align-items:center;display:flex;justify-content:flex-end;width:25%}.modal-field{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:15px;width:100%}.modal-field .label{margin-bottom:8px}.edit-popcover-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-popcover-section .edit-text{margin-bottom:8px}.edit-popcover-section .edit-btn{width:100%}.service-icon{border-radius:50%;cursor:pointer;height:30px;width:30px}.profileSection{width:100%}.dailyUpdatesSection{height:100%;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper{align-items:flex-start;display:flex;gap:30px;height:100%;justify-content:flex-start;position:relative;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdateLoading{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:460px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-header{align-items:center;border-radius:8px 8px 0 0;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:flex-start;padding:0 16px;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-dark-header{background-color:#1d1d1d}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-light-header{background-color:#f0f0f0}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content{display:flex;flex-direction:column;padding:12px 8px;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content::-webkit-scrollbar{width:2px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content::-webkit-scrollbar-track{border-radius:50px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:50px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content::-webkit-scrollbar-thumb:hover{background:#817f7f}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content .search-item{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;margin-top:10px;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-content .search-item .search-item-label{font-size:13px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-footer{align-items:flex-end;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-dark-footer{border-color:#303030}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesSearchSection .search-light-footer{border-color:#f0f0f0}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;overflow:auto}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .empty-dailyUpdatesResult{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-header{align-items:center;border-radius:8px 8px 0 0;display:flex;height:38px;justify-content:flex-start;padding:0 16px;width:100%}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-header .result-count{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-header .result-count .result-count-num{font-size:18px;font-weight:700;margin:0 5px}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-dark-header{background-color:#1d1d1d}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-light-header{background-color:#f0f0f0}.dailyUpdatesSection .dailyUpdatesWrapper .dailyUpdatesResultSection .result-item .result-content{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}.reportItemSection{display:flex;flex-direction:row;padding:20px 0;position:relative;width:33.3333333333%}.reportItemSection .more-btn{align-items:center;background-color:#0000;border:0;bottom:10px;color:#1668dc;cursor:pointer;display:flex;flex-direction:row;gap:3px;justify-content:center;outline:0;position:absolute;right:380px}.reportItemSection .person-info-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:0 20px;width:100%}.reportItemSection .person-info-body .person-info-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:12px;width:100%}.reportItemSection .person-info-body .person-info-header .person-avatar{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-right:10px}.reportItemSection .person-info-body .person-info-header .person-avatar .person-logo{border-radius:50px;height:32px;margin-right:10px;width:32px}.reportItemSection .person-info-body .person-info-header .person-avatar .person-name{font-size:18px;font-weight:700}.reportItemSection .person-info-body .person-info-header .person-action{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:center}.reportItemSection .person-info-body .person-info-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-left:40px;width:100%}.reportItemSection .person-info-body .person-info-content .person-info-item{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.reportItemSection .person-info-body .person-info-content .person-info-item .person-info-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}.reportItemSection .person-info-body .person-info-content .person-info-item .person-info-list .person-info-list-item{line-height:22px;width:100%;word-break:break-word}.reportItemSection .person-info-body-dark{border-color:#303030}.reportItemSection .person-info-body-light{border-color:#f0f0f0}.reportItemSection-dark{border-color:#303030}.reportItemSection-light{border-color:#f0f0f0}.bidSection{width:100%}.bidSection .bid-field{margin-bottom:20px;width:100%}.bidSection .bid-field .label{display:flex;font-size:16px;margin-bottom:10px}.bidSection .bid-field .label span{color:red}.bidSection .bid-action{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;width:100%}.resumePreviewSection{width:100%}.resumePreviewSection .title{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.resumePreviewSection .title img{border-radius:50px;height:40px;margin-right:10px;width:40px}.resumePreviewSection .field{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:15px;width:100%}.resumePreviewSection .field .label{display:flex;font-size:14px;font-weight:700;margin-bottom:8px}.resumePreviewSection .field2{display:flex;flex-direction:column;margin-bottom:15px;width:100%}.resumePreviewSection .field2 .label{display:flex;font-size:14px;font-weight:700;margin-bottom:8px}.resumePreviewSection .preview-action{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.chartPageSection{width:100%}.chartPageSection .search-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;position:relative;width:100%}.chartPageSection .search-section .search-loading{left:50%;position:absolute;top:0;transform:translate(-50%,50%)}.chartPageSection .search-section .field .label{margin-bottom:8px}.chartPageSection .per-bidders-statistic-section{margin-bottom:20px;width:100%}.chartPageSection .per-bidders-statistic-section .sub-title{font-size:20px;margin-bottom:15px}.chartPageSection .per-bidders-statistic-section .each-chart-view{margin-bottom:20px;width:100%}.chartPageSection .per-bidders-statistic-section .each-chart-view .per-bidders-statistic-chart-view{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.chartPageSection .per-bidders-statistic-section .each-chart-view .per-bidders-statistic-chart-view .per-bidders-statistic-chart{background-color:#fbfbfb;border-radius:10px;height:400px;padding:20px;width:100%}.chartPageSection .per-bidders-statistic-section .each-chart-view .per-bidders-statistic-chart-view .per-bidders-statistic-chart-empty{align-items:center;background-color:#fbfbfb;border-radius:10px;color:gray;display:flex;font-size:16px;height:400px;justify-content:center;padding:20px;-webkit-user-select:none;user-select:none;width:100%}.dark-background-color{background-color:#232323!important}.callsSection{display:flex;flex-direction:column;height:100%;width:100%}.callsSection .search-section{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;width:100%}.callsSection .search-section .field .label{margin-bottom:8px}.callsSection .call-total-search-view{align-items:center;display:flex;flex-direction:row;font-size:18px;gap:10px;justify-content:flex-start;margin-bottom:20px;width:100%}.callsSection .call-calendar-view{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.callsSection .call-calendar-view .call-calendar-bidder-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:20px;position:relative;width:100%}.callsSection .call-calendar-view .call-calendar-bidder-list .call-calendar-refresh-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.callsSection .call-calendar-view .call-calendar-bidder-list .bidder-item{align-items:center;display:flex;flex-direction:row;gap:7px;justify-content:flex-start;margin-right:15px}.callsSection .call-calendar-view .call-calendar-bidder-list .bidder-item .circle-item{border-radius:50px;height:8px;width:8px}.callsSection .call-calendar-view .call-calendar-bidder-list .bidder-item .total-div-view{cursor:pointer;font-size:18px}.callsSection .call-calendar-view .call-calendar-bidder-list .bidder-item .total-div-view .total-text{color:#e11d1d;font-weight:700}.callsSection .call-calendar-view .call-week-search-view{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;width:100%}.callsSection .call-calendar-view .call-week-search-view .week-total{font-size:16px;margin-left:10px;margin-right:6px}.callsSection .call-calendar-view .call-week-search-view .week-total:first-child{margin-left:0}.callsSection .call-calendar-view .call-week-search-view .week-total .total-text{color:#e11d1d;cursor:pointer;font-weight:700}.callsSection .call-calendar-view .calendar-loading{left:50%;position:absolute;top:-5%;transform:translateX(-50%)}.events-calendar{list-style:none;margin:0;padding:0}.events-calendar .events-num{align-items:flex-start;color:#00c2cc;cursor:pointer;display:flex;font-size:20px;height:100%;justify-content:flex-start;left:0;padding:0 10px;position:absolute;top:0;width:100%}.events-calendar .events-badge-status-light:hover{background-color:#0000001f!important}.events-calendar .events-badge-status{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;justify-content:flex-start;overflow:hidden;padding:3px 5px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.events-calendar .events-badge-status:hover{background-color:#ffffff26}.events-calendar .events-badge-status .events-circle{border-radius:50px;display:flex;height:8px;width:8px}.events-calendar .events-badge-status .events-text{display:flex;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-tip-events{display:flex;flex-direction:column;padding-bottom:8px}.tool-tip-events .tool-tip-events-date{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:3px}.tool-tip-events .tool-tip-events-date .tool-tip-events-day{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;padding:3px;width:100%}.tool-tip-events .tool-tip-num-view{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:3px}.tool-tip-events .tool-tip-num-view .tool-tip-num{align-items:center;display:flex;flex-direction:row;font-size:11px;justify-content:center;margin:0 5px}.tool-tip-events .tool-tip-num-view .tool-tip-num .tool-tip-num-circle{border-radius:50px;display:flex;height:8px;margin-right:3px;width:8px}.tool-tip-events .tool-tip-events-calendar{list-style:none;margin:0;padding:0}.tool-tip-events .tool-tip-events-calendar .tool-tip-events-num{align-items:flex-start;background-color:#0000001a;color:#00c2cc;cursor:pointer;display:flex;font-size:20px;height:100%;justify-content:flex-start;left:0;padding:0 10px;position:absolute;top:0;width:100%}.tool-tip-events .tool-tip-events-calendar .tool-tip-events-badge-status{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:6px;justify-content:flex-start;overflow:hidden;padding:0 5px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.tool-tip-events .tool-tip-events-calendar .tool-tip-events-badge-status:hover{background-color:#9e9d9d}.tool-tip-events .tool-tip-events-calendar .tool-tip-events-badge-status .tool-tip-events-circle{border-radius:50px;display:flex;height:8px;width:8px}.tool-tip-events .tool-tip-events-calendar .tool-tip-events-badge-status .tool-tip-events-text{display:flex;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scheduled-modal{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;margin-top:25px;padding-left:30px;width:100%}.scheduled-modal .meeting-link{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.scheduled-modal .meeting-link .meeting-icon{font-size:18px;left:-32px;position:absolute;top:6px}.scheduled-modal .interview-link{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.scheduled-modal .interview-link .interview-icon{font-size:18px;left:-32px;position:absolute;top:3px}.scheduled-modal .schedule-main-section{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;position:relative;width:100%}.scheduled-modal .schedule-main-section .schedule-main-icon{font-size:18px;left:-32px;position:absolute;top:2px}.scheduled-modal .interviewers-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;position:relative;width:100%}.scheduled-modal .interviewers-section .interviewers-icon{font-size:18px;left:-32px;position:absolute;top:2px}.scheduled-modal .interviewers-section .interviewers{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:flex-start}.scheduled-modal .interviewers-section .interviewers .interview-avatar{border-radius:50%;height:26px;width:26px}.scheduled-modal .interviewers-section .interviewers .interviewer-address{font-size:14px}.scheduled-modal .scheduled-title{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.scheduled-modal .scheduled-title .interview-title{font-size:24px;line-height:1.2;margin-bottom:5px}.scheduled-modal .scheduled-title .schedule-date{font-size:14px}.scheduled-modal .scheduled-title .title-circle{border-radius:10px;height:12px;left:-30px;position:absolute;top:10px;width:12px}.interview-chat-section{display:flex;flex:3 1;flex-direction:column;gap:20px;height:calc(100vh - 300px);overflow-y:auto;padding:0 10px}.interview-chat-section .empty-chat-section,.interview-chat-section .interview-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.interview-chat-section .chat-main-section{align-items:center;display:flex;width:100%}.interview-chat-section .chat-main-section .chat-client-section{align-items:flex-start;border-radius:20px;display:flex;flex-direction:row;justify-content:flex-start;padding:20px;width:82%}.interview-chat-section .chat-main-section .chat-client-section .chat-desc{flex:1 1;font-size:16px;line-height:24px}.interview-chat-section .chat-main-section .chat-assistant-section{align-items:flex-start;border-radius:20px;display:flex;flex-direction:row;justify-content:flex-start;padding:20px;width:82%}.interview-chat-section .chat-main-section .chat-assistant-section .chat-desc{flex:1 1;font-size:16px;line-height:24px}.interview-chat-section .flex-end{justify-content:flex-end}.interview-chat-section .flex-start{justify-content:flex-start}.callHorizonViewSection{display:flex;flex:1 1;gap:16px;width:100%}.callHorizonViewSection .call-horizontal-column{align-items:flex-start;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex:1 1;flex-direction:column;flex-shrink:0;height:100%;justify-content:flex-start;padding:10px;position:relative}.callHorizonViewSection .call-horizontal-column .call-horizontal-title{background-color:inherit;padding-bottom:15px;padding-top:6px;position:-webkit-sticky;position:sticky;top:-24px;width:100%;z-index:2}.callHorizonViewSection .call-horizontal-column .call-horizontal-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.callHorizonViewSection .call-horizontal-column .call-horizontal-list{display:flex;flex:1 1;flex-direction:column;gap:10px;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card{align-items:flex-start;border-radius:6px;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-bar{border-bottom-left-radius:6px;border-top-left-radius:6px;height:100%;width:4px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-item{cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:8px;position:relative}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-item .card-item-company{font-size:14px;font-weight:700;margin-bottom:4px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-item .card-item-time{font-size:12px;margin-bottom:4px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-item .card-item-action{align-items:center;display:flex;justify-content:space-between;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-item .card-item-action .card-item-action-btns{align-items:center;display:flex;gap:8px;justify-content:flex-start}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-avatar{align-items:flex-end;border-radius:50%;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;padding:8px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-avatar .card-caller-avatar{border-radius:50px;height:26px;object-fit:cover;width:26px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .call-horizontal-card-item .card-avatar .card-bidder-avatar{border-radius:50px;height:18px;object-fit:cover;width:18px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content{padding:5px 8px;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content .card-extra-item{align-items:flex-start;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;margin-bottom:12px;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content .card-extra-item:last-child{margin-bottom:0}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content .card-extra-item .card-extra-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content .card-extra-item .card-extra-body{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .call-horizontal-card .card-extra-content .card-extra-item .card-extra-body .card-extra-desc{font-size:12px}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .highlight-upcoming{animation:pulse 1.5s infinite;box-shadow:0 0 0 #ff000080}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .horizontal-card-light-mode{background-color:#d8d4d4}.callHorizonViewSection .call-horizontal-column .call-horizontal-list .horizontal-card-dark-mode{background-color:#3d3d3d}.callHorizonViewSection .horizontal-light-mode{background-color:#f0f0f0}.callHorizonViewSection .horizontal-dark-mode{background-color:#1d1d1d}.ant-picker-cell .ant-picker-cell-inner:hover{background:#0000!important}.ant-picker-calendar-mode-switch{display:none}.ant-picker-calendar-date-content::-webkit-scrollbar{width:3px}.ant-picker-calendar-date-content::-webkit-scrollbar-track{border-radius:50px}.ant-picker-calendar-date-content::-webkit-scrollbar-thumb{background:#a8a6a6;border-radius:50px}.ant-picker-calendar-date-content::-webkit-scrollbar-thumb:hover{background:#817f7f}@keyframes pulse{0%{box-shadow:0 0 0 0 #f009;box-shadow:0 0 0 0 var(--pulse-color,#f009)}70%{box-shadow:0 0 0 8px #f000}to{box-shadow:0 0 0 0 #f000}}.notFoundSection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.notFoundSection .error-404{font-size:60px}.notFoundSection .title{font-size:32px;margin-bottom:10px}.notFoundSection .text{font-size:16px;margin-bottom:20px}.prompt-section{width:100%}.prompt-section .title{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.prompt-section .title img{border-radius:50px;height:40px;margin-right:10px;width:40px}.prompt-section .prompt-main-section{display:flex;flex-direction:row;gap:20px;margin-top:30px;width:100%}.prompt-section .prompt-main-section .update-view{display:flex;flex:1 1;flex-direction:column}.prompt-section .prompt-main-section .update-view .update-textarea:disabled{background-color:inherit;color:inherit!important}.prompt-section .prompt-main-section .update-view .prompt-update-btn{align-items:center;display:flex;justify-content:center;margin-top:15px;width:100%}.prompt-section .prompt-main-section .table-view{display:flex;flex:1 1;flex-direction:column}.interviewSection{width:100%}.interviewSection .interview-section-title{display:flex;justify-content:space-between;position:relative;width:100%}.interviewSection .interview-section-title .call-app-status{font-size:18px;font-weight:700}.interviewSection .interview-section-title .yellow-waiting{color:#e1cc12}.interviewSection .interview-section-title .green-success{color:#13c64b}.interviewSection .interview-loading{left:50%;position:absolute;top:-5%;transform:translateX(-50%)}.interviewSection .interview-sub-section{display:flex;flex-direction:row;gap:30px;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section{display:flex;flex:2 1;flex-direction:column;height:calc(100vh - 300px);justify-content:center;overflow-y:auto;position:relative}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section{align-items:flex-start;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;padding-left:30px;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .meeting-link{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .meeting-link .meeting-icon{font-size:18px;left:-32px;position:absolute;top:6px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interview-link{align-items:center;display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interview-link .interview-icon{font-size:18px;left:-32px;position:absolute;top:3px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .schedule-main-section{align-items:flex-start;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;position:relative;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .schedule-main-section .schedule-main-icon{font-size:18px;left:-32px;position:absolute;top:2px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interviewers-section{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;position:relative;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interviewers-section .interviewers-icon{font-size:18px;left:-32px;position:absolute;top:2px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interviewers-section .interviewers{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:flex-start}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interviewers-section .interviewers .interview-avatar{border-radius:50%;height:26px;width:26px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .interviewers-section .interviewers .interviewer-address{font-size:14px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .scheduled-title{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .scheduled-title .interview-title{font-size:24px;line-height:1.2;margin-bottom:5px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .scheduled-title .schedule-date{font-size:14px}.interviewSection .interview-sub-section .scheduled-preview-section .scheduled-section .scheduled-title .title-circle{border-radius:10px;height:12px;left:-30px;position:absolute;top:10px;width:12px}.interviewSection .interview-sub-section .interview-chat-section{display:flex;flex:3 1;flex-direction:column;gap:20px;height:calc(100vh - 300px);overflow-y:auto;padding:0 10px}.interviewSection .interview-sub-section .interview-chat-section .empty-chat-section{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.interviewSection .interview-sub-section .interview-chat-section .chat-main-section{align-items:center;display:flex;width:100%}.interviewSection .interview-sub-section .interview-chat-section .chat-main-section .chat-client-section{align-items:flex-start;border-radius:20px;display:flex;flex-direction:row;justify-content:flex-start;padding:20px;width:82%}.interviewSection .interview-sub-section .interview-chat-section .chat-main-section .chat-client-section .chat-desc{flex:1 1;font-size:16px;line-height:24px}.interviewSection .interview-sub-section .interview-chat-section .chat-main-section .chat-assistant-section{align-items:flex-start;border-radius:20px;display:flex;flex-direction:row;justify-content:flex-start;padding:20px;width:82%}.interviewSection .interview-sub-section .interview-chat-section .chat-main-section .chat-assistant-section .chat-desc{flex:1 1;font-size:16px;line-height:24px}.interviewSection .interview-sub-section .interview-chat-section .flex-end{justify-content:flex-end}.interviewSection .interview-sub-section .interview-chat-section .flex-start{justify-content:flex-start}.interviewSection .interview-sub-section .last-section{display:flex;flex:3 1;flex-direction:column;gap:20px;height:calc(100vh - 300px);overflow-y:auto;padding:0 10px}.interviewSection .interview-sub-section .last-section .empty-chat-section{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.interviewSection .interview-sub-section .last-section .private-chat-main-section{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start;width:100%}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-avatar{height:36px;width:36px}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-avatar .interviewer-avatar{border-radius:50%;height:100%;width:100%}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-content-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:flex-start}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-content-section .chat-content-title{font-size:14px}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-content-section .chat-content-title-light{color:rgba(88,88,88,.965)}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-content-section .chat-content-title-dark{color:#aaa}.interviewSection .interview-sub-section .last-section .private-chat-main-section .chat-content-section .chat-content-desc{font-size:16px;line-height:24px}.miniGameSection{left:0;overflow:hidden;position:absolute;top:0}.miniGameSection,.miniGameSection .mini-game-section,.screenshotsSection{height:100%;width:100%}.screenshotsSection{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start}.screenshotsSection .users-list{display:flex;flex-direction:column;height:100%;overflow:auto;width:300px}.screenshotsSection .users-list .user-title{font-size:24px;margin-bottom:30px}.screenshotsSection .users-list .user-status-list{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;width:100%}.screenshotsSection .users-list .user-status-list .user-status-item{align-items:center;border:1px solid gray;border-radius:6px;cursor:pointer;display:flex;gap:10px;justify-content:flex-start;padding:0 10px;transition:background-color .2s ease-in-out;width:100%}.screenshotsSection .users-list .user-status-list .user-status-item:hover{background-color:gray}.screenshotsSection .users-list .user-status-list .user-status-item .user-status-badge{border-radius:50px;height:10px;width:10px}.screenshotsSection .users-list .user-status-list .user-status-item .user-status-btn{background-color:#0000;border:0;color:#fff;cursor:pointer;flex:1 1;outline:0;padding:10px 0;text-align:left}.screenshotsSection .screenshots-sub-main{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;margin-left:20px;overflow:auto}.screenshotsSection .screenshots-section{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:flex-start;width:100%}.screenshotsSection .screenshots-section .screenshot-item{aspect-ratio:16/9;width:calc(16.66667% - 12.5px)}.screenshotsSection .screenshots-section .screenshot-item .screenshot-img{height:100%;width:100%}.screenshotsSection .screenshots-section .screenshot-item .screenshot-key{align-items:center;border:1px solid #1668dc;border-radius:16px;display:flex;flex-direction:row;font-size:24px;font-weight:700;height:100%;justify-content:center;overflow:auto;width:100%}.screenshotsSection .screenshot-loading-section{align-items:center;display:flex;flex-direction:column;font-size:18px;font-weight:700;justify-content:center;margin:30px 0;width:100%}.screenshotsSection .screenshot-loading-section .screenshot-loading-circle{animation:spin 1s linear infinite;border:10px #1668dc;border-radius:50px;border-top-style:solid;height:50px;margin-bottom:10px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.enable-sound-wrapper{margin:0 0 1rem;text-align:center}.enable-sound-button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,transform .1s ease}.enable-sound-button:hover{background-color:#2563eb}.enable-sound-button:active{transform:scale(.97)}.enable-sound-button:focus{outline:2px solid #93c5fd;outline-offset:2px}.close-window-wrapper{margin:0 0 1rem;text-align:center}.close-window-btn{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,transform .1s ease}.peoplesSection{align-items:flex-start;display:flex;gap:30px;height:100%;justify-content:flex-start;width:100%}.peoplesSection .peopleSearchSection{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:300px}.peoplesSection .peopleSearchSection .search-header{align-items:center;border-radius:8px 8px 0 0;display:flex;font-size:18px;font-weight:700;height:56px;justify-content:flex-start;padding:0 16px;width:100%}.peoplesSection .peopleSearchSection .search-dark-header{background-color:#1d1d1d}.peoplesSection .peopleSearchSection .search-light-header{background-color:#f0f0f0}.peoplesSection .peopleSearchSection .search-content{height:calc(100% - 106px);overflow:auto;padding:12px 8px;width:100%}.peoplesSection .peopleSearchSection .search-content::-webkit-scrollbar{width:2px}.peoplesSection .peopleSearchSection .search-content::-webkit-scrollbar-track{border-radius:50px}.peoplesSection .peopleSearchSection .search-content::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:50px}.peoplesSection .peopleSearchSection .search-content::-webkit-scrollbar-thumb:hover{background:#817f7f}.peoplesSection .peopleSearchSection .search-content .search-item{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;width:100%}.peoplesSection .peopleSearchSection .search-content .search-item .search-item-label{font-size:13px}.peoplesSection .peopleSearchSection .search-footer{align-items:flex-end;border-style:solid none none;border-width:1px;display:flex;flex-direction:row;height:49px;justify-content:center;width:100%}.peoplesSection .peopleSearchSection .search-dark-footer{border-color:#303030}.peoplesSection .peopleSearchSection .search-light-footer{border-color:#f0f0f0}.peoplesSection .peopleResultSection{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.peoplesSection .peopleResultSection .result-header{align-items:center;border-radius:8px 8px 0 0;display:flex;gap:20px;height:56px;justify-content:flex-start;padding:0 16px;width:100%}.peoplesSection .peopleResultSection .result-header .result-count{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.peoplesSection .peopleResultSection .result-header .result-count .result-count-num{font-size:18px;font-weight:700;margin:0 5px}.peoplesSection .peopleResultSection .result-dark-header{background-color:#1d1d1d}.peoplesSection .peopleResultSection .result-light-header{background-color:#f0f0f0}.peoplesSection .peopleResultSection .result-content{align-items:flex-start;display:flex;flex-direction:column;height:calc(100% - 56px);justify-content:flex-start;overflow:auto;width:100%}.personInfoSection{border-style:none none solid;border-width:1px;display:flex;flex-direction:row;padding:20px 0;position:relative;width:100%}.personInfoSection .more-btn{align-items:center;background-color:#0000;border:0;bottom:10px;color:#1668dc;cursor:pointer;display:flex;flex-direction:row;gap:3px;justify-content:center;outline:0;position:absolute;right:380px}.personInfoSection .person-info-body{align-items:flex-start;border-style:none solid none none;border-width:1px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0 20px;width:calc(100% - 360px)}.personInfoSection .person-info-body .person-info-header{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:12px;width:100%}.personInfoSection .person-info-body .person-info-header .person-avatar{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-right:10px}.personInfoSection .person-info-body .person-info-header .person-avatar .person-logo{border-radius:50px;height:32px;margin-right:10px;width:32px}.personInfoSection .person-info-body .person-info-header .person-avatar .person-name{font-size:18px;font-weight:700}.personInfoSection .person-info-body .person-info-header .person-stick{height:20px;width:1px}.personInfoSection .person-info-body .person-info-header .person-social{align-items:center;display:flex;flex-direction:row;gap:6px;justify-content:flex-start;padding:0 10px}.personInfoSection .person-info-body .person-info-header .person-social .person-social-link{color:inherit;font-size:16px;text-decoration:none}.personInfoSection .person-info-body .person-info-header .person-location{font-size:14px;padding:0 10px}.personInfoSection .person-info-body .person-info-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-left:12px;width:100%}.personInfoSection .person-info-body .person-info-content .person-info-item{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:8px;width:100%}.personInfoSection .person-info-body .person-info-content .person-info-item .person-info-icon{align-items:center;border-radius:50px;display:flex;font-size:12px;height:20px;justify-content:center;margin-right:12px;width:20px}.personInfoSection .person-info-body .person-info-content .person-info-item .person-info-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:flex-start}.personInfoSection .person-info-body .person-info-content .person-info-item .person-info-list .person-info-list-item{line-height:22px}.personInfoSection .person-info-body-dark{border-color:#303030}.personInfoSection .person-info-body-light{border-color:#f0f0f0}.personInfoSection .person-info-email{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:0 20px;width:360px}.personInfoSection .person-info-email .person-info-item{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:8px;width:100%}.personInfoSection .person-info-email .person-info-item .person-info-icon{align-items:center;border-radius:50px;display:flex;font-size:12px;height:20px;justify-content:center;margin-right:12px;width:20px}.personInfoSection .person-info-email .person-info-item .person-info-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:flex-start}.personInfoSection .person-info-email .person-info-item .person-info-list .person-info-list-item{line-height:20px}.personInfoSection-hidden{max-height:138px;overflow:hidden}.personInfoSection-dark{border-color:#303030}.personInfoSection-light{border-color:#f0f0f0}.border-color-dark{border-color:#303030}.border-color-light{border-color:#f0f0f0}.background-dark{background-color:#303030}.background-light{background-color:#f0f0f0}.chat-section{flex-direction:row;width:100%}.chat-section,.chat-section .member-list-section{align-items:flex-start;display:flex;height:100%;justify-content:flex-start}.chat-section .member-list-section{flex-direction:column;overflow:auto;position:relative;width:300px}.chat-section .member-list-section .member-list-loading{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.chat-section .member-list-section .member-header{align-items:center;border-radius:8px 8px 0 0;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:space-between;min-height:40px;padding:0 16px;width:100%}.chat-section .member-list-section .member-dark-header{background-color:#1d1d1d}.chat-section .member-list-section .member-light-header{background-color:#f0f0f0}.chat-section .member-list-section .channel-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 0;width:100%}.chat-section .member-list-section .channel-box .channel-box-empty{align-items:center;display:flex;justify-content:center;padding:20px 0;width:100%}.chat-section .member-list-section .channel-box .channel-item{align-items:center;background-color:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:flex-start;outline:0;padding:0 16px;width:100%}.chat-section .member-list-section .channel-box .channel-item-light.channel-item-active{background-color:#f0f0f0;font-size:15px;font-weight:700}.chat-section .member-list-section .channel-box .channel-item-dark.channel-item-active{background-color:#3d3d3d;font-size:15px;font-weight:700}.chat-section .member-list-section .channel-box .channel-item-dark:hover{background-color:#1d1d1d}.chat-section .member-list-section .channel-box .channel-item-light:hover{background-color:#f0f0f0}.chat-section .member-list-section .dm-box{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 0;width:100%}.chat-section .member-list-section .dm-box .dm-box-empty{align-items:center;display:flex;justify-content:center;padding:20px 0;width:100%}.chat-section .member-list-section .dm-box .dm-item{align-items:center;background-color:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:10px;height:40px;justify-content:flex-start;outline:0;padding:0 16px;width:100%}.chat-section .member-list-section .dm-box .dm-item .person-avatar{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.chat-section .member-list-section .dm-box .dm-item .person-avatar .person-img{background-size:cover;border-radius:8px;height:24px;width:24px}.chat-section .member-list-section .dm-box .dm-item .person-avatar .online-status{border-radius:50px;bottom:-1px;height:9px;position:absolute;right:-3px;width:9px}.chat-section .member-list-section .dm-box .dm-item .person-avatar .online-status-inactive{background-color:rgba(0,0,0,.733);border:1px solid #fff}.chat-section .member-list-section .dm-box .dm-item .person-avatar .online-status-active{background-color:#0ae00a}.chat-section .member-list-section .dm-box .dm-item .person-name{font-size:inherit}.chat-section .member-list-section .dm-box .dm-item-light.dm-item-active{background-color:#f0f0f0;font-size:15px;font-weight:700}.chat-section .member-list-section .dm-box .dm-item-dark.dm-item-active{background-color:#3d3d3d;font-size:15px;font-weight:700}.chat-section .member-list-section .dm-box .dm-item-dark:hover{background-color:#1d1d1d}.chat-section .member-list-section .dm-box .dm-item-light:hover{background-color:#f0f0f0}.chat-section .chat-box-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start}.chat-section .chat-box-section .chat-box-empty{align-items:center;display:flex;height:100%;justify-content:center;margin:0 auto;width:768px}.chat-section .chat-box-section .chat-box-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin:0 auto;width:768px}.chat-section .chat-box-section .chat-box-wrapper .chat-box-loading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:flex-start;margin-bottom:30px;overflow:auto;position:relative;transition:all .2s ease;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages::-webkit-scrollbar{width:2px}.chat-section .chat-box-section .chat-box-wrapper .messages::-webkit-scrollbar-track{background:#0000}.chat-section .chat-box-section .chat-box-wrapper .messages::-webkit-scrollbar-thumb{background-color:#0000;border-radius:10px;-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.chat-section .chat-box-section .chat-box-wrapper .messages::-webkit-scrollbar-thumb:hover,.chat-section .chat-box-section .chat-box-wrapper .messages:hover::-webkit-scrollbar-thumb{background-color:#a8a6a6}.chat-section .chat-box-section .chat-box-wrapper .messages{scrollbar-color:#0000 #0000;scrollbar-width:thin}.chat-section .chat-box-section .chat-box-wrapper .messages:hover{scrollbar-color:#a8a6a6 #0000}.chat-section .chat-box-section .chat-box-wrapper .messages .older-messages-loading{align-items:center;display:flex;justify-content:center;left:0;padding:20px 0;position:absolute;top:0;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-empty{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:flex-end;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message{align-items:flex-start;border-radius:12px;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;max-width:80%;min-width:30%;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .sender-avatar{border-radius:50px;height:32px;overflow:hidden;width:32px}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .sender-avatar .sender-img{border-radius:50px;height:100%;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .message-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:flex-start;position:relative}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .message-content .message-me-time{display:none}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .message-content:hover .message-me-time{bottom:0;display:flex;font-size:12px;justify-content:flex-start;position:absolute;right:0;transform:translate(calc(100% + 20px));width:65px;z-index:1}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .message-content .message-name{font-size:14px;font-weight:700;word-break:break-all}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message .message-content .message-text{line-height:20px;word-break:break-all}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message.message-content-dark:hover{background-color:#1d1d1d}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message.message-content-light:hover{background-color:#f0f0f0}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me{align-items:flex-start;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;padding-right:20px;width:100%}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content{align-items:flex-end;border-radius:12px;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;max-width:70%;padding:12px 16px;position:relative}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content .message-me-time{display:none}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content .message-action{align-items:center;background-color:#222;border-radius:8px;box-shadow:0 3px 6px -2px #73739c40,0 0 6px 0 #6463634d;display:flex;flex-direction:row;gap:10px;justify-content:center;opacity:0;padding:8px;position:absolute;right:0;top:0;transform:translateY(0);transition:all .2s ease-in-out}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content .message-action .message-action-btn{background-color:#0000;border:0;color:inherit;cursor:pointer;font-size:16px;outline:0}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content:hover .message-action{opacity:1;transform:translateY(-90%)}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content:hover .message-me-time{bottom:0;display:flex;font-size:12px;justify-content:flex-end;left:0;position:absolute;transform:translate(calc(-100% - 10px),-10px);width:65px;z-index:1}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content .message-text{line-height:20px;word-break:break-all}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content-dark{background-color:#1d1d1d}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .message-content-light{background-color:#f0f0f0}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .sender-avatar{border-radius:50px;height:40px;overflow:hidden;width:40px}.chat-section .chat-box-section .chat-box-wrapper .messages .messages-content .message-me .sender-avatar .sender-img{border-radius:50px;height:100%;width:100%}.chat-section .chat-box-section .chat-box-wrapper .input-section{align-items:center;display:flex;justify-content:flex-start;position:relative;width:100%}.chat-section .chat-box-section .chat-box-wrapper .input-section .user-typing-status{align-items:center;animation:blink 1.2s infinite;display:flex;justify-content:flex-start;left:0;padding:0 20px;position:absolute;top:-30px;width:100%}@keyframes blink{50%{opacity:.5}}.chat-section .chat-box-section .chat-box-wrapper .input-section .scroll-bottom-flag-btn{position:absolute;right:30px;top:-50px}.chat-section .chat-box-section .chat-box-wrapper .input-section .textarea-input{background-color:#0000;border:1px solid #3d3d3d;border-radius:10px;color:inherit;outline:none;overflow:hidden;padding:10px 16px;resize:none;width:100%}.channel-add-modal-section{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;width:200px}.channel-add-modal-section .channel-add-modal-section-field{align-items:flex-start;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;width:100%}.channel-add-modal-section .channel-add-modal-section-field .channel-add-modal-field-title{font-size:12px}.main-section{display:flex;height:100vh;width:100vw}.main-content{height:calc(100vh - 178px);overflow-y:auto;padding:24px;position:relative;width:100%}.page-title{margin-bottom:20px;text-transform:uppercase}.main-logo{align-items:center;display:flex;justify-content:center}.main-logo img{border-radius:50px;height:40px;width:40px}.main-logo .main-header-title{color:#fff;font-size:16px;font-weight:700;margin-left:5px}.loginSection,.registerSection{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ant-segmented-item-selected{background-color:#1668dc!important;color:#fff!important}*{box-sizing:border-box;margin:0;padding:0}.title{font-size:28px;margin-bottom:20px}.hr-line{border:1px #ffffff4d;border-top:solid;border-top-color:#ffffff4d;height:1px;margin:5px 0}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:50px}::-webkit-scrollbar-thumb{background:#a8a6a6;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#817f7f}.ant-picker-calendar-date-content{height:160px!important}
/*# sourceMappingURL=main.ed8fa737.css.map*/