.abok-about-milestones{padding-block:var(--abok-about-milestones-padding-top) var(--abok-about-milestones-padding-bottom);background:#f3f5f6;color:#11171b}.abok-about-milestones abok-about-milestones{display:block;min-width:0}.abok-about-milestones>.page-width{padding-inline:3.4rem}.abok-about-milestones__title{margin:0 0 3.2rem;letter-spacing:0;line-height:1.2}.abok-about-milestones__title--small{font-size:1.8rem}.abok-about-milestones__title--medium{font-size:2.4rem}.abok-about-milestones__title--large{font-size:3.2rem}.abok-about-milestones__title--xlarge,.abok-about-milestones__title--custom{font-size:4rem}.abok-about-milestones__title--left{text-align:left}.abok-about-milestones__title--center{text-align:center}.abok-about-milestones__title--right{text-align:right}.abok-about-milestones__viewport{min-width:0;overflow-x:auto;cursor:grab;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity}.abok-about-milestones__viewport:active{cursor:grabbing}.abok-about-milestones__viewport::-webkit-scrollbar{display:none}.abok-about-milestones__list{display:grid;grid-auto-columns:35rem;grid-auto-flow:column;gap:4rem;width:max-content;min-width:100%;margin:0;padding:0;list-style:none}.abok-about-milestones__item{min-width:0;scroll-snap-align:start}.abok-about-milestones__card{min-height:20rem;padding:.4rem 0}.abok-about-milestones__year{display:inline-flex;min-height:3.8rem;align-items:center;margin:0 0 1.6rem;padding:.7rem 1.6rem;border-radius:.4rem;background:#62686d;color:#fdfefe;font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:1.2;transition:background-color .18s ease}.abok-about-milestones__heading{margin:0 0 1rem;color:#252b2f;font-size:1.8rem;font-weight:650;letter-spacing:0;line-height:1.3}.abok-about-milestones__year-title{display:none}.abok-about-milestones__description{max-width:34rem;color:#727a80;font-size:1.6rem;line-height:1.6;transition:color .18s ease}.abok-about-milestones__item.is-active .abok-about-milestones__year,.abok-about-milestones__item:hover .abok-about-milestones__year{background:#00a0e9}.abok-about-milestones__item.is-active .abok-about-milestones__description,.abok-about-milestones__item:hover .abok-about-milestones__description{color:#11171b}.abok-about-milestones__mobile-rail{display:none}.abok-about-milestones__timeline{position:relative;height:10rem;margin-top:2rem;padding-inline:3rem;touch-action:pan-y}.abok-about-milestones__axis{position:absolute;top:4rem;right:3rem;left:3rem;height:.2rem;background:#cfd5d9}.abok-about-milestones__ticks,.abok-about-milestones__markers{position:absolute;right:3rem;left:3rem;display:grid;grid-template-columns:repeat(var(--abok-about-milestone-segments, 6),minmax(0,1fr))}.abok-about-milestones__ticks{top:2.8rem}.abok-about-milestones__tick-segment{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:end}.abok-about-milestones__tick-segment>span{width:.1rem;height:1.8rem;background:#8f989e}.abok-about-milestones__tick-segment>span.is-major{height:2.8rem;background:#31383d}.abok-about-milestones__markers{top:0;grid-template-columns:repeat(var(--abok-about-milestone-count, 7),minmax(0,1fr));align-items:start}.abok-about-milestones__marker{z-index:2;display:flex;min-width:4.4rem;min-height:8rem;align-items:flex-end;justify-content:flex-start;padding:0 0 .2rem;border:0;border-radius:0;background:transparent;color:#596168;cursor:pointer;font:inherit;font-size:1.5rem;letter-spacing:0;text-align:left}.abok-about-milestones__marker:last-child{justify-content:flex-end}.abok-about-milestones__marker.is-active{color:#008fd1;font-weight:700}.abok-about-milestones__marker:focus-visible,.abok-about-milestones__handle:focus-visible{outline:.2rem solid #008fd1;outline-offset:.2rem}.abok-about-milestones__handle{position:absolute;z-index:3;top:1.8rem;left:0;display:flex;width:6rem;height:4.4rem;align-items:center;justify-content:center;padding:0;border:0;border-radius:2.2rem;background:transparent;cursor:grab;touch-action:none;transform:translate(0);transition:transform .24s ease}.abok-about-milestones__handle:active{cursor:grabbing}.abok-about-milestones__handle-control{display:inline-flex;width:6rem;height:2.8rem;align-items:center;justify-content:center;gap:.5rem;border-radius:1.4rem;background:#00a0e9;box-shadow:0 .2rem .8rem #00a0e961;color:#fdfefe}.abok-about-milestones__empty{margin:0;color:#687177;font-size:1.6rem}@media screen and (max-width:749px){.abok-about-milestones__viewport{overflow:visible;cursor:auto}.abok-about-milestones__list{display:grid;grid-auto-columns:auto;grid-auto-flow:row;gap:0;width:auto;min-width:0}.abok-about-milestones__item{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:1.6rem;min-height:20.8rem}.abok-about-milestones__mobile-rail{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;padding-top:1.6rem;padding-bottom:4.8rem;justify-content:space-between}.abok-about-milestones__mobile-rail:after{position:absolute;top:1.6rem;bottom:0;left:0;width:.1rem;background:#c8ced2;content:""}.abok-about-milestones__mobile-rail>span{z-index:1;display:block;width:2.4rem;height:.1rem;background:#a2a9ae}.abok-about-milestones__mobile-rail>span.is-major{width:3.2rem;background:#20262a}.abok-about-milestones__card{min-height:0;padding:0 0 4.8rem}.abok-about-milestones__year{background:#00a0e9;font-size:1.5rem}.abok-about-milestones__year-title{display:inline}.abok-about-milestones__heading{display:none}.abok-about-milestones__description{color:#252b2f;font-size:1.5rem}.abok-about-milestones__timeline{display:none}.abok-about-milestones>.page-width{padding-inline:1rem}}@media(prefers-reduced-motion:reduce){.abok-about-milestones__viewport{scroll-behavior:auto}.abok-about-milestones__year,.abok-about-milestones__description,.abok-about-milestones__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/abok-about-milestones.css.map */