.social-form_available{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem}.social-form_available-label{font-family:Google Sans Code,monospace;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:15px;letter-spacing:.45px}@media(min-width:768px){.social-form_available-label{font-size:20px;letter-spacing:.6px;margin:0}}.social-form_ide-icons{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}@media(min-width:768px){.social-form_ide-icons{gap:29px}}.social-form_ide-wrapper{align-items:center;animation:rotateGradientOut .3s ease-out forwards;aspect-ratio:1/1;background:linear-gradient(#151518,#151518) padding-box,conic-gradient(from calc(120deg + var(--angle)),#7c58fd,#33fdd8,#7c58fd) border-box;border:3.2px solid transparent;border-radius:16px;display:flex;flex-direction:column;height:65px;isolation:isolate;justify-content:flex-start;overflow:visible;position:relative;width:65px}.social-form_ide-wrapper:hover{animation:rotateGradientIn .3s ease-out forwards}@keyframes rotateGradientIn{to{--angle:180deg}}@keyframes rotateGradientOut{0%{--angle:180deg}to{--angle:0deg}}.social-form_ide-icon{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;position:relative;transition:transform .3s ease-out;width:100%;z-index:1}.social-form_ide-icon img{height:auto;-o-object-fit:contain;object-fit:contain;transition:width .3s ease-out,transform .3s ease-out;width:60%}.social-form_ide-icon-label{font-family:Google Sans Code,monospace;text-align:center;--tw-text-opacity:1;bottom:5px;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:8px;left:0;letter-spacing:-.16px;line-height:1.2;margin:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease-out,color .3s ease-out;width:100%}.social-form_ide-wrapper:hover:before{box-shadow:0 0 20px #33fdd880}.social-form_ide-wrapper:hover .social-form_ide-icon{transform:translateY(-7px)}.social-form_ide-wrapper:hover .social-form_ide-icon img{width:53%}.social-form_ide-wrapper:hover .social-form_ide-icon-label{opacity:1}