@keyframes thumbRollover{0%{z-index:999}}.projectsGrid .project .thumbWrapper{aspect-ratio:3/2;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden;--duration:.2s}.projectsGrid .project .thumbWrapper .thumb{animation:thumbRollover calc(var(--length)*1*var(--duration)) infinite;animation-delay:calc(var(--index)*(var(--duration)));animation-fill-mode:none;animation-play-state:paused;overflow:hidden;z-index:0}.projectsGrid .project .thumbWrapper .thumb>*{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focus,50% 50%);object-position:var(--focus,50% 50%);width:100%}.projectsGrid .project:hover .thumbWrapper .thumb{animation-play-state:running}.projectsGrid{position:relative;z-index:1}.projectsGrid .project .draft_label{background-color:#007fff;border-bottom-right-radius:6px;color:#fff;font-size:.75em;padding:2px 6px;position:absolute;z-index:9999}.projectsGrid .project.project-status__draft .thumbWrapper{border:1px dashed #007fff}.projectsGrid .project .thumbWrapper{aspect-ratio:5/6;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;overflow:hidden}.projectsGrid .project .thumbWrapper>*{grid-column:1/2;grid-row:1/2}.projectsGrid .project .thumbWrapper .thumb{overflow:hidden;transition:opacity .1s ease-in-out}.projectsGrid .project .thumbWrapper .thumb,.projectsGrid .project .thumbWrapper .thumb>*{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focus,50% 50%);object-position:var(--focus,50% 50%);width:100%}
