.topic-icon{color:color-mix(in srgb, var(--tone) 82%, #0b1430);background:linear-gradient(160deg, #fffffff2 0%, #ffffff59 55%), color-mix(in srgb, var(--tone) 16%, #fff);box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px color-mix(in srgb, var(--tone) 26%, transparent), 0 1px 2px #101a400f, 0 6px 14px -8px color-mix(in srgb, var(--tone) 70%, transparent);transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);flex:none;place-items:center;display:inline-grid;position:relative}.topic-icon:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-bottom-right-radius:40% 30%;border-bottom-left-radius:40% 30%;position:absolute;inset:1px 1px 50%}.topic-icon svg{z-index:1;position:relative}.topic-icon--xs{border-radius:8px;width:26px;height:26px}.topic-icon--sm{border-radius:10px;width:34px;height:34px}.topic-icon--md{border-radius:14px;width:48px;height:48px}.topic-icon--lg{border-radius:18px;width:60px;height:60px}.surface-night .topic-icon,.surface-night-2 .topic-icon{color:color-mix(in srgb, var(--tone) 60%, #fff);background:linear-gradient(160deg, #fff3 0%, #ffffff0a 60%), color-mix(in srgb, var(--tone) 22%, transparent);box-shadow:inset 0 1px 0 #ffffff59, inset 0 0 0 1px color-mix(in srgb, var(--tone) 45%, transparent), 0 8px 22px -10px color-mix(in srgb, var(--tone) 90%, transparent)}.surface-night .topic-icon:after,.surface-night-2 .topic-icon:after{background:linear-gradient(#ffffff38,#fff0)}a:hover .topic-icon,.is-lift:hover .topic-icon{transform:translateY(-2px)}@media (prefers-reduced-transparency:reduce){.topic-icon:after{display:none}}