.c-recording-wrapper{align-items:center;background-color:#fff;border:2px solid #cbd4e4;border-radius:16px;box-sizing:border-box;display:flex;flex-flow:column nowrap;justify-content:center;width:330px}.c-recording-wrapper .n-spin-container,.c-recording-wrapper .n-spin-content{border-radius:16px;height:100%;width:100%}.c-recording-wrapper .n-spin-content{background-color:#fff}.c-recording-wrapper .c-recording-top-wrap{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:18px 24px 24px;width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-header{width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-header .n-space .n-icon{cursor:pointer}.c-recording-wrapper .c-recording-top-wrap .c-recording-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-status-section{box-sizing:border-box;height:174px;padding:24px 0;width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-status-section>.n-space{height:100%;width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-status-section .c-recording-chart-box{height:54px;width:280px}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-ready{text-align:center;width:100%}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-ready .c-recording-countdown-box{background:rgba(255,0,0,.1);border-radius:50%;height:80px;margin:0 auto;position:relative;width:80px}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-ready .c-recording-countdown-box>span{bottom:0;color:red;font-size:52px;left:0;position:absolute;right:0;top:0}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-ready h4{color:#000;font-size:16px;margin:8px 0}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-ready .c-recording-ready-desc{color:#a5a5a5}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-btn-section .n-button{font-size:16px;height:48px;line-height:45;padding:0 44px}.c-recording-wrapper .c-recording-top-wrap .c-recording-container .c-recording-btn-section .n-button:not(:last-child){--n-border:2px solid #cbd4e4!important;color:#000}.c-recording-wrapper .c-recording-top-wrap .tip{color:rgba(0,0,0,.8);font-size:16px;margin:0}.c-recording-wrapper .c-recording-top-wrap h3{font-size:32px;margin:0}.c-recording-wrapper .c-recording-content-wrap{border-bottom-left-radius:16px;border-bottom-right-radius:16px;box-sizing:border-box;color:#000;mask-image:linear-gradient(180deg,transparent 0,#000 20%);max-height:150px;overflow-y:auto;padding:16px;position:relative;text-align:left;white-space:pre-wrap;width:100%}.c-recording-wrapper .c-recording-content-wrap::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.c-recording-wrapper .c-recording-content-wrap::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#b2b2b2;border:3px dashed transparent;border-radius:5px}.c-recording-wrapper .c-recording-content-wrap::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.c-recording-wrapper .c-recording-content-wrap .content{line-height:20px;margin:0}.c-recording-wrapper .c-recording-small{align-items:center;box-sizing:border-box;color:rgba(0,0,0,.8);display:flex;flex-wrap:nowrap;font-size:16px;justify-content:space-between;padding:12px 14px 12px 16px;width:100%}.c-recording-wrapper .c-recording-small .c-recording-chart-box-small,.c-recording-wrapper .c-recording-small .c-recording-chart-box-small-wrap{box-sizing:border-box;height:30px;width:40px}.c-recording-wrapper .c-recording-small .n-icon{cursor:pointer;font-size:30px}.c-recording-wrapper .c-recording-small .tip-small{flex-shrink:0;width:64px}.c-recording-wrapper .c-recording-small .c-recording-wave-view-svg{cursor:default}.c-recording-wrapper .c-recording-small .split-line{border-left:1px solid #cbd4e4;display:inline-block;height:24px;width:1px}.c-recording-wrapper .c-recording-small .c-recording-zoom-svg{font-size:28px}.c-recording-wrapper.c-recording-wrapper-warning{border-color:red}.c-recording-wrapper.c-recording-wrapper-warning .n-spin-content{background-color:hsla(0,94%,75%,.1)}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-top-wrap .tip{color:red}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-content-wrap{border-color:red}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-chart-box-wrap{opacity:0;position:absolute;visibility:hidden;z-index:9999}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-small .tip-small{color:red}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-small .c-recording-chart-box-small-wrap{padding:0 5px}.c-recording-wrapper.c-recording-wrapper-warning .c-recording-small .c-recording-chart-box-small{opacity:0;position:absolute;visibility:hidden;z-index:9999}.c-recording-wrapper.c-recording-wrapper-pause .c-recording-formatted-time{color:red}.c-recording-wrapper.c-recording-wrapper-pause .c-recording-chart-box-wrap{opacity:0;position:absolute;visibility:hidden;z-index:9999}.c-recording-wrapper.c-recording-wrapper-pause .c-recording-small .c-recording-chart-box-small-wrap{padding:0 5px}.c-recording-wrapper.c-recording-wrapper-pause .c-recording-small .c-recording-chart-box-small{opacity:0;position:absolute;visibility:hidden;z-index:9999}.c-recording-wrapper.c-recording-wrapper-disabled .c-recording-small .n-icon:not(.c-recording-zoom-svg){cursor:not-allowed}.c-recording-wrapper.c-recording-wrapper-show_content .c-recording-small,.c-recording-wrapper.c-recording-wrapper-show_content .c-recording-top-wrap{border-bottom:2px solid #cbd4e4}.c-recording-wrapper.c-recording-wrapper-show_content.c-recording-wrapper-warning .c-recording-small,.c-recording-wrapper.c-recording-wrapper-show_content.c-recording-wrapper-warning .c-recording-top-wrap{border-color:red}.c-recording-sdk-wrapper{display:flex;flex-flow:column nowrap}.c-recording-sdk-wrapper .n-scrollbar{flex:1}.c-recording-sdk-wrapper.c-recording-sdk-wrapper-iframe .c-recording-wrapper .c-recording-content-wrap{height:150px}.c-sdk-recording-modal{box-shadow:0 11px 20px 0 rgba(173,198,236,.2);padding:0}