.beta-timeline{--timeline-ink:#e8edf2;--timeline-muted:#9ba8b2;--timeline-line:#52616b;margin:0 auto;padding:1.5rem 0 3rem}.beta-timeline-kicker{color:#f0a35b;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.7rem;font-weight:700}.beta-timeline-heading h2{color:var(--timeline-ink);margin:0;font-size:clamp(1.5rem,3vw,2.1rem)}.beta-timeline-legend{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0 auto 1rem;display:flex}.beta-timeline-legend-item{color:var(--timeline-muted);align-items:center;gap:.4rem;font-size:1rem;display:inline-flex}.beta-timeline-swatch{border:5px solid;border-radius:50%;width:1rem;height:1rem}.beta-timeline-scroll{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;padding:7rem 0;overflow-x:auto}.beta-timeline-scroll::-webkit-scrollbar{display:none}.beta-timeline-scrollbar{pointer-events:none;background:#2a353c;border-radius:999px;height:.45rem;margin:.7rem 0 0;position:relative}.beta-timeline-scrollbar-thumb{border-radius:inherit;background:#f0a35b;min-width:1.5rem;height:100%;position:absolute}.beta-timeline-scroll:active{cursor:grabbing}.beta-timeline-track{width:100%;min-width:90rem;height:25rem;position:relative}.beta-timeline-axis{background:var(--timeline-line);height:4px;position:absolute;top:50%;left:0;right:0}.beta-timeline-event{text-align:center;width:15rem;height:25rem;margin-left:-7.5rem;position:absolute;top:0;transform:none}.beta-timeline-event--start{margin-left:0}.beta-timeline-event--end{margin-left:-7.5rem}.beta-timeline-lane{flex-direction:column;align-items:center;gap:.45rem;width:100%;display:flex;position:absolute;left:0}.beta-timeline-lane:before{background:var(--timeline-line);content:"";z-index:0;width:2px;position:absolute;left:50%;transform:translate(-50%)}.beta-timeline-event--above .beta-timeline-lane{bottom:calc(50% + .85rem + var(--lane-offset,0rem))}.beta-timeline-event--above .beta-timeline-lane:before{bottom:calc(-.85rem - var(--lane-offset,0rem));top:50%}.beta-timeline-event--below .beta-timeline-lane{top:calc(50% + .85rem + var(--lane-offset,0rem))}.beta-timeline-event--below .beta-timeline-lane:before{bottom:50%;top:calc(-.85rem - var(--lane-offset,0rem))}.beta-timeline-card{color:var(--timeline-ink);z-index:3;background:#161819;border:2px solid;border-radius:.45rem;width:max-content;min-width:9.5rem;margin:0 .35rem;padding:.75rem .65rem;transition:border-color .16s,transform .16s;position:relative}.beta-timeline-card:hover,.beta-timeline-card:focus-visible{z-index:4;border-color:#fff;outline:none;transform:scale(1.05)}.beta-timeline-card-overlay{color:var(--timeline-ink);opacity:0;pointer-events:none;white-space:nowrap;z-index:5;background:#161819;border:1px solid #fff;border-radius:.25rem;flex-direction:column;gap:.25rem;min-width:max-content;padding:.55rem .65rem;font-size:.9rem;transition:opacity .16s,transform .16s;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,-.35rem)}.beta-timeline-card:hover .beta-timeline-card-overlay,.beta-timeline-card:focus-visible .beta-timeline-card-overlay{opacity:1;transform:translate(-50%)}.beta-timeline-card h3{white-space:nowrap;margin:0;font-size:1rem;font-weight:700;line-height:1.25;overflow:hidden}.beta-timeline-date{color:var(--timeline-muted);z-index:2;padding:0 .15rem;font-size:.9rem;line-height:1.2;position:relative}.beta-timeline-event--below .beta-timeline-date{order:-1}.beta-timeline-marker{z-index:2;background:#f0a35b;border:3px solid #182027;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:calc(50% - .45rem);left:50%;transform:translate(-50%)}.beta-timeline-card--open,.beta-timeline-swatch--open{border-color:#55b7a4}.beta-timeline-card--closed,.beta-timeline-swatch--closed{border-color:#e47676}.beta-timeline-card--playtest,.beta-timeline-swatch--playtest{border-color:#c19be8}.beta-timeline-card--early-access,.beta-timeline-swatch--early-access{border-color:#e6c45d}.beta-timeline-card--default,.beta-timeline-swatch--default{border-color:#aab5bd}@media (max-width:1023px){.beta-timeline{padding-inline:1rem}.beta-timeline-scroll{padding:.5rem 0 0;overflow:visible}.beta-timeline-track{flex-direction:column;gap:1.35rem;width:auto;min-width:0;height:auto;padding-left:1.2rem;display:flex}.beta-timeline-axis{width:2px;height:auto;inset:0 auto 0 .35rem}.beta-timeline-event{text-align:left;width:auto;height:auto;min-height:5.8rem;margin-left:0;position:relative;top:auto;transform:none;left:auto!important}.beta-timeline-lane{align-items:stretch;gap:.4rem;width:auto;position:relative;left:0}.beta-timeline-lane:before{display:none}.beta-timeline-card{width:auto;margin:0}.beta-timeline-date{padding:.4rem 0 0}.beta-timeline-marker{top:1.95rem;left:.35rem}}
