/* SNS Icon V1.0 · Component-local sizes; button icon sizes remain 16px. */
.sns-icon{display:inline-block;flex:none;width:var(--icon-size,16px);height:var(--icon-size,16px);fill:currentColor;stroke:none;stroke-width:0;vertical-align:-.125em;color:inherit}
.sns-icon[data-size="12"]{--icon-size:12px}
.sns-icon[data-size="16"]{--icon-size:16px}
.sns-icon[data-size="20"]{--icon-size:20px}
.sns-icon[data-size="24"]{--icon-size:24px}
.sns-icon[data-size="32"]{--icon-size:32px}
.sns-icon[data-size="48"]{--icon-size:48px}
.sns-icon[data-size="64"]{--icon-size:64px}
.sns-icon[data-color="primary"]{color:var(--color-icon-primary)}
.sns-icon[data-color="secondary"]{color:var(--color-icon-secondary)}
.sns-icon[data-color="brand"]{color:var(--color-icon-brand)}
.sns-icon[data-color="disabled"]{color:var(--color-icon-disabled)}
.sns-icon[data-color="success"]{color:var(--color-status-success-text)}
.sns-icon[data-color="warning"]{color:var(--color-status-warning-text)}
.sns-icon[data-color="error"]{color:var(--color-status-error-text)}
.sns-icon[data-color="info"]{color:var(--color-status-info-text)}
.sns-icon[data-motion="spin"]{animation:sns-icon-spin 1s linear infinite}@keyframes sns-icon-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sns-icon[data-motion="spin"]{animation:none}}@media(forced-colors:active){.sns-icon[data-color]{color:CanvasText}.sns-icon[data-color="disabled"]{color:GrayText}}