.file-icon svg{width:60px;height:60px}.file-image-cell{aspect-ratio:16/9;width:150px;border-radius:4px;overflow:hidden;background-color:var(--color-plaza-light-grey);display:grid;place-content:center;position:relative}.file-image-cell .hover-link{display:none;position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,0);place-items:center;top:0;left:0;z-index:2}.file-image-cell .hover-link a{color:var(--color-plaza-white)}.file-image-cell .hover-link a svg{height:35px;width:35px}.file-image-cell:after{content:"";position:absolute;height:100%;width:100%;background-color:var(--color-plaza-grey);opacity:.5;display:none}.file-image-cell:hover .hover-link{display:grid}.file-image-cell:hover:after{display:block}.file-image{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}.file-actions .content{flex-direction:row!important}.mediapool-toolbar{margin-top:30px}.fullwidth{width:100%}.fullwidth,.fullwidth span{flex-grow:1}.delete-dialog{min-height:unset}.delete-dialog main .delete-text{display:grid;place-items:center;grid-gap:20px;gap:20px;overflow:auto}.delete-dialog main .delete-text p{font-weight:700;font-size:20px}.delete-dialog main .delete-text .used-posts{list-style:none;max-height:150px}.delete-dialog main .delete-text .used-posts li a{text-decoration:none;color:var(--color-plaza-antracite);border:1px solid var(--color-darker-grey);border-radius:4px;margin:5px 0;cursor:pointer;transition:.2s ease-out;padding:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1);display:flex;gap:10px;justify-content:space-between}.delete-dialog main .delete-text .used-posts li a:hover{transform:scaleX(1.04)}.delete-dialog footer{display:grid;grid-template-columns:1fr 1fr;padding:10px;grid-gap:10px;gap:10px;background-color:var(--color-plaza-light-grey)}.mediapool-toolbar{display:grid;grid-template-columns:10% 10% 10% auto;grid-gap:15px;gap:15px}.mediapool-toolbar:not(:has(.MuiSelect-root)){grid-template-columns:1fr}.mediapool-toolbar form{display:grid;grid-template-columns:80% auto;grid-gap:10px;gap:10px}.mediapool-content{transform:translateX(0);transition:transform .3s ease-in-out;max-width:100%;display:grid;grid-template-columns:100% 100% 100%;overflow:hidden}.mediapool-content[data-active="1"]{transform:translateX(-100%)}.mediapool-content[data-active="2"]{transform:translateX(-200%)}.category-view{margin:30px 0}.category-view .category-table{display:flex;flex-direction:column}.category-view .category-table .category-table-head{background-color:var(--color-plaza-gold);padding:10px 0;font-weight:700}.category-view .category-table .table-row{display:grid;grid-template-columns:4% 1fr 1fr 5%}.category-view .category-table .table-row:not(.category-table-head):hover{background-color:var(--color-darker-grey)}.category-view .category-table .table-row:nth-child(2n){background-color:var(--color-plaza-white)}.category-view .category-table .table-row .cat-cell{padding:8px 15px;display:flex;align-items:center}.category-view .category-table .table-row .cat-cell:last-child{justify-content:center}.category-view .category-table .table-row .cat-cell.new-name{padding:8px 0}.category-view .category-table .table-row .cat-cell.new-name .input{width:100%}.category-view .category-table .table-row .cat-cell.new-submit{display:flex;gap:20px;justify-content:flex-start}.category-view .category-table .table-row .cat-cell .new-category-button{outline:none;background-color:rgba(0,0,0,0);color:#fff;font-size:20px;border:2px solid #fff;display:grid;place-items:center;padding:5px;border-radius:50%;cursor:pointer}.category-view .category-table .table-row .cat-cell.delete button{border:none;outline:none;background-color:rgba(0,0,0,0);color:var(--color-plaza-red);cursor:pointer;font-size:20px}.drop-zone{position:relative;width:650px;aspect-ratio:1/1;border:4px dashed var(--color-plaza-gold);border-radius:4px;display:grid;place-items:center;margin:30px 0;cursor:pointer;background-color:var(--color-plaza-light-grey)}.drop-zone.hover{border-color:var(--color-plaza-green)}.drop-zone .controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.drop-zone .controls svg{height:40px;width:40px}.drop-zone .controls span{font-size:20px}.upload-form{margin:30px 0}.upload-form hr{color:var(--color-plaza-gold);margin:20px 0;height:2px}.upload-form .upload-buttons{display:flex;justify-content:flex-end;gap:30px}:root{--color-plaza-gold:#D6CA90;--color-plaza-antracite:#3D3D3D;--color-plaza-grey:#707070;--color-plaza-light-grey:#F9F9F9;--color-plaza-red:#B82959;--color-plaza-green:#00AF8B;--color-plaza-green-light:rgba(230,250,237,0.68);--color-plaza-white:white;--color-darker-grey:#dfdfdf}body.dark-mode{--color-plaza-gold:#D6CA90;--color-plaza-red:#B82959;--color-plaza-green:#00AF8B;--color-plaza-green-light:rgba(230,250,237,0.68);--color-plaza-light-grey:#474747;--color-plaza-grey:#2c2c2c;--color-plaza-antracite:#cccccc;--color-plaza-white:black;--color-darker-grey:#dfdfdf}.file-preview{display:flex;gap:64px}.file-preview .file-data{flex-grow:1;display:flex;flex-direction:column;gap:20px}.file-preview .input-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}.file-preview .file-name{display:flex;flex-direction:column;gap:5px;text-transform:uppercase}.file-preview .file-preview-wrapper{position:relative;width:max-content}.file-preview .file-preview-wrapper .new-file-btn{position:absolute;transform:translate(50%,-50%);right:0;top:0;background-color:var(--color-plaza-white);border-radius:50%;display:grid;place-items:center;cursor:pointer}.file-preview .file-preview-wrapper .new-file-btn svg{color:var(--color-plaza-red);height:25px;width:25px;z-index:3}.file-preview .file-preview-wrapper .preview-file{width:300px;height:300px;background-color:var(--color-plaza-light-grey);border-radius:8px;padding:12px}.file-preview .file-preview-wrapper .preview-image{border-radius:4px;width:300px;aspect-ratio:1/1;object-fit:cover;box-shadow:1px 1px 10px rgba(3,3,5,.2)}.file-compare-splitter .splitter{display:block;height:100%;background-color:#000;width:30px}.file-compare-splitter .files{display:flex;justify-content:center;gap:2.5%;margin:10px 0;flex-wrap:wrap}.file-compare-splitter .files .file-compare-item{display:flex;flex:0 0 45%;flex-direction:column;align-items:center;gap:12px}.file-compare-splitter .files .file-compare-item .file{display:flex;justify-content:center}.file-compare-splitter .files .file-compare-item .button,.file-compare-splitter .files .file-compare-item .button button{width:100%}.file-compare-splitter .files img,.file-compare-splitter .files video{width:200px;border-radius:4px}.file-compare-splitter .files svg{width:200px;height:200px}