.tab-steps__header{position:relative;z-index:1;margin-bottom:var(--sp-12)}.tab-steps{position:relative;z-index:1;display:grid;grid-template-columns:1fr;grid-template-areas:"labels" "panels"}@media screen and (min-width:1024px){.tab-steps{grid-template-columns:45% 55%;grid-template-areas:"labels panels";gap:0}}.tab-steps__header .caption-with-letter-spacing{font-family:var(--font-heading-family);font-style:var(--font-heading-style)}.tab-steps__labels{grid-area:labels;display:flex;flex-direction:column;padding-right:0}@media screen and (min-width:1024px){.tab-steps__labels{padding-right:var(--sp-16)}}.tab-steps__label{display:grid;grid-template-columns:2.5rem 1fr;align-items:baseline;column-gap:var(--sp-4);width:100%;padding:var(--sp-6) 0;border:none;border-top:1px solid rgba(var(--color-base-text),.12);background:transparent;cursor:pointer;text-align:left;color:rgb(var(--color-base-text));transition:color .25s ease}.tab-steps__label:last-of-type{border-bottom:1px solid rgba(var(--color-base-text),.12)}.tab-steps__label:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus));outline-offset:2px}.tab-steps__label-number{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--text-xl);line-height:1;opacity:.25;transition:opacity .25s ease;justify-self:start}.tab-steps__label:hover .tab-steps__label-number,.tab-steps__label.is-active .tab-steps__label-number{opacity:1}.tab-steps__label-title{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-text-transform, none);line-height:var(--font-heading-line-height);color:inherit;opacity:.25;transition:opacity .25s ease}.tab-steps__label:hover .tab-steps__label-title,.tab-steps__label.is-active .tab-steps__label-title{opacity:1}.tab-steps__description{padding:0 0 var(--sp-4) calc(2.5rem + var(--sp-4));max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease;color:rgba(var(--color-base-text),.65)}.tab-steps__description.is-active{max-height:20rem;opacity:1}.tab-steps__mobile-image{display:none;margin-bottom:var(--sp-6);border-radius:var(--rounded-block);overflow:hidden}.tab-steps__mobile-image .tab-steps__image{width:100%;height:auto;display:block;aspect-ratio:4 / 3;object-fit:cover}@media screen and (max-width:1023px){.tab-steps__mobile-image.is-active{display:block}}.tab-steps__panels{grid-area:panels;position:relative;border-radius:var(--rounded-block);overflow:hidden;height:var(--tab-image-height, 600px)}@media screen and (max-width:1023px){.tab-steps__panels{display:none}}.tab-steps__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;pointer-events:none;height:var(--tab-image-height, 600px)}.tab-steps__panel.is-active{opacity:1;pointer-events:auto}.tab-steps__image{width:100%;height:100%;object-fit:cover;display:block}tab-steps-element:not(:defined) .tab-steps__panel{position:relative;opacity:1;pointer-events:auto;display:block;height:auto;margin-bottom:var(--sp-4)}tab-steps-element:not(:defined) .tab-steps__label{color:rgb(var(--color-base-text));cursor:default;pointer-events:none}tab-steps-element:not(:defined) .tab-steps__label-number{opacity:1}tab-steps-element:not(:defined) .tab-steps__description{max-height:none;opacity:1}tab-steps-element:not(:defined) .tab-steps__mobile-image{display:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/custom-tab-steps.css.map */