@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--account-ink:#101316;--account-panel:#202528;--account-panel-2:#282e31;--account-line:#3b4345;--account-text:#f7f5ef;--account-muted:#92999a;--account-orange:#ff6b3d;--account-cyan:#66d7d0}
html,body{background:var(--account-ink);color:var(--account-text);font-family:'Space Grotesk',sans-serif;min-width:0}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:48px 48px}
a{color:var(--account-cyan)}
.login_box{width:390px;height:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:32px 36px;background:var(--account-panel);border:1px solid var(--account-line);box-shadow:0 24px 70px #0009;border-radius:4px}
.login_box:before{content:'SHOTNES / ACCOUNT';display:block;color:var(--account-cyan);font:10px 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:28px}.login_box .logo{width:auto;height:auto;position:static;text-align:left;margin:0 0 24px}.login_box .logo a{width:100%;height:54px;display:flex;align-items:center;background:none!important;color:var(--account-text);font:bold 25px 'Space Grotesk',sans-serif;letter-spacing:-.07em}.login_box .logo a:before{content:'';width:54px;height:54px;background:url('/img/icon_main.png') center/cover no-repeat;border-radius:12px;margin-right:12px}.login_box .login{width:auto;height:auto;position:static;margin:0;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;text-align:left}.login_box #uLogin{margin:0 0 18px;min-height:34px}.login_box form{border-top:1px solid var(--account-line);padding-top:20px}.login_box .text{width:100%;height:44px;box-sizing:border-box;background:#171b1d;color:var(--account-text);border:1px solid #4c5557;border-radius:2px;padding:0 13px;font:13px 'DM Mono',monospace}.login_box .text:focus{outline:1px solid var(--account-cyan);border-color:var(--account-cyan)}.login_box form br{display:none}.login_box input[name=pass]{margin-top:10px!important}.login_box .inp_subm{margin-top:14px;border:0;border-radius:2px;background:var(--account-orange);color:var(--account-ink);padding:12px 18px;font:600 13px 'Space Grotesk',sans-serif;cursor:pointer}.login_box .inp_subm:hover{background:#ff835c}
.login_box .account-language{position:absolute;top:31px;right:36px;color:#687174;font:10px 'DM Mono',monospace}.login_box .account-language a{color:#687174}.login_box .account-language a.active{color:var(--account-text);border-bottom:1px solid var(--account-orange)}
.left_box{position:fixed;inset:0 auto 0 0;width:270px;height:auto;overflow-y:auto;padding:0 24px;border:0;border-right:1px solid var(--account-line);background:var(--account-panel);z-index:2}.left_box .header{margin:0;padding:30px 0 0}.left_box .header:before{content:'SHOTNES / WORKSPACE';display:block;color:var(--account-cyan);font:10px 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:28px}.left_box .name_box{color:var(--account-text);font-size:18px;margin:0 0 15px}.left_box .user_info{margin:0 0 36px;color:var(--account-muted);font-size:12px}.left_box .user_info .avatar{width:44px}.left_box .user_info .avatar img{max-width:44px;border:2px solid var(--account-orange)}.left_box .user_info .descr{margin-left:57px}.left_box .user_info .descr .user_name{color:var(--account-text);font-weight:600}.left_box .user_info .buttons p{line-height:1.7}.left_box .user_info .buttons .links{margin-top:18px;line-height:2;color:var(--account-cyan)}.left_box .user_info .buttons .links a{color:var(--account-cyan)}.left_box .name_box a{color:var(--account-orange)}.left_box .tags{border-top:1px solid var(--account-line);padding-top:18px}.left_box .tags_form label{display:block;color:var(--account-muted);font:10px 'DM Mono',monospace}.left_box .tags_form .inp_txt{width:100%;box-sizing:border-box;background:#171b1d;color:var(--account-text);border:1px solid var(--account-line);padding:8px}.content_list{min-height:100vh;margin-left:270px;padding:38px 42px;background:var(--account-ink)}.content_list_box{max-width:1180px;margin:0 auto}.content_list:before{content:'YOUR FILES';display:block;color:var(--account-cyan);font:10px 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:18px}.content_list #gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin:0;padding:0}.content_list #gallery>li{width:auto;height:248px;margin:0}.content_list #gallery>li>a:not(.delete){width:auto;height:218px;padding:10px;background:var(--account-panel);border:1px solid var(--account-line);border-radius:3px;box-shadow:none;color:var(--account-muted)}.content_list #gallery>li>a:not(.delete):hover{border-color:var(--account-orange);opacity:1;box-shadow:0 10px 30px #0005}.content_list #gallery .image{height:165px;background:#171b1d;display:flex;align-items:center;justify-content:center}.content_list #gallery .date{margin-top:13px;font:10px 'DM Mono',monospace}.content_list #gallery .delete{color:var(--account-orange);right:6px;bottom:7px}.content_list .center_text{color:var(--account-muted);padding:100px 20px;font-size:18px}.pager a{color:var(--account-cyan)}
.form_settings{margin-left:270px;min-height:100vh;padding:72px 7%;background:var(--account-ink)}.form_settings .login{position:static;width:min(680px,100%);height:auto;margin:0;padding:0;text-align:left;border:0;box-shadow:none}.form_settings .login form{background:var(--account-panel);border:1px solid var(--account-line);padding:28px;margin-bottom:20px}.form_settings .login h1{color:var(--account-text);font-size:26px;font-weight:600;padding-bottom:20px}.form_settings label{color:var(--account-muted);font:11px 'DM Mono',monospace}.form_settings .text{box-sizing:border-box;width:100%;background:#171b1d;color:var(--account-text);border:1px solid var(--account-line);border-radius:2px;padding:11px;font:13px 'DM Mono',monospace}.form_settings .text:focus{outline:1px solid var(--account-cyan)}.form_settings .submit{border:0;border-radius:2px;background:var(--account-orange);color:var(--account-ink);padding:11px 18px;font-weight:700}.form_settings_box_double .login{width:min(860px,100%)}.form_settings_box_double .login form{width:calc(50% - 12px);float:left}.form_settings_box_double .login form.right_form{float:right}.form_settings_box_double .login .text{width:100%}.info_message,.error_message{max-width:680px;background:var(--account-panel);border:1px solid var(--account-line);color:var(--account-cyan);border-radius:2px}
@media(max-width:760px){.login_box{position:relative;top:auto;left:auto;transform:none;width:auto;margin:30px 18px;padding:26px}.left_box{position:relative;width:auto;min-height:0;padding:0 18px}.content_list{margin-left:0;padding:30px 18px}.content_list #gallery{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.content_list #gallery>li{height:220px}.content_list #gallery>li>a:not(.delete){height:190px}.content_list #gallery .image{height:140px}.form_settings{margin-left:0;padding:35px 18px}.form_settings_box_double .login form,.form_settings_box_double .login form.right_form{width:100%;float:none}.form_settings_box_double .login{width:100%}}
.left_box .header:before{display:none}.left_box .workspace-label{color:var(--account-cyan);font:10px 'DM Mono',monospace;letter-spacing:.14em;margin-bottom:22px}.left_box .account-language{position:absolute;top:30px;right:0;color:#687174;font:10px 'DM Mono',monospace}.left_box .account-language a{color:#687174}.left_box .account-language a.active{color:var(--account-text);border-bottom:1px solid var(--account-orange)}