#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 1.5em 1.5em;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:center;backdrop-filter:blur(18px);background-color:transparent;display:flex;gap:1em;justify-content:space-between;padding:1em 0;position:sticky;top:0;width:100%;z-index:99}.content-category-title{color:var(--font-color);font-size:2em;font-weight:600;margin:0}.project-library-heading{align-items:center;display:flex;gap:1.5em;min-width:0}.project-workspace-sections{display:flex;flex-direction:column;gap:2.5em;padding-bottom:2em}.project-workspace-section{width:100%}.project-section-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:.85em}.project-section-title{color:var(--font-color);font-size:1.05em;font-weight:600;letter-spacing:0;margin:0}#new-project-primary{align-items:center;background-color:var(--material-btn-hover-color);border:1px solid var(--border-color);border-radius:8px;color:var(--font-color);display:flex;font-size:.9em;font-weight:600;gap:.35em;outline:none;padding:.55em .9em}#new-project-primary span{font-size:1.2em}#new-project-primary:hover{background-color:var(--material-btn-hover-hover-color);border:1px solid var(--border-hover-color)}.project-status-badge{align-items:center;background-color:rgba(0,0,0,.52);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;bottom:.55em;color:hsla(0,0%,100%,.82);display:inline-flex;font-size:.72em;font-weight:600;left:.55em;line-height:1;padding:.35em .5em;pointer-events:none;position:absolute;z-index:3}.project-status-draft{color:hsla(0,0%,100%,.78)}.project-status-rendering{border-color:rgba(107,70,193,.34);color:rgba(224,214,255,.9)}.project-status-failed{border-color:rgba(239,68,68,.34);color:hsla(0,100%,91%,.9)}.project-status-exported{border-color:rgba(107,70,193,.26);color:rgba(226,220,242,.9)}.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;width:100%}.recent-project-content-container{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:.35em;scrollbar-width:thin}.recent-project-content-container .project-content{flex:0 0 10em;width:10em}.all-project-content-container{display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(10em,auto))}.project-content-skeleton{pointer-events:none;width:10em}.project-card-skeleton-thumb,.project-card-skeleton-title{background:var(--project-skeleton-surface);border:1px solid var(--project-skeleton-border);overflow:hidden;position:relative}.project-card-skeleton-thumb{aspect-ratio:16/9;border-radius:7px}.project-card-skeleton-title{border-radius:4px;height:.85em;width:74%}.project-card-skeleton-thumb:after,.project-card-skeleton-title:after{animation:projectSkeletonShimmer 1.8s infinite;background:linear-gradient(90deg,transparent 0,var(--project-skeleton-shimmer) 50%,transparent 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes projectSkeletonShimmer{to{transform:translateX(100%)}}.project-content.horizontal{grid-column:span 2}.project-content.square,.project-content.vertical{grid-column:span 1}.project-content-container:not([data-category=draft]) .project-content[data-type=video]{display:flex;flex-direction:column;height:15em}.project-content-container:not([data-category=draft]) .project-content[data-type=video] .thumbnail-container{align-items:center;background:hsla(0,0%,100%,.025);display:flex;flex:1 1 auto;justify-content:center;min-height:0;width:100%}.project-content-container[data-category=draft] .project-content,.project-content.draft-project-content{width:10em}.project-content-container[data-category=draft] .thumbnail-container,.project-content.draft-project-content .thumbnail-container{width:100%}.draft-thumbnail-container{aspect-ratio:16/9;background:radial-gradient(circle at 28% 18%,var(--font-color-25),transparent 30%),linear-gradient(145deg,var(--font-color-25),transparent);border:1px solid var(--border-color);border-radius:8px;box-shadow:inset 0 1px 0 var(--box-shadow-color)}.draft-thumbnail-placeholder{inset:0;position:absolute}.draft-thumbnail-placeholder,.draft-thumbnail-play{align-items:center;display:flex;justify-content:center}.draft-thumbnail-play{backdrop-filter:blur(6px);background:rgba(0,0,0,.24);border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:hsla(0,0%,100%,.78);font-size:1.2em;line-height:1;padding:.3em}.project-content-container .loader{left:50%;top:7em;transform:translateX(-100%)}.project-content .thumbnail-container{border-radius:7px;overflow:hidden;position:relative}.project-content .thumbnail-loading-container{background:linear-gradient(135deg,hsla(0,0%,100%,.055),hsla(0,0%,100%,.025));border:1px solid hsla(0,0%,100%,.08)}.project-content .thumbnail-container img{border-radius:5px;display:block;height:auto;width:100%}.project-content-container:not([data-category=draft]) .project-content[data-type=video] .thumbnail-container img{height:100%;max-height:100%;max-width:100%;object-fit:contain;width:auto}.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}.project-thumbnail-skeleton{background:radial-gradient(circle at 28% 24%,var(--project-thumbnail-skeleton-spotlight),transparent 28%),linear-gradient(135deg,var(--project-thumbnail-skeleton-surface-strong),var(--project-thumbnail-skeleton-surface-soft));border-radius:7px;inset:0;overflow:hidden;position:absolute;z-index:2}.project-thumbnail-skeleton:after{animation:projectThumbnailShimmer 1.7s infinite;background:linear-gradient(90deg,transparent 0,var(--project-thumbnail-skeleton-shimmer) 50%,transparent 100%);content:"";inset:0;position:absolute;transform:translateX(-100%)}.thumbnail-skeleton-play{align-items:center;backdrop-filter:blur(6px);background:var(--project-thumbnail-skeleton-play-surface);border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:var(--project-thumbnail-skeleton-play-color);display:flex;font-size:1.15em;justify-content:center;left:50%;line-height:1;padding:.2em;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.thumbnail-container.thumbnail-unavailable .project-thumbnail-skeleton:after{animation:none;display:none}@keyframes projectThumbnailShimmer{to{transform:translateX(100%)}}.thumbnail-container img[data-needs-thumbnail=true]{opacity:0;visibility:hidden}.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)}