*{padding:0;margin:0;box-sizing:border-box}body{color:#39434f;background-color:#39434f;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{text-decoration:none;color:inherit}li{list-style:none}input{outline:none;border:none}button{border:none}.home-title{color:#ccc;margin-bottom:100px;text-align:center;padding:20px}.home-main-image-wrapper{border:1px solid rgb(59,207,0);width:400px;height:400px;margin:100px auto 20px}.home-main-image-wrapper img{height:100%;width:100%}.dashboard-title{color:#ccc;margin-bottom:100px;text-align:center;padding:20px}.dashboard-main-image-wrapper{border:1px solid rgb(0,255,255);width:400px;margin:0 auto}.dashboard-main-image-wrapper img{width:100%}.top-panel{background-color:transparent;display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid rgb(76,89,105)}.top-panel-navigation,.top-panel-auth-block{display:flex;gap:20px}.top-panel-link{display:block;font-size:18px;color:#ccc;transition:.3s}.top-panel-link:hover{color:#ff0}.page-header{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 40px;margin-bottom:20px}.page-header-actions{display:flex;gap:4px}.breadcrumbs{display:flex;align-items:center;gap:10px;flex:1 1 auto}.breadcrumbs__link,.breadcrumbs__title{color:#ccc}.page-header-actions-icon-create{color:#00521b;transition:color .2s}.page-header-actions-icon-create:hover{color:#006e25}.page-header-actions-icon-edit{color:#1c334d;transition:color .2s}.page-header-actions-icon-edit:hover{color:#004c9c}.page-header-actions-btn{display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px 1px #0000001a;height:30px;width:40px;border-radius:15px;font-size:14px}.page-header-actions-btn.btn-geen{background-color:#208140;border:2px solid rgb(0,92,31);border-radius:15px}.page-header-actions-btn.btn-blue{background-color:#2a69b1;border:2px solid rgb(36,64,97)}.form-container{background-color:transparent;width:600px;margin:0 auto;height:100vh}.form-title{font-size:24px;text-align:center;margin-bottom:30px;padding:10px;color:#ddd;font-weight:400}.form{width:400px;margin:0 auto}.form-input-container{width:100%;height:34px;margin-bottom:20px}.form-input{width:100%;height:100%;padding:0 8px}.form-file-container{margin-bottom:20px}.form-file{color:#bbb}.form-preview-container{border:1px solid #ddd;display:flex;justify-content:center;margin-bottom:20px}.form-preview-container img{display:block}.form-checkbox-container{margin-bottom:20px}.form-checkbox{margin-right:14px;height:20px;width:20px}.form-checkbox-label{display:flex;align-items:center;color:#ddd;font-weight:300}.form-submit{background-color:#438444;box-shadow:0 0 3px 1px #0006;width:100%;height:34px;color:#eee;font-size:16px;cursor:pointer}.forgot-password-link{display:block;margin-bottom:10px;color:#00c3ff;font-weight:300}.photos-container{background-color:transparent;max-width:1000px;height:100vh;margin:0 auto;padding:0 10px}.photo-detail-container{max-width:1000px;margin:0 auto;padding:10px 0 44px;text-align:center}.photo-detail__title{margin-bottom:20px;color:#ccc}.photos-title{text-align:center;margin-bottom:20px}.photos-list{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:34px;flex-wrap:wrap}.photos-item{position:relative;box-shadow:0 0 5px 2px #0000004d}.photos-item__link{display:block;position:absolute;left:0;top:0;right:0;bottom:0;background-color:#0003;transition:.4s}.photos-item__link:hover{background-color:transparent}.photos-item__detail-link{cursor:pointer;display:block;width:18px;height:18px}.photos-item__detail-link svg{width:100%;height:100%}@media(max-width:767px){.photos-item{width:80%}}.photo-actions{background-color:#ffffffb3;box-shadow:0 0 1px 1px #0000001a;position:absolute;z-index:100;left:4px;top:4px;right:4px;height:24px;display:flex;justify-content:space-between;gap:10px;opacity:0;padding:0 7px;transition:opacity .4s}.photo-actions__title{font-size:16px;overflow:hidden}.photos-item:hover .photo-actions{opacity:1}.photo-title{font-size:18px;margin-bottom:4px}.preview-image-wrapper{background-color:#ffffff9d;border:2px solid #ccc;height:200px;width:200px;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.preview-image-wrapper{background-color:#ffffff2c;width:100%}}.preview-image-wrapper img{max-height:100%;max-width:100%}.photos-item__delete-btn-icon{background:none;border:none;cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#9ca3af}.photos-item__delete-btn-icon:hover{color:#ef4444;background-color:#ef44441a}.empty-photos-list{text-align:center;color:#ccc}.albums-container{max-width:1000px;height:100vh;margin:0 auto;padding:0 10px;background-color:transparent}.albums-title{font-size:22px;color:#ccc}.albums-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:34px;margin-bottom:20px}.albums-item{background-color:#fff3ad;position:relative;width:140px;height:100px;box-shadow:1px 1px 5px 1px #0000004d;border:1px solid rgb(202,191,127);border-radius:7px}.albums-item__link{width:100%;height:100%;padding:20px;background-color:#fff3ad;border:3px solid rgb(255,243,173);border-radius:7px;display:flex;justify-content:center;align-items:center;color:#1c627e;cursor:pointer;transition:.7s}.albums-item__link:hover{background-color:#fcffcf;border:3px solid green}.album-title{font-size:20px}.album-actions{position:absolute;right:4px;top:4px;opacity:0;transition:opacity .2s}.delete-btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#9ca3af}.delete-btn-icon:hover{color:#ef4444;background-color:#ef44441a}.albums-item:hover .album-actions{opacity:1}.edit-btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#9ca3af}.edit-btn-icon:hover{color:#06f;background-color:#002efc1a}.main-row-container{display:flex}.album-list-column__item{background-color:#fff3ad;width:140px;height:30px;margin-bottom:10px}.album-list-column__link{display:block;height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#003c8a;background-color:#2e556b1a;transition:.2s}.album-list-column__link:hover{background-color:#1f6fd8;color:#eee}.detail-image-block{position:relative;overflow:hidden}.detail-image-block__pagination-link{position:absolute;top:0;width:44px;height:100%;display:flex;justify-content:center;align-items:center;transition:.2s}@media(max-width:767px){.detail-image-block__pagination-link{width:10%}}.detail-image-block__pagination-link.left{left:0}.detail-image-block__pagination-link.right{right:0}.detail-image-block__pagination-link:hover{background-color:#06300033;border:1px solid rgb(0,95,0)}.detail-image-block__pagination-link:hover a{opacity:1}.detail-image-block__pagination-icon{width:34px;line-height:8px;transition:.2s}.user-list-item{background-color:#ccc;border-bottom:1px solid #aaa;padding:10px}.user-list-item__title{font-size:18px;font-weight:500;text-align:center}.user-list-item__element{font-size:14px}.user-list-item__element.is-root{text-transform:uppercase;font-size:16px;font-weight:600;color:#c52020}