.basar-formats{--formats-canvas:var(--brand-forest-shade);--formats-foreground:var(--brand-on-forest);--formats-active:#2abd83;isolation:isolate;background:var(--formats-canvas);color:var(--formats-foreground);border-block:1px solid #ffffff14;position:relative}.basar-formats:before{content:"";z-index:-1;background:radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--formats-foreground) 8%, transparent), transparent 23rem), linear-gradient(90deg, #ffffff07 1px, transparent 1px);pointer-events:none;background-size:auto,96px 100%;position:absolute;inset:0}.basar-formats__inner{grid-template-columns:minmax(290px,.76fr) minmax(0,1.8fr);align-items:center;gap:clamp(44px,5vw,80px);width:min(100% - 40px,1280px);margin-inline:auto;padding-block:clamp(64px,7vw,96px);display:grid}.basar-formats__intro p{color:var(--kicker-color-on-dark);font-family:var(--kicker-font);font-size:calc(.75rem * var(--kicker-scale));font-style:var(--kicker-style);font-weight:var(--kicker-weight);font-variation-settings:var(--kicker-axes);letter-spacing:var(--kicker-tracking);text-transform:var(--kicker-case);margin:0 0 14px}.basar-formats__intro h2{max-width:13ch;font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,3vw,3.25rem);font-weight:600;line-height:1.02}.basar-formats__intro>span{max-width:34ch;color:color-mix(in srgb, var(--formats-foreground) 68%, transparent);letter-spacing:.006em;text-wrap:pretty;margin-top:20px;font-size:1rem;font-weight:500;line-height:1.58;display:block}.basar-formats__rail{padding-top:30px;position:relative}.basar-formats__rail:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--formats-foreground) 18%, transparent), color-mix(in srgb, var(--formats-active) 72%, transparent) 62%, color-mix(in srgb, var(--formats-active) 52%, transparent) 79%, transparent 100%);height:1px;position:absolute;top:4px;left:0;right:0}.basar-formats__rail ul{z-index:1;grid-template-columns:1.14fr 1fr 1.08fr 1fr .82fr;margin:0;padding:0;list-style:none;display:grid;position:relative}.basar-formats__rail li{border-left:1px solid color-mix(in srgb, var(--formats-foreground) 13%, transparent);min-width:0;padding:22px clamp(12px,1.35vw,20px) 0;position:relative}.basar-formats__point{border:1px solid color-mix(in srgb, var(--formats-foreground) 66%, transparent);background:var(--formats-canvas);width:9px;height:9px;box-shadow:0 0 0 4px var(--formats-canvas);opacity:.76;border-radius:50%;transition:border-color .48s cubic-bezier(.16,1,.3,1),background-color .48s cubic-bezier(.16,1,.3,1),box-shadow .52s cubic-bezier(.16,1,.3,1),opacity .42s,transform .52s cubic-bezier(.16,1,.3,1);position:absolute;top:-30px;left:-5px;transform:scale(.88)}.basar-formats__rail strong,.basar-formats__detail{display:block}.basar-formats__rail strong{max-width:15ch;min-height:1.3em;color:color-mix(in srgb, var(--formats-foreground) 72%, transparent);letter-spacing:-.01em;text-wrap:balance;white-space:nowrap;align-items:flex-start;font-size:1rem;font-weight:700;line-height:1.3;transition:color .48s cubic-bezier(.16,1,.3,1);display:flex}.basar-formats__detail{max-width:22ch;color:color-mix(in srgb, var(--formats-foreground) 70%, transparent);letter-spacing:.012em;margin-top:9px;font-size:.8125rem;font-weight:500;line-height:1.55;transition:color .48s cubic-bezier(.16,1,.3,1)}.basar-formats__rail li[data-custom=true]{border-left-color:color-mix(in srgb, var(--formats-active) 44%, transparent)}.basar-formats__rail li[data-custom=true] .basar-formats__point{border-color:var(--formats-active);width:11px;height:11px;top:-31px;left:-6px}.basar-formats__rail li[data-custom=true] .basar-formats__detail{color:color-mix(in srgb, var(--formats-foreground) 70%, transparent)}.basar-formats__rail li[data-active=true] .basar-formats__point{border-color:var(--formats-active);background:var(--formats-active);box-shadow:0 0 0 4px var(--formats-canvas), 0 2px 18px color-mix(in srgb, var(--formats-active) 54%, transparent);opacity:1;transform:scale(1)}.basar-formats__rail li[data-active=true] strong{color:var(--formats-foreground)}.basar-formats__rail li[data-active=true] .basar-formats__detail{color:color-mix(in srgb, var(--formats-foreground) 82%, transparent)}@media (max-width:73.749rem){.basar-formats__inner{grid-template-columns:1fr;gap:56px}.basar-formats__intro h2{max-width:15ch}}@media (max-width:47.5rem){.basar-formats__inner{gap:42px;width:min(100% - 40px,1280px);padding-block:60px 68px}.basar-formats__intro p{font-size:calc(.6875rem * var(--kicker-scale));margin-bottom:12px}.basar-formats__intro h2{max-width:13ch;font-size:clamp(2.25rem,10vw,3rem)}.basar-formats__intro>span{max-width:32ch;margin-top:18px}.basar-formats__rail{padding:0 0 0 24px}.basar-formats__rail:before{background:linear-gradient(180deg, color-mix(in srgb, var(--formats-foreground) 18%, transparent), color-mix(in srgb, var(--formats-active) 72%, transparent) 62%, color-mix(in srgb, var(--formats-foreground) 18%, transparent));width:1px;height:auto;inset:0 auto 0 4px}.basar-formats__rail:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--formats-active) 42%, transparent), color-mix(in srgb, var(--formats-active) 88%, transparent) 58%, color-mix(in srgb, var(--formats-active) 58%, transparent));pointer-events:none;transform-origin:top;width:1px;position:absolute;top:0;bottom:0;left:4px;transform:scaleY(0)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.basar-formats__rail:after{animation:linear both basar-formats-mobile-progress;animation-timeline:view(50%);animation-range:cover}}}.basar-formats__rail ul{grid-template-columns:1fr;gap:30px}.basar-formats__rail li{border-left:0;padding:0}.basar-formats__point{top:.35rem;left:-24px}.basar-formats__rail li[data-custom=true] .basar-formats__point{top:.28rem;left:-25px}.basar-formats__rail li[data-reached=true] .basar-formats__point{border-color:var(--formats-active);background:var(--formats-active);opacity:1;transform:scale(.94)}.basar-formats__rail li[data-active=true] .basar-formats__point{box-shadow:0 0 0 4px var(--formats-canvas), 0 2px 18px color-mix(in srgb, var(--formats-active) 54%, transparent);transform:scale(1)}.basar-formats__rail strong,.basar-formats__detail{max-width:none}.basar-formats__rail strong{white-space:normal;min-height:0;display:block}}@media (max-width:40rem){.basar-formats__inner{width:min(100% - 32px,1280px)}}@keyframes basar-formats-mobile-progress{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.basar-formats__rail:after{display:none}.basar-formats__point,.basar-formats__rail strong,.basar-formats__detail{transition:none}}