@import url(https://fonts.googleapis.com/css?family=Ruda);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);.circle[data-v-3c736a14]{position:relative;display:inline-block}.circle-text-body[data-v-3c736a14]{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif;font-size:16px}.main-header{width:100%;background:#fff;display:flex;align-items:center;flex-wrap:wrap;padding:10px 12px}.main-header .profile-img{height:34px;width:34px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-left:auto}.main-header .profile-img img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.main-header .search-box{width:100%;padding-top:10px;position:relative}.main-header .search-box label{position:absolute;left:10px;top:50%;margin-top:-4px;display:flex}.main-header .search-box label img{height:18px}.main-header .search-box input{width:100%;padding:10px 10px 10px 40px;border-radius:6px;border:none;background:#f8f8f8;outline:none}.back-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;justify-content:flex-start;height:32px;width:32px}.back-btn img{width:22px}.create-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:15px;z-index:9;display:none;left:0}.create-popup.active{display:flex}.create-popup .content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:15px}.create-popup .content h2{color:#3a3a3a;font-size:1em;margin-bottom:20px}.create-popup .content label{font-size:.75em;display:block;color:rgba(58,58,58,.38)}.create-popup .content input{width:100%;border:none;outline:none;border-bottom:1px solid #d9d9d9;font-size:.9em;padding:10px 0;font-weight:500;color:#3a3a3a}.create-popup .content input::-moz-placeholder{color:#3a3a3a}.create-popup .content input:-ms-input-placeholder{color:#3a3a3a}.create-popup .content input::-ms-input-placeholder{color:#3a3a3a}.create-popup .content input::placeholder{color:#3a3a3a}.create-popup .content .save-btn{display:block;margin-top:20px;background:#015ec8;border-radius:6px;padding:10px;box-shadow:0 0 30px rgba(0,0,0,.04);color:#fff;font-size:.9em;font-weight:500;text-align:center}.create-popup .content .close{display:inline-block;position:absolute;left:50%;bottom:-50%;margin-left:-14px}.create-popup .content .close img{height:24px}.uploading-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:15px;z-index:9;display:none;left:0}.uploading-popup.active{display:flex}.uploading-popup .up-content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:15px 15px 60px;position:relative}.uploading-popup .up-content.hid{display:none}.uploading-popup .up-content h2{font-size:1em;color:#3a3a3a}.uploading-popup .up-content p{font-size:.85em;color:#898989;padding-top:8px}.uploading-popup .up-content .upload-bar{padding-top:24px}.uploading-popup .up-content .upload-bar .file-details{display:flex;align-items:center;justify-content:center;flex-shrink:0;justify-content:space-between;padding-bottom:10px}.uploading-popup .up-content .upload-bar .file-details .file-name{color:#262626;font-size:.85em;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:30px}.uploading-popup .up-content .upload-bar .file-details .prcnt{display:block;text-align:right;font-size:.875em;color:#015ec8;font-weight:500;flex-shrink:0}.uploading-popup .up-content .upload-bar .file-details .prcnt:after{content:"%"}.uploading-popup .up-content .upload-bar .line-bar{width:100%;height:10px;box-shadow:0 3px 3px rgba(1,94,200,.47);background:rgba(1,94,200,.19);overflow:hidden;border-radius:25px;position:relative}.uploading-popup .up-content .upload-bar .line-bar .grow{background:#015ec8;display:block;position:absolute;left:0;top:0;bottom:0}.uploading-popup .up-content .upload-bar .line-bar .grow:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);z-index:1;background-size:50px 50px;-webkit-animation:move 2s linear infinite;animation:move 2s linear infinite;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden}@-webkit-keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes move{0%{background-position:0 0}to{background-position:50px 50px}}.uploading-popup .up-content .cancel-btn{position:absolute;right:12px;bottom:12px;font-size:.875em;padding:4px 10px;border:1px solid #015ec8;color:#015ec8;border-radius:25px;transition:.2s}.uploading-popup .up-content .cancel-btn:active{background:#015ec8;color:#fff}.uploading-popup .cancel-uploading{width:100%;background:#fff;padding:15px;border-radius:8px;display:none}.uploading-popup .cancel-uploading.show{display:block}.uploading-popup .cancel-uploading h2{font-size:1em;color:#3a3a3a}.uploading-popup .cancel-uploading p{font-size:.85em;color:#898989;padding-top:10px}.uploading-popup .cancel-uploading .btn{padding-top:16px;text-align:right}.uploading-popup .cancel-uploading .btn span{display:inline-block;padding:6px 20px;color:#015ec8;border-radius:5px;transition:.2s;font-size:.9em;font-weight:500}.uploading-popup .cancel-uploading .btn span:active{background:#015ec8;color:#fff}.search-header{width:100%;padding:10px 12px;background:#fff;display:flex;align-items:center;position:fixed;top:0;left:0;z-index:2}.search-header .file-search-box{flex-grow:1;margin-left:10px;position:relative}.search-header .file-search-box label{display:flex;position:absolute;left:0;height:100%;padding:8px 10px}.search-header .file-search-box label img{height:18px}.search-header .file-search-box input{width:100%;padding:9px 9px 9px 40px;border-radius:6px;border:none;background:#f8f8f8;outline:none;font-size:.9em}.option-footer{width:100%;padding:12px 14px;display:none;align-items:center;justify-content:space-between;background:#fff;box-shadow:0 2px 20px hsla(0,0%,44.3%,.2);position:fixed;bottom:0;left:0;z-index:8}.option-footer.active{display:flex}.option-footer .item{text-align:center}.option-footer .item img{height:16px}.option-footer .item span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item2{text-align:center}.option-footer .item2 img{height:16px}.option-footer .item2 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item3{text-align:center}.option-footer .item3 img{height:16px}.option-footer .item3 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item4{text-align:center}.option-footer .item4 img{height:16px}.option-footer .item4 span{font-size:.6em;display:block;color:#3a3a3a}.option-footer .item5{text-align:center}.option-footer .item5 img{height:16px}.option-footer .item5 span{font-size:.6em;display:block;color:#3a3a3a}.move-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:15px;z-index:9;display:none;left:0}.move-popup.active{display:flex}.move-popup .content{background:#fff;width:100%;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.move-popup .content h2{padding:15px;font-size:1em;color:#3a3a3a;border-bottom:1px solid #e6e6e6}.move-popup .content ul{max-height:200px;overflow-y:auto;width:100%}.move-popup .content ul::-webkit-scrollbar{display:none}.move-popup .content ul li{display:flex;align-items:center;padding:15px}.move-popup .content ul li.active{background:hsla(0,0%,53.7%,.27)}.move-popup .content ul li img{height:16px;flex-shrink:0}.move-popup .content ul li span{font-size:.875em;padding-left:16px;color:#262626}.move-popup .content .popup-footer{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #e6e6e6}.move-popup .content .popup-footer span{font-size:.9em;font-weight:500;padding:15px}.move-popup .content .popup-footer span:first-child{color:#015ec8}.move-popup .close-move-popup{height:32px;width:32px;display:flex;position:absolute;bottom:8%}.delete-popup,.move-popup .close-move-popup{align-items:center;justify-content:center;flex-shrink:0}.delete-popup{width:100%;height:100vh;background:rgba(0,0,0,.44);position:fixed;top:0;display:flex;padding:15px;z-index:9;display:none;left:0}.delete-popup.active{display:flex}.delete-popup .delete-content{background:#fff;width:100%;padding:15px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.delete-popup .delete-content h2{font-size:1em;color:#3a3a3a;margin-bottom:10px}.delete-popup .delete-content p{color:#898989;font-size:.875em}.delete-popup .delete-content .btn{padding-top:40px;display:flex;align-items:center;justify-content:flex-end}.delete-popup .delete-content .btn span{padding:8px 20px;color:#015ec8;font-size:.9em;font-weight:500;border-radius:6px;transition:all .2s}.delete-popup .delete-content .btn span:active{background:#015ec8;color:#fff}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.splash-screen{width:100%;height:100vh;background:url(../img/splash.6eb0b956.jpg) no-repeat 50%;background-size:100% 100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.splash-screen img{height:50px}.home{width:100%;position:relative}.home .storege-status{margin:12px;background:#fff;box-shadow:0 2px 8px rgba(138,149,158,.2);padding:16px;border-radius:10px}.home .storege-status .head{display:flex;align-content:center;justify-content:space-between;padding-bottom:20px}.home .storege-status .head span{font-weight:600}.home .storege-status .head span:first-child{color:#262626;font-size:.95em}.home .storege-status .head span:last-child{color:#015ec8;font-size:.813em}.home .storege-status .content{display:flex}.home .storege-status .content .ldBar{position:relative;flex-shrink:0}.home .storege-status .content .ldBar.label-center>.ldBar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 4px #fff;font-size:1.5em;font-weight:500;color:#262626}.home .storege-status .content .ldBar-label:after{content:"%";display:inline}.home .storege-status .content .ldBar.no-percent .ldBar-label:after{content:""}.home .storege-status .content .ldBar path.mainline{stroke-width:8;stroke:#617be3;stroke-linecap:round}.home .storege-status .content .ldBar path.baseline{stroke-width:8;stroke:#dbdfe1;stroke-linecap:round}.home .storege-status .content .details{flex-grow:1;padding-left:28px}.home .storege-status .content .details h4{font-size:.9em;color:#262626;margin-top:12px;font-weight:600}.home .storege-status .content .details span{font-size:.813em;color:#898989}.folders{width:100%;padding:6px 12px 60px}.folders h2{font-size:.95em;color:#262626;margin-bottom:16px}.folder-listing{list-style-type:none}.folder-listing .list{width:100%;display:flex;align-items:center;position:relative;margin-bottom:12px}.folder-listing .list .inner{flex-grow:1;display:flex;align-items:center;padding:15px;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(138,149,158,.2);transition:all .2s}.folder-listing .list .inner:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .inner .icon{height:20px;width:20px;flex-shrink:0}.folder-listing .list .inner .icon img{width:100%}.folder-listing .list .inner .text{flex-grow:1;padding:0 20px}.folder-listing .list .inner .text p{color:#262626;font-size:.85em}.folder-listing .list .inner .text span{color:#898989;font-size:.75em;padding-top:6px;display:block}.folder-listing .list .dot-icon{position:absolute;right:0;top:50%;margin-top:-24px;padding:10px;border-radius:50%;transition:all .2s}.folder-listing .list .dot-icon:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .dot-icon .option-icon{height:30px;width:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.folder-listing .list .dot-icon .option-icon img{height:30px}.folder-listing .list .dot-icon .option-list{width:160px;background:#fff;border-radius:10px;position:absolute;right:0;top:18px;z-index:9;box-shadow:0 2px 8px rgba(138,149,158,.2);overflow:hidden;display:none}.folder-listing .list .dot-icon .option-list.show-option{display:block}.folder-listing .list .dot-icon .option-list li{display:flex;align-items:center;font-size:.75em;color:#2c2c2c;font-weight:500;padding:10px 30px 10px 16px;transition:all .2s}.folder-listing .list .dot-icon .option-list li:active{background:hsla(0,0%,43.9%,.11)}.folder-listing .list .dot-icon .option-list li .opt-icon{height:18px;width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:10px}.folder-listing .list .dot-icon .option-list li .opt-icon img{height:14px}.folder-listing .img-file{display:flex;align-items:center;flex-wrap:wrap;padding-top:8px;margin:0 -8px}.folder-listing .img-file .img{width:calc(50% - 16px);margin:0 8px 16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;overflow:hidden;position:relative}.folder-listing .img-file .img.icons img{-o-object-fit:contain;object-fit:contain;padding:50px;background:#f8f8f8}.folder-listing .img-file .img.select-img{border-color:#66c136}.folder-listing .img-file .img.select-img .select-icon:after{background:url(../img/tick.3a696873.svg) no-repeat 50%;background-size:contain}.folder-listing .img-file .img img{width:100%;height:20vh;-o-object-fit:cover;object-fit:cover;border-radius:8px}.folder-listing .img-file .img .select-icon{height:22px;width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:absolute;right:4px;top:4px}.folder-listing .img-file .img .select-icon:after{content:"";position:absolute;height:16px;width:16px;background:url(../img/tick_blank.283f527c.svg) no-repeat 50%;background-size:contain}.folder-listing .img-file .img span{padding:8px;font-size:.75em;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.close-option{position:fixed;width:100%;height:100%;top:0;left:0;background:transparent;z-index:8;display:none}.close-option.show_overlay{display:block}.add-btn{height:56px;width:56px;position:fixed;right:20px;bottom:20px;background:#015ec8;border-radius:50%;box-shadow:0 6px 7px rgba(1,94,200,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:7}.add-btn img{transition:all .5s;height:18px;transform:rotate(0deg)}.add-btn img.rotate{transform:rotate(135deg)}.add-popup{width:100%;height:100vh;background:rgba(0,0,0,.47);position:fixed;top:0;left:0;z-index:6;display:none}.add-popup.active{display:block}.add-popup ul{position:absolute;right:20px;bottom:90px;background:#fff;list-style:none;padding:10px 30px 10px 10px;box-shadow:0 2px 8px rgba(138,149,158,.2);border-radius:10px}.add-popup ul li{display:flex;align-items:center;padding:10px;position:relative}.add-popup ul li img{flex-shrink:0}.add-popup ul li span{font-size:.875em;color:#2c2c2c;font-weight:500;padding-left:10px}.add-popup ul li .upload-file input{width:160px;position:absolute;left:0;right:0;height:100%;top:0;opacity:0}.add-popup ul li:last-child span{padding-left:14px}.file-wrapper{width:100%;padding:0 0 55px}.file-wrapper .top-heading{padding:12px;display:flex;align-items:center;justify-content:space-between}.file-wrapper .top-heading h2{font-size:.875em;color:#262626}.file-wrapper .top-heading span{color:#898989;font-size:.75em}.file-wrapper .no-data{display:flex;align-items:center;justify-content:center;flex-shrink:0;flex-direction:column;height:calc(100vh - 151px)}.file-wrapper .no-data img{height:100px;margin-top:-96px}.file-wrapper .no-data span{font-size:.9em;color:#262626;margin-top:20px}.file-wrapper .fill-data{padding:12px}