@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";html,body{box-sizing:border-box;height:100%;font-family:Roboto,sans-serif;font-size:16px}body{margin:0}input[type=text]{box-sizing:border-box}.no-style{background-color:transparent;border:none;margin:0;padding:0;text-align:inherit;font:inherit;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button{background-color:#006eff;border:1px solid transparent;border-radius:3px;box-shadow:#fff6 0 1px inset;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.15385;margin:0;outline:none;padding:8px .8em;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;white-space:nowrap}.button:hover,.button:focus{background-color:#0785df}.button:focus{box-shadow:0 0 0 4px #0095ff26}.button:active{background-color:#0064bd;box-shadow:none}.post-details-page{display:flex}.post-details-page>div{flex:1 0;display:flex;flex-direction:column;overflow-y:auto}.post-details-page .post-info{padding:24px;display:grid;grid-template-columns:auto 1fr;gap:16px}.post-details-page .post-img-container{place-content:center;display:flex}.post-details-page .post-img-container img{max-width:100vw;max-height:80vh}.post-details-page .post-tags>.tag-list{display:flex;gap:16px;flex-wrap:wrap}.loading-spinner{width:48px;height:48px;border:5px solid black;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-panel{width:400px;border:1px solid black;padding:10px;display:flex;flex-direction:column}.page-nav-bar{display:grid;grid-template-columns:auto 1fr auto;padding:16px;background-color:#fff;box-shadow:2px 2px 15px #00000040}.page-nav-bar .tag-search{align-self:center}.page-nav-bar .title-name{padding-right:24px}@media screen and (max-width: 600px){.page-nav-bar .title-name{display:none}.page-nav-bar .tag-search{grid-column-start:1;grid-column-end:3}}.page-nav-bar .right-buttons{place-content:right}.page-nav-bar .tag-search>.tags{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.page-nav-bar .tag-search input{width:500px}@media screen and (max-width: 900px){.page-nav-bar .tag-search input{width:300px}}.tag-search-component{position:relative}.tag-search-dropdown{position:absolute;background-color:#fff;display:flex;flex-direction:column;border:1px solid black}.tag-search-dropdown>button{padding:4px;display:grid;grid-template-columns:1fr auto}.tag-search-dropdown>button.selected{background-color:gray}.collections-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.collections-item{padding:8px;background-color:gray;text-decoration:none;color:inherit;cursor:default}.collection-details-page{padding:8px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(216px,1fr));place-items:center}.posts-grid .post-item{margin:8px;width:200px;height:200px}.posts-grid .post-item img{width:200px;height:200px;box-shadow:5px 5px 15px #00000073}.file-upload{padding:0;border:1px solid grey;border-radius:10px;box-shadow:2px 2px 15px #00000040;width:400px}.file-upload::backdrop{background-color:#f0f8ffbf}.file-upload>.file-upload-dialog{background-color:#fff;display:flex;flex-direction:column;gap:8px;padding:12px 0}.file-upload .file-upload-header{padding:0 12px;display:grid;grid-template-columns:1fr auto}.file-upload .file-upload-footer{display:flex;flex-direction:column;align-items:center}.file-upload .file-upload-tags{padding:0 12px}.file-upload .file-upload-button-container{padding:0 12px;display:flex;justify-content:center}.file-upload .file-upload-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:200px;padding:12px}.file-upload .file-upload-file-item{display:grid;grid-template-columns:1fr auto;border:1px solid grey;border-radius:4px;padding:8px}.pagination{display:flex;gap:8px}.pagination button{border:1px solid black;font-size:1.2em;padding:8px}.pagination button.selected{background-color:#00f}