.topic-v1{--disc-size:3.125rem;align-items:center;display:flex;flex:0 0 calc(var(--disc-size)*1.5);flex-direction:column;font-size:.75rem;justify-content:center;text-align:center;text-decoration:none;width:calc(var(--disc-size)*1.5)}.bg-primary-background .topic-v1{padding-bottom:.5rem;padding-top:.5rem}@media (min-width:600px){.topic-v1{--disc-size:4.5rem;font-size:1rem}}@media (any-hover:hover){.topic-v1:hover .topic-v1__bubble:before,.topic-v1:hover .topic-v1__image{opacity:1}}.topic-v1--active .topic-v1__bubble:before,.topic-v1--active .topic-v1__image{opacity:1}.topic-v1__bubble{background:var(--bg,var(--v-theme-primary));border-radius:50%;height:var(--disc-size);overflow:hidden;position:relative;width:var(--disc-size)}.topic-v1__bubble:before{background:linear-gradient(to bottom,rgb(var(--v-theme-secondary)),rgb(var(--v-theme-primary)));content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .5s}.topic-v1__image{border-radius:50%;height:calc(var(--disc-size) - .5rem);margin:.25rem;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s;width:calc(var(--disc-size) - .5rem)}