.ab{--ab-pad-y: 16px;--ab-pad-x: 34px;--ab-fs: 13px;--ab-mark: 13px;--ab-gap: 14px;--ab-bg: transparent;--ab-fg: #e6e7e8;--ab-bd: transparent;--ab-mk: currentColor;--ab-bg-h: var(--ab-bg);--ab-fg-h: var(--ab-fg);--ab-panel: transparent;--ab-ease: cubic-bezier(.16, 1, .3, 1);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:var(--ab-gap);padding:var(--ab-pad-y) var(--ab-pad-x);background:var(--ab-bg);color:var(--ab-fg);border:1px solid var(--ab-bd);border-radius:0;cursor:pointer;text-decoration:none;white-space:nowrap;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:var(--ab-fs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;line-height:1;transition:background-color .3s var(--ab-ease),color .3s var(--ab-ease),border-color .3s var(--ab-ease),transform .3s var(--ab-ease)}.ab--s{--ab-pad-y: 12px;--ab-pad-x: 24px;--ab-fs: 11px;--ab-mark: 11px;--ab-gap: 11px}.ab--l{--ab-pad-y: 21px;--ab-pad-x: 46px;--ab-fs: 15px;--ab-mark: 17px;--ab-gap: 18px}.ab.o-mono{font-family:Geist Mono,ui-monospace,Menlo,monospace;font-size:calc(var(--ab-fs) - 3px);letter-spacing:.18em}.ab-lbl{position:relative;display:inline-block}.ab-mk{height:var(--ab-mark);width:auto;display:block;flex:none;color:var(--ab-mk);transform:translate(calc(var(--mk-x, 0px) * var(--mk-dir, 1))) scaleX(var(--mk-flip, -1));transition:transform .45s var(--ab-ease),color .3s var(--ab-ease)}.ab-mk path{fill:currentColor}.ab-travel{position:relative;overflow:hidden;width:calc(var(--ab-mark) * 2.2);height:var(--ab-mark);flex:none;display:block}.ab-travel .ab-mk{position:absolute;top:0;left:0}.ab-travel .ab-mk.one{transform:translate(var(--t1, 0)) scaleX(var(--mk-flip, -1))}.ab-travel .ab-mk.two{transform:translate(var(--t2, -160%)) scaleX(var(--mk-flip, -1))}.ab-wipe{position:absolute;inset:0;z-index:-1;background:var(--ab-panel);clip-path:inset(0 100% 0 0);transition:clip-path .55s var(--ab-ease)}.ab--act{--ab-bg: #8fb4d8;--ab-fg: #050505;--ab-mk: #050505;--ab-bg-h: #a3c4e2}.ab--open{--ab-fg: #8fb4d8;--ab-mk: #8fb4d8;--ab-bd: rgba(143, 180, 216, .4);--ab-panel: #8fb4d8;--ab-fg-h: #050505}.ab--edge{--ab-fg: #e6e7e8;--ab-mk: #e6e7e8;--ab-bd: rgba(255, 255, 255, .22);--ab-panel: #e6e7e8;--ab-fg-h: #050505}.ab--line{--ab-fg: #e6e7e8;--ab-mk: #8fb4d8;padding-inline:0}.on-light .ab--act{--ab-bg: #8fb4d8;--ab-fg: #050505;--ab-mk: #050505;--ab-bg-h: #a3c4e2}.on-light .ab--open{--ab-fg: #2f6ea8;--ab-mk: #2f6ea8;--ab-bd: rgba(47, 110, 168, .45);--ab-panel: #2f6ea8;--ab-fg-h: #e6e7e8}.on-light .ab--edge{--ab-fg: #050505;--ab-mk: #050505;--ab-bd: rgba(5, 5, 5, .25);--ab-panel: #050505;--ab-fg-h: #e6e7e8}.on-light .ab--line{--ab-fg: #050505;--ab-mk: #2f6ea8}.ab.o-key{--ab-bd: rgba(5, 5, 5, .55)}.ab.o-block{display:flex;width:100%}.ab.o-back{--mk-flip: 1;--mk-dir: -1;--t2: 160%}.ab.o-back .ab-wipe{clip-path:inset(0 0 0 100%)}.ab.m-slide:hover{background:var(--ab-bg-h);--mk-x: 6px}.ab.o-back.m-wipe:hover .ab-wipe{clip-path:inset(0 0 0 0)}.ab.m-travel:hover{background:var(--ab-bg-h);--t1: 200%;--t2: 0%}.ab.o-back.m-travel:hover{--t1: -200%;--t2: 0%}.ab.m-wipe:hover .ab-wipe{clip-path:inset(0 0 0 0)}.ab.m-wipe:hover{color:var(--ab-fg-h);--ab-mk: var(--ab-fg-h);--mk-x: 6px}.ab--open.m-wipe:hover{border-color:#8fb4d8}.ab--edge.m-wipe:hover{border-color:#e6e7e8}.on-light .ab--open.m-wipe:hover{border-color:#2f6ea8}.on-light .ab--edge.m-wipe:hover{border-color:#050505}.ab.m-rule-lbl .ab-lbl:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ab-ease)}.ab.m-rule-lbl:hover .ab-lbl:after{transform:scaleX(1)}.ab.m-rule-lbl:hover{--mk-x: 6px}.ab:focus-visible{outline:1px solid #8fb4d8;outline-offset:3px;border-radius:0}.on-light .ab:focus-visible{outline-color:#2f6ea8}.ab.is-pending{pointer-events:none}.ab.is-pending .ab-mk.one{animation:ab-ferry 1.5s linear infinite}.ab.is-pending .ab-mk.two{animation:ab-ferry 1.5s linear infinite;animation-delay:-.75s}@keyframes ab-ferry{0%{transform:translate(-160%) scaleX(-1)}to{transform:translate(200%) scaleX(-1)}}.ab.o-back.is-pending .ab-mk{animation-name:ab-ferry-back}@keyframes ab-ferry-back{0%{transform:translate(160%) scaleX(1)}to{transform:translate(-200%) scaleX(1)}}.ab.is-disabled,.ab:disabled{opacity:.32;pointer-events:none}@media(prefers-reduced-motion:reduce){.ab,.ab-mk,.ab-wipe,.ab-lbl:after{transition-duration:.01ms}.ab.is-pending .ab-mk{animation-duration:3s}}