.shto-timeline-bullets{--tb-card-w: 258px;--tb-gap: 12px;--tb-pad: 16px;display:flex;flex-direction:column;align-items:center;gap:32px;padding:48px 0;background:var(--tb-bg);overflow:hidden}.shto-timeline-bullets__header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:0 16px;text-align:center}.shto-timeline-bullets__heading{width:100%;font-family:"Degular",var(--font-head);font-weight:700;font-size:34px;line-height:36px;letter-spacing:0;text-transform:capitalize;text-align:center;color:var(--cream)}.shto-timeline-bullets__sub{width:100%;font-family:var(--font-body);font-weight:400;font-size:16px;line-height:22px;letter-spacing:-.32px;text-align:center;color:var(--cream)}.shto-timeline-bullets__body{display:flex;flex-direction:column;gap:20px;align-self:stretch;min-width:0}.shto-timeline-bullets__row{display:flex;justify-content:safe center;gap:var(--tb-gap);list-style:none;margin:0 0 -28px;padding:0 var(--tb-pad) 28px;overflow-x:auto;overscroll-behavior-x:contain}.shto-timeline-bullets__stage{display:flex;flex-direction:column;gap:20px;flex:0 0 calc(var(--tb-card-w) + var(--extra, 0px));width:calc(var(--tb-card-w) + var(--extra, 0px))}.shto-timeline-bullets__marker{display:flex;align-items:center;gap:20px;color:var(--tb-off)}.shto-timeline-bullets__stage:first-child .shto-timeline-bullets__marker{color:var(--cream)}.shto-timeline-bullets__label{flex:none;font-family:var(--font-body);font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;white-space:nowrap;color:inherit}.shto-timeline-bullets__line{flex:1 1 auto;min-width:0;height:1.7px;background:currentColor}.shto-timeline-bullets__card{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:20px;background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 1px #000}.shto-timeline-bullets__stage--highlight .shto-timeline-bullets__card{background:var(--tb-hl)}.shto-timeline-bullets__photo{position:relative;flex:none;width:100%;aspect-ratio:calc(226 + var(--extra-n, 0)) / 200;border-radius:16px;overflow:hidden;background:#eeece9}.shto-timeline-bullets__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shto-timeline-bullets__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #000000;border-radius:inherit;pointer-events:none}.shto-timeline-bullets__details{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.shto-timeline-bullets__tag{display:inline-flex;justify-content:center;align-items:center;min-width:88px;padding:3px 8px;border-radius:100px;background:var(--cream);box-shadow:inset 0 0 0 1px #000,3px 2px #000}.shto-timeline-bullets__tag-text{font-family:var(--font-body);font-weight:600;font-size:15px;line-height:22px;letter-spacing:0;text-transform:capitalize;white-space:nowrap;color:var(--ink)}.shto-timeline-bullets__texts{display:flex;flex-direction:column;gap:8px;width:100%}.shto-timeline-bullets__title{width:fit-content;max-width:100%;font-family:var(--font-head);font-weight:800;font-size:20px;line-height:27px;letter-spacing:0;color:var(--tb-title)}.shto-timeline-bullets__title--tight{line-height:24px}.shto-timeline-bullets__list{width:var(--text-w);max-width:100%;padding-left:21px;list-style:disc;font-family:var(--font-body);font-weight:400;font-size:14px;line-height:20px;letter-spacing:0;color:var(--ink)}.shto-timeline-bullets__list li::marker{font-size:10px}.shto-timeline-bullets__progress{position:relative;flex:none;width:335px;max-width:calc(100% - 32px);height:4px;margin-left:16px}.shto-timeline-bullets__progress:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:4px;background:#c2c2c2a8}.shto-timeline-bullets__progress-bar{position:absolute;left:0;top:0;width:41.5%;height:4px;border-radius:4px;background:var(--cream);will-change:transform}.shto-timeline-bullets__progress--centred{display:none}.shto-timeline-bullets__footer{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0 16px}.shto-timeline-bullets .shto-timeline-bullets__cta{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;padding:8px 36px;border-radius:40px 0;background:var(--yellow);box-shadow:0 0 0 1px #000,4px 4px 0 1px #000;font-family:var(--font-body);font-weight:800;font-size:18px;line-height:18px;letter-spacing:-.36px;text-transform:uppercase;text-align:center;color:var(--ink);text-decoration:none;transition:transform var(--shto-fast) var(--shto-ease),box-shadow var(--shto-fast) var(--shto-ease)}.shto-timeline-bullets .shto-timeline-bullets__cta:hover{transform:translate(2px,2px);box-shadow:0 0 0 1px #000,2px 2px 0 1px #000}.shto-timeline-bullets__perks{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;width:100%}.shto-timeline-bullets__perk{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.shto-timeline-bullets__perk-icon{flex:none;width:20px;height:20px}.shto-timeline-bullets__perk-text{min-width:0;font-family:var(--font-body);font-weight:500;font-size:12px;line-height:18px;letter-spacing:-.24px;color:var(--cream)}@media(min-width:990px){.shto-timeline-bullets{--tb-pad: max(16px, calc((100% - 1160px)/2) );gap:40px;padding:80px 0}.shto-timeline-bullets__header{padding:0 140px}.shto-timeline-bullets__heading{width:auto;max-width:var(--tb-hw);font-family:var(--font-head);font-size:40px;line-height:42px}.shto-timeline-bullets__sub{max-width:var(--tb-sw);font-size:18px;line-height:25px;letter-spacing:-.36px}.shto-timeline-bullets__progress{margin-left:var(--tb-pad)}.shto-timeline-bullets--bar-centred .shto-timeline-bullets__progress--centred{display:block;align-self:center;height:7px;margin:0;max-width:100%}.shto-timeline-bullets__progress--centred:before{top:1.63px}.shto-timeline-bullets__progress--centred .shto-timeline-bullets__progress-bar{width:69%;height:7px}.shto-timeline-bullets__footer{gap:12px;width:520px;max-width:100%;padding:0}.shto-timeline-bullets .shto-timeline-bullets__cta{min-height:61px}.shto-timeline-bullets__perk-icon{width:22px;height:22px}.shto-timeline-bullets__perk-text{font-weight:400;font-size:14px;line-height:18px;letter-spacing:-.28px}}@media(prefers-reduced-motion:reduce){.shto-timeline-bullets .shto-timeline-bullets__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/shto-timeline-bullets.css.map */
