.assets-section{gap:1em;height:100%;padding-bottom:1em;position:relative}.assets-section,.characters-section,.objects-section{display:flex;flex-direction:column;overflow-y:auto;width:100%}.characters-section,.objects-section{gap:.5em;max-height:50%}.character-section-title,.objects-section-title{color:var(--font-color);font-size:.9em}.characters-section .characters-container,.objects-section .objects-container{display:flex;flex-wrap:wrap;gap:.7em;width:100%}.asset-card{aspect-ratio:3/4;border:1px solid var(--border-color);border-radius:7px;height:auto;position:relative;width:calc(33% - .7em)}.add-new-asset-card:hover{border:1px solid var(--border-hover-color);cursor:pointer}.asset-card .add-character-icon,.asset-card .add-object-icon{color:var(--font-color);font-size:1.6em;left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.asset-card .asset-image-container{height:100%;overflow:hidden;position:relative;width:100%}.asset-card img{border-radius:7px;bottom:0;height:100%;left:0;object-fit:cover;object-position:center;position:absolute;right:0;top:0;width:100%;z-index:1}.asset-card:hover img{backdrop-filter:blur(5px);opacity:.7}.asset-card .add-asset,.asset-card .checkbox-container,.asset-card .edit-asset{align-items:center;background-color:transparent;border:none;border-radius:20px;display:flex;justify-content:center;left:.2em;outline:none;padding:.2em;position:absolute;top:.2em;transition:all .3s ease;z-index:2}.asset-card .checkbox-container{cursor:pointer;height:1.2em;width:1.2em}.asset-card .add-asset:hover,.asset-card .edit-asset:hover{background-color:var(--material-btn-hover-color)}.asset-card .delete-asset,.asset-card .open-asset{border-radius:20px;color:var(--font-color);cursor:pointer;font-size:1.2em;padding:.2em;position:absolute;transition:all .3s ease;visibility:hidden;z-index:2}.asset-card .open-asset{left:50%;top:50%;transform:translate(-50%,-50%)}.asset-card .delete-asset{right:.2em;top:.2em}.asset-card .delete-asset:hover,.asset-card .open-asset:hover{background-color:var(--material-btn-hover-color)}.asset-card:hover .delete-asset,.asset-card:hover .open-asset{visibility:visible}.asset-card .add-asset span,.asset-card .edit-asset span{color:var(--font-color);font-size:1.2em}.asset-card .asset-name{backdrop-filter:blur(4px);border-radius:20px;bottom:.5em;color:var(--font-color);font-size:.9em;left:.5em;overflow:hidden;padding-left:.2em;padding-right:.2em;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:2}.asset-preview-container{display:flex;flex-direction:column;flex-shrink:0;gap:0}.asset-preview-container img{aspect-ratio:3/4;border:1px solid var(--border-color);border-radius:7px;max-height:60em;object-fit:contain;width:auto}.asset-info-container{display:flex;flex:1;flex-direction:column;gap:1em;width:100%}.asset-info-container .asset-info{display:flex;flex-direction:column;gap:.5em}.asset-info-container .asset-info .asset-info-title{color:var(--font-color);font-size:.9em}.asset-info-container .asset-info textarea{height:7em;width:100%}.asset-info-container .asset-info input,.asset-info-container .asset-info textarea{background-color:transparent;border:1px solid var(--border-color);border-radius:7px;color:var(--font-color);outline:none;padding:.5em;resize:none}.asset-info-container .asset-info input{width:50%}