.bl-steps{display:grid;gap:var(--space-6)}.bl-steps__eyebrow{margin:0 0 var(--space-3);font-size:var(--type-meta);color:var(--color-palette-6)}.bl-steps__heading{margin:0}.bl-steps__list{margin:0;padding:0;list-style:none}.bl-steps__marker{font-size:var(--type-meta);letter-spacing:var(--tracking-caps);color:var(--bl-select, var(--color-palette-1));font-variant-numeric:tabular-nums}.bl-steps__title{margin:0;font-family:var(--font-heading--family);font-size:var(--font-h4--size);font-weight:400;line-height:1.25}.bl-steps__text{margin:0;color:rgb(var(--color-foreground-rgb) / .8)}.bl-steps__frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-palette-4)}.bl-steps__frame-photo{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s var(--bl-ease, ease)}.bl-steps__frame-photo.is-active{opacity:1}.bl-steps__frame-photo :is(img,svg,video){display:block;width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){.bl-steps__frame-photo{transition:none}}.bl-steps--stepper .bl-steps__step{display:grid;grid-template-columns:2.5em minmax(0,1fr);align-items:baseline;border-block-start:1px solid var(--color-palette-2)}.bl-steps--stepper .bl-steps__step:last-child{border-block-end:1px solid var(--color-palette-2)}.bl-steps__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4) 0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;text-transform:none;cursor:pointer}.bl-steps__toggle:focus-visible{outline:var(--focus-outline-width, 2px) solid var(--color-foreground);outline-offset:2px}.bl-steps__icon{position:relative;flex:none;width:12px;height:12px}.bl-steps__icon:before,.bl-steps__icon:after{content:"";position:absolute;inset:50% 0 auto;height:1px;background-color:currentcolor;transition:rotate var(--bl-speed-state, .22s) var(--bl-ease, ease)}.bl-steps__icon:after{rotate:90deg}.bl-steps__toggle[aria-expanded=true] .bl-steps__icon:after{rotate:0deg}.bl-steps--stepper .bl-steps__body{grid-column:2;padding-block-end:var(--space-4);animation:bl-step-in var(--bl-speed-state, .22s) var(--bl-ease, ease)}.bl-steps--stepper .bl-steps__body[hidden]{display:none}.bl-steps--stepper .bl-steps__step:not(.is-active) .bl-steps__title{color:rgb(var(--color-foreground-rgb) / .7)}@keyframes bl-step-in{0%{opacity:0;translate:0 -4px}}@media screen and (max-width:749px){.bl-steps--stepper .bl-steps__frame{margin-inline:calc(-1 * var(--page-margin))}}@media screen and (min-width:750px){.bl-steps--stepper{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:auto 1fr;column-gap:var(--space-9);align-items:start}.bl-steps--stepper .bl-steps__intro{grid-column:1}.bl-steps--stepper .bl-steps__list{grid-column:1;grid-row:2}.bl-steps--stepper .bl-steps__frame{grid-column:2;grid-row:1 / span 2;aspect-ratio:1}}.bl-steps--scroll .bl-steps__list{--bl-steps-line: var(--color-palette-2);position:relative}.bl-steps--scroll .bl-steps__list:before,.bl-steps--scroll .bl-steps__list:after{content:"";position:absolute;inset-block:6px;inset-inline-start:5px;width:1px;background-color:var(--bl-steps-line)}.bl-steps--scroll .bl-steps__list:after{background-color:var(--bl-select, var(--color-palette-1));transform-origin:top;scale:1 var(--bl-steps-progress, 0)}.bl-steps--scroll .bl-steps__step{position:relative;padding-inline-start:var(--space-7);padding-block-end:var(--space-8)}.bl-steps--scroll .bl-steps__step:last-child{padding-block-end:0}.bl-steps--scroll .bl-steps__step:before{content:"";position:absolute;z-index:1;inset-block-start:2px;inset-inline-start:0;width:11px;height:11px;border:1px solid var(--bl-select, var(--color-palette-1));border-radius:50%;background-color:var(--color-background);transition:background-color var(--bl-speed-state, .22s) var(--bl-ease, ease)}.bl-steps--scroll .bl-steps__step.is-active:before{background-color:var(--bl-select, var(--color-palette-1))}.bl-steps--scroll .bl-steps__marker{display:block;margin-block-end:var(--space-2)}.bl-steps--scroll .bl-steps__content{display:grid;gap:var(--space-3);transition:opacity .3s var(--bl-ease, ease)}.bl-steps--scroll .bl-steps__step:not(.is-active) .bl-steps__content{opacity:.45}.bl-steps--scroll .bl-steps__step-photo{order:-1;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-palette-4)}.bl-steps--scroll .bl-steps__step-photo :is(img,video){display:block;width:100%;height:100%;object-fit:cover}.bl-steps--scroll .bl-steps__step-photo:empty{display:none}@media screen and (max-width:749px){.bl-steps--scroll .bl-steps__frame{display:none}}@media screen and (min-width:750px){.bl-steps--scroll{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--space-9);align-items:start}.bl-steps--scroll .bl-steps__intro{grid-column:1 / -1}.bl-steps--scroll .bl-steps__list{grid-column:1;padding-block:20vh}.bl-steps--scroll .bl-steps__list:before,.bl-steps--scroll .bl-steps__list:after{inset-block:calc(20vh + 6px)}.bl-steps--scroll .bl-steps__step{display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding-block-end:0}.bl-steps--scroll .bl-steps__step:before{inset-block-start:calc(50% - 20px)}.bl-steps--scroll .bl-steps__step-photo{display:none}.bl-steps--scroll .bl-steps__frame{grid-column:2;grid-row:2;position:sticky;inset-block-start:calc((100vh - min(70vh,40vw))/2);width:min(100%,70vh);aspect-ratio:1;justify-self:end}}.bl-steps__delivery{margin-block-start:16px}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bl-steps.css.map */