[id^=tab-image-]{position:relative;width:100%;margin:0 auto;overflow:hidden;border-radius:var(--image-border-radius)}[id^=tab-image-] .tab-image__container{position:relative;width:100%;height:var(--height);background-size:cover;background-position:center;aspect-ratio:16/9}[id^=tab-image-] .tab-image__container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:var(--overlay-opacity);pointer-events:none}@media screen and (min-width: 750px){[id^=tab-image-] .tab-image__content img{width:3rem!important;height:3rem!important;border-radius:50%;margin-top:.6rem}}[id^=tab-image-] .tab-image__content-item-container{position:absolute;width:80%;max-width:var(--content-max-width);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1);padding:20px;box-sizing:border-box}[id^=tab-image-] .tab-image__content-item-container.top-left{top:0;left:5%;transform:translate(0)}[id^=tab-image-] .tab-image__content-item-container.top-center{top:0;left:50%;transform:translate(-50%)}[id^=tab-image-] .tab-image__content-item-container.top-right{top:0;right:0;transform:translate(0)}[id^=tab-image-] .tab-image__content-item-container.middle-left{top:50%;left:5%;transform:translateY(-50%)}[id^=tab-image-] .tab-image__content-item-container.middle-center{top:50%;left:50%;transform:translate(-50%,-50%)}[id^=tab-image-] .tab-image__content-item-container.middle-right{top:50%;right:0;transform:translateY(-50%)}[id^=tab-image-] .tab-image__content-item-container.bottom-left{bottom:0;left:5%;transform:translate(0)}[id^=tab-image-] .tab-image__content-item-container.bottom-center{bottom:0;left:50%;transform:translate(-50%)}[id^=tab-image-] .tab-image__content-item-container.bottom-right{bottom:0;right:0;transform:translate(0)}[id^=tab-image-] .tab-image__content{text-align:left;color:#fff;opacity:0;transition:opacity .5s ease;font-size:var(--content-font-size);display:flex;align-items:flex-start;gap:10px;line-height:1.4;width:100%}[id^=tab-image-] .tab-image__content>div{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}[id^=tab-image-] .tab-image__content-icon{width:var(--content-font-size);height:var(--content-font-size);flex-shrink:0;margin-top:.5rem;display:flex;align-items:center;justify-content:center}[id^=tab-image-] .tab-image__content-icon img{width:100%;height:100%;object-fit:contain;border-radius:var(--image-border-radius)}[id^=tab-image-] .tab-image__content p{margin:0}[id^=tab-image-] .tab-image__content-item.active .tab-image__content{opacity:1}[id^=tab-image-] .tab-image__content-2{color:var(--tab-active-color);opacity:0;transition:opacity .5s ease}[id^=tab-image-] .tab-image__content-item.active .tab-image__content-2,[id^=tab-image-] .tab-image__content-item.active .tab-image__content-item-container{opacity:1}[id^=tab-image-] .tab-image__tabs{display:flex;justify-content:center;gap:4px;position:absolute;top:3rem;left:0;right:0;z-index:2;background:#fff;width:fit-content;margin:auto;padding:.5rem .7rem;border-radius:30px;opacity:0;transform:scale(.6);transition:all .8s cubic-bezier(.4,0,.2,1)}[id^=tab-image-] .tab-image__tabs.visible{opacity:1;transform:scale(1)}[id^=tab-image-] .tab-image__tab{background-color:transparent;color:#333;border:none;outline:none;cursor:pointer;padding:14px 16px;font-size:17px;transition:color .3s ease;border-radius:30px;position:relative}[id^=tab-image-] .tab-image__tab-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--tab-active-color);border-radius:30px;transform:scale(1);transition:all .3s ease;transform-origin:center;z-index:1;opacity:0}[id^=tab-image-] .tab-image__tab-text{position:relative;z-index:2;transition:color .3s ease}[id^=tab-image-] .tab-image__tab:hover{color:var(--text-color)}[id^=tab-image-] .tab-image__tab.active{color:#fff}[id^=tab-image-] .tab-image__tab.active .tab-image__tab-bg{transform:scale(1.02);opacity:1}[id^=tab-image-] .tab-image__tab.active.stretch-left .tab-image__tab-bg{transform-origin:right center;transform:scaleX(1.1) scaleY(1.02)}[id^=tab-image-] .tab-image__tab.active.stretch-right .tab-image__tab-bg{transform-origin:left center;transform:scaleX(1.1) scaleY(1.02)}[id^=tab-image-] .tab-image__content-item{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none}[id^=tab-image-] .tab-image__content-item.active{opacity:1;pointer-events:auto}[id^=tab-image-] .tab-image__content-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}[id^=tab-image-] .tab-image__content-item.active img{transform:scale(1.02)}[id^=tab-image-] .tab-image__buttons{display:flex;gap:12px;margin-left:30px;margin-bottom:20px;opacity:0;transition:opacity .5s ease}[id^=tab-image-] .tab-image__content-item.active .tab-image__buttons{opacity:1}[id^=tab-image-] .tab-image__button{color:#fff;text-decoration:none;font-size:16px;transition:all .3s ease}[id^=tab-image-] .tab-image__button:hover{text-decoration:underline}[id^=tab-image-] .tab-image__button:active{transform:translateY(0)}[id^=tab-image-] .tab-image__desktop-img{display:block}[id^=tab-image-] .tab-image__mobile-img{display:none}@media screen and (max-width: 749px){[id^=tab-image-] .tab-image__desktop-img{display:none}[id^=tab-image-] .tab-image__mobile-img{display:block}[id^=tab-image-] .tab-image__content-item-container{padding:20px;width:100%;left:0;bottom:20px;background:linear-gradient(0deg,#000000b3,#0000)}[id^=tab-image-] .tab-image__content-item-container.top-left,[id^=tab-image-] .tab-image__content-item-container.top-center,[id^=tab-image-] .tab-image__content-item-container.top-right,[id^=tab-image-] .tab-image__content-item-container.middle-left,[id^=tab-image-] .tab-image__content-item-container.middle-center,[id^=tab-image-] .tab-image__content-item-container.middle-right,[id^=tab-image-] .tab-image__content-item-container.bottom-left,[id^=tab-image-] .tab-image__content-item-container.bottom-center,[id^=tab-image-] .tab-image__content-item-container.bottom-right{top:unset;left:0;transform:translateY(2rem)!important}[id^=tab-image-] .tab-image__content{font-size:18px}[id^=tab-image-] .tab-image__content img{width:20px;height:20px;border-radius:50%;margin-top:.2rem}[id^=tab-image-] .tab-image__container{height:var(--mobile-height)}}
/*# sourceMappingURL=/cdn/shop/t/218/assets/tab-image.css.map */