.icon-tile{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-tile[data-size=sm]{block-size:var(--size-control-height-sm);inline-size:var(--size-control-height-sm);border-radius:var(--radius-control-compact);background:color-mix(in srgb, var(--color-primary) 10%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 12%, transparent)}.icon-tile[data-size=md]{block-size:var(--size-control-height-lg);inline-size:var(--size-control-height-lg);border-radius:var(--radius-field);background:color-mix(in srgb, var(--color-primary) 12%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 15%, transparent)}.icon-tile[data-size=lg]{block-size:var(--size-avatar);inline-size:var(--size-avatar);border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-primary) 12%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 15%, transparent)}.icon-tile[data-size=hero]{block-size:var(--size-tile-lg);inline-size:var(--size-tile-lg);border-radius:var(--radius-panel);background:color-mix(in srgb, var(--color-primary) 15%, transparent)}.icon-tile[data-size=display],.icon-tile[data-size=display-lg],.icon-tile[data-size=display-xl]{isolation:isolate;border-radius:var(--radius-pill);background:linear-gradient(to bottom right, color-mix(in srgb, var(--color-primary) 10%, transparent), color-mix(in srgb, var(--color-primary) 5%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--color-border) 50%, transparent);position:relative}.icon-tile[data-size=display]:before,.icon-tile[data-size=display-lg]:before,.icon-tile[data-size=display-xl]:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(to bottom right, color-mix(in srgb, var(--color-primary) 20%, transparent), color-mix(in srgb, var(--color-primary) 5%, transparent));filter:var(--elevation-vivid-glow-blur);position:absolute;inset:0}.icon-tile[data-size=display]{block-size:var(--size-tile-display);inline-size:var(--size-tile-display)}.icon-tile[data-size=display-lg]{block-size:var(--size-tile-display-lg);inline-size:var(--size-tile-display-lg)}.icon-tile[data-size=display-xl]{block-size:var(--size-tile-display-xl);inline-size:var(--size-tile-display-xl)}.icon-tile[data-tone=danger]{background:var(--color-danger-veil);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger) 20%, transparent);color:var(--color-danger)}.icon-tile[data-shape=circle]{border-radius:var(--radius-pill)}.icon-tile[data-surface=muted]{background:var(--color-muted);box-shadow:none}.icon-tile[data-surface=muted]:before{content:none}.icon-tile[data-tone=muted]{color:var(--color-text-muted)}.icon-tile[data-surface=muted][data-tone=primary]{color:color-mix(in srgb, var(--color-primary) 60%, transparent)}.icon-tile[data-surface=muted][data-size=display-lg]{background:color-mix(in srgb, var(--color-muted) 30%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-border) 40%, transparent)}.icon-tile[data-surface=muted][data-size=display-lg][data-tone=muted]{color:color-mix(in srgb, var(--color-text-muted) 50%, transparent)}