fitting-steps{display:block}.fitting-steps__header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.fitting-steps__header-main{display:flex;flex-direction:column;gap:4px}.fitting-steps__eyebrow{font-size:13px;letter-spacing:var(--hio-eyebrow-letter-spacing);line-height:1.3;text-transform:uppercase;color:var(--color-text);opacity:.7}.fitting-steps__heading{margin:0}.fitting-steps__lead{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--color-text);opacity:.85}.fitting-steps__grid{border-top:1px solid rgba(var(--color-border-rgba))}.fitting-steps__step{border-bottom:1px solid rgba(var(--color-border-rgba))}@media screen and (max-width:749px){.fitting-steps__step:last-child{border-bottom:0}}.fitting-steps__trigger{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:baseline;gap:12px;width:100%;margin:0;padding:16px 0;border:0;background:none;color:var(--color-text);text-align:left;cursor:pointer}.fitting-steps__trigger:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.fitting-steps__number{font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:22px;line-height:1;opacity:.35;transition:opacity .2s ease,color .2s ease}.fitting-steps__trigger[aria-expanded=true] .fitting-steps__number{color:var(--color-button-background);opacity:1}.fitting-steps__trigger-text{display:flex;flex-direction:column;gap:2px}.fitting-steps__title{font-family:var(--font-head-family);font-weight:var(--font-header-weight);font-size:20px;line-height:1.1}.fitting-steps__summary{font-size:15px;line-height:1.4;opacity:.7}.fitting-steps__toggle{position:relative;align-self:center;width:15px;height:15px}.fitting-steps__toggle:before,.fitting-steps__toggle:after{content:"";position:absolute;top:50%;left:0;width:15px;height:2px;margin-top:-1px;background:currentColor;transition:transform .3s ease,opacity .3s ease}.fitting-steps__toggle:after{transform:rotate(90deg)}.fitting-steps__trigger[aria-expanded=true] .fitting-steps__toggle:after{transform:rotate(0);opacity:0}.fitting-steps__panel{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.fitting-steps__panel[hidden]{display:none}.fitting-steps__media{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:rgba(var(--color-border-rgba))}.fitting-steps__media img,.fitting-steps__media svg{display:block;width:100%;height:100%;object-fit:cover}.fitting-steps__text p{margin:0;font-size:16px;line-height:1.6;color:var(--color-text);opacity:.85}.fitting-steps__text p+p{margin-top:10px}.fitting-steps__footer-link{margin-top:14px}@media screen and (min-width:750px){.fitting-steps__header{max-width:640px;margin-bottom:36px}.fitting-steps__eyebrow{font-size:14px}.fitting-steps__lead{margin:6px 0 0;font-size:17px}.fitting-steps__footer-link{margin-top:24px}.fitting-steps[data-js] .fitting-steps__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-auto-rows:min-content;column-gap:48px;align-items:start;border-top:0}.fitting-steps[data-js] .fitting-steps__step{display:contents}.fitting-steps[data-js] .fitting-steps__trigger{grid-column:1;padding:20px 0 20px 20px;border-top:1px solid rgba(var(--color-border-rgba));grid-template-columns:48px minmax(0,1fr)}.fitting-steps[data-js] .fitting-steps__step:last-child .fitting-steps__trigger{border-bottom:1px solid rgba(var(--color-border-rgba))}.fitting-steps[data-js] .fitting-steps__trigger[aria-expanded=true]{box-shadow:inset 3px 0 0 var(--color-button-background);background:color-mix(in srgb,var(--color-text) 4%,var(--color-background))}.fitting-steps[data-js] .fitting-steps__trigger:hover .fitting-steps__title{text-decoration:underline;text-decoration-color:var(--color-button-background);text-decoration-thickness:2px;text-underline-offset:4px}.fitting-steps[data-js] .fitting-steps__toggle{display:none}.fitting-steps[data-js] .fitting-steps__panel{grid-column:2;padding-bottom:0;animation:fitting-steps-in .35s ease}.fitting-steps__number{font-size:26px}.fitting-steps__title{font-size:24px}.fitting-steps__text p{font-size:17px}}@keyframes fitting-steps-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.fitting-steps[data-js] .fitting-steps__panel{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-fitting-steps.css.map */