@import"https://fonts.googleapis.com/css2?family=Figtree&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto Serif&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.lds-hourglass{display:block;margin:auto;padding:10rem;position:relative;width:80px;height:80px}.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:8px;box-sizing:border-box;border:32px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-hourglass 1.2s infinite}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(1800deg)}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}:modal{color:#000;width:50%;padding:2rem;border-radius:1rem;background-color:#ffffffb3;border:0;box-shadow:0 0 10px #000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);top:-20em}:modal h1{padding:0;margin:0;font-size:1.5rem;margin-bottom:1rem}:modal div.buttons{width:100%;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:right;gap:1rem}App,html,body{height:100%;margin:0}div.date{text-align:center;color:#fff;text-shadow:2px 2px black;font-family:Noto Serif;font-size:2em}body{font-family:Figtree,sans-serif;font-size:1.2em;color:#fff;background-color:#375099}.titlecase{text-transform:capitalize;display:none}.folder .titleTextBox{display:block;width:100%;box-sizing:border-box}#folders{display:flex;flex-wrap:wrap;justify-content:center}.folder{-webkit-user-select:none;user-select:none;margin-bottom:1rem;min-width:25rem;margin:1rem;width:20%;padding:0rem;background-color:#2021246e;border:1px solid #000000;border-radius:1rem}.folder label,.folder .titleTextBox{padding:.5rem;font-weight:900;font-size:1.5rem;display:block;text-align:center;color:#f50;background-color:#ffffff0d;border-top-left-radius:.75rem;border-top-right-radius:.75rem;text-transform:capitalize}.folder div.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:16px;padding:16px}.folder div.items a{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;text-decoration:none}.folder a img{width:3rem;height:3rem;object-fit:contain}.folder a,.folder a:visited{color:#fff}.folder a:hover{color:#ff0;text-decoration:underline;filter:brightness(2)}.folder a:active{color:#fff}input#query{border:0px;width:75%;display:block;margin:auto;font-size:1.5rem;padding:.5rem;background-color:#000;color:#fff;opacity:.25;border-radius:.75rem}button.flat{background-color:#000;border:none;color:#fff;padding:1rem;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;filter:brightness(1);border-radius:1rem}.spaceabove{margin-top:2em}div.dialog button.flat{background-color:#375099;width:7rem}div.center{display:flex;align-items:center;justify-content:center}button.flat:Hover{filter:brightness(1.5)}div.dialog form div.field{display:flex;flex-wrap:wrap}div.field label{width:100%}div.field input{width:100%;margin-bottom:1rem;line-height:2rem;font-size:1.5rem}#root{height:100%}#root>div:nth-child(1){height:100%}aside:has(button.addNewUser){padding-top:1em;display:block;margin:auto}section.folder button.addButton{margin-top:.7em;margin-right:1em}section.folder input.titleTextBox{border:0}section.folder input.titleTextBox{color:red}#editSwitch{float:right;margin-right:1em}header *{-webkit-user-select:none;user-select:none}button.deletebookmark,button.addButton{all:unset}button.deletebookmark:hover,button.addButton:hover{cursor:pointer}button.deletebookmark:hover{color:red}button.addButton:hover{color:#ff0}button.deletebookmark{position:absolute;text-align:right;margin-left:3rem;margin-top:-1rem}button:focus{outline:revert}div.actionbutton{padding-right:.5em;float:right}div.actionbutton button{height:34px;width:34px}.actionbutton button span{display:block}footer{font-size:.4em;color:#fff;border-top:solid white 1px;width:50%;text-align:center;margin:15em auto;padding-bottom:7.5em;opacity:.25}footer a{text-decoration:none}header{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:1fr 1fr 1fr;height:3em;margin-bottom:1em;margin-top:1em}header div.buttons{align-content:center}div.field input{font-size:1rem}div.date{display:absolute;margin:auto}dialog.logindialog{color:#fff;top:50%;translate:0 -50%;-webkit-user-select:none;user-select:none;min-width:25rem;width:20%;padding:2rem;background-color:#0000001a;border:1px solid rgba(0,0,0,0);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #fff3;transition:background-color .3s ease}dialog.logindialog div.logo{height:2.5em;background-position:center;margin-bottom:2em}[draggable=true]:active{cursor:move}div.loginscreen footer{margin:0;width:100%;position:absolute;bottom:0;padding:0}dialog.logindialog.error{background-color:#ff000080;animation:tilt-shaking .2s linear infinite}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(3deg)}50%{transform:rotate(0)}75%{transform:rotate(-3deg)}to{transform:rotate(0)}}@media only screen and (max-width:900px){div.date{display:none}header{grid-template-columns:1fr 2fr}header{height:1.5em;margin-bottom:1em}header div.logo{height:1.2em}dialog.logindialog{min-width:inherit;margin:1em;width:auto;top:inherit;translate:inherit}}body{background:linear-gradient(45deg,#221193,#3cbcc1);background-attachment:fixed;height:100%}.folder{border:inherit;background-color:#20212433;box-shadow:0 0 10px #ffffff1a;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.folder.dragover{box-shadow:0 0 10px #ffffff80}.folder label,.folder .titleTextBox{color:orange;font-family:Oswald,sans-serif}section.folder input.titleTextBox{color:#ff4500}section.folder button.addButton{display:block;position:absolute;right:0}header{text-shadow:inherit;font-family:inherit}div.logo{background-image:url(/images/logo.svg);background-repeat:no-repeat;background-size:auto 100%;background-position-x:1em}#query{box-shadow:0 0 10px #ffffff80}footer a{color:#fff;text-decoration:underline}table{border-collapse:collapse;width:75%;margin:auto;padding:2em;border-color:#0000004d}th{font-weight:900;background-color:#fff3;color:#0009;text-align:left}tr:nth-child(2n){background-color:#ffffff0d}th,td{border:none;padding:10px}td.actions,th.actions{width:auto;text-align:right;width:1px;white-space:nowrap}article.headingspacer{margin-top:4em}article.tablecontainer{overflow-x:auto}