.app-icon{font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;font-family:atlas-icons,system-ui,sans-serif;font-style:normal;font-weight:400;line-height:1;transition:all .2s;display:inline-flex}.app-icon:focus-visible{outline:var(--stroke-2) solid var(--border-focus);outline-offset:var(--stroke-2);border-radius:var(--radius-4)}.app-icon--small{font-size:var(--numbers-16-rem);width:var(--numbers-16-rem);height:var(--numbers-16-rem)}.app-icon--medium{font-size:var(--numbers-20-rem);width:var(--numbers-20-rem);height:var(--numbers-20-rem)}.app-icon--large{font-size:var(--numbers-24-rem);width:var(--numbers-24-rem);height:var(--numbers-24-rem)}.app-icon--xlarge{font-size:var(--numbers-32-rem);width:var(--numbers-32-rem);height:var(--numbers-32-rem)}.app-icon--xxlarge{font-size:var(--numbers-48-rem);width:var(--numbers-48-rem);height:var(--numbers-48-rem)}.app-icon i{width:100%;height:100%;font-size:inherit;color:inherit;justify-content:center;align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.app-icon{transition:none}}