contact-dialog{display:flex;flex-direction:column;width:100%;max-width:350px;--CONTACT-COLOR-1: white;--CONTACT-COLOR-2: white;background:linear-gradient(to top,var(--CONTACT-COLOR-1),var(--CONTACT-COLOR-2));margin:20px;border-radius:5px;transition:.3s}.contact-top{display:flex;justify-content:flex-end;align-items:flex-end}.contact-top icon{color:#000}.contact-top button{display:flex;justify-content:center;align-items:center;border:none;background-color:#f0f8ff00;padding:10px}.contact-bottom{display:block;overflow-y:auto;max-height:calc(100vh - 100px);width:100%}contact-dialog ul{list-style:none;margin:0;padding:0}contact-dialog ul li{display:flex;padding:20px;align-items:center;cursor:pointer;color:#000}contact-dialog ul li *{cursor:pointer}contact-dialog ul li:hover{background-color:#000;color:#fff}contact-dialog ul h4{margin:0;color:#212121;opacity:.5}contact-dialog ul li icon{font-size:2.2em;margin-right:15px}contact-dialog ul li img{width:45px;margin-right:20px;filter:brightness(0);transition:.3s}contact-dialog ul li:hover img{filter:brightness(1);transition:.3s}.rigth-item-contact{display:flex;flex-direction:column}.rigth-item-contact label{font-weight:500}.contact-medium img{display:block;border-radius:5px;overflow:hidden}.contact-medium:hover img{background-color:#fff;box-shadow:0 0 10px 1.5px #fff;transition:0s}.contact-tiktok img{display:block;border-radius:100%;overflow:hidden}.contact-tiktok:hover img{background-color:#fff;box-shadow:0 0 10px 1.5px #fff;transition:0s}contact-dialog:has(.contact-discord:hover){background:linear-gradient(to top,#fff,#167bd1)}contact-dialog:has(.contact-discord:hover) ul li:hover{background-color:#fff;color:#7979f0}contact-dialog:has(.contact-tiktok:hover){background:linear-gradient(to top,gray,gray)}contact-dialog:has(.contact-tiktok:hover) ul li:hover{background-color:#000;color:#fff}contact-dialog:has(.contact-linkedin:hover){background:linear-gradient(to top,#b9b9f0,#1f67bb)}contact-dialog:has(.contact-linkedin:hover) ul li:hover{background:#00020387;color:#3d8acc;text-shadow:0px 0px 10px #135d9b}contact-dialog:has(.contact-medium:hover) ul li:hover{background:#000;color:#fff}contact-dialog:has(.contact-spotify:hover){background:linear-gradient(to top,#fff,green)}contact-dialog:has(.contact-spotify:hover) ul li:hover{background:#0e4e0ec4;color:#6cd46c}contact-dialog:has(.contact-whatsapp:hover){background:linear-gradient(to top,#46a746,green)}contact-dialog:has(.contact-whatsapp:hover) ul li:hover{background:#0000008a;color:#fff}contact-dialog:has(.contact-email:hover){background:linear-gradient(to top,#00f,#fff)}contact-dialog:has(.contact-email:hover) ul li:hover{background:#0000008a;color:#fff}contact-dialog:has(.contact-share:hover){background:linear-gradient(to top,green,#fff)}contact-dialog:has(.contact-share:hover) ul li:hover{background:#0000008a;color:#fff}