.profile-link-tiles{scrollbar-width:thin;overscroll-behavior-inline:contain;align-items:stretch;gap:10px;max-width:100%;margin-top:14px;padding:2px 1px 5px;display:flex;overflow-x:auto}.profile-link-tile{box-sizing:border-box;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--profile-accent,var(--color-accent)) 34%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 90%,transparent);width:clamp(64px,5vw,76px);height:clamp(64px,5vw,76px);min-height:0;color:var(--color-text);text-align:center;border-radius:16px;flex:0 0 clamp(64px,5vw,76px);align-content:center;place-items:center;gap:5px;padding:7px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:0 8px 22px #10081d12}.profile-link-tile:hover{border-color:var(--profile-accent,var(--color-accent));background:color-mix(in srgb,var(--color-surface) 82%,var(--profile-accent,var(--color-accent)) 18%);transform:translateY(-2px)}.profile-link-tile:focus-visible{outline:3px solid color-mix(in srgb,var(--profile-accent,var(--color-accent)) 72%,white);outline-offset:2px}.profile-link-tile svg{fill:currentColor;width:25px;height:25px}.profile-link-tile__avatar,.profile-link-tile__fallback{object-fit:cover;background:color-mix(in srgb,var(--profile-accent,var(--color-accent)) 18%,var(--color-surface));width:30px;height:30px;font:700 15px/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.profile-link-tile span{overflow-wrap:anywhere;max-width:100%;font-size:10px;font-weight:750;line-height:1.08}.profile-link-tile--internal{color:var(--profile-accent,var(--color-accent-text))}.profile-link-tile--vk{color:#2787f5}.profile-link-tile--telegram{color:#229ed9}.profile-link-tile--ok{color:#ee8208}.profile-link-tile--youtube{color:#e52d27}.profile-link-tile--pinterest{color:#bd081c}.profile-link-tile--add{font:inherit;cursor:pointer}.profile-link-tile--add b{font:300 30px/1 var(--font-display)}.profile-links-backdrop{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09040da8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.profile-links-dialog{border:1px solid var(--color-border);background:var(--color-surface);width:min(520px,100%);max-height:min(620px,100dvh - 32px);color:var(--color-text);border-radius:22px;padding:22px;overflow:auto;box-shadow:0 32px 100px #09040d66}.profile-links-dialog__head{justify-content:space-between;align-items:start;gap:18px;display:flex}.profile-links-dialog__head div{gap:4px;display:grid}.profile-links-dialog__head strong{font:600 24px/1.1 var(--font-display)}.profile-links-dialog__head small{color:var(--color-text-muted);line-height:1.45}.profile-links-dialog__head button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:26px}.profile-links-dialog__add{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:20px;display:grid}.profile-links-dialog__add label{gap:6px;font-weight:700;display:grid}.profile-links-dialog__add input{border:1px solid var(--color-border);background:var(--color-bg);width:100%;min-width:0;color:var(--color-text);border-radius:11px;padding:11px 12px}.profile-links-dialog__error{color:var(--color-danger,#c43646)}.profile-links-dialog ul{gap:7px;margin:18px 0 0;padding:0;list-style:none;display:grid}.profile-links-dialog li{border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.profile-links-dialog li span{align-items:center;gap:8px;display:flex}.profile-links-dialog li svg{fill:currentColor;width:22px;height:22px}.profile-links-dialog li button{color:var(--color-accent-text);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.community-hero .profile-link-tiles{max-width:min(100%,570px)}.community-hero .profile-link-tile{background:color-mix(in srgb,var(--color-surface) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-page>.profile-link-tiles{width:min(1440px,calc(100% - 2 * var(--gutter)));margin:14px auto 0}@media (max-width:600px){.profile-link-tiles{gap:8px}.profile-link-tile{border-radius:14px;flex-basis:64px;gap:3px;width:64px;height:64px;padding:5px}.profile-link-tile__avatar,.profile-link-tile__fallback{width:25px;height:25px}.profile-links-dialog{padding:17px}.profile-links-dialog__add{grid-template-columns:1fr}.profile-links-dialog__add .btn{width:100%}}@media (prefers-reduced-motion:reduce){.profile-link-tile{transition:none}}
