.chart-container[data-v-89a4672a]{width:100%;height:100%}.af-user-seesion-detail-wrap[data-v-035edb1e]{padding:26px 24px!important;width:100%;height:100%}.af-user-seesion-detail-wrap .af-header[data-v-035edb1e]{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181819;font-size:20px;font-weight:700;line-height:32px;margin-bottom:22px}[data-theme=dark] * .af-user-seesion-detail-wrap .af-header[data-v-035edb1e]{color:#e1e1e1}.af-user-seesion-detail-wrap .af-header .af-header-left[data-v-035edb1e]{cursor:pointer}.af-user-seesion-detail-wrap .af-header .af-header-left .af-head-title[data-v-035edb1e]{font-weight:700;margin-left:8px}.af-user-seesion-detail-wrap .af-header .af-header-right[data-v-035edb1e]{position:relative;display:flex;align-items:center}.af-user-seesion-detail-wrap .af-header .af-header-right .af-filter-date-wrap[data-v-035edb1e]{position:relative}.af-user-seesion-detail-wrap .af-content .overview-block[data-v-035edb1e]{margin-top:20px;padding:20px;display:flex;align-items:center;background:linear-gradient(180deg,#f1f9ff,#fff)}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .overview-block[data-v-035edb1e]{background:linear-gradient(180deg,#3a3a3a,#26272b)}.af-user-seesion-detail-wrap .af-content .overview-block .info-block[data-v-035edb1e]{flex-shrink:0;display:grid;padding-right:20px;grid-template-columns:1fr 1fr;row-gap:12px}.af-user-seesion-detail-wrap .af-content .overview-block .info-block .item[data-v-035edb1e]{display:flex;align-items:center;font-size:14px}.af-user-seesion-detail-wrap .af-content .overview-block .info-block .item+.item[data-v-035edb1e]{margin-left:12px}.af-user-seesion-detail-wrap .af-content .overview-block .info-block .item .label[data-v-035edb1e]{font-weight:500;color:#797a7d;text-align:right;width:84px}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .overview-block .info-block .item .label[data-v-035edb1e]{color:#aaa}.af-user-seesion-detail-wrap .af-content .overview-block .info-block .item .value[data-v-035edb1e]{color:#48494b}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .overview-block .info-block .item .value[data-v-035edb1e]{color:#ccc}.af-user-seesion-detail-wrap .af-content .overview-block .distribution-chart[data-v-035edb1e]{padding-left:20px;flex-grow:1;border-left:1px dashed #c8cace}.af-user-seesion-detail-wrap .af-content .overview-block .distribution-chart .title[data-v-035edb1e]{font-size:14px;font-weight:500;color:#181819}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .overview-block .distribution-chart .title[data-v-035edb1e]{color:#e1e1e1}.af-user-seesion-detail-wrap .af-content .overview-block .distribution-chart .chart-container[data-v-035edb1e]{height:55px}.af-user-seesion-detail-wrap .af-content .sessions-block[data-v-035edb1e]{height:calc(100vh - 300px);margin-top:30px;display:flex;align-items:stretch}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list[data-v-035edb1e]{flex-shrink:0;overflow-y:auto;padding-top:10px;padding-left:5px;direction:rtl}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item[data-v-035edb1e]{direction:ltr;padding-bottom:34px;border-left:1px dashed #c8cace;position:relative;display:flex;align-items:flex-start;overflow-x:visible;padding-right:20px;cursor:pointer}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item.selected .card .content[data-v-035edb1e]{border-left-width:2px;border-right-width:2px;border-bottom-width:2px}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item.selected .card .triangle[data-v-035edb1e]{display:block}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .dot[data-v-035edb1e]{width:9px;height:9px;border-radius:50%;background-color:#2d96eb;margin-left:-4.5px;margin-top:-4.5px}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .line[data-v-035edb1e]{width:40px;height:1px;background-color:#2d96eb}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card[data-v-035edb1e]{border-radius:4px;margin-top:-10px;min-width:240px;position:relative}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .header[data-v-035edb1e]{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;color:#fff;border-top-right-radius:4px;border-top-left-radius:4px;font-size:14px;width:100%;background-color:#2d96eb}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content[data-v-035edb1e]{padding:16px 20px;font-size:14px;width:260px;color:#48494b;background-color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content[data-v-035edb1e]{color:#ccc;background-color:#26272b}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content .title[data-v-035edb1e]{color:#797a7d}[data-theme=dark] * .af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content .title[data-v-035edb1e]{color:#aaa}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content .statics[data-v-035edb1e]{margin:12px 0}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content .os-and-browser[data-v-035edb1e]{display:flex;align-items:center}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .content .os-and-browser .icon[data-v-035edb1e]{margin-right:8px}.af-user-seesion-detail-wrap .af-content .sessions-block .session-list .session-item .card .triangle[data-v-035edb1e]{width:16px;height:16px;display:none;position:absolute;top:calc(50% - 10px);right:-13px;transform:rotate(45deg) translateY(50%);background:linear-gradient(45deg,transparent 50%,#2d96eb 50% 100%)}.af-user-seesion-detail-wrap .af-content .sessions-block .session-detail-table[data-v-035edb1e]{flex-grow:1;position:relative}.af-drawer-wrap .af-back-play-btn{position:absolute;top:19px;right:24px;display:flex;align-items:center;width:78px;height:32px;color:#48494b;font-size:14px;line-height:30px;border-radius:4px;border:1px solid;border-color:#d9dbe0;background-color:#fff;cursor:pointer}[data-theme=dark] * .af-drawer-wrap .af-back-play-btn{color:#ccc;border-color:#3f3f46;background-color:#26272b}.af-drawer-wrap .af-back-play-btn .af-rum-icon{margin-left:16px;margin-right:4px;color:#797a7d;font-size:14px}[data-theme=dark] * .af-drawer-wrap .af-back-play-btn .af-rum-icon{color:#aaa}.af-drawer-wrap .af-back-play-btn:hover{color:#2d96eb;border-color:#2d96eb}.af-drawer-wrap .af-back-play-btn:hover .af-rum-icon{color:#2d96eb}.af-drawer-wrap .ant-drawer-wrapper-body{padding-top:71px;height:100%;overflow:hidden}.af-drawer-wrap .ant-drawer-header{position:absolute;top:0;left:0;width:100%;padding-top:19px;padding-bottom:19px}.af-drawer-wrap .ant-drawer-header .af-drawer-header{height:32px;line-height:32px}.af-drawer-wrap .ant-drawer-header .af-back-btn{margin-right:12px;font-size:20px}.af-drawer-wrap .ant-drawer-header .af-header-txt{color:#181819;font-size:20px}[data-theme=dark] * .af-drawer-wrap .ant-drawer-header .af-header-txt{color:#e1e1e1}.af-drawer-wrap .af-drawer-content{position:relative;padding:0 24px;width:100%;height:100%;overflow:auto}.af-drawer-wrap.af-conversation-drawer .ant-drawer-body{position:relative;padding:154px 0 24px 0;width:100%;height:100%}.af-drawer-wrap.af-conversation-drawer .ant-drawer-body .af-detail-tab-wrap{position:absolute;top:24px;left:24px;width:calc(100% - 48px)}.af-drawer-wrap.af-event-drawer .ant-drawer-body,.af-drawer-wrap.af-page-drawer .ant-drawer-body{position:relative;padding:0;width:100%;height:100%}.af-drawer-wrap.af-event-drawer .ant-drawer-body .af-drawer-main,.af-drawer-wrap.af-page-drawer .ant-drawer-body .af-drawer-main{position:relative;padding:148px 0 24px 0;width:100%;height:100%}.af-drawer-wrap.af-event-drawer .ant-drawer-body .af-drawer-main-header,.af-drawer-wrap.af-page-drawer .ant-drawer-body .af-drawer-main-header{position:absolute;top:24px;left:0;padding:0 24px;width:100%;height:145px}.af-drawer-wrap .af-form-item{color:#797a7d;font-size:14px}[data-theme=dark] * .af-drawer-wrap .af-form-item{color:#aaa}.af-drawer-wrap .af-form-item .af-form-item-val{margin-left:4px;color:#181819;font-weight:400}[data-theme=dark] * .af-drawer-wrap .af-form-item .af-form-item-val{color:#e1e1e1}