@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}}}