.soc-list[data-v-7103ecf7]{display:grid;gap:16px;grid-template-columns:48px;justify-content:center}.soc-list--horizontal[data-v-7103ecf7]{grid-template-columns:repeat(auto-fit,48px)}.soc-list__link[data-v-7103ecf7]{--c:var(--color-gray);align-items:center;aspect-ratio:1;border:1px solid var(--c);border-radius:12px;box-sizing:border-box;color:var(--c);display:flex;justify-content:center;overflow:hidden;padding:3px;position:relative;width:48px}.soc-list--outlined .soc-list__link[data-v-7103ecf7]{--c:var(--color-main);background-color:transparent}.soc-list__icon[data-v-7103ecf7]{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.soc-list__link--vk .soc-list__icon[data-v-7103ecf7]{height:19px;width:32px}.soc-list__link--tg .soc-list__icon[data-v-7103ecf7]{height:22px;width:29px}.soc-list__link--max .soc-list__icon[data-v-7103ecf7]{height:28px;width:29px}.soc-list__link--mail .soc-list__icon[data-v-7103ecf7]{height:20px;width:27px}.soc-list__link--vk[data-v-7103ecf7]:hover{--c:#07f}.soc-list__link--tg[data-v-7103ecf7]:hover{--c:#2aabee}.soc-list__link--mail[data-v-7103ecf7]:hover{--c:var(--color-main)}.soc-list__link--max[data-v-7103ecf7]:hover{--c:#007aff}.soc-list__link[data-v-7103ecf7]:focus-visible{outline:2px solid var(--color-main);outline-offset:3px}