.lit-list{--lit-ease:cubic-bezier(.76, 0, .24, 1)}.lit-row{transition:opacity .3s;position:relative}.lit-dot{background:var(--color-signal);width:.5rem;height:.5rem;transition:transform .35s var(--lit-ease);border-radius:9999px;flex:none;display:inline-block;transform:scale(0)}.lit-arrow{transition:transform .4s var(--lit-ease);display:inline-block}.lit-stretch:after{content:"";position:absolute;inset:0}.lit-stretch:focus-visible{outline:none}.lit-row:has(.lit-stretch:focus-visible){outline-offset:-2px;outline:2px solid}@media (hover:hover) and (pointer:fine){.lit-row{cursor:pointer}.lit-roll{display:block;overflow:hidden}.lit-roll-a{white-space:nowrap;transition:transform .5s var(--lit-ease);display:block;position:relative}.lit-roll-a:after{content:attr(data-text);content:attr(data-text) / "";color:var(--color-signal);position:absolute;top:100%;left:0;right:0}.lit-row:is(:hover,:has(:focus-visible)) .lit-dot{transform:scale(1)}.lit-row:is(:hover,:has(:focus-visible)) .lit-roll-a{transform:translateY(-100%)}.lit-row:is(:hover,:has(:focus-visible)) .lit-arrow{transform:translate(.25em,-.25em)}.lit-row:is(:hover,:has(:focus-visible)) .lit-media :is(img,video){filter:none}.lit-list:has(.lit-row:is(:hover,:has(:focus-visible))) .lit-row:not(:is(:hover,:has(:focus-visible))){opacity:.4}}@media (prefers-reduced-motion:reduce){.lit-row,.lit-dot,.lit-arrow,.lit-roll-a{transition-duration:0s!important}.lit-roll-a:after{display:none}.lit-row:is(:hover,:has(:focus-visible)) .lit-roll-a{color:var(--color-signal);transform:none}}
