.tab-switcher{width:100%}.tab-switcher__container{width:var(--tab-switcher-width, 100%);max-width:100%;margin:0 auto}.tab-switcher__nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--tab-switcher-gap, 24px);width:var(--nav-width, 100%);margin-left:var(--nav-margin-left, 0%)}@media(max-width:749px){.tab-switcher__nav{width:100%;margin-left:0;justify-content:center}}.tab-switcher__btn{-webkit-appearance:none;appearance:none;cursor:pointer;padding:var(--tab-btn-padding-y, 12px) var(--tab-btn-padding-x, 28px);font-weight:600;font-size:var(--tab-btn-font-size, 16px);border-radius:var(--tab-btn-radius, 40px);border:2px solid var(--tab-inactive-border, #111111);background:var(--tab-inactive-bg, #ffffff);color:var(--tab-inactive-text, #111111);transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .15s ease}@media(max-width:749px){.tab-switcher__btn{padding:var(--tab-btn-padding-y-mobile, 10px) var(--tab-btn-padding-x-mobile, 20px);font-size:var(--tab-btn-font-size-mobile, 14px)}}.tab-switcher__btn:hover{opacity:.85}.tab-switcher__btn:active{transform:scale(.96)}.tab-switcher__btn.is-active{background:var(--tab-active-bg, #111111);color:var(--tab-active-text, #ffffff);border-color:var(--tab-active-bg, #111111);animation:tabSwitcherPop .25s ease}@keyframes tabSwitcherPop{0%{transform:scale(.94)}to{transform:scale(1)}}.tab-switcher__panels{position:relative;width:100%;max-width:min(var(--tab-panels-max-width, 4000px),var(--tab-panel-natural-width, 4000px));margin:0 auto;height:auto;aspect-ratio:3 / 2;overflow:hidden;background:var(--panel-bg, #f5f5f5);transition:aspect-ratio .3s ease,max-width .3s ease}.tab-switcher__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease}.tab-switcher__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}.tab-switcher__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.tab-switcher__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#e5e5e5}.tab-switcher__placeholder svg{width:100%;height:100%}.tab-switcher__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:12px;padding:40px;max-width:var(--content-max-width, 45%);transform:translate(var(--offset-x, 0px),var(--offset-y, 0px));box-sizing:border-box;z-index:1}.tab-switcher__content--h-left{left:0;align-items:flex-start}.tab-switcher__content--h-center{left:50%;align-items:center;transform:translate(calc(-50% + var(--offset-x, 0px)),var(--offset-y, 0px))}.tab-switcher__content--h-right{right:0;left:auto;align-items:flex-end}.tab-switcher__content--v-top{justify-content:flex-start}.tab-switcher__content--v-center{justify-content:center}.tab-switcher__content--v-bottom{justify-content:flex-end}.tab-switcher__content--text-left{text-align:left}.tab-switcher__content--text-center{text-align:center}.tab-switcher__content--text-right{text-align:right}.tab-switcher__heading{margin:0;font-weight:700;font-size:var(--heading-size, 28px);line-height:1.3}.tab-switcher__text{line-height:1.5;font-size:var(--text-size, 18px);font-weight:600}.tab-switcher__text p{margin:0}@media(max-width:749px){.tab-switcher__content{max-width:90%;padding:24px}.tab-switcher__heading{font-size:var(--heading-size-mobile, 22px)}.tab-switcher__text{font-size:var(--text-size-mobile, 15px)}.tab-switcher__content--h-mobile-left{left:0;right:auto;align-items:flex-start;max-width:90%;transform:translate(var(--offset-x-mobile, 0px),var(--offset-y-mobile, 0px))}.tab-switcher__content--h-mobile-center{left:50%;right:auto;align-items:center;max-width:90%;transform:translate(calc(-50% + var(--offset-x-mobile, 0px)),var(--offset-y-mobile, 0px))}.tab-switcher__content--h-mobile-right{right:0;left:auto;align-items:flex-end;max-width:90%;transform:translate(var(--offset-x-mobile, 0px),var(--offset-y-mobile, 0px))}.tab-switcher__content--v-mobile-top{justify-content:flex-start}.tab-switcher__content--v-mobile-center{justify-content:center}.tab-switcher__content--v-mobile-bottom{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-tab-image-switcher.css.map */