.sa{--ring:4px;--gap:5px;box-sizing:border-box;width:var(--sz,76px);height:var(--sz,76px);padding:var(--ring);background:var(--c);border-radius:50%;transition:background .3s;display:block}.sa-thin{--ring:2px;--gap:2px}.sa.seen{background:color-mix(in srgb, var(--creme) 34%, transparent)}.sa[data-tone=light].seen{background:color-mix(in srgb, var(--espresso) 34%, transparent)}.sa[data-tone=light] i{background:var(--creme)}.sa i{box-sizing:border-box;width:100%;height:100%;padding:var(--gap);background:var(--espresso);border-radius:50%;display:block}.sa canvas{border-radius:50%;width:100%;height:100%;display:block}