.assets-section{display:flex;flex-direction:column;gap:1em;height:100%;overflow-y:auto;padding-bottom:1em;position:relative;width:100%}.assets-skeleton-section,.assets-skeleton-state{display:flex;flex-direction:column;gap:.7em}.asset-card-skeleton-media,.asset-card-skeleton-name,.assets-skeleton-button,.assets-skeleton-title{background:hsla(0,0%,100%,.06);overflow:hidden;position:relative}.assets-skeleton-button{border-radius:12px;height:2.9em;width:100%}.assets-skeleton-title{border-radius:999px;height:.95em;width:9.5em}.assets-skeleton-grid{display:flex;flex-wrap:wrap;gap:.7em;width:100%}.asset-card-skeleton{overflow:hidden}.asset-card-skeleton-media{border-radius:7px;height:100%;width:100%}.asset-card-skeleton-name{border-radius:999px;bottom:.6em;height:.85em;left:.5em;position:absolute;right:.5em;z-index:2}.skeleton-shimmer:after{animation:assetSkeletonShimmer 1.6s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12) 50%,transparent);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes assetSkeletonShimmer{to{transform:translateX(100%)}}.characters-section,.objects-section{display:flex;flex-direction:column;gap:.5em;max-height:50%;overflow-y:auto;width:100%}.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 .delete-asset-entry,.asset-card .open-asset{backdrop-filter:blur(6px);background-color:var(--editor-asset-action-surface);border-radius:20px;color:var(--font-color);cursor:pointer;font-size:1.2em;opacity:0;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-entry{right:2.1em;top:.2em}.asset-card .delete-asset:hover,.asset-card .open-asset:hover{background-color:var(--material-btn-hover-color)}.asset-card .delete-asset-entry:hover{background-color:var(--editor-asset-delete-hover-bg);color:var(--editor-asset-delete-hover-color)}.asset-card:hover .delete-asset,.asset-card:hover .delete-asset-entry,.asset-card:hover .open-asset{opacity:1;visibility:visible}.asset-card .add-asset span,.asset-card .edit-asset span{color:var(--font-color);font-size:1.2em}.asset-card .asset-name{background:linear-gradient(to top,var(--editor-asset-name-overlay-start) 0,var(--editor-asset-name-overlay-end) 100%);border-bottom-left-radius:7px;border-bottom-right-radius:7px;bottom:0;box-sizing:border-box;color:var(--font-color);font-size:.85em;left:0;margin:0;overflow:hidden;padding:1.5em .5em .5em;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%;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%}