#projects-category-container{display:flex;flex-direction:column;height:100%;padding-left:1em;padding-right:1em;padding-top:1em;width:100%}.project-content-type{background-color:transparent;border:none;border-radius:5px;color:var(--font-color-50);font-size:.9em;font-weight:600;outline:none;padding:.5em 1em!important;text-align:start;width:100%}.project-content-type:hover{color:var(--font-color)}#projects-container{display:none;height:100%;overflow-y:auto;padding:0 1em 1em;position:relative;width:100%}.selected-project-category{background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);color:var(--font-color)}.content-category-title-container{align-items:end;background-color:var(--background-color);display:flex;gap:2em;padding-bottom:.5em;position:sticky;top:0;width:100%;z-index:99}.content-category-title{color:var(--font-color);font-family:600;font-size:2em}.project-page-utility-btns{align-items:center;display:flex;gap:.7em}.project-page-utility-btns button{background-color:transparent;border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:.9em;outline:none;padding:.2em .5em}.project-page-utility-btns button:hover{border:1px solid var(--font-color-50)}.project-page-utility-btns #delete-project{align-items:center;display:flex;gap:.5em}.project-content{border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.7em;height:fit-content;padding:1em;position:relative}.project-content .checkmark{background-color:var(--background-color)}.project-content:hover{border:1px solid var(--font-color-50)!important}.project-content-container{display:flex;flex-wrap:wrap;gap:1em;height:auto;margin-top:2em;width:100%}.project-content.horizontal{grid-column:span 2}.project-content-container .loader{left:50%;top:3em;transform:translateX(-50%)}.project-content .thumbnail-container{overflow:hidden;position:relative}.project-content .thumbnail-loading-container{height:5em}.project-content .thumbnail-container img{border-radius:5px;height:auto;width:100%}.project-content .thumbnail-container .loader{display:block!important}.project-content .thumbnail-container .loader,.thumbnail-loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.thumbnail-loader{backdrop-filter:blur(2px);background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;font-size:11px;font-weight:500;padding:8px 12px;z-index:10}.thumbnail-loader:after{animation:thumbspin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";display:inline-block;height:12px;margin-left:8px;width:12px}@keyframes thumbspin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.thumbnail-container img{transition:opacity .3s ease-in-out}.thumbnail-container img[data-needs-thumbnail=true]{filter:grayscale(1) brightness(.7)}@keyframes thumbpulse{0%,to{opacity:.7}50%{opacity:1}}.thumbnail-container img[data-needs-thumbnail=true]{animation:thumbpulse 2s infinite}.project-content .content-title{color:var(--font-color);font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-project-checkbox{left:1em;position:absolute;top:.2em}.select-project-checkbox .checkmark{border-width:2px!important}#projects-container #new-project{align-items:center;border:1px solid var(--border-color)!important;display:flex;justify-content:center}#projects-container #new-project span{color:var(--font-color);font-size:5em}.no-project{color:var(--font-color-50)}