.preview{width:100%;display:flex;flex-direction:column;gap:.5rem}.submission-image{display:flex;flex-direction:column;align-items:center;gap:.8rem}.poster-container{width:100%;position:relative;display:flex;justify-content:center;align-items:center}.submission-image img{width:100%;height:100%;aspect-ratio:2/1;object-fit:cover;object-position:center center;border-radius:7px;transition:.25s;cursor:pointer}.poster-container p{position:absolute;opacity:0;transition:.25s;color:var(--text-white);font-size:1.2rem;font-weight:500;text-align:center}.poster-container:hover img{filter:brightness(.7)}.poster-container:hover p{opacity:1}.image-preview-btn{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:1.1rem;opacity:.8;cursor:pointer;transition:.25s;text-decoration:underline}.image-preview-btn:hover{opacity:.5}.instructions-title{font-size:1.7rem}.created{color:var(--text-primary);opacity:.9;font-size:1.1rem;display:flex;align-items:center;gap:4px}.instructions{display:flex;flex-direction:column;gap:.7rem}.page-task{width:100%;max-width:1400px;height:100%;min-height:calc(100svh - var(--nav-height));padding-top:calc(var(--nav-height) + 3rem);padding-bottom:100px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1rem}.task-section{width:100%;padding:20px;display:flex;flex-direction:column;gap:1rem;border:1px solid rgba(0,0,0,.1);border-radius:5px}.task-section>div:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:15px}.task-section .task-name,.instructions-title{color:var(--text-primary);margin-bottom:7px;font-weight:500}.task-section .task-name{font-size:1.85rem}.task-header:has(.mode-btns){padding-bottom:0!important}.mode-btns{padding-top:15px;display:flex;gap:1rem}.mode{padding:0 1px 4px;border:none;background:transparent;position:relative;font-size:1.1rem;cursor:pointer;color:var(--text-primary);opacity:.7;transition:.2s ease-in-out}.mode.active{opacity:1}.mode.active:after{background-color:var(--text-primary)}.mode:hover{opacity:.9}.mode:hover:after{background-color:var(--text-primary)}.mode:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:#0000001a;transition:.2s ease-in-out}@media screen and (max-width: 1500px){.page-task{max-width:var(--max-elements-width)}}@media screen and (max-width: 1200px){.page-task{flex-direction:column;padding-top:calc(var(--nav-height) + 2rem);gap:2.5rem}.page-task .tasks-sidebar{width:100%!important}.page-task .task-sidebar-card{min-width:100%!important;max-width:100%!important}}@media screen and (max-width: 500px){.task-section{padding:0;border:none}}