.icon{fill:var(--theme-icon-fg);stroke:var(--theme-icon-fg);width:44px;height:44px;stroke-width:1.5px;vertical-align:middle;flex-shrink:0}.icon.fill{stroke-width:0}.icon.fg-fg{--theme-icon-fg: var(--theme-fg)}.icon.xxsmall{width:16px;height:16px}.icon.xsmall{width:24px;height:24px}.icon.small{width:32px;height:32px}.icon.large{width:72px;height:72px}.icon.xlarge{width:96px;height:96px}.icon.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-box{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;border-radius:var(--radius-xsmall)}.icon-box .icon{width:28px;height:28px}.icon-box.xxsmall,.icon-box.xsmall{width:24px;height:24px;border-radius:24px;padding:4px}.icon-box.small{width:32px;height:32px;border-radius:32px}.icon-box.xxsmall .icon,.icon-box.xsmall .icon,.icon-box.small .icon{width:24px;height:24px}.icon-box.large{width:72px;height:72px;border-radius:var(--radius-small)}.icon-box.large .icon{width:40px;height:40px}.icon-box.xlarge{width:96px;height:96px;border-radius:var(--radius-small)}.icon-box.xlarge .icon{width:48px;height:48px}