.fp-motion-tools{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 18px}.fp-motion-tools button{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--fp-line);border-radius:8px;background:#fff;color:var(--fp-muted);font:inherit;font-size:12px;cursor:pointer}.fp-motion-tools button:hover{color:var(--fp-ink);border-color:var(--fp-ink)}.fp-motion-tools strong{color:var(--fp-ink);font-weight:600}.fp-motion-number{display:none}.fp-motion[data-paused=true] .fp-tabs button.on:before{animation-play-state:paused}.fp-motion:not([data-style=original]) .fp-tabs{position:relative;grid-template-columns:repeat(6,minmax(0,1fr));background:transparent;border-radius:0;gap:0;margin-bottom:20px;border-bottom:1px solid var(--fp-line)}.fp-motion:not([data-style=original]) .fp-tabs button{z-index:1;min-height:64px;padding:16px 8px;border-radius:0;background:transparent;color:var(--fp-muted);font-size:15px;transition:color .24s ease}.fp-motion:not([data-style=original]) .fp-tabs button:hover,.fp-motion:not([data-style=original]) .fp-tabs button.on{background:transparent;color:var(--fp-ink)}.fp-motion:not([data-style=original]) .fp-tabs button.on:before{content:none}.fp-motion:not([data-style=original]) .fp-tabs:after{position:absolute;left:0;bottom:-1px;width:calc(100% / 6);height:2px;background:var(--fp-ink);transform:translate(calc(var(--active-tab) * 100%));transition:transform .48s cubic-bezier(.22,1,.36,1);content:""}.fp-motion[data-style=pill] .fp-tabs{padding:5px;border:1px solid var(--fp-line);border-radius:40px;background:var(--fp-fog)}.fp-motion[data-style=pill] .fp-tabs button{min-height:52px}.fp-motion[data-style=pill] .fp-tabs button.on{color:#fff}.fp-motion[data-style=pill] .fp-tabs:after{left:5px;top:5px;bottom:5px;width:calc((100% - 10px) / 6);height:auto;border-radius:32px;background:var(--fp-ink)}.fp-motion[data-style=index] .fp-tabs{gap:16px;border-bottom:none}.fp-motion[data-style=index] .fp-tabs:after{content:none}.fp-motion[data-style=index] .fp-tabs button{display:flex;flex-direction:column;gap:14px;align-items:flex-start;padding:14px 4px;border-top:1px solid var(--fp-line);text-align:left}.fp-motion[data-style=index] .fp-tabs button.on{border-top:2px solid var(--fp-ink);padding-top:13px}.fp-motion[data-style=index] .fp-motion-number{display:block;font-size:12px;font-variant-numeric:tabular-nums;opacity:.55}.fp-motion:not([data-style=original]) .fp-showcase-copy{animation:fp-copy-arrive .48s ease both}.fp-motion:not([data-style=original]) .fp-showcase-stage{animation:fp-image-arrive .62s cubic-bezier(.22,1,.36,1) both}.fp-motion[data-style=pill] .fp-showcase-stage{animation-name:fp-image-focus}.fp-motion[data-style=index] .fp-showcase-stage{animation-name:fp-image-rise}.fp-motion button:focus-visible{outline:2px solid var(--fp-ink);outline-offset:4px}@keyframes fp-copy-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fp-image-arrive{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes fp-image-focus{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fp-image-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.fp-motion:not([data-style=original]) .fp-tabs{grid-template-columns:repeat(6,minmax(115px,1fr));overflow-x:auto}.fp-motion:not([data-style=original]) .fp-tabs:after{width:max(calc(100% / 6),115px)}.fp-motion[data-style=pill] .fp-tabs{border-radius:12px}.fp-motion[data-style=pill] .fp-tabs:after{border-radius:8px}.fp-motion[data-style=index] .fp-tabs{gap:0}.fp-motion-tools{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.fp-motion .fp-tabs:after{transition:none}.fp-motion .fp-tabs button.on:before,.fp-motion .fp-showcase-copy,.fp-motion .fp-showcase-stage{animation:none!important}}.fp-motion{scroll-margin-top:100px}