.glyph-tile.svelte-q0vcie{--glyph-tile-fill:var(--ds-glyph-tile-surface);--glyph-tile-ring-color:var(--ds-glyph-tile-ring);width:var(--glyph-tile-size);height:var(--glyph-tile-height);border-radius:var(--glyph-tile-radius);background:var(--glyph-tile-fill);box-shadow:0 0 0 1px var(--glyph-tile-ring-color), calc(var(--glyph-tile-size) * .046) calc(var(--glyph-tile-size) * .079) calc(var(--glyph-tile-size) * .211) calc(var(--glyph-tile-size) * -.059) color-mix(in oklab, var(--ds-glyph-tile-shadow-ink) 15%, transparent), calc(var(--glyph-tile-size) * .053) calc(var(--glyph-tile-size) * .197) calc(var(--glyph-tile-size) * .395) calc(var(--glyph-tile-size) * -.197) color-mix(in oklab, var(--ds-glyph-tile-shadow-ink) 26%, transparent);transition:transform var(--ds-duration-base) var(--ds-ease);flex:none;justify-content:center;align-items:center;display:flex}.glyph-tile[data-surface=white].svelte-q0vcie{--glyph-tile-fill:var(--ds-white)}.glyph-tile[data-surface=outline].svelte-q0vcie{--glyph-tile-fill:var(--ds-white);--glyph-tile-ring-color:var(--ds-glyph-tile-surface)}.glyph-tile[data-surface=solid].svelte-q0vcie{--glyph-tile-fill:var(--glyph-tile-solid);box-shadow:none}.glyph-tile.svelte-q0vcie svg{width:var(--glyph-tile-glyph);height:var(--glyph-tile-glyph)}@media (prefers-reduced-motion:reduce){.glyph-tile.svelte-q0vcie{transition:none}}