.social-tree-container{width:100%;padding:1rem 0;transition:all .25s}.header-container{text-align:center;flex-direction:column;align-items:center;margin:20px 0;display:flex}.header-img{margin:5px 0}.header-img img{object-fit:cover;border-radius:50%;width:100px;height:100px;transition:transform .3s,box-shadow .3s}.header-img img:hover{transform:scale(1.06);box-shadow:0 0 24px rgba(255,255,255,.12)}.header-name{color:#fff;margin:5px 0;font-size:1.5rem;font-weight:500}.header-description{flex-direction:column;gap:6px;max-width:580px;margin:5px 0 1rem;display:flex}.header-description p{color:#fff;margin:0;font-size:1rem;font-weight:400}.social-tree-maincontainer{flex-direction:column;gap:1rem;max-width:580px;margin:0 auto;display:flex}.social-tree-section{display:contents}.st-element{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-d,var(--border));cursor:pointer;text-align:center;will-change:transform;border-radius:7.5px;outline:none;height:64px;font-size:20px;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1),border-color .25s,background-color .25s;position:relative;overflow:hidden}.st-element:hover{background-color:var(--bg-4,#25272d);border-color:rgba(255,255,255,.18);transform:scale(1.04);box-shadow:0 10px 28px rgba(0,0,0,.35)}.st-element:after{content:"";pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);transition:transform .45s;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.st-element:hover:after{transform:translate(100%)}.st-element:focus-visible{outline-offset:2px;outline:2px solid rgba(255,255,255,.4)}.st-element:active{transform:scale(.98);box-shadow:0 4px 10px rgba(0,0,0,.3)}.st-element-container{align-items:center;height:100%;padding:8px;display:flex}.st-logo{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.st-logo-img{border-radius:5px;display:block}.st-application{justify-content:center;align-items:center;width:100%;display:flex}.st-application span{color:var(--txt-1,#dae2f1);font-weight:200;transition:color .2s}.st-element:hover .st-application span{color:#fff}.st-header-element{text-align:center;border-radius:7.5px;justify-content:center;align-items:center;height:40px;font-size:20px;display:flex}.st-element-header{color:var(--txt-1,#dae2f1);font-weight:800}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.6s ease-out forwards fadeInUp}.popup-background{-webkit-backdrop-filter:blur(10px);z-index:999;cursor:pointer;background:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0}.popup{z-index:1000;background-color:#fff;border:1px solid #383939;border-radius:20px;flex-direction:column;width:calc(100% - 20px);max-width:530px;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.popup-iframe{border:none;border-radius:10px;width:100%;display:block}.popup-divider{background-color:#ccc;height:.5px;margin:10px 0}.popup-modal-footer{justify-content:center;margin:0 10px 10px;display:flex}.popup-close-btn{cursor:pointer;color:#333;background:0 0;border:none;padding:4px 8px;font-size:.95rem;text-decoration:underline;transition:color .2s}.popup-close-btn:hover{color:#000}@media (max-width:600px){.st-element{margin:0 5px}}