:root{--d-icon-size-small: 16px;--d-icon-size-medium: 22px;--d-icon-size-large: 28px}.d-icon{display:inline-block;line-height:0;vertical-align:middle}.d-icon+*{vertical-align:middle}.d-icon>svg{display:inline-block}.d-icon--small>svg{width:var(--d-icon-size-small);height:var(--d-icon-size-small)}.d-icon--medium>svg{width:var(--d-icon-size-medium);height:var(--d-icon-size-medium)}.d-icon--large>svg{width:var(--d-icon-size-large);height:var(--d-icon-size-large)}.d-icon--spin>svg{animation:d-icon-spin 1s infinite linear;transform-origin:center}@keyframes d-icon-spin{to{transform:rotate(360deg)}}