@layer components{.svg-icon{--svg-size:1em;vertical-align:middle;width:var(--svg-width,var(--svg-size));height:var(--svg-height,var(--svg-size));transition:all var(--ds-transition-fast);flex-shrink:0;display:inline-block}.svg-icon:focus-visible{outline:2px solid var(--ds-c-primary-default);outline-offset:2px;border-radius:var(--ds-border-radius-sm)}.svg-icon.svg-icon--loading{width:var(--svg-width,var(--svg-size));height:var(--svg-height,var(--svg-size));background-color:var(--ds-c-grey-200);border-radius:var(--ds-border-radius-sm);display:inline-block}}