.icon-tile{flex:none;place-items:center;display:inline-grid}.icon-tile--solid{color:var(--color-on-primary);background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 85%, var(--color-surface)), var(--color-primary));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 45%, transparent)}.icon-tile--soft{color:var(--color-primary);background:var(--color-primary-soft)}.icon-tile--sm{--icon-size:1.25rem;border-radius:var(--radius-md);width:2.25rem;height:2.25rem}.icon-tile--md{--icon-size:1.375rem;border-radius:var(--radius-md);width:2.75rem;height:2.75rem}.icon-tile--lg{--icon-size:2rem;border-radius:var(--radius-lg);width:4.5rem;height:4.5rem}.icon-tile--lg.icon-tile--solid{box-shadow:var(--shadow-primary), inset 0 1px 0 color-mix(in srgb, var(--color-surface) 45%, transparent)}