@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;0,700;1,200;1,400;1,700&family=Special+Elite&display=swap");html,body,.app{height:100%;}*:focus{border:0;outline:0;}body{font-family:"Special Elite",cursive;background-color:#7a1606;color:#d5b27c;background-image:linear-gradient(to right,rgba(0,0,0,.3),rgba(0,0,0,0) 20%),linear-gradient(to left,rgba(0,0,0,.3),rgba(0,0,0,0) 20%);}.not-authorized-startpage{padding:0 1.5rem;margin-top:4rem;font-size:large;}.not-authorized-startpage h1{text-align:center;margin-bottom:2rem;}.not-authorized-startpage p{margin-bottom:2rem;}.not-authorized-startpage .quote{margin:1rem 0;}.not-authorized-startpage .quote blockquote{text-align:center;font-size:x-large;}.not-authorized-startpage .quote p{text-align:right;font-size:smaller;}.not-authorized-startpage a{color:#d5b27c;font-family:"Montserrat",sans-serif;}.not-authorized-startpage img{max-width:100%;margin:2rem 0 3rem;}.not-authorized-startpage .identity{margin:7rem 0 12rem;}.page{min-height:100vh;display:flex;flex-direction:column;}main{height:100%;}.card{color:#000;}.text-shadow,.bookshelf .addbook-large-link h1,.bookshelf .bookshelf-header .addbook .btn-link,.bookshelf .bookshelf-header .follow-unfollow .btn-link,.bookshelf .bookshelf-header div{text-shadow:2px 2px 8px rgba(0,0,0,.5);}.box-shadow,header .account .authorized .user-icon .avatar img,header .account .authorized .user-icon .notification-count,.btn-primary{box-shadow:2px 2px 8px rgba(0,0,0,.3);}.error{color:#7a1606;margin-bottom:1rem;}.app-loader{width:100%;}.app-loader.red .vertical-center .lds-ripple div{border-color:#7a1606;}.app-loader.red .text{color:#7a1606;}.app-loader .vertical-center{position:absolute;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);}.app-loader .vertical-center .lds-ripple{margin:0 auto;position:relative;width:80px;height:120px;text-align:center;}.app-loader .vertical-center .lds-ripple div{position:absolute;border:4px solid #d5b27c;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;}.app-loader .vertical-center .lds-ripple .div:nth-child(2){animation-delay:-.5s;}.app-loader .vertical-center .text{width:100%;margin:0 auto;text-align:center;}.btn{padding-top:.3rem;padding-bottom:.1rem;}.btn-primary{background-color:#7a1606;border-color:#7a1606;color:#d5b27c;font-weight:bold;}.btn-primary:hover{background-color:#921a07;border-color:#921a07;color:#d5b27c;}.container{max-width:768px;}.privacy p,.privacy li{font-family:monospace;color:#555;font-size:1rem!important;}.privacy h2,.privacy h3{margin-top:2rem;}.privacy h3{color:#555;font-size:1rem;font-weight:bold;}header{padding:1.5rem 0;text-align:center;}@media screen and (min-width:768px){header .container{display:flex;justify-content:space-between;text-align:left;}}header .brand{margin-bottom:1.2rem;}header .brand a{color:inherit;text-decoration:none;}header .brand a img{width:95%;margin-top:10px;}@media screen and (min-width:768px){header .brand a img{width:75%;margin-top:0;}}header .account{font-size:2rem;margin:0 auto;}header .account.identity{font-family:"Montserrat",sans-serif;font-size:.9rem;}header .account a{text-decoration:none;color:#d5b27c;}header .account .not-authorized{padding-top:15px;font-size:1rem;}header .account .authorized{display:flex;justify-content:center;}header .account .authorized .user-score{padding-top:15px;margin-right:1rem;}header .account .authorized .user-icon{position:relative;}header .account .authorized .user-icon .notification-count{position:absolute;bottom:9px;right:-5px;z-index:120;font-family:var(--bs-font-monospace);font-size:.75rem;font-weight:bold;background-color:#d5b27c;color:#000;padding:0 .4rem;border-radius:.5rem;}header .account .authorized .user-icon .avatar{position:relative;z-index:110;cursor:pointer;}header .account .authorized .user-icon .avatar img{width:48px;border-radius:64px;}header .account .authorized .user-icon .overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);z-index:100;}header .account .authorized .user-icon .user-drop{position:absolute;top:4rem;right:0;width:250px;background-color:#fff;font-size:1rem;border-radius:8px;box-shadow:2px 2px 8px rgba(0,0,0,.3);z-index:110;}@media screen and (min-width:768px){header .account .authorized .user-icon .user-drop{left:auto;right:0;}}header .account .authorized .user-icon .user-drop ul{padding:.5rem 0;margin:0;list-style:none;text-align:left;}header .account .authorized .user-icon .user-drop ul li{padding:.6rem 1.5rem .3rem;margin:0;}header .account .authorized .user-icon .user-drop ul li:hover{background-color:#efefef;}header .account .authorized .user-icon .user-drop ul li .notification-count{position:relative;padding:.25rem .6rem;top:-4px;float:right;border-radius:1rem;}.bookshelf{height:100%;}.bookshelf.content{margin-top:2rem;margin-bottom:20rem;}@media screen and (min-width:768px){.bookshelf.content{margin-top:10rem;}}.bookshelf.content .shelf{justify-content:center;}.bookshelf .bookshelf-header{display:flex;flex-wrap:wrap-reverse;justify-content:space-between;}.bookshelf .bookshelf-header div{font-weight:500;font-size:1.2rem;}.bookshelf .bookshelf-header div span{cursor:pointer;}.bookshelf .bookshelf-header div.sort{width:100%;color:#d5b27c;text-align:center;}@media screen and (min-width:768px){.bookshelf .bookshelf-header div.sort{width:50%;text-align:left;}}.bookshelf .bookshelf-header div.sort span{margin:0 .5rem;}@media screen and (min-width:768px){.bookshelf .bookshelf-header div.sort span{margin:0 .5rem 0 0;}}.bookshelf .bookshelf-header div.sort span.selected{color:#cdcdcd;}.bookshelf .bookshelf-header .addbook,.bookshelf .bookshelf-header .follow-unfollow{width:100%;text-align:center;margin-bottom:1rem;}@media screen and (min-width:768px){.bookshelf .bookshelf-header .addbook,.bookshelf .bookshelf-header .follow-unfollow{width:50%;text-align:right;margin-bottom:0;}}.bookshelf .bookshelf-header .addbook .btn-link,.bookshelf .bookshelf-header .follow-unfollow .btn-link{font-weight:500;font-size:1.2rem;color:#d5b27c;text-decoration:none;outline:0!important;box-shadow:none!important;padding:0;}@media screen and (min-width:768px){.bookshelf .bookshelf-header{margin-bottom:2rem;}}.bookshelf .addbook-large-link{padding-top:10rem;text-align:center;margin:0 2rem;}.bookshelf .addbook-large-link h1 span{cursor:pointer;}.bookshelf .search h5{color:#555;margin-bottom:2rem;}.bookshelf .addbook .header{position:relative;}.bookshelf .addbook .header .back-btn{top:-40px;position:absolute;cursor:pointer;font-size:1.5rem;}.bookshelf .addbook .form-wrapper{margin:1.5rem 0;}.bookshelf .addbook .form-wrapper .cover{text-align:center;margin:1rem 0;}.bookshelf .addbook .form-wrapper .cover img{max-width:200px;}.bookshelf .addbook .form-wrapper .form h5,.bookshelf .addbook .form-wrapper .form label{color:#555;}.bookshelf .addbook .form-wrapper .form label{display:inline;}@media screen and (min-width:768px){.bookshelf .addbook .form-wrapper{display:flex;}.bookshelf .addbook .form-wrapper .cover{margin:0;padding-right:1rem;}}.bookshelf .shelf{display:flex;background-image:url("../images/shelf-bg.png");background-repeat:no-repeat;background-position:left bottom;background-size:contain;padding:0 1rem;}.bookshelf .shelf .paper{box-shadow:0 -4px 4px rgba(0,0,0,.3);background-color:#fff;width:96%;padding:2rem 1.5rem;transform:translateY(-23px);}@media screen and (min-width:768px){.bookshelf .shelf .paper{width:80%;padding:2rem;transform:translateY(-47px);}}.bookshelf .shelf .paper h1{text-align:center;margin-bottom:2rem;}.bookshelf .shelf .paper p{font-size:1rem;line-height:1.1rem;}@media screen and (min-width:768px){.bookshelf .shelf .paper p{font-size:1.2rem;line-height:1.4rem;}}.bookshelf .shelf .book{width:33%;position:relative;height:180px;cursor:pointer;}.bookshelf .shelf .book .cover{padding:0 .5rem;width:100%;position:absolute;bottom:22px;}.bookshelf .shelf .book .cover img{width:100%;box-shadow:0 -4px 4px rgba(0,0,0,.3);}.bookshelf .shelf .book .labels .date{position:absolute;background-color:#ffffe0;color:#555;font-weight:700;padding:5px 6px 0;font-size:.7rem;bottom:22px;right:0;box-shadow:0 -2px 4px rgba(0,0,0,.3);}.bookshelf .shelf .book .labels .rating{position:absolute;bottom:40px;right:-2px;font-size:.9rem;color:#ffffe0;text-shadow:2px 2px 0 rgba(0,0,0,.5);}.bookshelf .shelf .book .labels .rating .bi{margin:0 1px;}.bookshelf .shelf .book .labels .comment{position:absolute;bottom:16px;left:10px;color:#ffffe0;text-shadow:2px 2px 0 rgba(0,0,0,.5);font-size:1.2rem;}@media screen and (min-width:768px){.bookshelf .shelf .book{height:320px;}.bookshelf .shelf .book .cover{padding:0 3rem;bottom:45px;}.bookshelf .shelf .book .labels .date{padding:5px 10px 0;font-size:1rem;bottom:42px;right:30px;box-shadow:0 -2px 8px rgba(0,0,0,.3);}.bookshelf .shelf .book .labels .rating{bottom:65px;right:29px;font-size:1.2rem;}.bookshelf .shelf .book .labels .rating .bi{margin:0 2px;}.bookshelf .shelf .book .labels .comment{bottom:35px;left:60px;font-size:1.5rem;}}.highscores table{width:100%;background-color:#7a1606;}.highscores table .btn{padding:0;text-decoration:none;}.highscores table .btn:active,.highscores table .btn:focus{outline:0!important;box-shadow:none!important;}.highscores table tr:nth-child(even){background-color:#a97d26;color:#7a1606;}.highscores table tr:nth-child(even) td .btn-link,.highscores table tr:nth-child(even) td a{color:#7a1606;}.highscores table tr.self{background-color:#000;color:#fff;}.highscores table td{padding:1rem 1rem .7rem;}.highscores table td .btn-link,.highscores table td a{color:#d5b27c;}.follows-list .btn,.followers-list .btn{padding:0;text-decoration:none;}.follows-list .btn:active,.follows-list .btn:focus,.followers-list .btn:active,.followers-list .btn:focus{outline:0!important;box-shadow:none!important;}.follows-list .btn-link,.followers-list .btn-link{color:#d5b27c;}.followers-list{margin-top:4rem;}.score-list .score-row h4{font-family:"Montserrat",sans-serif;margin-top:1rem;font-size:.8rem;color:#555;}.notifications-list .notification{border-bottom:solid 1px #555;padding:1.5rem 0 .75rem;cursor:pointer;}.notifications-list .notification h4{font-size:1.3rem;margin-bottom:0;}.notifications-list .notification h4 i.bi{margin-left:1rem;}.notifications-list .notification p{font-family:"Montserrat",sans-serif;font-size:.8rem!important;color:#555;}.notifications-list .notification p.date{margin-bottom:.25rem;font-weight:normal!important;}.notifications-list .notification.new p{font-weight:bold;}.notifications-list .notification:last-child{border:0;}.book-details{display:flex;flex-direction:column;height:100%;padding-top:2rem;}.book-details .header{text-align:center;font-size:1.5rem;padding:1rem;}.book-details .header .bi{margin:0 .5rem;}.book-details .body{flex-grow:1;}.book-details .body .two-columns{display:flex;align-items:end;margin:2rem 0;}.book-details .body .two-columns .left{width:40%;text-align:center;padding-bottom:1.2rem;}.book-details .body .two-columns .left img{width:100%;max-width:200px;margin:0 auto;box-shadow:2px 2px 5px rgba(0,0,0,.1);}.book-details .body .two-columns .right{width:60%;padding:1rem;}.book-details .body .two-columns .right h1{font-size:1.5rem;line-height:1.6rem;}.book-details .body .two-columns .right h3{font-size:1.2rem;line-height:1.3rem;margin-bottom:0;}@media screen and (min-width:768px){.book-details .body .two-columns .right h1{font-size:2.5rem;line-height:2.6rem;}.book-details .body .two-columns .right h3{font-size:2rem;line-height:2.1rem;}}.book-details .body .edit-form h2{text-align:center;max-width:550px;margin:0 auto;}.book-details .body .edit-form .two-columns{align-items:center;}.book-details .body .edit-form label{display:inline;}.book-details .body .comment{margin:3rem auto 0;text-align:center;position:relative;font-size:1.5rem;}.book-details .body .comment .quote{font-size:1.5rem;display:inline-block;position:absolute;top:-2rem;}.book-details .footer{text-align:right;}.book-details .footer .delete-confirm{text-align:center;padding-bottom:3rem;color:#f00;}.book-details .footer .delete-confirm h3{font-size:1.2rem;margin-bottom:1.5rem;}.book-details .footer .delete-confirm .btn{font-size:1rem;}.book-details .footer .btn{font-size:1.2rem;}.book-details .footer .btn-link{color:#555;}.slidein .overlay{z-index:-1;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);transition:z-index .3s ease-out;}.slidein .content{position:fixed;bottom:0;left:0;right:0;height:0;width:100%;max-width:768px;background-color:#fff;padding:0;transition:height .3s ease-out;margin-left:auto;margin-right:auto;}.slidein .content .close{cursor:pointer;position:absolute;right:1rem;font-size:1.5rem;z-index:1002;}.slidein.is-active .overlay{z-index:1000;background-color:rgba(0,0,0,.5);}.slidein.is-active .content{height:85vh;border-top-left-radius:8px;border-top-right-radius:8px;z-index:1001;padding:1rem;}.slidein.is-active .content .wrapper{padding:2.5rem .5rem .5rem;width:100%;height:100%;overflow-y:auto;overflow-x:none;}@media(min-width:768px){.slidein.is-active .content{left:12px;right:12px;width:auto;padding:1.5rem;}.slidein.is-active .content .close{right:1.5rem;}}@media(min-width:992px){.slidein.is-active .content{height:90vh;padding:2rem;}.slidein.is-active .content .close{right:2rem;}}.bookshelf.identity .paper input{font-family:"Montserrat",sans-serif;}.bookshelf.identity .paper label{color:#555;font-family:"Montserrat",sans-serif;}.bookshelf.identity .paper .checkbox{margin:1rem;}.bookshelf.identity .paper .field-validation-error{display:inline-block;margin-top:5px;}.bookshelf.identity .paper .validation-summary-errors{margin:1rem 0;}.bookshelf.identity .paper .validation-summary-errors ul{margin:0;padding:0;list-style:none;text-align:center;}.bookshelf.identity .paper .validation-summary-errors ul li{margin:0;padding:0;list-style:none;}.bookshelf.identity .paper .help-links{margin:1rem 0;text-align:center;}.bookshelf.identity .paper .help-links p{margin:0 0 1rem;font-size:.75rem;line-height:1rem;font-family:monospace;}.bookshelf.identity .paper .help-links p a{color:#555;}.bookshelf.identity .paper .btn{width:100%;padding:1rem;margin-bottom:.5rem;line-height:24px;font-family:"Montserrat",sans-serif;}.bookshelf.identity .paper .btn img{margin-right:1rem;max-width:24px;vertical-align:middle;}.bookshelf.identity .paper .btn span{vertical-align:middle;}.bookshelf.identity .paper .btn-primary{font-family:"Special Elite",cursive;}.bookshelf.identity .paper section.external{border-bottom:dashed 1px #555;padding-bottom:1rem;margin-bottom:2rem;}.bookshelf.identity .paper section.external .btn-google{background-color:#fff;border:1px solid #cdcdcd;}.bookshelf.identity .paper section.external .btn-microsoft{background-color:#fff;border:1px solid #cdcdcd;}.bookshelf.identity .paper section.external .btn-facebook{background-color:#4267b2;border:1px solid #cdcdcd;color:#fff;}.bookshelf.identity .paper section.external .btn-facebook .bi{margin-right:1rem;font-size:1.5rem;vertical-align:bottom;}footer{margin-top:auto;color:#d5b27c;font-family:"Montserrat",sans-serif;}footer a,footer a:hover{color:#d5b27c;font-family:monospace;}.validation-message{color:#f00;margin-top:.4rem;}.form-control{padding:.75rem .75rem .5rem;}.input-rating{margin:1rem 0;}.input-rating .stars{font-size:1.5rem;}.input-rating .stars i.bi{display:inline-block;margin-right:.5rem;}input.invalid,textarea.invalid,select.invalid{border-color:#f00;}input.valid.modified,text.valid.modified,select.valid.modified{border-color:#008000;}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0;}4.9%{top:36px;left:36px;width:0;height:0;opacity:0;}5%{top:36px;left:36px;width:0;height:0;opacity:1;}100%{top:0;left:0;width:72px;height:72px;opacity:0;}}#blazor-error-ui{background:#ffffe0;bottom:0;box-shadow:0 -1px 2px rgba(0,0,0,.2);display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000;}#blazor-error-ui .dismiss{cursor:pointer;position:absolute;right:.75rem;top:.5rem;}.blazor-error-boundary{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem,#b32121;padding:1rem 1rem 1rem 3.7rem;color:#fff;}.blazor-error-boundary::after{content:"Ooops... Ett fel har inträffat :(";}