.popup-media-container{position:fixed;background-color:rgba(0,0,0,.7);width:100%;height:100%;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center}.media-wrapper{background-color:var(--Secundary-back);width:80%;min-height:800px;border-radius:5px;position:relative;max-height:800px;height:800px}.close{position:absolute;top:-5px;right:-5px;cursor:pointer;font-size:24px;color:#fff;background-color:var(--Primary);border-radius:100%;transition:background-color .2s;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.header-media{width:100%;min-height:70px;max-height:70px;overflow:hidden}.header-media nav{width:100%;display:flex;gap:10px;justify-content:space-around;border-bottom:1px solid var(--Border)}.header-media nav a{padding:20px;text-decoration:none;color:var(--font-color);cursor:pointer;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.header-media nav a.active{background-color:var(--Border)}.media-body{width:100%;max-height:calc(100% - 70px);padding:10px;display:flex}.media-details{width:50%;display:flex;justify-content:center}.enviar-media{width:50%;display:flex;flex-direction:column;gap:30px;align-items:center;height:100%}.hidden-file-input{display:none}.custom-file-label,.enviar-imagem{display:inline-block;padding:10px 20px;background-color:#007bff;color:var(--font-color);font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;text-align:center;transition:background-color .3s ease;color:#fff}.custom-file-label{background-color:transparent;border:1px solid var(--Primary)}.custom-file-label,.custom-file-label span{color:var(--Primary)}.enviar-imagem:hover{background-color:#0056b3}.suasImagens-container{overflow-x:auto;width:100%;display:flex;flex-wrap:wrap;gap:10px}.suasImagens-container .image-container.active{border:4px solid var(--Primary)}.suasImagens-container .image-container{max-height:170px;min-height:100px;width:170px;min-width:170px;max-width:170px;overflow:hidden;border-radius:5px;cursor:pointer;background-color:var(--Secundary-Opacity)}.suasImagens-container .image-container img{width:100%;height:100%;object-fit:cover}.suasImagens-container .esqueleton-loading{height:100px;max-height:100px;min-height:100px;width:170px;min-width:170px;max-width:170px}.suasImagens-details{min-height:100%;max-width:300px;overflow:hidden;display:flex;flex-direction:column;padding-left:10px}.suasImagens-details img{width:100%;height:200px;max-height:200px;object-fit:cover}.suasImagens-details p{word-break:break-all}.popup-media-container .esqueleton-loading{min-height:170px;max-height:170px;width:230px;background-color:transparent;border:1px solid var(--Border);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;cursor:pointer;border-radius:5px;animation:loading .6s linear infinite}@keyframes loading{0%{opacity:1}to{opacity:.02}}