.c-social-icons{align-items:center;gap:var(--space-2);margin:var(--space-5) 0;text-align:center;flex-wrap:wrap;justify-content:center;display:flex;container-type:inline-size;& a{background:var(--color-palette-surface);border:1px solid var(--color-palette-border);border-radius:var(--radius-s);box-shadow:var(--shadow-elevation-1);min-height:calc(var(--space-8) + var(--space-1));min-width:calc(var(--space-8) + var(--space-1));padding:var(--space-1);transition:background-color var(--duration-normal) var(--easing-standard), box-shadow var(--duration-normal) var(--easing-standard), transform var(--duration-normal) var(--easing-standard);justify-content:center;align-items:center;display:inline-flex;position:relative;&:hover{background:var(--color-palette-surface-strong);box-shadow:var(--shadow-elevation-2);transform:translateY(calc(var(--space-1) * -.5))}&:active{transform:translateY(0)}&:focus-visible{box-shadow:var(--shadow-elevation-1), var(--focus-ring);outline:none}}& img{height:var(--space-7);opacity:0;transition:opacity var(--duration-normal) var(--easing-standard);vertical-align:middle;width:var(--space-7);margin:0;&.is-loaded{opacity:1}&[alt=CSDN\ logo],&[alt=Medium\ logo]{filter:var(--social-icon-filter)}}& .c-spinner{--spinner-size:var(--space-7);--spinner-color:var(--color-spinner)}@container (width<=30rem){& img{height:var(--space-6);width:var(--space-6)}& .c-spinner{--spinner-size:var(--space-6)}}}.c-modal{background:var(--overlay-modal-bg);z-index:1000;justify-content:center;align-items:center;position:fixed;inset:0}.c-modal-content{gap:var(--space-2);padding:var(--space-4);text-align:center;flex-direction:column;display:flex}.c-modal-content .c-modal-close{cursor:pointer;align-self:flex-end}