@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);@font-face{font-family:NanumGothicBold;src:url(/static/media/NanumGothicBold.356b763ec0165e2d3c7d.ttf) format("truetype")}@font-face{font-family:NanumBarunpenB;src:url(/static/media/NanumBarunpenB.5ead8e90eff5ad9baa8e.ttf) format("truetype")}@font-face{font-family:NanumMyeongjoExtraBold;src:url(/static/media/NanumMyeongjoExtraBold.1671ca2619ccb9f8b2b0.ttf) format("truetype")}@font-face{font-family:NanumPen;src:url(/static/media/NanumPen.0b224058442d5a629431.ttf) format("truetype")}@font-face{font-family:NanumSquareRoundEB;src:url(/static/media/NanumSquareRoundEB.ef4043133d5b2d0febb4.ttf) format("truetype")}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{background:0;border:none;cursor:pointer}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-thumb{background-color:#168982;border-radius:10px}::-webkit-scrollbar-track{background-color:#243837}*{box-sizing:border-box;color:#fff;font-family:Noto Sans KR,sans-serif;letter-spacing:-1px;margin:0;padding:0}:focus{outline:none}.container{background-color:#171c22;display:flex;justify-content:center;min-height:100vh;overflow:scroll}.login-container{background-color:#243837;height:100%}.login-background{background-image:url(/static/media/login-bg.4ac806e1ef5b3f970096.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}.login-area{align-items:center;background-color:#171c22e6;display:flex;height:100vh;position:fixed;right:0;top:0;width:760px}.login-box{display:flex;flex-direction:column;height:auto;padding:0 30px;width:530px}.login-logo{margin-bottom:20px}.login-title{color:#fff;font-family:"Noto Sans KR, Sans-serif";letter-spacing:-2px;margin-bottom:80px}.login-title h2{font-size:48px;font-weight:800}.login-title h3{font-size:18px;font-weight:300}.login-form{display:flex;flex-direction:column}.login-input-label{color:#28cfbe;font-weight:500}.login-input{background:none;border:none;border-bottom:1px solid #197f74;height:45px;margin-bottom:30px;padding:0 10px;width:100%}.login-btn{display:flex;flex-direction:row;gap:10px;margin-bottom:50px}.login-btn button{align-items:center;background:#00ffe4;border-radius:2px;color:#171c22;cursor:pointer;font-size:16px;font-weight:600;height:60px;justify-content:center;width:49%}.login-btn button:hover{background:#28cfbe}.login-footer{display:flex;flex-direction:column;gap:2px;padding:50px,0;width:100%}.login-footer p{color:#5c6064;font-size:14px}.login-footer-second{display:flex;gap:14px;margin-bottom:20px}.wrap{flex-direction:column;max-width:1500px}.header,.wrap{display:flex;width:100%}.header{height:80px;justify-content:space-between}.header-logo{align-content:center;cursor:pointer;justify-content:center;padding:0 15px}.header-nav{list-style:none}.header-nav,.header-nav li{align-items:center;display:flex;justify-content:center}.header-nav li{cursor:pointer;font-size:20px;font-weight:600;height:100%;width:130px}.header-nav li.active,.header-nav li:hover{color:#00ffe4}.header-btn-box{align-items:center;display:flex;gap:10px;justify-content:center;list-style:none;margin-left:auto}.header-btn-box li{cursor:pointer;font-size:16px;font-weight:500;justify-content:center;padding:5px 20px 5px 5px;text-align:center;white-space:nowrap;width:auto}.header-btn-box li:hover{background-color:#00ffe4;border-radius:25px}.header-btn-box li img{padding:0 10px}.content{display:flex;flex:1 1;flex-direction:column;gap:30px;padding-top:30px}.route{align-content:center;display:flex;height:35px;list-style:none}.route li:first-child{padding-left:0}.route li{padding-left:10px}.server-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;list-style:none}.server-list li{align-items:center;background:#16252a;border:1px solid #17888233;border-radius:30px;cursor:pointer;display:flex;flex-direction:column;gap:15px;height:300px;justify-content:center;max-width:270px;min-width:270px;padding:15px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.room-label{display:flex;flex-direction:row;gap:5px}.server-list h2.red{color:#ff6565}.server-list li.remove{background:#232025;border:1px solid #ff656533}.server-list li.remove:hover{box-shadow:0 0 28px #ff656540,0 0 10px #ff656538}.server-list li.remove:hover>span{background-color:#ff6565;color:#fff}.server-list li.remove span{border:1px solid #ff6565;color:#ff6565}.server-list li:hover{box-shadow:0 0 28px #00ffe440,0 0 10px #00ffe438;transform:scale(1.05)}.server-list li:hover>span{background-color:#00ffe4;color:#000}.server-list li span{border:1px solid #00ffe4;border-radius:25px;color:#00ffe4;font-size:14px;font-weight:500;height:auto;padding:5px;text-align:center;width:150px}.footer{padding:50px 0}.footer p{color:#5c6064;font-size:14px;white-space:pre}.footer p:last-child{padding-top:20px}.popup-overlay{background-color:#0009;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:99999}.popup{border-radius:15px;height:auto;left:50%;overflow:hidden;position:relative;top:50%;transform:translate(-50%,-50%);width:30%}.popup-title{background-color:#144168;display:flex;justify-content:space-between;padding:15px 30px}.popup-title h2{font-size:18px}.popup-content{background-color:#f8f8f8;border-radius:auto;display:flex;flex-direction:column;gap:15px;padding:30px}.popup-content label{color:#333;font-size:14px;font-weight:600}.popup-content button{background-color:#144168;border-radius:5px;font-size:18px;font-weight:600;height:60px}.popup-content button:hover{background-color:#0e2d49}.popup-content input,.popup-content select{background:none;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px;font-weight:500;height:45px;padding:0 10px}.popup-content select option{color:#000}.popup-password-area{display:flex;flex-direction:column;gap:5px}.control-container{background-color:#171c22;display:flex;flex-direction:row;height:100vh;width:100vw}.control-left-menu{display:flex;flex-direction:column;width:200px}.control-logo{align-items:center;cursor:pointer;height:80px}.control-left-items,.control-logo{align-content:center;display:flex;justify-content:center}.control-left-items{flex-direction:column}.control-left-items li{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:15px;height:70px;padding:0 30px;width:100%}.item-img{align-content:center;align-items:center;display:flex;height:30px;justify-content:center;width:30px}.control-left-items li .item-off{display:block}.control-left-items li .item-on,.control-left-items li:hover .item-off{display:none}.control-left-items li:hover .item-on{display:block}.control-left-items li h2{color:#8b8e91;font-size:15px;font-weight:500;white-space:nowrap}.control-left-items li:hover h2{color:#00ffe4}.control-middle{display:flex;flex:1 1;flex-direction:column;gap:15px;padding-top:15px}.control-header{display:flex;flex-direction:row;justify-content:space-between}.control-header-left{align-content:center;display:flex;flex-direction:row;gap:15px}.control-header-left h2{font-size:26px;font-weight:800}.room-info{align-content:center;align-items:center;border:1px solid #175150;border-radius:10px;display:flex;flex-direction:row;gap:6px;justify-content:center;padding:3px}.room-info img{padding-left:10px}.room-info span{align-items:center;background-color:#168982;border-radius:8px;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.control-header-right{align-content:center;display:flex;justify-content:center}.control-header-right button{align-items:center;background-color:#168982;border-radius:5px;display:flex;gap:10px;justify-content:center;margin-right:20px;padding:4px 16px;white-space:nowrap}.control-header-right button:hover{background-color:#12645f}.control-utils,.control-utils-left{display:flex;flex-direction:row;justify-content:space-between}.control-utils-left{width:66%}.control-utils-left div{display:flex;flex-direction:row;gap:10px}.control-utils-left button{align-content:center;align-items:center;border:1px solid #fff;border-radius:5px;display:flex;font-weight:500;gap:10px;justify-content:center;padding:5px 12px;white-space:nowrap}.control-utils-left button:hover{background-color:#33383d}.control-utils-left button.active{border:1px solid #ff3e3e;color:#ff3e3e}.control-utils-left input{background:none;border:0;border-bottom:1px solid #197f74;font-weight:600;padding:0 10px;width:300px}.control-utils-right{display:flex;gap:10px;margin-right:20px}.control-utils-right button{align-items:center;border:1px solid #fff;border-radius:5px;display:flex;font-weight:800;justify-content:center;padding:1px 11px}.control-utils-right button.active{background-color:#168982;border:1px solid #168982}.control-utils-right button.active:hover{background-color:#117a73;border:1px solid #fff}.control-utils-right button:hover{background-color:#33383d}.text-control{display:flex;flex-direction:row;list-style:none}.text-control li:first-child{background-color:#33383d;cursor:default}.text-control li img:hover+.arrow-box{display:flex}.text-control li img{height:25px;width:auto}.arrow-box{align-items:center;background:#33383de6;border-radius:5px;color:#fff;display:none;font-size:11px;height:30px;justify-content:center;padding:8px;position:absolute;right:55px;top:1px;width:110px;z-index:999}.arrow-box:after{border:5px solid #0000;border-right-color:#33383de6;content:" ";pointer-events:none;position:absolute;right:-10px;top:11px;transform:rotate(180deg)}.text-control li{align-content:center;align-items:center;border-bottom:1px solid #197f74;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;display:flex;font-size:13px;font-weight:400;justify-content:center;min-width:45px;position:relative}.text-control li.active{background-color:#168982;font-weight:500}.text-control li.active:hover{background-color:#117a73}.text-control li.inactive:hover{background-color:#33383d}.text-control li:first-child{border-right:none;border-top-left-radius:5px}.text-control li:last-child{border-left:none;border-top-right-radius:5px}.control-panels{display:flex;flex-direction:row;gap:10px;height:89%}.control-panels-left{display:flex;flex-direction:column;gap:10px;height:99%;width:66%}.control-panels-bottom{display:flex;flex-direction:row;gap:10px;height:32.5%}.control-panels-right{display:flex;flex:1 1;flex-direction:column;gap:10px;height:99%;margin-right:10px}.panel-screen{border:1px solid #124d4c;border-radius:5px;flex:1 1;position:relative}.item-overlay{background-color:#124d4c;border-radius:30px;cursor:pointer;filter:opacity(.6) drop-shadow(0 0 0 rgba(255,255,255,.3));margin-left:3px;margin-top:1px;min-height:30px;min-width:30px;position:absolute;z-index:999}.panel-screen video{height:100%;left:0;position:absolute;top:0;width:100%}.panel{background-color:#162025;border:1px solid #124d4c;border-radius:5px;flex:1 1;gap:10px;overflow-y:auto;padding:10px}.control-right-menu,.panel{display:flex;flex-direction:column}.control-right-menu{background-color:#2d3136;border-bottom-left-radius:15px;border-top-left-radius:15px;padding-left:10px;padding-right:10px;padding-top:15px;width:290px}.control-right-menu.control-cam{bottom:0;padding-top:7px;position:fixed;right:0;width:40vw}.control-cam-box{align-items:center;background-color:#525252;border-radius:3px;display:flex;flex-direction:row;gap:12px;margin-bottom:10px;padding-bottom:3px;padding-left:4px;padding-top:3px;width:49%}.control-cam-box:hover{color:#00ffe4;cursor:pointer}.control-cam-box img{width:30px}.control-tab-box{display:flex;height:50px;list-style:none}.control-tab-box.cam li{width:100%}.control-tab-box.cam li:hover{color:#fff;cursor:auto;width:100%}.control-tab-box li{align-items:center;background-color:#525252;cursor:pointer;display:flex;font-size:16px;justify-content:center;width:280px}.control-tab-box li:hover{color:#00ffe4}.control-tab-box li.inactive{background-color:#3f3f3f}.control-tab-box li:first-child{border-top-left-radius:10px}.control-tab-box li:last-child{border-top-right-radius:10px}.control-tab-box li.disable{background-color:#3f3f3f}.control-tab-content{background-color:#525252;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;gap:10px;height:87vh;overflow:auto;padding:10px}.control-tab-content.cam{margin-bottom:9px}.control-tab-content-title{border-bottom:1px solid #4c5054;display:flex;gap:10px;justify-content:space-between;padding-bottom:5px;padding-left:5px}.control-tab-content-title h3{font-size:16px;font-weight:500}.control-tab-content-title span{align-content:center;align-items:center;background-color:#168982;border-radius:4px;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:0 10px 0 8px}.panel-header{display:flex;justify-content:space-between}.panel-title{align-content:center;align-items:center;display:flex;gap:5px;justify-content:center}.panel-title h2{font-size:13px;font-weight:400}.panel-close{align-content:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACsSURBVChTjZKBEUAwDEWbDWzCBtiATW2ADZiEDep/WleVOO56vcp/TfJT8d4vzrkNqxeRHbv5QVsgOFIgOEzYayxe0FpwAlXQzQR5C+HSgjNoha4Rpv2CVQgtnaAFhxB7YnlXpuDDDRowf7+g05zcwqxshh+Zot4CY3nUqW5rpaY9EVTdzs15GBHKUkeVjkN1zxpVfAAq9DUqgmyefajuGfAUQT7u7ucjH6AtDjwBgTvYAQiHAAAAAElFTkSuQmCC);background-repeat:no-repeat;display:flex;justify-content:center;width:17px}.panel-content{display:flex;flex-direction:column;gap:8px;padding:10px}.panel-content,.panel-inner{overflow-y:auto}.panel-label{color:#00ffe4;font-size:11px;padding:2px 0}.panel-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.panel-item.from-bottom{align-items:flex-end}.panel-item.tail{align-items:start;display:flex;flex-direction:row;gap:10px}.panel-item span{font-size:11px}.panel-item select{width:150px}.panel-item select,.panel-item select.long{background:none;background-color:#000;border:1px solid #124d4c;border-radius:5px;border-right:none;border-top:none;height:25px}.panel-item select.long{width:400px}.switch-control{display:flex;flex-direction:row;list-style:none}.switch-control li{align-content:center;border:1px solid #5c6367;cursor:pointer;display:flex;font-size:11px;justify-content:center;min-width:75px;padding:6px 15px}.switch-control li.active{border:1px solid #28cfbe;color:#28cfbe}.switch-control li.active:hover{background-color:#33383d}.switch-control li.inactive:hover{background-color:#33383d;border:1px solid #28cfbe}.switch-control li:first-child{border-bottom-left-radius:5px;border-top-left-radius:5px}.switch-control li:last-child{border-bottom-right-radius:5px;border-top-right-radius:5px}.ok-btn{border:1px solid #28cfbe;border-radius:4px;color:#fff;font-size:11px;height:20px;width:45px}.ok-btn:hover{background-color:#28cfbe;color:#141414;font-weight:600}.suggest-img{width:125px}.panel-item-left,.panel-item-right{display:flex;flex-direction:column;gap:10px}.panel-inner{align-content:center;align-items:center;display:flex;flex-direction:row;gap:7px}.panel-inner.suggest-count-wrap{padding-right:20px}.panel-inner-list{align-content:center;display:flex;flex-direction:column;gap:7px}.panel-item-number{background:none;background-color:#000;border:1px solid #124d4c;border-right:none;border-top:none;padding:3px 7px;text-align:right;width:50px}.panel-sidebar{border-right:1px solid #124d4c;height:100%;padding:5px 0}.panel-underbar{border-bottom:1px solid #124d4c;padding:5px 0}.panel-item-radio{border:1px solid #124d4c;border-radius:2px;cursor:pointer;height:12px;width:12px}.radio-active{background-color:#00ffe4}.layout-container{display:flex;justify-content:center;min-height:210px}.layout-container img{border:6px solid #5c6367;cursor:pointer;width:300px}.layout-container img:hover{filter:opacity(.7) drop-shadow(0 0 0 rgba(100,100,100,.7))}.panel-item-column{display:flex;flex-direction:column;gap:10px;justify-content:center;overflow-y:auto}.panel-drag-over{background-color:#000}.panel-prefer-box{display:flex;flex-direction:row;gap:20px}.black-btn{border:1px solid #5c6367;border-radius:4px;color:#fff;font-size:11px;height:20px;width:45px}.black-btn.active,.black-btn:hover{background-color:#5c6367}.black-btn.active-red{background-color:red}.prefer-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:left;overflow:auto;padding:0 10px}.prefer-container img{align-content:center;border:3px solid #5c6367;cursor:pointer;display:flex;width:125px}.prefer-container img.remove{filter:opacity(.7) drop-shadow(0 0 0 rgba(201,0,0,.7))}.prefer-container img.remove:hover{filter:opacity(.5) drop-shadow(0 0 0 rgba(201,0,0,1))}.prefer-container img:hover{filter:opacity(.7) drop-shadow(0 0 0 rgba(100,100,100,.7))}.panel-item-bottom{align-content:center;align-items:center;display:flex;gap:7px}.panel-item select.short{background:none;background-color:#000;border:1px solid #124d4c;border-radius:5px;border-right:none;border-top:none;height:25px;width:60px}.user-list{border-radius:5px;display:flex;flex-direction:column;list-style:none}.bookmark{font-size:13px;padding-bottom:3px;padding-left:5px;padding-top:3px}.bookmark.default{background-color:#168982;border-bottom:1px solid #3f3f3f;font-weight:600}.bookmark.region{background-color:#3f3f3f;color:#ff0}.user-list li{background-color:#4d4d4d;display:flex;flex-direction:row;justify-content:space-between;padding:10px 5px;white-space:nowrap;width:100%}.user-list li:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.user-list li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.user-list li h2{font-size:13px;font-weight:400;overflow-x:auto}.user-list li h2.user-red{color:red}.user-list-right{display:flex;flex-direction:row;gap:1px}.user-list-right.cam{gap:0}.list-util{background-color:#525252e6;border-radius:8px;cursor:pointer;display:flex}.list-util.small-gap{margin-right:4px}.list-util.small-gap-last{margin-right:6px}.list-util.cam img{height:19px}.list-util img{height:22px}.list-util.vad{min-width:23px}.list-util.big-gap{margin-right:11px}.list-util span{font-size:10px;font-weight:600;margin:auto}.color-800{color:#fff200}.color-1500{color:#ff7f27}.color-4000{color:#ec1c24}.tab-title-left{display:flex;flex-direction:row;gap:10px}.tab-title-right{align-content:center;align-items:center;display:flex;flex-direction:row;gap:6px;margin-right:5px}.emoticon-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.emoticon-container-top{display:flex;flex-direction:column;gap:20px}.emoticon-list{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;height:30vh;justify-content:left;list-style:none;overflow-y:auto}.emoticon-list li{cursor:pointer;display:flex;height:48px;padding:2px;width:48px}.emoticon-list li:hover{border:1px solid #707070;border-radius:5px}.emoticon-list li img{height:auto;overflow:hidden;width:auto}.emoticon-list li.list-style.remove-on{border:2px solid #8a0000;border-radius:5px}.emoticon-list li img.remove-on{filter:opacity(.3) drop-shadow(0 0 0 rgba(201,0,0,.7))}.emoticon-preset-list{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:left;list-style:none;overflow-y:auto}.emoticon-preset-list li{border:1px solid #707070;border-radius:5px;cursor:pointer;display:flex;height:65px;padding:2px;width:65px}.emoticon-preset-list li.remove-on{border:2px solid #8a0000;border-radius:5px}.emoticon-preset-list li:hover{border:1px solid #d8d8d8;border-radius:5px}.emoticon-preset-list li img{height:auto;overflow:hidden;width:auto}.category-name{background:none;border-right:none;font-size:14px}.emoticon-preset-list.list-style{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:4px;justify-content:center;list-style:none;overflow-y:auto}.emoticon-preset-list li.list-style{align-content:center;border:1px solid #707070;border-radius:5px;cursor:pointer;display:flex;height:auto;justify-content:center;padding:2px;width:auto}.emoticon-preset-list li.list-style:hover{border:1px solid #d8d8d8;border-radius:5px}.emoticon-preset-list li.list-style img{width:40%}.emoticon-preset-list li.list-style.remove-on{border:2px solid #8a0000;border-radius:5px}.emoticon-preset-list li img.remove-on{filter:opacity(.3) drop-shadow(0 0 0 rgba(201,0,0,.7))}.emoticon-preview{align-content:center;height:30vh;overflow:auto;overflow:scroll;text-align:center}.tab-border{border-bottom:2px solid #3f3f3f}.emoticon-size{align-items:center;display:flex;flex-direction:column;gap:10px}.emoticon-range{-webkit-appearance:none;background:#3f3f3f;border-radius:5px;cursor:pointer;width:200px}.emoticon-range::-webkit-slider-thumb{-webkit-appearance:none;background:#178882;border-radius:2px;box-shadow:1px 2px 1px #000,1px 1px 1px #0d0d0d;height:14px;width:14px}.emoticon-value{background:none;border-color:#000 #858585 #858585 #000;border-radius:5px;border-style:solid;border-width:1px;font-weight:400;height:25px;text-align:center;width:40px}.item-custom{display:flex;flex-direction:row;gap:5px;justify-content:center;padding:10px}.item-custom button{border-color:#858585 #000 #000 #858585;border-radius:5px;border-style:solid;border-width:1px;font-size:12px;height:30px;text-align:center;width:100px}.item-custom button.active,.item-custom button:active{border-color:#000 #858585 #858585 #000;border-style:solid;border-width:1px}.subtitle-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.subtitle-basic{display:flex;flex-direction:column;gap:10px}.subtitle-drag{display:flex;flex-direction:row;justify-content:center}.subtitle-drag div{border:1px solid #858585;border-radius:5px;cursor:pointer;padding:5px 6px 0 5px}.subtitle-input{display:flex;justify-content:center}.subtitle-input input{background:none;border-color:#000 #858585 #858585 #000;border-radius:5px;border-style:solid;border-width:1px;color:#fff;font-size:13px;height:25px;text-align:center;width:100%}.subtitle-input input::placeholder{color:#cfcfcf}.subtitle-config{display:flex;flex-direction:row;justify-content:space-between}.subtitle-config-left,.subtitle-config-right{display:flex;flex-direction:column}.subtitle-config-right{gap:5px}.subtitle-size{align-items:center;display:flex;flex-direction:row;gap:10px}.subtitle-size input{background:none;border-color:#000 #858585 #858585 #000;border-radius:5px;border-style:solid;border-width:1px;height:25px;text-align:center;width:35px}.subtitle-font{align-items:center;display:flex;flex-direction:row;gap:10px}.subtitle-config h6{font-size:12px;font-weight:400}.subtitle-font select{background:none;border-color:#858585 #000 #000 #858585;border-radius:5px;border-style:solid;border-width:1px;height:25px;width:120px}.subtitle-font select option{color:#000}.subtitle-font select:active{border-color:#000 #858585 #858585 #000;border-style:solid;border-width:1px}.subtitle-color{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:right}.subtitle-color input{-webkit-appearance:none;appearance:none;background-color:initial;border:none;height:30px;padding:1px;width:50px}.subtitle-color input::-webkit-color-swatch{border-radius:5px;cursor:pointer}.subtitle-preview{align-content:center;height:3vh;overflow:auto;text-align:center;white-space:nowrap}.subtitle-preset{display:flex;flex-direction:column;gap:10px}.subtitle-preset-item{display:flex;flex-direction:row;gap:5px;justify-content:center}.subtitle-preset-item input{background:none;border-color:#000 #858585 #858585 #000;border-radius:5px;border-style:solid;border-width:1px;height:25px;text-align:center;width:100%}.subtitle-preset-item button{border-color:#858585 #000 #000 #858585;border-radius:5px;border-style:solid;border-width:1px;font-size:8px;padding:0 8px 0 7px;text-align:center}.subtitle-preset-item button:active{border-color:#000 #858585 #858585 #000;border-style:solid;border-width:1px}.custom-subtitle-list{display:flex;flex-wrap:wrap;gap:10px;height:13vh;list-style:none;overflow-y:auto}.custom-subtitle-list li{cursor:pointer;display:flex;height:50px;justify-content:center;overflow:hidden;padding:2px;width:100%}.custom-subtitle-list li:hover{border:1px solid #707070;border-radius:5px}.custom-subtitle-list li img{height:50px;width:auto}.custom-subtitle-list li img.remove-on{filter:opacity(.3) drop-shadow(0 0 0 rgba(201,0,0,.7))}.custom-subtitle-preview{align-content:center;box-sizing:border-box;height:11vh;overflow:auto;text-align:center}.subtitle-container-top{display:flex;flex-direction:column;gap:20px}.panel-item-hide{display:flex;flex-direction:row;gap:10px}.panel-item-hide .panel-label{padding:0}.hide{border:1px solid #124d4c;border-radius:2px;cursor:pointer;height:20px;width:20px}.hide.hide-on{background-color:#00ffe4}.top-menu{justify-content:space-between}.top-menu-room{gap:10px}.room-btn,.top-menu-room{display:flex;flex-direction:row}.room-btn{align-content:center;align-items:center;border-radius:15px;font-size:16px;font-weight:600;gap:15px;justify-content:center;padding:4px 15px}.room-btn.add{border:1px solid #1ca53c;margin-bottom:1px}.room-btn.add:hover{background-color:rgba(117,216,140,.212)}.room-btn.remove{border:1px solid #ff6868;margin-top:1px;padding-top:1px}.room-btn.remove:hover{background-color:#2f242a}.top-menu,.video-count{display:flex;flex-direction:row}.video-count{align-items:center;gap:3px;margin-top:-30px}.video-count h1{color:#999;font-size:12px;font-weight:500}.video-count h2{font-size:15px;font-weight:400}.table{border-collapse:collapse;margin-top:-30px;table-layout:fixed}.table thead{background-color:#2c3036;border:none}.table tbody tr{height:10px}.table td,.table th{font-size:14px;font-weight:400;padding:3px}.table td{text-align:center}.table th span{margin:0 5px}.table select{min-width:170px}.table input,.table select{background-color:#63686f;border:none;border-radius:10px;text-align:center}.table input{max-width:170px}table button{border-radius:5px;font-size:12px;font-weight:400;margin:0 3px;padding:5px 15px;text-align:center}.table button.green{border:1px solid #168982}.table button.green:hover{background-color:#168982}.table button.encoding{border:1px solid #ff6868;cursor:auto;width:58%}.table button.red{border:1px solid #ff6868;padding-bottom:6px;padding-right:17px;padding-top:4px}.table button.red:hover{background-color:#ff6868}.paging{display:flex;flex-direction:row;gap:5px;justify-content:center;list-style:none}.paging li{align-content:center;border-radius:5px;cursor:pointer;height:30px;text-align:center;width:30px}.paging li.active,.paging li:hover{background-color:#168982}.control-panels-mobile,.control-utils-mobile-right,.header-toggle{display:none}@media (max-width:768px){.control-cam-box{width:100%}.control-right-menu.control-cam{height:93vh;width:100vw}.login-background{background-image:none;height:auto}.login-area{position:relative;width:auto}.popup{width:90%}.header-toggle{display:block}.header-toggle img{height:30px;padding:0 15px}.header-btn-box,.header-nav{display:none}.top-menu{padding:0 15px}.server-list{justify-content:center}.server-list li{height:100px;max-width:100%;width:90%}.server-list li img{display:none}.server-list h2{font-size:16px;font-weight:400}.server-list li span{font-size:12px}.footer{padding:20px 15px}.mobile-menu{background-color:#16252a;border-bottom:1px solid #124d4c;border-bottom-left-radius:5px;border-left:1px solid #124d4c;border-top-left-radius:5px;height:60vh;width:50vw;z-index:999}.mobile-menu-top{display:flex;justify-content:right}.close-menu{height:80px;width:50px}.close-menu img{height:20px}.mobile-menu-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0 10px}.video-count{padding:10px 15px}.mobile-menu-list li{border-bottom:1px solid #00ffe4;font-size:14px;font-weight:400;padding:10px;text-align:center}.top-menu-room button{border-radius:5px;font-size:0}.table input{width:80px}.table tbody tr{border-bottom:1px solid #124d4c}.table tbody td{padding:0 10px}.table select{min-width:60px;width:70px}.table button.green{border-radius:5px;font-size:10px;margin-bottom:5px;min-width:50px;padding:5px}.user-list{overflow:hidden}.user-list li{overflow:auto}.user-list li h2{min-width:100px}.table button.red{font-size:10px;min-width:50px;padding:4px 5px}.control-left-menu{display:none}.control-middle{flex-direction:column;padding:10px;width:100vw}.control-panels-right{display:none}.control-panels-left{width:100%}.panel-screen{flex:none;height:30vh}.panel{display:none}.mobile-panel-select{width:100%!important}.control-container{height:100%;min-height:100vh}.control-header-left h2{font-size:20px}.control-utils-mobile-right{display:block}.control-utils-mobile-right button{background-color:#168982;border-radius:5px;padding:8px}.control-panels-mobile{border:1px solid #124d4c;border-radius:5px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:10px}.control-panels-mobile select{width:100px}.control-panels-mobile select,.control-panels-mobile select.long{background:none;background-color:#000;border:1px solid #124d4c;border-radius:5px;border-right:none;border-top:none;height:25px}.control-panels-mobile .panel-item-column,.control-panels-mobile select.long{width:100%}.control-panels-mobile .prefer-container img{width:48%}.control-right-menu{bottom:0;display:none;position:absolute;right:0}.control-utils-left{flex-direction:column;gap:15px}.control-utils-left button{width:150px}.control-utils-right{display:none;flex-direction:column}.control-header-right button{font-size:0;margin-right:0;padding-right:6px}}