header[data-v-02ecb1d2]{line-height:1.5;position:sticky;top:0;z-index:9999}nav[data-v-02ecb1d2]{width:100%;font-size:1.5rem;padding-top:2rem;padding-bottom:2rem;background-color:#f8f8f8;display:flex;justify-content:space-between;padding:1rem 2.5rem;align-items:center}nav.home[data-v-02ecb1d2]{font-size:1rem}nav form[data-v-02ecb1d2]{display:flex;width:50%}.form-control.inline[data-v-02ecb1d2]{width:100%}nav a.router-link-exact-active[data-v-02ecb1d2]{visibility:hidden}.lds-roller[data-v-0393d3cf]{position:relative;width:80px;height:80px}.lds-roller div[data-v-0393d3cf]{animation:lds-roller-0393d3cf 2.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div[data-v-0393d3cf]:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#999;margin:-4px 0 0 -4px}.lds-roller div[data-v-0393d3cf]:nth-child(1){animation-delay:-36ms}.lds-roller div[data-v-0393d3cf]:nth-child(1):after{top:63px;left:63px}.lds-roller div[data-v-0393d3cf]:nth-child(2){animation-delay:-72ms}.lds-roller div[data-v-0393d3cf]:nth-child(2):after{top:68px;left:56px}.lds-roller div[data-v-0393d3cf]:nth-child(3){animation-delay:-.108s}.lds-roller div[data-v-0393d3cf]:nth-child(3):after{top:71px;left:48px}.lds-roller div[data-v-0393d3cf]:nth-child(4){animation-delay:-.144s}.lds-roller div[data-v-0393d3cf]:nth-child(4):after{top:72px;left:40px}.lds-roller div[data-v-0393d3cf]:nth-child(5){animation-delay:-.18s}.lds-roller div[data-v-0393d3cf]:nth-child(5):after{top:71px;left:32px}.lds-roller div[data-v-0393d3cf]:nth-child(6){animation-delay:-.216s}.lds-roller div[data-v-0393d3cf]:nth-child(6):after{top:68px;left:24px}.lds-roller div[data-v-0393d3cf]:nth-child(7){animation-delay:-.252s}.lds-roller div[data-v-0393d3cf]:nth-child(7):after{top:63px;left:17px}.lds-roller div[data-v-0393d3cf]:nth-child(8){animation-delay:-.288s}.lds-roller div[data-v-0393d3cf]:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller-0393d3cf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-container[data-v-d74fc2f3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000bf;display:flex}.modal[data-v-d74fc2f3]{opacity:1;margin:auto;width:90%;max-width:40rem;background-color:#fff;background:linear-gradient(135deg,hsl(300,40%,20%),hsl(300,40%,5%));border-radius:1.5rem;box-shadow:0 1rem 2rem #000a}.modal-header[data-v-d74fc2f3],.modal-content[data-v-d74fc2f3]{padding:1.5rem}.modal-header[data-v-d74fc2f3]{display:flex;justify-content:space-between;background-color:#fad1fa33;border-radius:1.5rem 1.5rem 0 0;border:4px solid #f7baf72f;border-bottom:none}.modal-title[data-v-d74fc2f3]{margin:0;color:#fff}.modal-close[data-v-d74fc2f3]{color:transparent;display:block;height:1.5rem;width:1.5rem;overflow:hidden;background-image:linear-gradient(to top right,transparent 48%,white 48%,white 52%,transparent 52%),linear-gradient(to top left,transparent 48%,white 48%,white 52%,transparent 52%)}.modal-close[data-v-d74fc2f3]:hover,.modal-close[data-v-d74fc2f3]:focus{background-image:linear-gradient(to top right,transparent 46%,white 46%,white 54%,transparent 54%),linear-gradient(to top left,transparent 46%,white 46%,white 54%,transparent 54%)}.modal-content[data-v-d74fc2f3]{color:#fff;border:4px solid #f7baf744;border-bottom:none;border-top:none}.modal-footer[data-v-d74fc2f3]{display:flex;justify-content:flex-end;color:#fff;border-radius:0 0 1.5rem 1.5rem;border:4px solid #f7baf744;border-top:none;padding:1.5rem;padding-top:0}a[data-v-32fd860f]{all:unset}a[data-v-32fd860f]:hover{cursor:pointer}.pencil-edit[data-v-32fd860f]{z-index:200;width:50px;height:50px;background:rgba(255,255,255,.6);position:absolute;bottom:0;right:0;border-bottom-right-radius:12px;border-top-left-radius:35px;font-size:2.4rem;padding:1.6rem .6rem .6rem 1.6rem}.grid-container div[data-v-32fd860f]{align-self:center;justify-self:center;border:solid 1px;border-bottom:0;width:30rem;height:30rem;overflow:hidden;box-shadow:0 0 10px 5px #00000080;background-color:#00000080;border-radius:15px;background-repeat:no-repeat;background-position:center;background-size:cover;max-height:100%;display:flex;align-items:center;justify-content:center;position:relative}.grid-container div[data-v-32fd860f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#000000,#000000);border-radius:10px;opacity:.6}.grid-container a:nth-child(4n) div[data-v-32fd860f]{background-image:url(/assets/background-books1-98308155.jpg)}.grid-container a:nth-child(4n + 1) div[data-v-32fd860f]{background-image:url(/assets/background-books2-06855577.jpg)}.grid-container a:nth-child(4n + 2) div[data-v-32fd860f]{background-image:url(/assets/background-books3-696b6975.jpg)}.grid-container a:nth-child(4n + 3) div[data-v-32fd860f]{background-image:url(/assets/background-books4-094d75b8.jpg)}.grid-container h1.title[data-v-32fd860f]{padding:20px 40px;display:block;background-color:#000c;color:#ddd;font-size:3rem;border-radius:10px;margin:5px;text-align:center;z-index:1}@media only screen and (max-width: 600px){.grid-container div[data-v-32fd860f]{align-self:center;justify-self:center;border:solid 1px;border-bottom:0;width:30rem;height:10rem;background-color:orange}.grid-container h1.title[data-v-32fd860f]{padding:10px;font-size:2rem}}div.add-book-btn[data-v-04dba63c]{border:solid 1px;position:fixed;bottom:20px;right:20px;width:80px;height:80px;background-color:#eee;border-radius:40px;box-shadow:2px 2px 5px 2px #0006;z-index:999;padding:0;margin:0;display:flex;align-items:center;justify-content:center}div.add-book-btn svg[data-v-04dba63c]{height:50px}.loader[data-v-abe96d19]{margin:20px auto;width:80px}.grid-container[data-v-abe96d19]{margin:2.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:5rem}.add-new-shelf[data-v-abe96d19]{height:300px;max-width:300px;border-radius:150px;box-shadow:0 0 10px 5px #0000001a;cursor:pointer;background-color:#c8c8c880;display:grid;place-items:center}.add-new-shelf svg[data-v-abe96d19]{width:15rem;height:15rem}@media only screen and (max-width: 600px){.add-new-shelf[data-v-abe96d19]{height:10rem;border-radius:10px}.add-new-shelf svg[data-v-abe96d19]{width:6rem;height:6rem}}.modal[data-v-abe96d19]{width:540px;border:0px solid;border-radius:6px;box-shadow:0 5px 15px #00000080;border:1px solid rgba(0,0,0,.2);padding:0}.modal[data-v-abe96d19]::backdrop{background:rgba(0,0,0,.6)}.modal>div[data-v-abe96d19]{padding:15px}.dialog-header[data-v-abe96d19]{border-bottom:solid 1px #e5e5e5}.dialog-body[data-v-abe96d19]{font-size:1.6rem}.dialog-footer[data-v-abe96d19]{border-top:solid 1px #e5e5e5;text-align:right}body.modal-open[data-v-abe96d19]{overflow-y:hidden}body.login{padding:0;margin:0;min-height:100vh;min-width:100vw;background-color:#50a3a2;background-repeat:no-repeat;background-image:linear-gradient(135deg,#50a3a2,#53e3a6);display:grid;place-items:center}div.login{font-family:Avenir,Helvetica,Arial,sans-serif;font-family:Source Sans Pro,sans-serif;color:#fff;min-width:34rem;padding:4rem 0;text-align:center;border-radius:1rem;box-shadow:0 0 10px 5px #ebebebcc}.login ::placeholder{font-family:Source Sans Pro,sans-serif;color:#fff;font-weight:300}.login div.error{color:red;font-weight:700;font-size:1.8rem;padding-bottom:1.2rem}.login h1{font-size:2rem;transition-duration:1s;transition-timing-function:ease-in-put;font-weight:200}.login form{padding:1.2rem 0}.login form input{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.4);background-color:#fff3;width:25rem;border-radius:3px;padding:1rem 1.5rem;margin:0 auto 1rem;display:block;text-align:center;font-size:1.8rem;color:#fff;transition-duration:.25s;font-weight:300}.login form input:hover{background-color:#fff6}.login form input:focus{background-color:#fff;width:30rem;color:#53e3a6}.login form button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#fff;border:0;padding:1rem 1.5rem;color:#53e3a6;border-radius:3px;width:25rem;cursor:pointer;font-size:1.8rem;transition-duration:.25s}.login form button:hover{background-color:#f5f7f9}*,*:before,*:after{box-sizing:border-box;font-weight:400}html{box-sizing:border-box;font-size:62.5%}body{margin:0}.form-group{margin-bottom:15px}.form-group label{display:inline-block;margin-bottom:5px;font-weight:700;font-size:1.4rem}.form-control{width:100%;height:34px;padding:6px 12px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px #00000014;display:block;font-size:14px;line-height:1.428571429;color:#555;font-family:inherit;transition:border-color ease-in-out .15s,box-shadow ease-in-out 5.15s}textarea.form-control{height:auto}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px #00000013,0 0 8px #66afe999}.btn{display:inline-block;margin-bottom:0;vertical-align:middle;touch-action:manipulation;cursor:pointer;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:1.4rem;border-radius:4px;-webkit-user-select:none;user-select:none;color:#333;background-color:#fff;border-color:#ccc;margin-left:8px}.btn:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn.btn-main{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn:hover,.btn:active{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn.btn-main:hover,.btn.btn-main:active{color:#fff;background-color:#204d74;border-color:#122b40}.btn.btn-danger:hover,.btn.btn-danger:active{color:#fff;background-color:#c9302c;border-color:#ac2925}.icon{display:inline-block;margin:0 5px;padding:0}.icon:hover{cursor:pointer}.icon svg{margin:0;height:1.4rem}