.tab-with-image-container{position:relative}.tab-with-image-tab-item .tab-with-image-tab-title .tab-with-image-tab-title-icon{transition:transform .6s;height:max-content;transform:rotate(0)}.tab-with-image-tab-item{border-bottom:1px solid var(--text-color);cursor:pointer;opacity:.55}.tab-with-image-tab-item.selected{opacity:1}.tab-with-image-tab-item.selected .tab-with-image-tab-title{font-weight:600}.tab-with-image-text-wrapper{color:var(--text-color)}.tab-with-image-tab-item.selected .tab-with-image-tab-title .tab-with-image-tab-title-icon{transform:rotate(180deg)}.tab-with-image-tab-title-text_box{display:flex;align-items:center;flex:1}.tab-with-image-image video{width:100%;height:auto;display:block}.tab-with-image-image img{width:100%;height:auto;display:block}.tab-with-image-tab-text *{margin:0;padding:0;font-size:inherit;line-height:1.35;color:var(--text-color)}.tab-with-image-tab-text ul{padding-left:1.2em}.tab-with-image-heading{font-size:clamp(2rem,1.241rem + 1.98vw,3.2rem);line-height:1.2em;font-weight:600;margin-bottom:2rem}.tab-with-image-tab-item>.tab-with-image-tab-title{font-size:clamp(1.8rem,1.42rem + .79vw,2.2rem)}.tab-with-image-tab-text{font-size:clamp(1.3rem,1.109rem + .61vw,1.6rem);line-height:1.1em}@media screen and (min-width:769px){.tab-with-image-main{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--max-width);align-items:center}.tab-with-image-text-wrapper{padding:1.5rem 8%;display:flex;flex-direction:column;justify-content:center}.tab-with-image-image-wrapper{position:relative}.tab-with-image-image{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:.3s}.tab-with-image-image.selected{opacity:1;position:static}.tab-with-image-tab-item>.tab-with-image-tab-title{display:flex;justify-content:space-between;padding:1.6rem 1rem 1.6rem 0;line-height:1.2em}.tab-with-image-tab-text{color:var(--text-color);display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s}.tab-with-image-tab-item.selected .tab-with-image-tab-text{grid-template-rows:1fr;padding-bottom:1.1em}.tab-with-image-tab-image{display:none}.tab-with-image-tab-item .tab-with-image-tab-title .tab-with-image-tab-title-icon{width:1.4rem}.tab-with-image-section__bg-image-wrapper{padding-bottom:var(--pc-aspect-ratio);min-height:500px}}.tab-with-image-bg-section{position:relative}.tab-with-image-section__bg-image-wrapper{width:100%;position:relative;pointer-events:none}.tab-with-image-section__bg-image-wrapper .tab-with-image-image.selected{opacity:1;position:absolute}.tab-with-image-section__bg-image-wrapper .tab-with-image-image img{width:100%;height:100%;object-fit:cover}.tab-with-image-bg-section .tab-with-image-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}@media screen and (max-width:768px){.tab-with-image-main{padding:8vw 1.5rem 0;display:flex;flex-direction:column}.tab-with-image-heading{margin-bottom:2vw;font-size:2.4rem}.tab-with-image-tab-item>.tab-with-image-tab-title{display:flex;justify-content:space-between;padding:3vw 1rem 3vw 0;line-height:1.2em}.tab-with-image-tab-text{color:var(--text-color);display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s}.tab-with-image-tab-item.selected .tab-with-image-tab-text{grid-template-rows:1fr;padding-bottom:4vw}.tab-with-image-tab-image{display:block;margin-top:4vw;margin-bottom:4vw;position:relative}.tab-with-image-tab-item .tab-with-image-tab-title .tab-with-image-tab-title-icon{width:1.1rem}.tab-with-image-bg-section .tab-with-image-image-wrapper{position:relative}.tab-with-image-bg-section .tab-with-image-image{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:.3s}.tab-with-image-bg-section .tab-with-image-image.selected{opacity:1;position:absolute}.tab-with-image-bg-section .tab-with-image-image img{width:100%;height:auto;display:block}.tab-with-image-bg-section .tab-with-image-main{position:absolute;left:0;top:auto;bottom:4%;transform:none;width:100%}.tab-with-image-section__bg-image-wrapper{padding-bottom:var(--mb-aspect-ratio)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tab-with-image-section.css.map */