.header-panel{align-items:center;background-color:#fff;border-bottom:1px solid #e8e8e8;display:flex;gap:2rem;height:5.938rem;justify-content:space-between;margin:0 0 2.375rem;padding:1.438rem 6.188rem 1.688rem 6.25rem;width:100%}.header-title{color:#0290ff;font-size:1.875rem;font-weight:700;height:2.313rem;white-space:nowrap;width:15rem}.main-nav-list{display:flex;gap:2rem;justify-self:flex-start;list-style:none}.nav-link:link,.nav-link:visited{color:#121212;font-size:.813rem;height:1rem;letter-spacing:1.9px;opacity:.5;text-decoration:none;text-transform:uppercase;transition:all .4s ease}.nav-link:active,.nav-link:hover{border-bottom:1px solid #121212;opacity:1}.nav-book{height:1rem;width:3.688rem}.nav-cat{height:1rem;width:6.563rem}.user-icon{border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;height:2.813rem;margin-left:auto;padding:.875rem;width:2.813rem}.icon{color:#0290ff}.remove-btn{background-color:#fff;border:none;color:#4386bf;cursor:pointer;font-family:RobotoSlab,serif;font-size:.875rem;font-weight:300;height:1.188rem;transition:all .4s ease}.remove-btn:active,.remove-btn:hover{border-bottom:1px solid #305e86;color:#305e86}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.book-panel{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;display:flex;height:10.625rem;justify-content:space-between;margin-left:10%;padding:2rem 1.188rem 1.625rem 1.688rem;width:80%}.center-side{display:flex;margin-left:auto}.right-side{align-self:center;margin-right:5%}.category{font-size:.875rem;height:1.125rem;margin:0 2.438rem 0 0;opacity:.5;width:3.063rem}.category,.title{color:#121212;font-weight:700;white-space:nowrap}.title{font-family:RobotoSlab,serif;font-size:1.375rem;height:1.813rem;letter-spacing:-.2px;margin:.188rem auto 0 0;width:12.313rem}.author{margin:.25rem 0 0;width:6.688rem}.author,.comments-btn{color:#4386bf;font-family:RobotoSlab,serif;font-size:.875rem;font-weight:300;height:1.188rem}.comments-btn{margin:.188rem .938rem .125rem 0;width:4.563rem}.btn{background-color:#fff;border:none;color:#4386bf;cursor:pointer;font-family:RobotoSlab,serif;font-size:.875rem;font-weight:300;height:1.188rem}.btn:active,.btn:hover{border-bottom:1px solid #305e86;color:#305e86}.remove-btn{margin:.188rem .938rem .125rem 0;width:3.375rem}.edit-btn{margin:.188rem auto .125rem 1.063rem;width:1.688rem}.diagram{height:5.62rem;padding:.62rem .625rem .75rem .75rem;width:5.625rem}.center-diagram{align-items:center;display:flex}.diagram-proc{color:#121212;font-size:2rem;height:2.438rem;margin:.063rem 0 0 .688rem;width:4.25rem}.diagram-mess{color:#121212;font-size:.875rem;height:1.125rem;margin:.438rem 0 .75rem .75rem;opacity:.5;width:5rem}.vertical-bar{border-left:2px solid #e8e8e8;height:4.375rem;margin:1.125rem 1rem 0}.curr-ch{font-size:.813rem;height:1.125rem;margin:.063rem 3.625rem 0 3.688rem;opacity:.5;width:7.875rem}.curr-ch,.curr-ch-name{color:#121212;font-family:RobotoSlab,serif;font-weight:300}.curr-ch-name{font-size:1rem;height:1.313rem;letter-spacing:-.4px;margin:.438rem 6.813rem .25rem 3.688rem;width:4.688rem}.update-btn{background-color:#0290ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:RobotoSlab,serif;font-size:.813rem;font-weight:300;height:2.063rem;letter-spacing:.5px;margin:.75rem 0 .563rem 3.688rem;padding:.438rem 1.188rem .5rem 1.375rem;text-align:center;transition:all .4s ease;width:11.5rem}.update-btn:active,.update-btn:hover{background-color:#58adf8}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-cyrillic-ext-400-normal.434ab9de782c920f706c.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-cyrillic-400-normal.fdb071d40d6648e8d6a9.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-greek-ext-400-normal.13e0cab38cad6b9eca7e.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+1f??}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-greek-400-normal.081026107f8ddc87bc38.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+0370-03ff}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-vietnamese-400-normal.9517319900fc23a63227.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-latin-ext-400-normal.4c50f0b10080616cf494.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:Roboto Slab;font-style:normal;font-weight:400;src:url(/static/media/roboto-slab-latin-400-normal.7c29781c5250194ffd21.woff2) format("woff2"),url(/static/media/roboto-slab-all-400-normal.3ff15a15612ace86a56f.woff) format("woff");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}form{display:flex;margin:.7rem 0 0 6.25rem;padding:2rem 9.188rem 10.625rem 1.688rem;width:100%}.form-title{color:#888;font-size:1.25rem;font-weight:700;height:1.5rem;letter-spacing:-.18px;margin:2.813rem 32.75rem .188rem 6.25rem;text-transform:uppercase;width:10.875rem}input{background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;color:#c4c4c4;font-size:1rem;height:2.813rem;letter-spacing:-.15px;margin:1.188rem .525rem 0 0;padding-left:1rem;width:36%}.add-book-btn{background-color:#0290ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:RobotoSlab,serif;font-size:.813rem;font-weight:700;height:2.813rem;letter-spacing:.5px;margin:1.188rem 0 0 1.125rem;padding:.801rem 1.188rem .886rem 1.375rem;text-align:center;transition:all .4s ease;width:16%}.add-book-btn:active,.add-book-btn:hover{background-color:#58adf8}ul{list-style:none}.section-bar{border:1px solid #e8e8e8;height:.125rem;margin:2.313rem 6.25rem 0}.App-Wrapper-Outer{background-color:#f5f6fa;padding:9.313rem 11.25% 17.688rem;width:100%}.App-Wrapper-Inner{background-color:#fafafa;border-radius:4px;box-shadow:10px 20px 60px rgba(0,0,0,.3);margin:0 2.5rem 4rem 0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif}
/*# sourceMappingURL=main.ef1e175c.css.map*/