.stl{--pw: min(100vw, var(--page-width));--stl-w: 20rem;--stl-gap: 2rem;--timeline-offset: 200px;position:fixed;top:var(--timeline-offset);left:calc((100vw - var(--pw)) / 2 - (var(--stl-w) /2 + var(--stl-gap)));width:var(--stl-w);z-index:2}.stl__nav{border:1px solid #e5e5e5;border-radius:.75rem;padding:.75rem .75rem .5rem;background:#fff}.stl__title{font-weight:600;font-size:1.4rem;margin-bottom:.5rem}.stl__list{list-style:none;margin:0;padding:.25rem 0 .25rem .25rem;display:flex;flex-direction:column;gap:1rem}.stl__list:before{content:"";position:absolute;right:1.2rem;top:.25rem;bottom:.25rem;width:2px;background:#eee}.stl__item{flex:0 0 auto;margin-right:1.75rem}.stl__btn{display:inline-flex;align-items:baseline;gap:.5rem;padding:.4rem .5rem .4rem 0;border:0;background:transparent;cursor:pointer;font:inherit;color:#222;text-align:left;width:100%;text-decoration:none;justify-content:flex-end}.stl__dot{border-radius:999px;border:1px solid #bbb;background:#fff;display:inline-flex;align-items:center;justify-content:center;height:3rem;width:3rem}.stl__dot span{line-height:1}.stl__btn:hover .stl__dot{border-color:#ddd;background:#ddd}.stl__item.is-active .stl__dot{border-color:#000;background:#000;color:#fff}.stl__label{font-size:1.2rem;text-transform:uppercase;line-height:1;font-weight:600}@media (max-width: 1450px){.stl__label{display:none}}@media (max-width: 990px){.stl{top:35%;left:.5rem;right:initial;width:auto}.stl__list:before{left:3.4rem;z-index:-1}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-side-timeline.css.map */