:root{--border: 0px solid red;--dark_light: #36404a;--dark_deep: #303841}.file_manager_app_body{position:fixed;width:100svw;height:100svh;top:0;left:0;z-index:9999999;border:var(--border);background-color:var(--dark_deep)}.file_manager_app{display:flex;max-width:1200px;margin:0 auto}.file_manager_app a,.file_manager_app h1,.file_manager_app h2,.file_manager_app h3,.file_manager_app h4,.file_manager_app h5,.file_manager_app h6,.file_manager_app p,.file_manager_app ul,.file_manager_app li,.file_manager_app span,.file_manager_app i,.file_manager_app select,.file_manager_app input,.file_manager_app div{color:#ffffffb3;text-decoration:none;box-sizing:border-box;list-style-type:none;margin:0;padding:0;outline:0}.file_manager_app select,.file_manager_app input[type=text],.file_manager_app input[type=search]{border-radius:0;background-color:transparent;padding:5px;min-width:100px}.file_manager_app select:focus,.file_manager_app input[type=text]:focus,.file_manager_app input[type=search]:focus{color:#ffffffb3;outline:0;box-shadow:unset;background-color:var(--dark_light)}.file_manager_app select{text-align:center}.file_manager_app .left_nav{height:100svh;width:250px;border:var(--border);background-color:var(--dark_light);padding-right:3px}.file_manager_app .page_content{height:100svh;flex:1;border:var(--border);padding:20px;overflow-y:auto}.file_manager_app .left_nav ul{padding:20px 0 20px 10px}.file_manager_app .left_nav ul li{margin-bottom:10px}.file_manager_app .left_nav ul li a{display:flex;align-items:center;border-radius:25px;padding:5px 5px 5px 20px;transition-duration:.3s}.file_manager_app .left_nav ul li a:hover,.file_manager_app .left_nav ul li a.router-link-active,.file_manager_app .left_nav ul li a.router-link-exact-active{background-color:brown}.file_manager_app .left_nav ul li a i{width:30px}.file_manager_app .left_nav ul li a span{flex:1;width:230px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file_manager_app .left_nav ul .nav_directory_list{overflow-y:auto;height:calc(100svh - 150px)}.file_manager_app .left_nav ul .nav_directory_list::-webkit-scrollbar{background:transparent;width:10px}.file_manager_app .left_nav ul .nav_directory_list::-webkit-scrollbar-thumb{background-color:var(--dark_deep);border-radius:25px}.file_manager_app .left_nav ul .nav_directory_list li{margin-bottom:0}.file_manager_app .left_nav ul .nav_directory_list li a{padding:5px 10px;border-radius:unset}.explore_top_bar{display:flex;justify-content:space-between;gap:20px}.directory_breadcumb{flex:1;position:sticky;top:0;left:0;background-color:var(--dark_light)}.directory_breadcumb input{border-radius:0;background-color:transparent}.directory_breadcumb input:focus{outline:0;box-shadow:unset;background-color:var(--dark_light)}.directory_breadcumb ul{padding-left:5px;display:flex}.directory_breadcumb ul li{position:relative;display:inline-block;padding:5px 5px 5px 10px}.directory_breadcumb ul li:hover{color:#2364ba;cursor:pointer}.directory_breadcumb ul li:after{content:"/";position:absolute;right:-5px;top:50%;transform:translateY(-50%)}.file_manager_app .hc_file_manager_directory_list{height:calc(100svh - 90px);overflow-y:auto;margin-top:10px}.file_manager_app .hc_file_manager_directory_list::-webkit-scrollbar{background:transparent;width:10px}.file_manager_app .hc_file_manager_directory_list::-webkit-scrollbar-thumb{background-color:var(--dark_light);border-radius:25px}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item{margin-bottom:10px;padding:0 10px;margin-right:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item:hover{background-color:var(--dark_light)}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item .icon_and_name{display:flex;align-items:center}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item .icon_and_name .icon{width:30px;display:grid;align-items:center}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item .icon_and_name .icon .directory_icon{color:#ffc107}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item .icon_and_name .icon .file_icon{color:#b3a2c3}.file_manager_app .hc_file_manager_directory_list .hc_file_manager_directory_item .icon_and_name .title{flex:1;display:flex;gap:10px;justify-content:space-between}.file_manger_create_folder_form{position:fixed;top:0;left:0;height:100svh;width:100svw;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.file_manger_create_folder_form .form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--dark_light);padding:20px;width:400px;border:1px solid white}.file_manger_create_folder_form .form .header{display:flex;justify-content:space-between}.file_manger_create_folder_form .form .header h4{margin-bottom:20px}.file_manger_create_folder_form .form .header i{cursor:pointer}.file_manger_create_folder_form .form form label{display:block;margin-bottom:10px}.select_and_close_button{position:fixed;right:15px;bottom:15px;display:grid;gap:10px}.select_and_close_button .btn{padding:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff}.attach_file_form_file_manager .trigger{display:inline-block;height:60px;width:60px;border:1px solid gray;padding:10px;cursor:pointer}.attach_file_form_file_manager .trigger:hover{border:1px solid rgb(93,15,15)}.attach_file_form_file_manager .trigger:hover .icon{color:#5d0f0f}.attach_file_form_file_manager .trigger .icon{font-size:40px;color:#757575}