.form-autorization{display:flex;flex-direction:column;width:300px;margin:auto;gap:10px;height:100vh;justify-content:center}.form-input{height:45px;border-radius:3px;font-size:17px;border:0;padding:0 10px;width:100%;box-sizing:border-box}.btn{height:35px;cursor:pointer;background:#2196f3;border:0;border-radius:3px;color:#fff;font-size:15px}.container-form{background-image:url(/pexels-pixabay-45170.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:100vh;width:100%}.error-login,.error-password{color:#fff}.text-login,.text-password{color:#fff;font-size:18px}.container-input{position:relative;display:flex;align-items:center}.btn-Eye{position:absolute;display:flex;align-items:center;justify-content:center;right:10px;cursor:pointer;border:none;font-size:15px;background:none}*{margin:0;padding:0}body{font-family:Roboto,serif}.header{background:#2196f3;display:flex;align-items:center;padding-right:15px;height:64px}.tabs{padding-left:15px;position:relative;display:flex;align-items:center}.icon-menu{cursor:pointer}.tabs-menu{cursor:pointer;position:fixed;left:0;top:64px;width:250px;z-index:100;background-color:#1e88e5;height:calc(100vh - 64px);overflow-y:auto;transform:translate(-100%);transition:transform .3s ease-in-out}.tabs-menu.open{transform:translate(0)}.buttons{display:block;width:100%;padding:10px;text-align:left;border:none;background:none;cursor:pointer;color:#fff;font-size:15px}.buttons.level-1{padding-left:40px}.buttons.level-2{padding-left:70px}.buttons.active{background:#00bfff}.btn-logout{height:30px;width:70px;border:none;cursor:pointer;margin-left:auto;color:#2196f3}.container-text-icon{display:flex;justify-content:space-between}.list-sections{list-style:none}.container-cats{display:grid;grid-template-columns:repeat(5,1fr);padding:15px;gap:15px}.card-image{width:100%;height:225px;object-fit:cover;cursor:pointer}.loader{display:flex;justify-content:center;height:100vh;align-items:center}.error-text{display:flex;justify-content:center;height:100vh;align-items:center;font-size:18px;color:red}.list-card-image{list-style:none}.button-container{display:flex;justify-content:center;margin-bottom:25px}.button-pagination{border:none;font-size:17px;background:0;cursor:pointer}.container-image{position:relative}.icon-overlay{position:absolute;bottom:10px;right:12px;cursor:pointer}.icon-up{position:fixed;bottom:20px;right:20px;color:#2196f3;cursor:pointer;border:none}@media (max-width: 1200px){.container-cats{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.container-cats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container-cats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.container-cats{grid-template-columns:repeat(2,1fr)}}.bulletActive{border:1px solid #808080;width:50px;height:10px;border-radius:10px}.bulletProgress{height:10px;border-radius:10px;background:#2196f3}.bullet{border:1px solid #808080;width:10px;height:10px;border-radius:50%}.container-bullets{display:flex;gap:10px;position:absolute;top:110px;left:520px}.container-slider{display:flex;gap:20px;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slides-container{width:1000px;height:500px;overflow:hidden}.slides-wrapper{display:flex;width:100%;height:100%;transition:transform .5s ease-in-out}.slide-image{width:1000px;height:500px;object-fit:cover;cursor:pointer;flex-shrink:0}.btn-next{border:0;background:0;cursor:pointer}.btn-next.visible{visibility:visible}.btn-next.hidden{visibility:hidden}.wrapper-bullets{position:relative;bottom:390px;right:450px}@media (max-width: 1120px){.slides-container,.slide-image{width:800px}}@media (max-width: 930px){.slides-container,.slide-image{width:600px}}@media (max-width: 730px){.slides-container{width:500px;height:400px}.slide-image{width:500px}.wrapper-bullets{bottom:340px}}@media (max-width: 630px){.slides-container,.slide-image{width:400px}}@media (max-width: 530px){.slides-container{width:300px;height:300px}.slide-image{width:300px}.wrapper-bullets{bottom:290px}}@media (max-width: 480px){.container-slider{gap:5px;padding:0 10px}.slides-container,.slide-image{width:280px;height:280px}.wrapper-bullets{bottom:280px;right:480px}}@media (max-width: 360px){.container-slider{gap:5px;padding:0 10px}.slides-container,.slide-image{width:250px;height:250px}.wrapper-bullets{bottom:260px}}.text-info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;align-items:center}.btn-back{font-size:19px;width:220px;height:50px;border:none;background:none;background:#2196f3;border-radius:3px;color:#fff;cursor:pointer}.timer{font-size:150px;color:#fff}.btn-start-pause{width:330px;height:40px;font-size:25px;border:none;cursor:pointer;background:#1e88e5;color:#fff;border-radius:3px}.timer-container{background-image:url(/cat-2143332_1920.jpg);background-position:center;height:calc(100vh - 64px);width:100%;background-size:cover;background-repeat:no-repeat}.currentTime{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.container-text{padding:20px 20px 0;font-size:20px}.currentComments{color:green;margin-bottom:20px}.containerPages{display:flex;gap:10px;margin-top:30px;margin-bottom:10px;cursor:pointer;align-items:center}.btnPagination{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btnPagination.active{background:#dcdcdc;color:red;flex-shrink:0}.iconRight.hidden,.iconLeft.hidden{visibility:hidden}.btnPagination.no-pointer{cursor:default}.error-comments{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;color:red}.container-files{padding-left:20px;padding-top:10px;display:flex;gap:10px}.fileInput{color:#2196f3}.btn-upload{width:80px;border:none;background:#2196f3;color:#fff;cursor:pointer}.container-images{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px}.currentImage{width:100%;object-fit:cover;cursor:pointer}@media (max-width: 1200px){.container-images{grid-template-columns:repeat(4,1fr)}}@media (max-width: 992px){.container-images{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.container-images{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.container-images{grid-template-columns:repeat(2,1fr)}}@media (max-width: 380px){.container-files{gap:0}}@media (max-width: 360px){.btn-upload{margin-right:15px}}.wrapper-profile{position:relative;display:flex;flex-direction:column;width:350px;height:100%;justify-content:center;margin:auto;gap:15px}.input-login{height:30px;font-size:15px;padding:0 10px}.input-email.borderLogin{border:1px solid red}.input-password{height:34px;font-size:15px;padding:0 10px;position:absolute;width:100%;box-sizing:border-box}.input-password.borderPassword{border:1px solid red}.btnSubmitProfile{height:35px;background:none;background-color:#2196f3;border:none;color:#fff;cursor:pointer;border-radius:3px}.container-shadow{box-shadow:0 4px 10px #0000001a;border-radius:5px;width:450px;height:350px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.text-profile{display:flex;justify-content:center;font-size:25px;font-weight:700}.error-login,.error-password{color:red}.location{top:80px}.wrapperInput{display:flex;flex-direction:column;justify-content:center}.btnEye{width:30px;position:relative;left:310px;border:none;background:none;cursor:pointer}@media (max-width: 480px){.location{width:300px;left:140px}}@media (max-width: 470px){.container-shadow{width:350px}.wrapper-profile{width:300px}.btnEye{left:265px}}@media (max-width: 450px){.location{width:270px;left:140px;font-size:13px}}@media (max-width: 420px){.location{width:240px;left:140px;font-size:12px}}@media (max-width: 390px){.location{width:240px;left:100px;font-size:12px}}@media (max-width: 380px){.container-shadow{width:300px}.wrapper-profile{width:250px}.btnEye{left:215px}.text-profile{font-size:20px}}.account{display:flex;justify-content:center}.account.colorAccount{color:#fff}.tabsProfile{display:flex;justify-content:center;gap:15px;margin-top:15px}.btnProfile{width:100px;height:30px;cursor:pointer;background:none;border:1px solid blue;border-radius:3px;background-color:#00bfff;color:#fff}.btnProfile.active{background:#2196f3}.btnLogOut{width:100px;border:1px solid blue;border-radius:3px;background-color:#fff;color:#2196f3;cursor:pointer}.wrapperCurrentProfile{border:1px solid #d3d3d3;width:650px;padding:20px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wrapperCurrentProfile.theme{background:#191970}.backdrop{position:fixed;top:0;left:0;height:100%;width:100%;background:#00000080}@media (max-width: 730px){.wrapperCurrentProfile{width:550px}}@media (max-width: 630px){.wrapperCurrentProfile{width:450px}}@media (max-width: 530px){.wrapperCurrentProfile{width:350px}}@media (max-width: 430px){.wrapperCurrentProfile{width:300px}.btnProfile,.btnLogOut{font-size:12px}}@media (max-width: 340px){.wrapperCurrentProfile{width:270px}.btnProfile{font-size:11px}.btnLogOut{font-size:10px}}.text-nameProfile{font-size:20px;margin-top:15px}.text-nameProfile.color{color:#fff}.container-currentProfile{display:flex;justify-content:flex-start;position:relative}.borderProfile{height:50px;width:50px;border-radius:25px;display:flex;justify-content:center;align-items:center;margin-top:50px;background:#2196f3;color:#fff}.dataProfile{display:flex;gap:20px}.dataUser{margin-top:35px;display:flex;flex-direction:column;gap:10px}.textData{font-size:17px}.textData.color{color:#fff}.buttons-profile{display:flex;gap:10px;margin-top:30px}.currentButton{height:30px;padding:0 10px;background:#2196f3;border:none;border-radius:3px;color:#fff;cursor:pointer}.text-story{font-weight:700;font-size:20px;margin-top:15px}.text-story.textStoryColor{color:#fff}.textInfo{display:flex;align-items:center;gap:10px;margin-top:25px;border-bottom:1px solid #D3D3D3;padding-bottom:5px}.containerInfo{margin-top:20px;margin-left:15px}.dateStory{font-size:18px;color:gray}.nameStory{font-size:18px}.nameStory.textNameStoryColor{color:#fff}.settings{font-size:20px;font-weight:700}.settings.colorSettings{color:#fff}.containerSettings{margin-top:15px}.wrapperTheme{display:flex;gap:10px;font-size:18px;margin-top:15px}.inputCheckbox{cursor:pointer}.colorTheme{color:#fff}.textTheme{display:flex;gap:5px;align-items:center;margin-top:40px;font-size:17px}.textTheme.color{color:#fff}.editModalProfile{height:390px;width:370px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px}.textEdit{font-size:23px;display:flex;justify-content:center;margin-top:10px}.name{margin-top:20px;padding-right:290px}.login{margin-top:20px;padding-right:280px}.password{margin-top:20px;padding-right:270px}.inputModal{height:30px;width:300px;font-size:15px;padding:0 10px}.containerInputs{width:370px;display:flex;flex-direction:column;align-items:center}.buttonsModal{display:flex;justify-content:flex-end;padding-right:22px;gap:10px}.btn-cancel{padding:10px;margin-top:30px;height:35px;cursor:pointer;background:#2196f3;border:none;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;width:70px}.btn-save{padding:10px;margin-top:30px;height:35px;cursor:pointer;background:#2196f3;border:none;color:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;width:86px}.error-message-name{color:red;padding-right:70px}.error-message-login{color:red;padding-right:18px}.error-message-password{color:red;padding-right:5px}.inputModal.borderInput{border:1px solid red}@media (max-width: 390px){.editModalProfile{width:330px;height:440px}.containerInputs{width:330px}.inputModal{width:260px}.name{padding-right:250px}.login{padding-right:240px}.password{padding-right:230px}.error-message-name{padding-left:10px;width:220px}.error-message-login,.error-message-password{padding-left:22px}}