.f-topic{transition:background-color .3s ease-out,border-radius .3s ease-out}.f-topic.-tooltip-shown .f-topic__content{--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1));border-top-right-radius:0}.f-topic.-tooltip-shown .f-topic__tooltip{opacity:1;pointer-events:auto}@media (hover:hover){.f-topic:not(.-is-empty):not(.-tooltip-closed):hover .f-topic__content{--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1));border-top-right-radius:0}.f-topic:not(.-is-empty):not(.-tooltip-closed):hover .f-topic__tooltip{opacity:1;pointer-events:auto}}.f-topic:not(.-is-empty):not(.-tooltip-closed):focus-visible .f-topic__content{--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1));border-top-right-radius:0}.f-topic:not(.-is-empty):not(.-tooltip-closed):focus-visible .f-topic__tooltip{opacity:1;pointer-events:auto}.f-topic:not(.-is-empty):not(.-tooltip-closed):focus-visible .f-topic__content,.f-topic:not(.-is-empty):not(.-tooltip-closed)>span:focus-visible .f-topic__content{--tw-bg-opacity:1;background-color:rgb(195 192 220/var(--tw-bg-opacity,1));border-top-right-radius:0}.f-topic:not(.-is-empty):not(.-tooltip-closed):focus-visible .f-topic__tooltip,.f-topic:not(.-is-empty):not(.-tooltip-closed)>span:focus-visible .f-topic__tooltip{opacity:1;pointer-events:auto}.f-topic__content{transition:background-color .3s ease-out,border-radius .3s ease-out}.f-topic__tooltip{transform:translate(calc(-50% + var(--tooltip-offset, 0px)));transition:opacity .3s ease-out}.f-topic__tooltip:after{border-left:.8rem solid transparent;border-right:.8rem solid transparent;border-top:.6rem solid #c3c0dc;bottom:-.6rem;content:"";height:0;left:50%;position:absolute;transform:translate(calc(-50% - var(--tooltip-offset, 0px)));width:0}.f-topic__tooltip:before{background-color:transparent;bottom:-.6rem;content:"";display:block;height:.6rem;left:0;position:absolute;width:100%}