.impact-tile{--tone:#b8a2ff;--size:64px;flex:none;display:inline-grid;place-content:center;justify-items:center;gap:calc(var(--size) * .065);width:var(--size);height:var(--size);border-radius:calc(var(--size) * .26);border:1.5px solid color-mix(in srgb,var(--tone) 46%,transparent);background:linear-gradient(180deg,#211d2d,#16131f);box-shadow:0 calc(var(--size) * .15) calc(var(--size) * .36) color-mix(in srgb,var(--tone) 16%,transparent),0 0 0 calc(var(--size) * .05) color-mix(in srgb,var(--tone) 5%,transparent),inset 0 1px 0 rgba(255,255,255,.05);font-family:inherit}.impact-tile strong{color:var(--tone);font-size:calc(var(--size) * .46);font-weight:850;line-height:.9;letter-spacing:-.045em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.impact-tile span{color:#c9c4d9;font-size:max(7px,calc(var(--size) * .115));font-weight:700;letter-spacing:.24em;line-height:1;text-transform:uppercase;padding-left:.24em;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace)}.impact-tile.is-lg{--size:78px}.impact-tile.is-md{--size:64px}.impact-tile.is-sm{--size:46px}.impact-tile.is-xs{--size:34px;border-width:1px}.impact-tile.is-xs strong{font-size:15px}.impact-tile.tier-major{--tone:#ff9a9e}.impact-tile.tier-high{--tone:#f2bc76}.impact-tile.tier-medium{--tone:#b8a2ff}.impact-tile.tier-low{--tone:#8f93a8}