.upload-image-grid-container{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.imageContainer{border-radius:8px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.imageContainer:hover{border-color:#12b6ea80}.image-preview{object-fit:cover;border-radius:8px;width:100%;height:125px;display:block}.overlay{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(#0000,#00000080);border-radius:6px;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.videoContainer:hover .overlay{opacity:1}.item-actions-wrapper{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;position:absolute;top:8px;right:8px}.videoContainer:hover .item-actions-wrapper,.selectedIm:hover .item-actions-wrapper,.imageContainer:hover .item-actions-wrapper{opacity:1;pointer-events:auto}.item-actions-container{background:var(--ds-background-button-blur-button);-webkit-backdrop-filter:blur(90px);backdrop-filter:blur(90px);border:1px solid var(--ds-linear-border-dark-2);box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:auto;height:28px;padding:4px 6px;display:flex}.item-actions-container .MuiIconButton-root{border-radius:4px;padding:4px}.item-actions-container .MuiIconButton-root:hover{background-color:var(--ds-background-button-hovered-blur-button)}@media (width<=960px){.videoContainer .item-actions-wrapper,.selectedIm .item-actions-wrapper,.imageContainer .item-actions-wrapper{opacity:1;pointer-events:auto}}.icon-color{color:var(--ds-icon-color-blur-button)!important}.upload-image-placeholder{transition:all .2s}.upload-image-placeholder .add-btn{filter:invert(58%)sepia(82%)saturate(2536%)hue-rotate(160deg)brightness(97%)contrast(91%)}
