/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}body{font-family:Roboto;background-color:#141414;color:#f9f9f9;line-height:1.29;letter-spacing:.02em;font-size:14px}@media (min-width: 768px){body{font-size:16px}}@media (min-width: 1280px){body{font-size:16px}}body{width:100%;margin-left:auto;margin-right:auto}@media (max-width: 767px){body{padding:20px;max-width:375px}}@media (min-width: 768px){body{padding:32px;max-width:768px}}@media (min-width: 1280px){body{padding:32px;max-width:1280px}}button{cursor:pointer;font-family:inherit}img{object-fit:contain;display:block}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:#F9F9F9;transition:background-color 5000s ease-in-out 0s}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}.main{display:grid;gap:10px;padding:20px;justify-content:center}@media (min-width: 768px){.main{gap:0;padding:40px 64px}}@media (min-width: 1280px){.main{gap:16px;grid-template-columns:repeat(2,1fr)}}.wrapFormBlock{border-radius:30px;background-color:#1f1f1f;padding:20px 20px 40px;width:335px}@media (min-width: 768px){.wrapFormBlock{padding:40px 64px;width:704px}}@media (min-width: 1280px){.wrapFormBlock{padding:40px 64px;width:600px}}.logo-wrap{display:flex;align-items:center;gap:4px;margin-bottom:40px}@media (min-width: 768px){.logo-wrap{margin-bottom:157px}}@media (min-width: 1280px){.logo-wrap{margin-bottom:107px}}.logoName{display:none}@media (min-width: 768px){.logoName{display:inline;font-size:20px}}.main-title{margin-bottom:20px;font-weight:700;line-height:1;letter-spacing:.02em;font-size:32px}@media (min-width: 768px){.main-title{font-size:64px}}@media (min-width: 1280px){.main-title{font-size:64px}}@media (min-width: 768px){.main-title{line-height:.94}}@media (min-width: 768px){.main-title{margin-bottom:40px}}.main-title-span{color:#e3e3e380}.wrapImgBlock{padding:20px 40px 0;width:335px;border-radius:30px;background-color:#1f1f1f}@media (min-width: 768px){.wrapImgBlock{display:none}}@media (min-width: 1280px){.wrapImgBlock{display:flex;justify-content:center;align-items:flex-end;width:600px}}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;background-color:#14141499}.mobMenu{position:absolute;top:0;right:0;height:100vh;width:50%;background:#262626;padding:34px 40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.btnClose{cursor:pointer;margin-left:auto;width:28px;height:28px;display:flex;justify-content:center;align-items:center}.header{position:relative;justify-content:space-between;padding:11px 20px;margin-bottom:10px;min-width:335px;border-radius:30px;background-color:#1f1f1f;display:flex;align-items:center}@media (min-width: 768px){.header{padding:16px;margin-bottom:16px;justify-content:initial}}.wrapNav{display:none}@media (min-width: 768px){.wrapNav{display:flex;margin-left:223px}}@media (min-width: 1280px){.wrapNav{margin-left:334px}}.headerNav{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.headerNav{flex-direction:row;gap:32px}}@media (min-width: 1280px){.headerNav{gap:40px}}.nav-link{font-weight:500;line-height:1.125;letter-spacing:-.02em;color:#686868;position:relative;transition:color .3s ease;color:#f9f9f9;line-height:1.29;letter-spacing:.02em;font-size:14px}@media (min-width: 768px){.nav-link{font-size:16px}}@media (min-width: 1280px){.nav-link{font-size:16px}}.nav-link.active{color:#f9f9f9}.nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:3px;background-color:#4f92f7;border-radius:8px}.wrapUserBar{gap:10px;display:flex;align-items:center}@media (min-width: 768px){.wrapUserBar{gap:16px;margin-left:auto}}.userBar{gap:8px;display:flex;align-items:center}.userBarRound{border:1px solid #686868;border-radius:100%;background-color:#262626;width:35px;height:35px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.userBarRound{width:42px;height:42px}}.userBarName{display:none}@media (min-width: 1280px){.userBarName{display:block}}.wrapLogOutBtn{display:none}@media (min-width: 768px){.wrapLogOutBtn{display:flex}}.burgerBtn{width:28px;height:28px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.burgerBtn{display:none}}.logoWrapHeader{gap:4px;display:flex;align-items:center}.logoNameHeader{display:none}@media (min-width: 1280px){.logoNameHeader{display:inline;font-size:20px}}.logOutBtn{padding:10px 20px}.logOutBtn{border-radius:30px;padding:10px 20px;font-weight:700;line-height:1.29;letter-spacing:.02em;cursor:pointer;border:1px solid #686868;background-color:transparent;color:#f9f9f9;font-size:14px}@media (min-width: 768px){.logOutBtn{font-size:16px}}@media (min-width: 1280px){.logOutBtn{font-size:16px}}.logOutBtn:hover{color:#1f1f1f;background:#f9f9f9;border:1px solid transparent}@media (min-width: 768px){.logOutBtn{line-height:1.13;padding:12px 28px}}@media (min-width: 768px){.logOutBtn{padding:12px 28px}}.form-com{display:flex;flex-direction:column;justify-content:space-between;gap:72px}@media (min-width: 768px){.form-com{gap:82px}}@media (min-width: 1280px){.form-com{gap:146px}}.inputs-block{display:flex;flex-direction:column;gap:8px}@media (min-width: 768px){.inputs-block{top:14px}}.input-wrap{position:relative}.input-wrap{font-weight:500;line-height:1.33;letter-spacing:-.02em;border-radius:12px;width:100%;padding:14px;background:#262626;border:1px solid transparent;font-size:12px}@media (min-width: 768px){.input-wrap{font-size:14px}}@media (min-width: 1280px){.input-wrap{font-size:14px}}.input-wrap:hover{border:1px solid #686868}@media (min-width: 768px){.input-wrap{line-height:1.29;padding:16px}}.input-wrap-label{position:absolute;left:14px;top:14px;bottom:14px;color:#686868}@media (min-width: 768px){.input-wrap-label{top:16px}}.input-wrap-error{padding-left:14px;color:#e90516;font-size:12px}@media (min-width: 768px){.input-wrap-error{font-size:14px}}@media (min-width: 1280px){.input-wrap-error{font-size:14px}}.input-wrap-name{padding-left:42px;width:100%}@media (min-width: 768px){.input-wrap-name{padding-left:46px}}.input-wrap-mail{padding-left:32px;width:100%}@media (min-width: 768px){.input-wrap-mail{padding-left:36px}}.input-wrap-password{padding-left:60px;padding-right:32px;width:100%}@media (min-width: 768px){.input-wrap-password{padding-left:70px}}.input-wrap-passwordIcon{position:absolute;right:14px;top:14px;bottom:14px}@media (min-width: 768px){.input-wrap-passwordIcon{top:16px;bottom:16px}}.btms-block{display:flex;gap:14px;align-items:center}.btms-block-btn{border-radius:30px;padding:12px 29px;font-weight:700;line-height:1.28571;letter-spacing:.02em;border:1px solid transparent;color:#1f1f1f;background:#f9f9f9;font-size:14px}@media (min-width: 768px){.btms-block-btn{font-size:20px}}@media (min-width: 1280px){.btms-block-btn{font-size:20px}}.btms-block-btn:hover{background-color:transparent;border:1px solid #686868;color:#f9f9f9}@media (min-width: 768px){.btms-block-btn{line-height:1;padding:16px 54px}}.btms-block-link{text-decoration:underline;color:#686868;font-size:11px}@media (min-width: 768px){.btms-block-link{font-size:14px}}@media (min-width: 1280px){.btms-block-link{font-size:14px}}.btms-block-link:hover{color:#f9f9f9}.dashboardMain{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;width:100%}@media (min-width: 768px){.dashboardMain{gap:16px}}@media (min-width: 1280px){.dashboardMain{grid-template-columns:1fr 2fr;min-height:80vh;gap:16px}}.aside{padding:20px;border-radius:30px;background-color:#1f1f1f}@media (min-width: 768px){.aside{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}}@media (min-width: 1280px){.aside{display:block;padding:40px 20px 20px}}.dashTitleForm{margin-bottom:8px;font-size:10px}@media (min-width: 768px){.dashTitleForm{font-size:14px}}@media (min-width: 1280px){.dashTitleForm{font-size:14px}}.dashInputs{display:flex;flex-direction:column;gap:8px}.dashInputsWrap{position:relative}.dashInputsWrap{font-weight:500;line-height:1.33;letter-spacing:-.02em;border-radius:12px;width:100%;padding:14px;background:#262626;border:1px solid transparent;font-size:12px}@media (min-width: 768px){.dashInputsWrap{font-size:14px}}@media (min-width: 1280px){.dashInputsWrap{font-size:14px}}.dashInputsWrap:hover{border:1px solid #686868}@media (min-width: 768px){.dashInputsWrap{line-height:1.29;padding:16px}}.dashInputsWrapLabel{position:absolute;left:14px;top:14px;bottom:14px;color:#686868}@media (min-width: 768px){.dashInputsWrapLabel{top:16px;bottom:16px}}.dashInputsWrapError{padding-left:14px;color:#e90516;font-size:10px}@media (min-width: 768px){.dashInputsWrapError{font-size:12px}}@media (min-width: 1280px){.dashInputsWrapError{font-size:12px}}.dashInputsWrapTitle{padding-left:56px;width:100%}@media (min-width: 768px){.dashInputsWrapTitle{padding-left:64px}}.dashInputsWrapAuthor{padding-left:64px;width:100%}@media (min-width: 768px){.dashInputsWrapAuthor{padding-left:72px}}.dashInputsWrapNumber{padding-left:98px;width:100%}@media (min-width: 768px){.dashInputsWrapNumber{padding-left:110px}}.dashInputsWrapPage{padding-left:78px;width:100%}@media (min-width: 768px){.dashInputsWrapPage{padding-left:88px}}.dashBtm{margin-top:20px}.dashBtm{border-radius:30px;padding:10px 20px;font-weight:700;line-height:1.29;letter-spacing:.02em;cursor:pointer;border:1px solid #686868;background-color:transparent;color:#f9f9f9;font-size:14px}@media (min-width: 768px){.dashBtm{font-size:16px}}@media (min-width: 1280px){.dashBtm{font-size:16px}}.dashBtm:hover{color:#1f1f1f;background:#f9f9f9;border:1px solid transparent}@media (min-width: 768px){.dashBtm{line-height:1.13;padding:12px 28px}}.dashBlockFrame{margin-top:20px;border-radius:12px;background:#262626;padding:20px}@media (min-width: 768px){.dashBlockFrame{margin-top:0}}@media (min-width: 1280px){.dashBlockFrame{margin-top:20px;margin-bottom:20px}}.dashTitle{font-weight:700;font-size:18px}@media (min-width: 768px){.dashTitle{font-size:20px}}@media (min-width: 1280px){.dashTitle{font-size:20px}}.workOutList{display:flex;flex-direction:column;gap:20px;margin-top:20px;margin-bottom:20px}@media (min-width: 768px){.workOutList{margin-top:40px;margin-bottom:26px}}.workOutItem{display:flex;gap:14px}@media (min-width: 768px){.workOutItem{gap:12px}}.workOutNumWrap{position:relative;border-radius:50%;width:40px;height:40px;flex-shrink:0;background-color:#f9f9f9;color:#1f1f1f}@media (min-width: 768px){.workOutNumWrap{width:44px;height:44px}}.workOutNum{position:absolute;top:11px;left:16px}@media (min-width: 768px){.workOutNum{top:13px;left:18px}}.workOutSpan{color:#686868}.workOutLinkWrap{justify-content:space-between;display:flex;align-items:center}.workOutLink{text-decoration:underline;color:#686868}.workOutLink:hover{color:#f9f9f9}.workOutArrow:hover{color:#e3e3e380}.dashQuote{display:none}@media (min-width: 1280px){.dashQuote{display:flex;align-items:center;gap:14px;border-radius:12px;padding:15px 20px;background:#262626;color:#686868}.dashQuoteSpan{color:#f9f9f9}}.dashReccomListWrap{display:flex;justify-content:center}.dashReccomList{gap:20px;margin-top:14px;margin-bottom:17px;font-size:10px;overflow:hidden;max-width:253px;display:flex;align-items:center}@media (min-width: 768px){.dashReccomList{margin-top:20px;margin-bottom:20px}}.dashReccomImg{border-radius:10px;margin-bottom:8px}.dashReccomWrap{width:71px}.dashReccomTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;margin-bottom:2px}.dashReccomAuthor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#686868}.dashProgFrame{margin-top:40px;margin-bottom:20px}@media (min-width: 768px){.dashProgFrame{margin-top:0;margin-bottom:52}}@media (min-width: 1280px){.dashProgFrame{margin-top:40px}}.dashProgTitle{color:#686868;margin-top:14px;margin-bottom:20px}@media (min-width: 768px){.dashProgTitle{margin-bottom:50px}}@media (min-width: 1280px){.dashProgTitle{margin-top:9px;margin-bottom:65px}}.dashProgWrap{margin:0 auto;width:80px;height:80px;padding:24px;border-radius:100%;background-color:#262626}@media (min-width: 768px){.dashProgWrap{width:100px;height:100px;padding:15px 25px}}.statisticBar{margin-top:40px;margin-bottom:20px;justify-content:space-between;display:flex;align-items:center}@media (min-width: 768px){.statisticBar{margin-top:0;margin-bottom:16px}}@media (min-width: 1280px){.statisticBar{margin-top:40px;margin-bottom:20px}}.statisticWrap{gap:8px;display:flex;align-items:center}.statisticWrap img{width:16px;height:16px}.statisticWrap button{width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.statisticWrap button:disabled{border:1px solid #686868;background-color:#262626}.diaryWrap{border-radius:12px;padding:16px;background-color:#262626;overflow-y:auto;max-height:212px}@media (min-width: 768px){.diaryWrap{max-height:252px}}@media (min-width: 1280px){.diaryWrap{max-height:373px;padding:20px}}.dayCommon{font-weight:700;line-height:1.33;letter-spacing:.02em;justify-content:space-between;margin-bottom:16px;font-size:12px;display:flex;align-items:center}@media (min-width: 768px){.dayCommon{font-size:16px}}@media (min-width: 1280px){.dayCommon{font-size:16px}}@media (min-width: 768px){.dayCommon{line-height:1.125}}@media (min-width: 1280px){.dayCommon{margin-bottom:28px}}.dayWrap{gap:5px;display:flex;align-items:center}@media (min-width: 768px){.dayWrap{gap:10px}}.dayDecor{width:16px;height:16px;background-color:#141414;border:3px solid #F9F9F9;border-radius:5px}@media (min-width: 768px){.dayDecor{width:20px;height:20px;border:4px solid #F9F9F9}}.dayPages{font-weight:500;color:#686868}.dayBlock{border-left:2px solid #141414;padding-left:16px;margin-left:7px;margin-bottom:16px}.timeBlock{font-weight:500;font-size:10px;line-height:1.2;letter-spacing:-.02em;text-align:center;color:#686868;justify-content:space-between;margin-bottom:16px;display:flex;align-items:center}.timePerc{display:block;margin-bottom:4px;font-size:14px;line-height:1.29;color:#f9f9f9;text-align:left}.timeVisual{gap:6px;display:flex;align-items:flex-start}.timeVisualWrap{max-width:80px;gap:7px;flex-direction:column;display:flex;align-items:center}.timeVisualBtn{cursor:pointer}.timeVisualBtn svg{width:16px;height:16px}.pieIntro{display:none}@media (min-width: 1280px){.pieIntro{display:block;margin-bottom:20px;font-weight:500;line-height:1.29;letter-spacing:-.02em;font-size:14px;color:#686868}}.pieContainer{padding:20px;border-radius:12px;background:#262626;margin:0;text-align:center;color:#686868}@media (min-width: 768px){.pieContainer{padding:28px}}@media (min-width: 1280px){.pieContainer{padding:20px}}.pieChartWrap{background:transparent;border-radius:50%;margin:0 auto 10px;width:116px;height:116px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.pieChartWrap{width:138px;height:138px}}@media (min-width: 1280px){.pieChartWrap{width:189px;height:189px;margin-bottom:14px}}.piePercent{font-weight:700;font-size:30px;line-height:1.1;letter-spacing:-.02em;fill:#f9f9f9}.pieWrapPerc{margin-bottom:4px;font-weight:500;font-size:14px;line-height:1.29;letter-spacing:-.02em;color:#f9f9f9;gap:5px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.pieWrapPerc{margin-bottom:8px;font-size:18px;line-height:1;gap:8px}}.pieSqu{border-radius:4px;width:14px;height:14px;background-color:#30b94d}.pieText{font-weight:500;font-size:10px;line-height:1.2;letter-spacing:-.02em}@media (min-width: 768px){.pieText{font-size:12px;line-height:1.17}}.pieNote{margin-top:8px;font-size:8px}@media (min-width: 768px){.pieNote{font-size:10px}}@media (min-width: 1280px){.pieNote{font-size:10px}}.bookCompleted{padding:16px;flex-direction:column;gap:20px;height:100%;display:flex;justify-content:center;align-items:center}.bookCompletedTitle{color:#30b94d;font-weight:700;font-size:20px}@media (min-width: 768px){.bookCompletedTitle{font-size:24px}}@media (min-width: 1280px){.bookCompletedTitle{font-size:24px}}.bookCompletedText{text-align:center;color:#e3e3e380;font-size:12px}@media (min-width: 768px){.bookCompletedText{font-size:14px}}@media (min-width: 1280px){.bookCompletedText{font-size:14px}}.bookCompletedBadge{display:inline-block;padding:10px 20px;background:#30b94d;color:#f9f9f9;border-radius:50px;font-weight:700;font-size:12px}@media (min-width: 768px){.bookCompletedBadge{font-size:14px}}@media (min-width: 1280px){.bookCompletedBadge{font-size:14px}}.resetWrap{margin-top:14px}@media (min-width: 768px){.resetWrap{margin-top:30px;justify-content:space-between;display:flex;align-items:center}}@media (min-width: 1280px){.resetWrap{margin-top:40px}}.noResults{margin-top:14px;color:#4f92f7;margin-bottom:14px;font-size:16px}@media (min-width: 768px){.noResults{font-size:20px}}@media (min-width: 1280px){.noResults{font-size:20px}}@media (min-width: 768px){.noResults{margin-top:30px}}.primary{border-radius:30px;background-color:#1f1f1f;padding:40px 20px 20px;max-width:335px}@media (min-width: 768px){.primary{padding:40px;max-width:704px}}@media (min-width: 1280px){.primary{padding:40px 20px 20px;max-width:847px}}.contentContainer{justify-content:space-between;display:flex;align-items:center}.contentTitle{font-weight:700;line-height:1.14;letter-spacing:-.02em;font-size:20px}@media (min-width: 768px){.contentTitle{font-size:28px}}@media (min-width: 1280px){.contentTitle{font-size:28px}}@media (min-width: 768px){.content{letter-spacing:.02em}}.contentArrowsWrap{display:flex;gap:8px}.contentArrows{cursor:pointer}.contentArrows svg{width:28px;height:28px}@media (min-width: 768px){.contentArrows svg{width:32px;height:32px}}.contentArrows:disabled{cursor:default;color:#686868}.contentArrows:hover{color:#686868}.contentRecom{margin-top:22px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);letter-spacing:-.02em}@media (min-width: 768px){.contentRecom{margin-top:20px;grid-template-columns:repeat(4,1fr);column-gap:25px;row-gap:27px}}@media (min-width: 1280px){.contentRecom{grid-template-columns:repeat(5,1fr);column-gap:20px}}.contentRecomWrap{width:137px}.contentRecomImg{border-radius:8px;width:100%;height:208px;object-fit:cover;margin-bottom:8px}.contentRecomTitle{font-weight:700;font-size:14px;line-height:1.29;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contentRecomAuthor{font-weight:500;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#686868}.custom-select__control{background-color:transparent!important;border-radius:12px!important;border:1px solid #3e3e3e!important;min-height:40px!important;min-width:120px!important;cursor:pointer!important;padding:4px 12px!important;box-shadow:none!important;line-height:1.33333!important;letter-spacing:-.02em!important}@media (min-width: 768px){.custom-select__control{min-height:46px!important;min-width:153px!important}}.custom-select__single-value{color:#f9f9f9!important}.custom-select__indicator-separator{display:none!important}.custom-select__dropdown-indicator{color:#f9f9f9!important}.custom-select__menu{margin:4px!important;padding:0!important;background-color:transparent!important}@media (min-width: 768px){.custom-select__menu{margin:8px!important}}.custom-select__menu-list{padding-top:0!important;padding-bottom:0!important;border-radius:12px!important}.custom-select__option{padding:8px 12px;cursor:pointer;background:#262626!important;color:#686868!important}.custom-select__option--is-focused{background-color:#f9f9f9!important;color:#262626!important}.myLibraryDel{justify-content:space-between;display:flex;align-items:center}.myLibraryWrap{max-width:95px}.myLibraryBtn{width:28px;height:28px;border-radius:100%;border:1px solid rgba(232,80,80,.1);background-color:#e8505033;display:flex;justify-content:center;align-items:center}.myLibraryBtn svg{color:#e85050}.readingContent{margin-top:40px;flex-direction:column;text-align:center;letter-spacing:-.02em;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.readingContent{margin-top:32px}}@media (min-width: 1280px){.readingContent{margin-top:44px;margin-bottom:33px}}.readingImg{width:137px;height:208px;border-radius:8px;object-fit:cover;margin-bottom:10px}@media (min-width: 768px){.readingImg{width:169px;height:256px;margin-bottom:25px}}@media (min-width: 1280px){.readingImg{width:224px;height:340px}}.readingTitle{font-weight:700;font-size:14px;line-height:1.29;margin-bottom:5px}@media (min-width: 768px){.readingTitle{font-size:20px;line-height:1;margin-bottom:4px}}.readingAuthor{font-weight:500;font-size:12px;line-height:1.2;color:#686868;margin-bottom:20px}@media (min-width: 768px){.readingAuthor{font-size:14px;line-height:1.29;margin-bottom:16px}}@media (min-width: 1280px){.readingAuthor{margin-bottom:25px}}.readingBtn{margin:0 auto;width:40px;height:40px}@media (min-width: 768px){.readingBtn{width:50px;height:50px}}.modalBackdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#14141499;z-index:999;display:flex;justify-content:center;align-items:center}.modalContent{background:#1f1f1f;border:1px solid rgba(104,104,104,.2);border-radius:12px;padding:16px;position:relative;max-width:335px}@media (min-width: 768px){.modalContent{min-width:342px;max-width:70%}}.modalClose{position:absolute;top:16px;right:16px;cursor:pointer}.modalClose:hover{color:#686868}.modalClose svg{width:22px;height:22px}.no-scroll{overflow:hidden}.modalContentWrap{letter-spacing:-.02em;padding:20px 78px;flex-direction:column;text-align:center;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.modalContentWrap{padding:30px 154px}}.modalContentImg{border-radius:8px;width:140px;height:213px;object-fit:cover;margin-bottom:16px}@media (min-width: 768px){.modalContentImg{width:153px;height:233px}}.modalContentTitle{font-weight:700;line-height:1;margin-bottom:6px;font-size:18px}@media (min-width: 768px){.modalContentTitle{font-size:20px}}@media (min-width: 1280px){.modalContentTitle{font-size:20px}}.modalContentAuthor{font-weight:500;line-height:1.17;color:#686868;margin-bottom:8px;font-size:12px}@media (min-width: 768px){.modalContentAuthor{font-size:14px}}@media (min-width: 1280px){.modalContentAuthor{font-size:14px}}@media (min-width: 768px){.modalContentAuthor{line-height:1.29}}.modalContentPage{font-weight:500;font-size:10px;line-height:1.2;margin-bottom:20px}@media (min-width: 768px){.modalContentPage{margin-bottom:32px}}.modalContentBtn{border-radius:30px;padding:10px 20px;font-weight:700;line-height:1.29;letter-spacing:.02em;cursor:pointer;border:1px solid #686868;background-color:transparent;color:#f9f9f9;font-size:14px}@media (min-width: 768px){.modalContentBtn{font-size:16px}}@media (min-width: 1280px){.modalContentBtn{font-size:16px}}.modalContentBtn:hover{color:#1f1f1f;background:#f9f9f9;border:1px solid transparent}@media (min-width: 768px){.modalContentBtn{line-height:1.13;padding:12px 28px}}.specialNotic{font-weight:500;font-size:14px;line-height:1.29;letter-spacing:-.02em;text-align:center;height:80%;width:100%;display:flex;justify-content:center;align-items:center}.specialNoticWrap{flex-direction:column;padding:63px 0 80px;width:197px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.specialNoticWrap{width:274px}}.specialNoticModal{flex-direction:column;max-width:335px;padding:40px 27px;font-weight:500;font-size:14px;line-height:1.29;letter-spacing:-.02em;text-align:center;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.specialNoticModal{width:342px;padding:50px}}.specialNoticImg{width:100px;height:100px;border-radius:100%;background-color:#262626;margin-bottom:10px;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.specialNoticImg{width:130px;height:130px;margin-bottom:20px}}.specialNoticTitle{font-weight:700;font-size:18px;line-height:1;margin-top:20px;margin-bottom:10px}.specialNoticSpan{color:#686868}.specialNoticSpanTwo{color:#f9f9f9}.loader{height:80vh;display:flex;justify-content:center;align-items:center}