[data-public-root] .icon-tile{box-sizing:border-box;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-public-root] .icon-tile[data-accent=primary]{color:var(--color-accent)}[data-public-root] .icon-tile[data-accent=brand],[data-public-root] .icon-tile[data-accent=purple]{color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-accent=magenta]{color:var(--color-accent-magenta)}[data-public-root] .icon-tile[data-accent=success]{color:var(--color-success)}[data-public-root] .icon-tile[data-accent=warning]{color:var(--color-warning)}[data-public-root] .icon-tile[data-accent=danger]{color:var(--color-danger)}[data-public-root] .icon-tile[data-inverse=true],[data-public-root] .icon-tile[data-glass=dark]{color:var(--color-fg-inverse)}[data-public-root] .icon-tile[data-surface=none]{width:var(--size-icon);height:var(--size-icon);box-shadow:none;background:0 0;border:none;padding:0}[data-public-root] .icon-tile[data-surface=glass]{width:auto;height:auto;box-shadow:none;background:0 0;border:none;padding:0;position:relative;overflow:visible}[data-public-root] .icon-tile[data-surface=glass][data-glass=light]{--glass-fill:var(--glass-fill-light);--glass-border:var(--glass-border-light);--glass-inset-highlight:var(--glass-inset-light)}[data-public-root] .icon-tile[data-surface=glass][data-glass=dark]{--glass-fill:var(--glass-fill-dark);--glass-border:var(--glass-border-dark);--glass-inset-highlight:var(--glass-inset-dark)}[data-public-root] .icon-tile__underlay{z-index:0;border-radius:inherit;pointer-events:none;filter:blur(8px);opacity:.48;position:absolute;inset:22% 14% -2%}[data-public-root] .icon-tile[data-glass=light] .icon-tile__underlay{background:var(--gradient-underlay-primary);opacity:.7;filter:blur(8px)}[data-public-root] .icon-tile[data-glass=light][data-accent=brand] .icon-tile__underlay{background:var(--gradient-surface-brand)}[data-public-root] .icon-tile[data-glass=light][data-accent=purple] .icon-tile__underlay{background:var(--gradient-underlay-purple)}[data-public-root] .icon-tile[data-glass=light][data-accent=magenta] .icon-tile__underlay{background:var(--gradient-underlay-magenta)}[data-public-root] .icon-tile[data-glass=light][data-accent=success] .icon-tile__underlay{background:var(--gradient-underlay-success)}[data-public-root] .icon-tile[data-glass=light][data-accent=warning] .icon-tile__underlay{background:var(--gradient-underlay-warning)}[data-public-root] .icon-tile[data-glass=light][data-accent=danger] .icon-tile__underlay{background:var(--gradient-underlay-danger)}[data-public-root] .icon-tile[data-glass=dark] .icon-tile__underlay{background:color-mix(in srgb, var(--prv-palette-white) 28%, transparent);opacity:.28;filter:blur(6px)}[data-public-root] .icon-tile[data-surface=soft]{width:var(--size-icon-tile);height:var(--size-icon-tile);background-image:var(--gradient-soft-primary);background-color:var(--color-accent);box-shadow:none;color:var(--color-fg-inverse);border:none;padding:0;position:relative;overflow:hidden}[data-public-root] .icon-tile[data-surface=soft][data-accent=brand]{background-image:var(--gradient-surface-brand);background-color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-surface=soft][data-accent=purple]{background-image:var(--gradient-soft-purple);background-color:var(--color-accent-purple)}[data-public-root] .icon-tile[data-surface=soft][data-accent=magenta]{background-image:var(--gradient-soft-magenta);background-color:var(--color-accent-magenta)}[data-public-root] .icon-tile[data-surface=soft][data-accent=success]{background-image:var(--gradient-soft-success);background-color:var(--color-success)}[data-public-root] .icon-tile[data-surface=soft][data-accent=warning]{background-image:var(--gradient-soft-warning);background-color:var(--color-warning)}[data-public-root] .icon-tile[data-surface=soft][data-accent=danger]{background-image:var(--gradient-soft-danger);background-color:var(--color-danger)}[data-public-root] .icon-tile[data-surface=soft][data-shape=rounded]{border-radius:var(--prv-radius-16)}[data-public-root] .icon-tile[data-surface=soft][data-shape=circle]{border-radius:var(--radius-pill)}[data-public-root] .icon-tile[data-surface=soft] .icon-tile__glyph{width:var(--size-icon-tile-glyph);height:var(--size-icon-tile-glyph)}[data-public-root] .icon-tile[data-surface=soft] .icon-tile__glyph>svg{-webkit-mask-image:var(--gradient-glyph-sheen);-webkit-mask-image:var(--gradient-glyph-sheen);mask-image:var(--gradient-glyph-sheen);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-public-root] .icon-tile__glass{box-sizing:border-box;z-index:1;border:1px solid var(--glass-border);background-color:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur-frost));box-shadow:var(--glass-inset-highlight);justify-content:center;align-items:center;display:inline-flex;position:relative}[data-public-root] .icon-tile[data-shape=rounded]{border-radius:var(--radius-md)}[data-public-root] .icon-tile[data-shape=rounded] .icon-tile__glass{border-radius:var(--radius-md);padding:var(--space-inset-sm)}[data-public-root] .icon-tile[data-shape=rounded] .icon-tile__underlay{border-radius:var(--radius-md)}[data-public-root] .icon-tile[data-shape=circle]{border-radius:var(--radius-pill)}[data-public-root] .icon-tile[data-shape=circle] .icon-tile__glass{border-radius:var(--radius-pill);padding:var(--space-gap-md)}[data-public-root] .icon-tile[data-shape=circle] .icon-tile__underlay{border-radius:var(--radius-pill)}[data-public-root] .icon-tile[data-glass=dark] .icon-tile__glass{box-shadow:var(--shadow-media-inverse), var(--glass-inset-highlight)}[data-public-root] .icon-tile__glyph{width:var(--size-icon);height:var(--size-icon);justify-content:center;align-items:center;display:flex}[data-public-root] .icon-tile__glyph>svg,[data-public-root] .icon-tile[data-surface=none]>svg{width:100%;height:100%;display:block}[data-public-root] .icon-tile[data-glyph=stroke] .icon-tile__glyph>svg,[data-public-root] .icon-tile[data-glyph=stroke][data-surface=none]>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}[data-public-root] .icon-tile[data-glyph=filled] .icon-tile__glyph>svg,[data-public-root] .icon-tile[data-glyph=filled][data-surface=none]>svg{fill:currentColor;stroke:none}