.null-tip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:14px;color:#999;line-height:21px;font-weight:400}.null-tip .tip{margin-top:12px}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;user-select:none;pointer-events:none}.adm-swipe-action{--background: var(--adm-color-background);background:var(--background);cursor:grab;overflow:hidden;touch-action:pan-y}.adm-swipe-action-track{position:relative;overflow:visible}.adm-swipe-action-actions{position:absolute;display:flex;justify-content:center;align-items:stretch;width:auto;white-space:nowrap}.adm-swipe-action-actions-right{left:100%;top:0;height:100%}.adm-swipe-action-actions-left{right:100%;top:0;height:100%}.adm-swipe-action-action-button.adm-button{--border-radius: 0;--border-width: 0;--text-color: var(--adm-color-text-light-solid);padding-left:20px;padding-right:20px}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.modal-delete-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.modal-delete-body .avatar{width:80px;height:80px;border-radius:50%;margin-bottom:20px}.modal-delete-body .avatar img{width:100%}.modal-delete-body .tip{width:178px;height:72px;text-align:center;font-size:16px;color:#212121;line-height:24px;font-weight:400}@media only screen and (max-width: 720px){.modal-delete-body .avatar{width:42px;height:42px;margin-bottom:11px}.modal-delete-body .avatar .kdicon{font-size:42px;color:#ff991c}.modal-delete-body .tip{height:42px}}.sidebar-box{display:flex;flex-direction:column;width:0;height:100vh;transition:width .4s ease-in-out}.sidebar-box.show{width:420px}.sidebar-box .header-area{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:32px;width:420px;padding:0 20px;background-color:#fff;background-image:url(./static/record-header-bg.18c4a7a7.png);background-repeat:no-repeat;background-size:cover;font-size:14px;color:#212121;font-weight:600}.sidebar-box .header-area .right{color:#666;font-size:20px;cursor:pointer}.sidebar-box .header-area .left{min-width:max-content}.sidebar-box .content-area{position:relative;box-sizing:border-box;width:420px;height:calc(100% - 32px);padding:16px;background:#f2f9ff}.sidebar-box .content-area .tip{margin-bottom:12px;color:#999}.sidebar-box .content-area .search-box .kd-input-wrapper{height:32px;background:#ffffff;border-radius:4px;border:unset}.sidebar-box .content-area .search-box .kd-input-wrapper .kd-input-prefix .kdicon{color:#999}@media only screen and (max-width: 720px){.sidebar-box{position:absolute;z-index:1;width:100vw;transform:translate(-100%);transition:transform .4s ease-in-out}.sidebar-box .header-area{display:none}.sidebar-box .content-area{height:100%;width:100vw;background:#ffffff}.sidebar-box .content-area .search-box .kd-input-wrapper{height:28px;background:#f5f5f5}.sidebar-box .content-area .search-box .kd-input-wrapper .kd-input{background:#f5f5f5}.sidebar-box.show{transform:translate(0)}}.notification .content-area .markread{display:flex;justify-content:space-between;align-items:center;margin:16px 0;line-height:21px;font-weight:400;font-size:14px}.notification .content-area .markread .left .kd-checkbox{color:#999;font-size:14px;--kd-c-checkbox-default-input-spacing-margin-right: 9px}.notification .content-area .markread .left .kd-checkbox .kd-checkbox-children{z-index:0}.notification .content-area .markread .right{color:#5582f3;cursor:pointer}.notification .content-area .notification-list{overflow:auto;height:calc(100% - 84px)}.notification .content-area .notification-list::-webkit-scrollbar{display:none}.notification .content-area .notification-list .inner-spin{margin-bottom:16px}.notification .content-area .notification-list .no-msg{width:100%;white-space:nowrap;color:#999}.notification .content-area .notification-list .notification-card{margin-bottom:12px;padding:12px 16px;background:#ffffff;border:1px solid #ffffff;border-radius:8px}.notification .content-area .notification-list .notification-card .header{display:flex;justify-content:space-between;align-items:center;height:24px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5e5e5}.notification .content-area .notification-list .notification-card .header .left{display:flex;align-items:center}.notification .content-area .notification-list .notification-card .header .left .avatar{position:relative;width:24px;height:24px;margin-right:12px;background-color:#bcc6d8;border-radius:50%}.notification .content-area .notification-list .notification-card .header .left .avatar img{width:100%;border-radius:50%}.notification .content-area .notification-list .notification-card .header .left .avatar .dot{position:absolute;right:-4px;top:0;width:8px;height:8px;border-radius:50%;background-color:#fb2323;border:1px solid #fff}.notification .content-area .notification-list .notification-card .header .left .name{font-size:14px;color:#212121;line-height:20px;font-weight:600}.notification .content-area .notification-list .notification-card .header .right{font-size:12px;color:#999;line-height:18px;font-weight:400}.notification .content-area .notification-list .notification-card .content{font-weight:400}.notification .content-area .notification-list .notification-card .content .title{margin-bottom:7px;font-size:16px;color:#212121;line-height:24px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.notification .content-area .notification-list .notification-card .content .info{position:relative;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:8px;font-size:14px;color:#999;line-height:21px}.notification .content-area .notification-list .notification-card .content .info.is-expand{display:block}.notification .content-area .notification-list .notification-card .content .info.is-expand:after{display:none!important}.notification .content-area .notification-list .notification-card .content .info.is-expand .kdicon-arrow-down{display:none}.notification .content-area .notification-list .notification-card .content .info.ellipsis{cursor:pointer}.notification .content-area .notification-list .notification-card .content .info.ellipsis:after{content:"...";position:absolute;display:block;right:16px;top:22px;width:14px;height:16px;padding-left:2px;background-color:#fff}.notification .content-area .notification-list .notification-card .content .info .kdicon-arrow-down{position:absolute;width:16px;right:0;top:21px;background-color:#fff;cursor:pointer}.notification .content-area .notification-list .notification-card .content .info .kdicon-arrow-up{visibility:hidden;position:absolute;right:4px;bottom:0;z-index:1;cursor:pointer}.notification .content-area .notification-list .notification-card .content .info .kdicon-arrow-up:before{background-color:#fff}.notification .content-area .notification-list .notification-card .content .info:hover .kdicon-arrow-up{visibility:visible}.notification .content-area .notification-list .notification-card .content .fast-processing{text-align:right;font-size:12px;line-height:18px;cursor:pointer}.notification .content-area .notification-list .notification-card .content .fast-processing a{color:#5582f3;text-decoration:none}@media only screen and (max-width: 720px){.notification .content-area{padding-right:unset;padding-left:unset}.notification .content-area .search-box,.notification .content-area .markread{padding:0 16px}.notification .content-area .notification-list{padding:16px;background-color:#f2f2f2}.notification .content-area .notification-list .adm-swipe-action{background-color:#f2f2f2}.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-content .notification-card .adm-list-item-content{width:100%;border-top:unset}.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-content .notification-card .adm-list-item-content .adm-list-item-content-main,.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-content .notification-card .adm-list-item-content .adm-list-item-content-main .content,.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-content .notification-card .adm-list-item-content .adm-list-item-content-main .content .name{width:100%}.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-content .notification-card .adm-list-item-content .adm-list-item-content-arrow{display:none}.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-actions{margin-left:12px}.notification .content-area .notification-list .adm-swipe-action .adm-swipe-action-track .adm-swipe-action-actions .adm-button{border-radius:8px 0 0 8px;padding-left:15px}}.modal-edit-body{display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-edit-body .title{margin-bottom:16px;font-size:16px;color:#212121;line-height:24px;font-weight:500}.tool-item{display:flex;align-items:center;height:40px;padding:0 16px;font-size:14px;color:#212121;font-weight:400;cursor:pointer}.tool-item:hover{background:#F5F5F5}.tool-item .kdicon{margin-right:14px}.record .content-area .record-list{height:calc(100% - 48px);margin-top:16px;overflow-y:auto}.record .content-area .record-list::-webkit-scrollbar{display:none}.record .content-area .record-list .inner-spin{margin-bottom:42px}.record .content-area .record-list .no-msg{width:100%;margin-bottom:26px;white-space:nowrap;color:#999}.record .content-area .record-list .record-item{box-sizing:border-box;position:relative;display:flex;height:64px;border-radius:8px;margin-bottom:12px;padding:12px 16px;cursor:pointer}.record .content-area .record-list .record-item.active,.record .content-area .record-list .record-item:hover{background:#ffffff}.record .content-area .record-list .record-item:hover .more{visibility:visible}.record .content-area .record-list .record-item .icon{margin-right:16px}.record .content-area .record-list .record-item .content{display:flex;flex-direction:column;line-height:21px;font-weight:400}.record .content-area .record-list .record-item .content .kd-input{width:280px;height:22px;background-color:unset}.record .content-area .record-list .record-item .content .name{max-width:294px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;color:#212121}.record .content-area .record-list .record-item .content .time{font-size:11px;color:#666}.record .content-area .record-list .record-item .more{display:flex;visibility:hidden;justify-content:center;align-items:center;position:absolute;right:10px;top:20px;width:24px;height:24px;border-radius:4px;rotate:90deg;font-size:20px}.record .content-area .record-list .record-item .more:hover{background:#f5f5f5}.record .content-area .record-list .record-item .record-list-item-tools{width:116px;padding:8px 0;box-shadow:0 4px 10px #0000001a;border-radius:4px}@media only screen and (max-width: 720px){.record .content-area .record-list .adm-list-body{border:unset}.record .content-area .record-list .adm-list-body .record-item{border-radius:unset;background-color:transparent}.record .content-area .record-list .adm-list-body .record-item.active{background:#e0efff}.record .content-area .record-list .adm-list-body .record-item:after{display:none}.record .content-area .record-list .adm-list-body .record-item .adm-list-item-content{width:100%;border-top:unset}.record .content-area .record-list .adm-list-body .record-item .adm-list-item-content .adm-list-item-content-main{width:100%;display:flex}.record .content-area .record-list .adm-list-body .record-item .adm-list-item-content .adm-list-item-content-main .content{width:calc(100% - 40px)}.record .content-area .record-list .adm-list-body .record-item .adm-list-item-content .adm-list-item-content-main .content .name{width:100%}.record .content-area .record-list .adm-list-body .record-item .adm-list-item-content .adm-list-item-content-arrow{display:none}}.agent-modal .kd-modal-container-box{transform:translate(-50%,-50%)}.agent-modal .kd-modal-container-box .kd-modal-footer .kd-modal-cancel-node .kd-btn,.agent-modal .kd-modal-container-box .kd-modal-footer .kd-modal-ok-node .kd-btn{min-width:unset;width:60px}.notification-list-item-tools .kd-dropdown-menu{padding:0;margin:0}.notification-list-item-tools .kd-dropdown-menu .kd-dropdown-menu-item{display:flex;justify-content:center;align-items:center}.notification-list-item-tools .kd-dropdown-menu .kd-dropdown-menu-item a{text-decoration:none}.icon-tooltip{--kd-c-tooltip-color-background: rgba(0, 0, 0, .7);--kd-c-tooltip-color-text: #fff;--kd-c-tooltip-spacing-padding-vertical: 2px;--kd-c-tooltip-spacing-padding-horizontal: 10px;--kd-c-tooltip-radius-border: 4px;--arrowSpill: 4px}.icon-tooltip.top:after,.icon-tooltip.top:before{top:18px!important;background:unset!important}.icon-tooltip.bottom:after,.icon-tooltip.bottom:before{top:-4px!important;background:unset!important}@media only screen and (max-width: 720px){.kdcui-chat-input-icon-tooltip{display:none}.agent-modal.ios .kd-modal-container-box.kd-modal-has-container-box.react-draggable{transform:translate(calc(50vw - 50%),-50%)!important;left:0}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable{width:284px;height:188px!important;border-radius:4px;transform:translate(-50%,-50%)}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-header{display:none}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-body{padding:12px 16px}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer{justify-content:space-between;height:48px}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-cancel-node,.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-ok-node{flex:1 1 auto;height:100%}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-cancel-node .kd-btn,.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-ok-node .kd-btn{border-radius:unset;width:100%;height:100%;border:unset}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-cancel-node .kd-btn{border-right:1px solid #e5e5e5}.agent-modal .kd-modal-container-box.kd-modal-has-container-box.react-draggable .kd-modal-footer .kd-modal-ok-node .kd-btn{border-bottom-right-radius:4px;background-color:#fff;color:#276ff5}}.layout{display:flex;justify-content:space-between;min-width:360px}