@layer components{.flex-root .fx-listing{transition:transform .26s cubic-bezier(.34, 1.35, .64, 1), border-color var(--fx-dur-ui) ease, box-shadow var(--fx-dur-ui) ease}.flex-root .fx-listing .fx-dotlink:after{transition:opacity .18s var(--fx-ease-out), transform .26s cubic-bezier(.34, 1.35, .64, 1);background:currentColor;transform:translate(-4px)}@media (hover:hover) and (pointer:fine){.flex-root a.fx-listing:hover{border-color:color-mix(in srgb, var(--k1,var(--fx-petrol)) 40%, #fff);box-shadow:var(--fx-shadow);transform:translateY(-2px)}.flex-root a.fx-listing:hover .fx-dotlink:after{opacity:1;transform:translate(0)}}.flex-root a.fx-listing:focus-visible .fx-dotlink:after{opacity:1;transform:translate(0)}.flex-root a.fx-listing:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){.flex-root .fx-listing{transition:border-color var(--fx-dur-ui) ease, box-shadow var(--fx-dur-ui) ease}.flex-root a.fx-listing:hover,.flex-root a.fx-listing:active{transform:none}.flex-root .fx-listing .fx-dotlink:after{transition:opacity .15s;transform:none}}}