.vertical-tabs-section{--section-padding-top: 50px;--section-padding-bottom: 50px;padding-top:calc(var(--section-padding-top) * .75);padding-bottom:calc(var(--section-padding-bottom) * .75)}@media screen and (min-width:750px){.vertical-tabs-section{padding-top:var(--section-padding-top);padding-bottom:var(--section-padding-bottom)}.vertical-tabs__image-wrapper--desktop-small{height:33vh}.vertical-tabs__image-wrapper--desktop-medium{height:50vh}.vertical-tabs__image-wrapper--desktop-large{height:66vh}.vertical-tabs__image-wrapper--desktop-adapt_to_content_height{height:var(--content-height, auto)}.vertical-tabs__image-wrapper--desktop-adapt{height:auto;aspect-ratio:var(--first-image-aspect-ratio, 4/3)}}.vertical-tabs__header{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.vertical-tabs__layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.vertical-tabs__layout--image-second{grid-template-columns:1fr 1fr}.vertical-tabs__layout--image-first .vertical-tabs__image-column{order:-1}.vertical-tabs__tabs-column{display:flex;flex-direction:column;align-self:stretch}.vertical-tabs__tabs-column--top{justify-content:flex-start}.vertical-tabs__tabs-column--middle{justify-content:center}.vertical-tabs__tabs-column--bottom{justify-content:flex-end}.vertical-tabs__tab-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.vertical-tabs__tab-heading{cursor:pointer;padding:16px 0;transition:opacity .3s ease;font-weight:400}.vertical-tabs__tab-heading:not(.vertical-tabs__tab-heading--active){opacity:var(--inactive-tab-opacity, .3)}.vertical-tabs__tab-heading--active{opacity:1;font-weight:700}.vertical-tabs__tab-divider{position:relative;height:.5px;background:rgba(var(--text-icon-text),.14);width:100%;overflow:hidden}.vertical-tabs__tab-item:last-child .vertical-tabs__tab-divider{display:none}.vertical-tabs__tab-divider .vertical-tabs__progress-bar{position:absolute;top:0;left:0;height:100%;width:0%;background:rgba(var(--text-icon-text),1);display:block}.vertical-tabs__tab-list--list .vertical-tabs__tab-heading:before{content:attr(data-index) ". ";color:rgba(var(--text-icon-heading))}.vertical-tabs__tab-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease,opacity .3s ease;overflow:hidden}.vertical-tabs__tab-content--active{grid-template-rows:1fr;opacity:1}.vertical-tabs__tab-content-inner{overflow:hidden;display:flex;flex-direction:column;gap:16px;min-height:0}.vertical-tabs__tab-content--active .vertical-tabs__tab-content-inner{padding:4px 0 16px}.vertical-tabs__tab-description{font-size:14px;line-height:1.6}.vertical-tabs__image-column{position:relative;overflow:hidden}.vertical-tabs__image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:var(--content-container-radius)}.vertical-tabs__image-wrapper--placeholder{aspect-ratio:4/3}.vertical-tabs__image-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;pointer-events:none}.vertical-tabs__image-item--active{opacity:1;pointer-events:auto}.vertical-tabs__image-wrapper .media{border-radius:0;height:100%}.vertical-tabs__image-wrapper .media img,.vertical-tabs__image-wrapper .media .placeholder-svg{width:100%;height:100%;object-fit:cover}.vertical-tabs-section .button{--padding-y-button: 12px;--padding-x-button: 20px}@media screen and (max-width:749px){.vertical-tabs-section{padding-top:calc(var(--section-padding-top) * .75);padding-bottom:calc(var(--section-padding-bottom) * .75)}.vertical-tabs__header{margin-bottom:20px}.vertical-tabs__layout{display:flex;flex-direction:column;gap:24px;align-items:stretch}.vertical-tabs__image-column{order:-1}.vertical-tabs__image-wrapper--mobile-small{height:35vh}.vertical-tabs__image-wrapper--mobile-medium{height:50vh}.vertical-tabs__image-wrapper--mobile-large{height:60vh}.vertical-tabs__image-wrapper--mobile-adapt{height:auto;aspect-ratio:var(--first-image-aspect-ratio, 4/3)}.vertical-tabs__tab-heading{padding:12px 0}.vertical-tabs__tab-description{font-size:13px}}@media screen and (min-width:750px)and (max-width:1023px){.vertical-tabs__layout{gap:24px}.vertical-tabs__image-wrapper--desktop-small{height:40vh}.vertical-tabs__image-wrapper--desktop-medium{height:55vh}.vertical-tabs__image-wrapper--desktop-large{height:75vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vertical-tabs.css.map */