@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap);.action-btn-container{margin-top:1rem}.btn-container{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;padding:.75rem}[dir=ltr] .form-control{text-align:left}[dir=rtl] .form-control{text-align:right}.form-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;margin:.5rem 0;width:100%}.title,.title-2{color:#d96c75}.title-2{text-align:left}.italic{font-style:italic}.basic-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.no-scroll{overflow:hidden}.separation-line{border:1px solid #b6b6b6;margin-bottom:.5rem;width:100%}.txt-center{margin:.5rem 0;text-align:center}.collapse{background:transparent;border:none;color:#d96c75;cursor:pointer}.user-icon{-ms-flex-item-align:center;align-self:center;font-size:2rem;padding:.25rem}input,select,textarea{border:1px solid #d96c75;border-radius:.25rem;font-family:Quicksand,sans-serif;font-size:.75rem;padding:.25rem;resize:none;width:100%}input:focus,select:focus,textarea:focus{outline:none}.m-top{margin-top:1rem}.active{border-bottom:2px solid #d96c75}@media(min-width:800px){.form-control{width:auto}input,select,textarea{font-size:.875rem;padding:.5rem}.user-icon{padding:.5rem}.m-top{margin-top:1.5rem}.txt-center{margin:1rem 0}}@-webkit-keyframes navBar-slideIn{0%{top:-80px}to{top:12px}}@keyframes navBar-slideIn{0%{top:-80px}to{top:12px}}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes alert-popup{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes alert-popup{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@-webkit-keyframes slide-up{0%{bottom:-10vh;opacity:0}to{bottom:0;opacity:1}}@keyframes slide-up{0%{bottom:-10vh;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes buzz-up{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-up{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f7f7;color:#242121;font-family:Quicksand,sans-serif;font-size:.875rem;line-height:1.5;text-align:center}main{-webkit-box-align:center;-ms-flex-align:center;grid-gap:1rem;align-items:center;display:grid;gap:1rem;justify-items:center;margin:0 .5rem;place-items:center}main:before{content:"";margin-top:15vh}main:after{content:"";margin-bottom:15vh}ul{list-style-type:none}a{font-size:.875rem;text-decoration:none;text-transform:capitalize}h1,h2,h3,h4{letter-spacing:.1rem;line-height:1.25;margin-bottom:.5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1rem}h4{font-size:.875rem}p{margin-bottom:.5rem}button,p{font-size:.75rem}button{font-family:Quicksand,sans-serif}button:focus{outline:none}@media(min-width:800px){h1,h2,h3,h4,p{text-align:left}a{font-size:1rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1rem}button,p{font-size:.875rem}}.alert{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-animation:alert-popup 3s ease-in-out;animation:alert-popup 3s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background-color:#242121;border-radius:.75rem;bottom:.5rem;-webkit-box-shadow:0 4px 18px 8px rgba(0,0,0,.3);box-shadow:0 4px 18px 8px rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:1rem;position:fixed;width:calc(100% - 1rem);z-index:100}.alert,.alert p{color:#f7f7f7;margin:0 .5rem}.alert p{text-align:center}.alert .icon{color:#d96c75;padding:1rem}@media(min-width:800px){.alert{bottom:1rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}.alert p{font-size:1rem;margin:0 1rem}.alert .icon{font-size:1.5rem}}.book{-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);color:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;height:16rem;-o-object-fit:cover;object-fit:cover;position:relative;text-align:center;width:10rem}.book,.book img{border-radius:.25rem}.book img{display:block;height:100%;width:100%}.book .book-info{opacity:0;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media(min-width:800px){.book{height:17rem;width:168.5714285714px}.book:hover{-webkit-box-shadow:0 4px 18px 8px rgba(0,0,0,.3);box-shadow:0 4px 18px 8px rgba(0,0,0,.3);cursor:pointer}.book:hover .book-info{background:rgba(36,33,33,.75);border-radius:.25rem;height:100%;opacity:1;padding:1rem;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%}.book:hover .book-info .book-author{font-weight:250;text-transform:capitalize}.book:hover .book-info .book-genre{text-transform:capitalize}}.open-book{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;padding:.5rem}.open-book img{display:block;height:18rem;-o-object-fit:contain;object-fit:contain;width:12rem}.open-book .open-book-info{grid-gap:.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;gap:.5rem;grid-template-rows:repeat(2,auto);justify-items:center;margin-top:1rem;place-items:center}.open-book .sticky-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}@media(min-width:800px){.open-book{grid-gap:1.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:grid;gap:1.5rem;grid-template-columns:1fr 2fr 1fr;margin:1rem auto;max-width:1180px}.open-book img{height:auto;max-width:375px;-o-object-fit:cover;object-fit:cover;width:100%}[dir=ltr] .open-book .open-book-info{text-align:left}[dir=rtl] .open-book .open-book-info{text-align:right}.open-book .open-book-info{-webkit-box-align:start;-ms-flex-align:start;align-items:start;grid-template-rows:repeat(5,auto);justify-items:start;margin:0;place-items:start}.open-book .sticky-wrapper{position:sticky;top:120px}}.book-form,.book-update-form{background-color:#d96c75;border-radius:.75rem;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);color:#f7f7f7;overflow:auto;padding:1.25rem .75rem;width:100%}.book-update-form{-webkit-animation:slide-up .75s;animation:slide-up .75s}@media(min-width:800px){.book-form{display:grid;grid-template-columns:repeat(2,50%);max-width:750px}.book-form,.book-update-form{margin:2rem auto;padding:1rem}.book-update-form{max-width:450px}}.datenschutz{max-width:1180px;padding:0 .5rem;text-align:left}.search-and-filter{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #b6b6b6;border-radius:12px;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 .5rem;padding:.75rem;width:100%}@media(min-width:800px){.search-and-filter{-ms-flex-pack:distribute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;justify-content:space-around;max-width:1180px;padding:1rem}}.error-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-direction:column;flex-direction:column;height:70vh;justify-content:center;margin:0 auto;max-width:25rem;padding:1rem}.error-icon{color:#d96c75;font-size:6rem}.error-title{margin-bottom:1rem;padding:1rem}.image-upload{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.image-upload:hover{opacity:.8;-webkit-transform:scale(1.05);transform:scale(1.05)}.image-upload .upload-icon{font-size:5rem}.image-upload .file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.image-upload .file-info{text-align:center}.image-upload .file-name{color:#b6b6b6;text-align:center}@media(min-width:800px){.image-upload{margin-right:.5rem}}.imprint{max-width:1180px;padding:0 .5rem;text-align:left}.extlink{color:#2673bf;text-decoration:underline;text-transform:none}.extlink:hover{color:#d96c75;text-transform:none}.subtitle{text-decoration:underline}.loading{z-index:3}.load-wrapper,.loading{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,97%,.46);display:grid;height:100vh;justify-items:center;overflow:hidden;place-items:center}.load-wrapper{left:0;position:fixed;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;visibility:hidden;width:100vw;z-index:-10}.load-wrapper.open{-webkit-transform:scale(1);transform:scale(1);visibility:visible;z-index:12}.loader{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:4px solid #b6b6b6;border-radius:50%;border-top-color:#d96c75;height:6rem;width:6rem}.hero{background:no-repeat url(../81e83b49c85693c49275.jpeg);background-size:cover;height:100vh;margin:0}.signin-center{background-color:hsla(0,0%,97%,.6);border-radius:.75rem;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);margin:1rem 0 2rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.signin-center .form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:0;width:auto}.signin-center .form-center{padding:1.5rem}.reset{background-color:transparent;border:none;color:#d96c75;cursor:pointer;margin-top:.5rem;text-align:left}.reset:hover{color:#242121}@media(min-width:800px){.signin-center{max-width:500px}.signin-center .form-center{padding:2rem}}.menu-link{display:inline-block;margin:.5rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.menu-link a{color:#242121}.menu-link a:hover{color:#d96c75}.footer-link{display:inline-block;margin-right:.5rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.footer-link a{color:#242121}.footer-link a:hover{color:#b6b6b6}@media(min-width:800px){.menu-link{-ms-flex-item-align:center;align-self:center;margin:1rem}.menu-link:hover{padding-left:0}.footer-link{margin-right:1rem}}.list-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;border:1px solid #b6b6b6;border-radius:12px;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:.75rem;overflow-x:scroll;padding:1rem;text-align:left;width:100%}.list-container .list{width:782px}.list-container .list .list-header{border-bottom:1px solid #b6b6b6;font-size:.825rem}.list-container .list td,.list-container .list th{padding:.25rem}.list-container .list .list-img{-o-object-fit:scale-down;object-fit:scale-down;width:2rem}@media(min-width:800px){.list-container{font-size:1rem;max-width:1180px;overflow:auto}.list-container .list{width:100%}.list-container .list .list-header{font-size:1.25rem}.list-container .list .list-img{width:4rem}}.modal-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:hsla(0,0%,100%,.46);display:grid;height:100vh;justify-items:center;left:0;overflow:hidden;place-items:center;position:fixed;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;visibility:hidden;width:100vw;z-index:-10}.modal-wrapper.open{-webkit-transform:scale(1);transform:scale(1);visibility:visible;z-index:10}.modal-wrapper .modal-title{color:#f7f7f7}.msg-modal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-animation:slide-up .75s;animation:slide-up .75s;background-color:#d96c75;border-radius:25px;-webkit-box-shadow:3px 12px 20px rgba(97,100,91,.2);box-shadow:3px 12px 20px rgba(97,100,91,.2);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1rem;position:relative;text-align:center;width:100%}@media(min-width:800px){.msg-modal{padding:2rem;width:60vw}}.message-container{-moz-max-wdth:1180px;border-bottom:1px solid #b6b6b6;border-top:1px solid #b6b6b6;display:grid;grid-template-columns:1fr 2fr;-moz-grid-template-columns:1fr 2fr;height:76vh;max-width:1180px;width:100%}.conversations{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:auto}.conversation{background-color:#f7f7f7;border:none;border-bottom:1px solid #b6b6b6;color:#242121;cursor:pointer;display:grid;grid-template-columns:25% 75%;padding:.25rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.conversation:last-child{border:none}.conversation:hover{background-color:#d96c75;border-color:#d96c75;color:#f7f7f7}.glimpse-message{margin-left:.1rem;padding:.25rem;text-align:left}.glimpse-message h4{margin:0}.glimpse-message p{margin-bottom:0}.chat-window{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-scroll-chaining:none;border-left:1px solid #b6b6b6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;overflow:hidden;overscroll-behavior:none}.chat-window .chat{overflow:auto;position:relative}.message{padding:.5rem .75rem}.message .message-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:.25rem}.message .message-header,.message .message-header h4{display:-webkit-box;display:-ms-flexbox;display:flex}.message .message-body{display:inline-block}.input-message{border-top:1px solid #b6b6b6;display:-webkit-box;display:-ms-flexbox;display:flex;padding:.5rem}.input-message .enter-message{-webkit-box-flex:1;-ms-flex-positive:1;border-color:#b6b6b6;flex-grow:1;margin-right:.5rem;width:100%}@media(min-width:800px){.conversation{grid-template-columns:20% 80%;padding:.5rem}.glimpse-message{margin-left:.5rem;width:100%}.glimpse-message h4{margin-bottom:.5rem}.message{padding:.75rem 1rem}.message .message-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:space-between;margin-bottom:.5rem;width:100%}.input-message{padding:.75rem}.input-message .enter-message{margin-right:1rem}}.active-chat{background-color:#d96c75;border-color:#d96c75;color:#f7f7f7}.topic-box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #b6b6b6;height:5rem;justify-content:space-between;padding:.5rem .75rem;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;width:100%}.topic-box,.topic-box .topic-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.topic-box .topic-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.topic-box .topic-wrapper .topic-body{margin-bottom:0}.nav-center{position:absolute;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;width:100%;z-index:1}.nav-center:after,.nav-center:before{-webkit-box-flex:1;content:"";display:block;-ms-flex:1;flex:1}.nav-center .nav-content{background-color:#f7f7f7;margin:0 .5rem;max-width:1180px}.nav-center .nav-content .nav-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 .5rem}.nav-toggle{-ms-flex-item-align:center;align-self:center;background:transparent;border:0;color:#d96c75;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[dir=ltr] .nav-menu{text-align:left}[dir=rtl] .nav-menu{text-align:right}.nav-menu{font-size:1rem;height:0;overflow:hidden;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.nav-menu .links-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column}.show-menu{-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);height:12rem;padding:0 .5rem}@media(min-width:800px){.nav-center{-ms-flex-pack:distribute;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:auto}.nav-center,.nav-center .nav-content{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-around}.nav-center .nav-content{-ms-flex-pack:distribute;width:100%}.nav-center .nav-content .nav-toggle{display:none}.nav-center .nav-content .nav-menu{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:auto;justify-content:space-between}.nav-center .nav-content .nav-menu .links-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;justify-content:space-evenly;margin:0 2rem}}.sticky-nav{position:fixed;top:12px;width:100%}.sticky-nav-content{border:1px solid #b6b6b6;border-radius:12px;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);-webkit-box-shadow:3px 12px 20px rgba(97,100,91,.2);box-shadow:3px 12px 20px rgba(97,100,91,.2)}.animate-nav{-webkit-animation:navBar-slideIn .3s ease-in-out;animation:navBar-slideIn .3s ease-in-out}.search-bar{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:1rem .05rem;width:100%}.search-bar .search-form{border:1px solid #d96c75;border-radius:12px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.75);box-shadow:0 1px 5px rgba(0,0,0,.75);padding:.75rem}@media(min-width:800px){.search-bar{padding:1rem;width:auto}.search-bar .search-form{padding:1rem;width:40vw}}.shelf-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;gap:1rem;padding:.75rem}.empty-shelf,.shelf-container{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #b6b6b6;border-radius:12px;-webkit-box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);box-shadow:1px 6px 6px -6px rgba(0,0,0,.75);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;max-width:1180px;width:100%}.empty-shelf{justify-items:center;place-items:center}.empty-shelf .error-message{-webkit-box-pack:center;-ms-flex-pack:center;height:50vh;justify-content:center;margin:2rem auto;width:60vw}@media(min-width:800px){.shelf-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:1.5rem;justify-content:flex-start;padding:1.25rem}}.user-submenu{background-color:#f7f7f7;border-radius:.75rem;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.75);box-shadow:0 1px 5px rgba(0,0,0,.75);display:none;height:8rem;text-align:center;top:3.5rem;z-index:3}.user-submenu,.user-submenu:before{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.user-submenu:before{border-bottom:5px solid #f7f7f7;border-left:5px solid hsla(0,0%,97%,.6);border-right:5px solid hsla(0,0%,97%,.6);content:"";display:block;height:0;top:-5px;width:0}.user-submenu p{margin:0}.user-submenu.show{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;justify-items:center;place-items:center}.tab-container{border-top-left-radius:.75rem;border-top-right-radius:.75rem;display:grid;grid-template-columns:repeat(2,1fr)}.tab-btn{background-color:transparent;border:none;cursor:pointer;display:block;padding:.5rem 0}.tab-btn:first-child{border-top-left-radius:.75rem}.tab-btn:nth-child(2){border-top-right-radius:.75rem}@media(min-width:800px){.tab-btn{padding:1rem 0}}.not-active{background-color:hsla(0,0%,97%,.6)}.user-action{color:#f7f7f7;text-align:left}.user-action .action-section{margin:.75rem 0}.user-action .username-link{color:#f7f7f7;font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.1rem;text-transform:none}@media(min-width:800px){.user-action{padding:1rem 1rem 0}}.user-bar{background-color:transparent;border:none;border-radius:12px;color:#d96c75;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:.5rem;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:2}.user-bar:hover{-webkit-animation:buzz-up 3s 75ms;animation:buzz-up 3s 75ms}@media(min-width:800px){.user-bar{margin-left:2rem}}.dashboard{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.75rem;width:100%}.dashboard,.dashboard .user-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.dashboard .user-info,.dashboard .user-info .user-pic{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard .user-info .user-pic{-webkit-box-pack:center;-ms-flex-pack:center;color:#d96c75;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem;justify-content:center}.dashboard .user-info .user-name{color:#d96c75;padding:.5rem}.dashboard .stat{padding:.5rem}.dashboard .stat .stat-iconumber{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.dashboard .stat .stat-iconumber .book-icon{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.5rem}.dashboard .stat .stat-iconumber .stat-number{font-size:1rem;margin:0 0 0 .25rem}@media(min-width:800px){.dashboard{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:space-between;max-width:1180px;padding:1rem}.dashboard,.dashboard .user-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.dashboard .user-info .user-pic{font-size:4rem}.dashboard .user-info .user-name{margin-left:1rem}.dashboard .user-statistics{-webkit-box-orient:horizontal;-ms-flex-pack:distribute;-ms-flex-direction:row;flex-direction:row;justify-content:space-around;padding:.5rem;width:100%}.dashboard .user-statistics,.dashboard .user-statistics .stat{-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard .user-statistics .stat{-webkit-box-orient:vertical;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}.dashboard .user-statistics .stat .book-icon{font-size:2rem}.dashboard .user-statistics .stat .stat-number{font-size:2rem;margin:0 0 0 1rem}}