.mode-cycle{--mode-cycle-gap:1.35rem;grid-template-columns:repeat(var(--mode-cycle-count,5), minmax(0, 1fr));gap:0 var(--mode-cycle-gap);align-items:start;display:grid}.mode-cycle__tab{appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.mode-cycle__tab:focus-visible{outline-offset:4px;outline:2px solid #f4f6f98c}.mode-cycle__title{font-family:var(--site-display);letter-spacing:-.02em;white-space:nowrap;color:#f4f6f97a;margin:0 0 .55rem;font-size:clamp(1.05rem,1.6vw,1.25rem);font-weight:400;line-height:1.15;transition:color .28s;display:block}.mode-cycle__tab.is-active .mode-cycle__title{color:#f4f6f9}.mode-cycle__meter{background:#f4f6f92e;height:2px;display:block;overflow:hidden}.mode-cycle__fill{transform-origin:0;will-change:transform;background:#f4f6f9;width:100%;height:100%;display:block;transform:scaleX(0)}.mode-cycle--reduce .mode-cycle__tab.is-active .mode-cycle__fill{transform:scaleX(1)}.mode-cycle__panel{padding-inline:calc((100% - 3 * var(--mode-cycle-gap)) / 8);grid-column:1/-1;margin-top:calc(1.15rem + .5lh);display:grid}.mode-cycle__body{visibility:hidden;pointer-events:none;grid-area:1/1}.mode-cycle__body.is-active{visibility:visible;pointer-events:auto}.mode-cycle__copy{color:#f4f6f9db;max-width:none;margin:0}.mode-cycle__ideal{max-width:none;font-family:var(--site-display);letter-spacing:-.01em;color:#838589;margin:.7rem 0 0;font-size:.95em;font-weight:200;line-height:1.45}@media (width<=48rem){.mode-cycle{--mode-cycle-gap:.7rem}.mode-cycle__title{letter-spacing:-.03em;margin-bottom:.4rem;font-size:clamp(.72rem,2.8vw,.95rem)}}@media (width<=40rem){.mode-cycle{--mode-cycle-gap:.4rem}.mode-cycle__title{margin-bottom:.3rem;font-size:clamp(.62rem,2.6vw,.78rem)}.mode-cycle__panel{margin-top:calc(.95rem + .5lh)}}@media (prefers-reduced-motion:reduce){.mode-cycle__title{transition:none}}.mode-cycle__cta{margin:1.25rem 0 0}
