@property --fx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes fx-spin{to{--fx-angle:360deg}}.fx-arrow-fill{--af-ease:cubic-bezier(.65, 0, .35, 1);--af-dur:.5s;--af-y:calc((100% - var(--af-size)) / 2);--af-full:inset(0 round var(--radius-lg))}.fx-arrow-fill[data-arrow=end]{--af-size:30px;--af-rest:inset(var(--af-y) 10px var(--af-y) calc(100% - 10px - var(--af-size)) round calc(var(--af-size) / 2))}.fx-arrow-fill[data-arrow=start]{--af-size:var(--box-size);--af-rest:inset(var(--af-y) calc(100% - var(--box-gap) - var(--af-size)) var(--af-y) var(--box-gap) round var(--radius-md))}.fx-arrow-fill .fx-af-layer{clip-path:var(--af-rest)}.fx-arrow-fill:is(:hover,:focus-visible) .fx-af-layer{clip-path:var(--af-full)}.fx-arrow-fill .fx-af-in{translate:-16px;scale:0}.fx-arrow-fill:is(:hover,:focus-visible) .fx-af-out{translate:16px;scale:0}.fx-arrow-fill:is(:hover,:focus-visible) .fx-af-in{translate:0;scale:1}.fx-outline-fill:before{content:"";z-index:-1;background:var(--of-fill);transform-origin:bottom;pointer-events:none;position:absolute;inset:0;scale:1 0}.fx-outline-fill:is(:hover,:focus-visible):before{scale:1}.fx-outline-fill:is(:hover,:focus-visible){color:var(--of-ink);border-color:var(--of-fill)}.fx-moving-border:before,.fx-hover-border:before{content:"";border-radius:calc(var(--radius-lg) + 2px);background:conic-gradient(from var(--fx-angle), transparent 0 62%, var(--lime-bright) 78%, #fff 84%, var(--lime-bright) 90%, transparent 100%);pointer-events:none;padding:2px;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.fx-hover-border:before{opacity:0}.fx-hover-border:is(:hover,:focus-visible):before{opacity:1}@media (prefers-reduced-motion:no-preference){.fx-arrow-fill .fx-af-layer{will-change:clip-path;transition:clip-path var(--af-dur) var(--af-ease)}.fx-arrow-fill .fx-af-out,.fx-arrow-fill .fx-af-in{transition:translate var(--af-dur) var(--af-ease), scale var(--af-dur) var(--af-ease)}.fx-outline-fill:before{transition:scale .4s var(--ease-brand)}.fx-moving-border:before{animation:3.2s linear infinite fx-spin}.fx-hover-border:before{transition:opacity .3s;animation:1.6s linear infinite paused fx-spin}.fx-hover-border:is(:hover,:focus-visible):before{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.fx-moving-border:before{--fx-angle:200deg}}