[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]{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=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__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}