@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-color: #0e0e0e;--bg-selection: #9d9e98;--main-color: #27a776;--soft-main-color: #98c7b6;--font-serif: "Tinos", serif;--font-sans-serif: "Lato", sans-serif;--font-sans-serif-2: "Montserrat", sans-serif;--animation-slow: .7s;--animation-normal: .5s;--animation-fast: .3s}::selection{background-color:var(--bg-selection);color:#fff}::-webkit-scrollbar{width:0}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-serif);scrollbar-width:none}[class*=container]{position:relative;margin:auto!important;width:clamp(21.563rem,2.967rem + 79.34vw,74.375rem)}html{width:100vw;scroll-behavior:smooth;background-color:var(--bg-color)}#root{display:flex;flex-direction:column;gap:20px}h1,h2,h3,h4,h5,h6,p,label,li{cursor:default;color:#fff}a{text-decoration:none;color:#fff}ul,ol{list-style:none}.header{position:relative;display:flex;gap:30px;align-items:center;justify-content:space-between;margin:20px 20px 0}.header__logo{display:flex;align-items:center;gap:10px}.header__logo-image{width:92px;height:92px}.header__logo-text{font-size:32px;font-weight:400;cursor:pointer}@media (max-width: 475px){.header__logo-text{display:none}}.header__navigation{display:flex;gap:30px}@media (max-width: 730px){.header__navigation{display:none}}.header__navigation-mobile{display:none}.header__navigation-link{font-size:22px;text-transform:capitalize}.header__right{display:flex;align-items:center;gap:20px}.header__user-icon{width:48px;border-radius:50%}.header__social{display:flex;gap:10px}.header__social-icon{width:32px}@media (max-width: 730px){.header__navigation-mobile{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}}.hero__burger{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:30px;height:18px;cursor:pointer;z-index:110;transition:all var(--animation-slow) ease}.hero__burger span{position:absolute;width:100%;height:2px;background-color:#fff;top:calc(50% - 1px);transform:translateY(-50%);transition:all var(--animation-normal) ease}.hero__burger span:first-child{top:0}.hero__burger span:last-child{top:auto;bottom:0}.hero__burger.active-burger span{background-color:#27a776e6;transform:rotate(135deg)}.hero__burger.active-burger span:first-child{transform:rotate(135deg);top:calc(50% - 1px)}.hero__burger.active-burger span:last-child{transform:rotate(45deg);bottom:calc(50% - 1px)}.hero__content{position:relative;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;min-height:100px}.hero__title{font-size:clamp(1.25rem,.766rem + 2.07vw,2.625rem)}.hero__description{font-size:clamp(1rem,.956rem + .19vw,1.125rem)}.hero__deco{display:flex;align-items:center;gap:20px}.hero__deco-line{width:80px;height:2px;background-color:var(--main-color)}@media (max-width: 820px){.hero__deco-line{display:none}}.hero__sidebar{position:fixed;width:30vw;height:100vh;top:0;left:-100%;background-color:#000;z-index:100;min-width:375px;transition:all var(--animation-slow) ease}.hero__sidebar:before{content:"";position:absolute;width:100%;height:100%;opacity:.2;background-image:url(/assets/bg-image-d7b7d1fa.jpg);background-position:left;background-repeat:no-repeat}.hero__sidebar.active-sidebar{left:0}.hero__sidebar-list{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;height:100%}.hero__sidebar-list-item{font-size:22px;color:var(--main-color)}.auth{position:relative;width:100vw;height:100vh;display:flex}.auth__right,.auth__left{position:relative;width:50%;height:100%}.auth__right:before,.auth__left:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-position-y:center;background-size:cover}.auth__left{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background-color:#0006}@media (max-width: 880px){.auth__left{width:100%}}.auth__left:before{background-image:url(/assets/bg-image-3-735df8a0.jpg);opacity:.3}@media (max-width: 880px){.auth__right{width:0}}.auth__right:before{opacity:.7;background-position-y:top;background-image:url(/assets/bg-image-2-9b0f50cb.webp)}.auth__logo{display:flex;flex-direction:column;align-items:center;gap:10px}.auth__logo-img{width:92px;height:92px}.auth__logo-text{font-size:32px;cursor:pointer}.auth__form{display:flex;flex-direction:column;gap:25px;min-width:350px}.auth__form-text{align-self:center;font-size:30px}.auth__input-field{position:relative;display:flex;align-items:center;width:100%}.auth__form-input{position:relative;width:100%;border:none;outline:none;border-radius:10px;padding:15px 10px;font-size:18px;font-family:var(--font-sans-serif)}.auth__input-field-image{position:absolute;right:10px;cursor:pointer}.auth__radio{cursor:pointer}.auth__radio-text{font-size:18px;font-family:var(--font-sans-serif)}.auth__form-button{cursor:pointer;font-size:20px;background-color:var(--main-color);border-radius:10px;border:none;outline:none;padding:10px;font-family:var(--font-sans-serif)}.auth__form-actions{display:flex;flex-direction:column;gap:10px}.auth__form-action{border:none;outline:none;background-color:transparent;color:var(--main-color);font-size:18px;cursor:pointer}.profile__banner-image{position:absolute;top:0;z-index:-10;opacity:.2;height:55%;width:100%;object-fit:cover}.profile__container{display:flex;flex-direction:column;gap:30px}.profile__status{display:flex;flex-direction:column;gap:10px;width:200px}.profile__status-text{font-family:var(--font-serif);font-weight:600;font-size:14px;color:var(--main-color);text-wrap:none}.profile__heading{font-family:var(--font-sans-serif);font-weight:700;font-size:48px;letter-spacing:2px}.profile__info{display:flex;gap:15px;justify-content:space-between;align-items:flex-start}.profile__user{display:flex;gap:25px;align-items:flex-start}.profile__user-image{width:200px;height:200px}.profile__info-list{height:200px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.profile__item{font-family:var(--font-sans-serif);font-weight:700;font-size:20px}.profile__actions{display:flex;align-items:center;gap:20px}.profile__action{width:32px;height:32px;object-fit:contain}.settings:before{content:"";position:absolute;background-image:url(/assets/bg-image-d7b7d1fa.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;width:100vw;height:100vh;background-color:#000;opacity:.2;z-index:-10;top:0;overflow:hidden}.settings__container{position:relative;display:flex;gap:40px;align-items:flex-start}.settings__setting-list{display:flex;flex-direction:column;gap:20px;padding:20px 0;height:400px}.settings__setting-item{font-family:var(--font-sans-serif-2);font-size:24px;cursor:pointer}.settings__setting-item:last-child{margin-top:auto;background-color:var(--main-color);border:none;outline:none;border-radius:20px;padding:5px 10px}.settings__settings{position:relative;display:flex;flex-direction:column;scroll-behavior:smooth;gap:20px;padding:20px;z-index:10;width:100%;max-height:400px;border-radius:20px;overflow:auto;background-color:#27a77666}.settings__settings-blocks{display:flex;flex-direction:column;gap:10px;margin-top:40px}.settings__settings-blocks:first-child{margin-top:0}.settings__settings-block{display:flex;flex-direction:column;gap:5px}.settings__settings-title{font-size:24px;font-family:var(--font-sans-serif);margin-bottom:10px}.settings__settings-parameter-text{font-size:18px;font-family:var(--font-sans-serif)}.settings__settings-parameter-button,.settings__settings-parameter-input{padding:10px;border:none;outline:none;background-color:transparent}.settings__settings-parameter-input{border-bottom:2px solid #0e0e0e;color:#fff;font-size:18px;font-family:var(--font-sans-serif-2)}.settings__settings-parameter-button{cursor:pointer;background-color:var(--main-color);border-radius:10px;width:fit-content;padding:10px 20px}.settings__settings-parameter-button:disabled{cursor:default}.settings__settings-parameter-button:disabled:hover{background-color:var(--main-color)}.settings__settings-parameter-button:hover{background-color:var(--soft-main-color)}.titles{position:relative;width:100vw;min-height:70vh}.titles:before{content:"";position:absolute;width:100%;height:100%;z-index:-1;opacity:.2;background-image:url(/assets/bg-image-4-9dcae14a.png);background-size:cover;background-position-x:right}.titles__container{display:flex;flex-direction:column;gap:20px;margin:0 50px;padding:30px 0;max-height:600px}.titles__general{display:flex;justify-content:space-between;gap:30px}@media (max-width: 550px){.titles__general{flex-direction:column;justify-content:center}}.titles__text{font-size:28px;font-family:var(--font-sans-serif);color:var(--main-color);white-space:nowrap}.titles__search{border:none;outline:none;background-color:#ecebf2;opacity:.7;border-radius:30px;padding:10px;font-size:18px;font-family:var(--font-sans-serif-2)}.titles__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px;overflow:auto;max-height:370px}.titles__item{display:flex;flex-direction:column;align-items:center;gap:15px}.titles__item-image{object-fit:contain;max-width:300px;height:300px}.titles__item-text{background-color:var(--main-color);width:100%;font-family:var(--font-sans-serif);font-size:18px;text-align:center;padding:10px 15px;border-radius:10px}.title{position:relative;margin-bottom:30px}.title__container{display:flex;flex-direction:column;gap:30px;margin:0 clamp(.625rem,-1.356rem + 8.45vw,6.25rem)}.title__chapters-block{position:relative;display:flex;flex-direction:column;gap:10px}.title__chapters-list{position:relative;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow:auto}.title__chapters-heading{font-family:var(--font-sans-serif);font-weight:700}.title__chapters-link{padding:10px;width:100%;background-color:var(--soft-main-color);color:#000;font-family:var(--font-sans-serif);font-size:20px;display:flex;align-items:center;justify-content:space-between}.title__chapters-info{overflow:visible;display:flex;align-items:center;justify-content:space-between;padding:10px;width:100%;background-color:var(--main-color)}.title__chapters-search{position:relative;border:none;outline:none;font-family:var(--font-sans-serif);font-size:18px;padding:5px 15px;border-radius:10px;min-width:250px;display:flex;align-items:center}.title__chapters-search-icon{position:absolute;right:15px}.title__chapters-icon{scale:.7}.title__back{cursor:pointer;align-self:flex-start;justify-self:flex-end;width:64px}.title__info{display:flex;gap:30px;justify-content:space-between}@media (max-width: 900px){.title__info{align-items:center;justify-content:center}}.title__image{display:flex;width:fit-content;gap:30px}@media (max-width: 900px){.title__image{flex-direction:column;align-items:center}}.title__cover{width:320px}.title__info-list{display:flex;flex-direction:column;gap:15px}.title__info-text{font-family:var(--font-sans-serif);font-weight:700;font-size:20px;white-space:nowrap}.title__info-text:last-child{margin-top:auto;width:fit-content;padding:10px 25px;background-color:var(--main-color);border-radius:10px}.title__info-text span{font-family:inherit;font-weight:inherit;font-size:inherit;color:var(--main-color)}.chapter{position:relative;width:100vw}.chapter__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:clamp(21.875rem,11.972rem + 42.25vw,50rem);gap:15px;margin:30px 0}.chapter__image{width:100%}.chapter__image::selection{background-color:transparent}.chapter__selection{position:fixed;left:10px;bottom:10px;padding:5px 10px;border:none;outline:none;background-color:var(--main-color);color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:10}.chapter__option{font-family:var(--font-serif);font-size:14px}.chapter__navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%}.chapter__button{padding:10px 15px;border-radius:10px;background-color:var(--main-color);width:100px;text-align:center}