.sites-container{display:flex;gap:20px;flex-wrap:wrap}.addSite,.site-wrapper{display:flex;gap:10px;flex-direction:row;border:1px solid var(--Border);border-radius:10px;padding:10px;width:100%;justify-content:space-between}.addSite{align-items:center;justify-content:center;cursor:pointer}.addSite:hover{border:1px solid var(--Primary);background-color:var(--Primary-Opacity);transition:all .2s}.site-wrapper div{display:flex;justify-content:center;align-items:center;height:100%}.site-wrapper .img-wrapper{width:80px;min-height:100%;cursor:pointer}.site-wrapper .site-part-1,.site-wrapper .site-part-2{display:flex;flex-direction:row;gap:10px;width:50%}.site-wrapper .site-part-1{justify-content:left}.site-wrapper .site-part-2{justify-content:right;align-items:flex-end;gap:10px}.site-wrapper .site-part-1 .infos-wrapper{display:flex;gap:10px}.site-wrapper .site-part-1 .infos-wrapper h3{font-size:20px}.site-wrapper .site-part-1 .infos-wrapper p{font-size:13px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.site-wrapper .img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:5px}.site-wrapper .site-part-2 .options ul{display:flex;flex-direction:row;height:100%;align-items:center;gap:25px;position:relative}.site-wrapper .site-part-2 .options ul svg{font-size:23px;cursor:pointer}.site-wrapper .site-part-2 .options ul li .tooltip{position:absolute;top:-40px;left:100%;transform:translateX(-100%);background-color:var(--Secundary-back);border:1px solid var(--Border);padding:5px 10px;border-radius:5px;text-align:center;display:none;white-space:nowrap;opacity:1}.site-wrapper .site-part-2 .options ul li:hover .tooltip{display:flex}.site-wrapper .site-part-2 .options ul li:hover svg{transform:scale(1.24)}.sites-container .esqueleton-loading{min-width:100%;height:70px;animation:loading .6s linear infinite;display:flex;gap:10px;flex-direction:row;border:1px solid var(--Border);border-radius:10px;padding:10px;width:100%;justify-content:space-between}@keyframes loading{0%{opacity:1}to{opacity:.02}}.etiqueta-site{display:flex;align-items:center;justify-content:center}.etiqueta-site p{color:var(--Primary);font-size:13px;border:1px solid var(--Primary);border-radius:6px;padding:0 10px}.modal-addSite-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}.modal-addSite-container .modal-addsite{max-width:650px;background-color:var(--Secundary-back);border-radius:5px;position:relative;padding:10px}.modal-addSite-container .delete-site svg{width:20px;height:20px;cursor:pointer;transition:fill .2s}.modal-addSite-container .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}.modal-addSite-container .title-modal{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:10px 0}.modal-addSite-container .title-modal h2{font-size:30px}.modal-addSite-container .title-modal p{font-size:13px;opacity:.7}.modal-addSite-container .forms-site{padding-top:10px;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;flex-direction:row}.modal-addSite-container .forms-site .input-wrapper.w50{width:calc(50% - 10px)}.modal-addSite-container .btn-criar-site{outline:none;border:none;background-color:var(--Primary);border-radius:5px;width:100%;padding:10px 0;color:#fff;display:flex;justify-content:center;max-height:50px;align-items:center;gap:10px}.modal-addSite-container .btn-criar-site.disabled{opacity:.5;cursor:not-allowed}.modal-addSite-container .btn-criar-site .loading{width:30px;height:30px;margin-right:10px}.modal-addSite-container .btn-criar-site p{color:#fff}