.banner-with-tabbing-content{position:relative;background:var(--main-bg, #fff);padding-top:var(--section-padding-top, 0);padding-bottom:var(--section-padding-bottom, 0)}.banner-with-tabbing-main-image-content{position:relative;height:var(--image-height-vh, 60vh);width:100%}.banner-with-tabbing-main-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out}.banner-with-tabbing-main-image.active{opacity:1;visibility:visible}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--nav-btn-bg, #000);color:#fff;border:none;width:var(--nav-btn-size, 40px);height:var(--nav-btn-size, 40px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;display:none}.nav-button:hover{transform:translateY(-50%) scale(1.04)!important}.nav-button--prev{left:20px}.nav-button--next{right:20px}.nav-button svg{color:var(--nav-btn-arrow-color, #fff);transition:color .3s ease}.banner-with-tabbing-main-image .image-with-text__media{background:transparent;width:100%;height:100%}.image-with-text__media img{width:100%;height:100%;object-fit:cover}.custom-video{height:100%;width:100%;object-fit:cover;border-radius:20px}.video-wrapper{position:relative;width:100%;height:100%;border-radius:20px}.video-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.video-wrapper.has-poster .custom-video{opacity:0}.video-wrapper.is-playing .custom-video{opacity:1}.video-wrapper.is-playing .video-poster{display:none}.video-play-btn{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;z-index:4;background:transparent;border:none;cursor:pointer}.video-play-btn span{width:90px;height:90px;margin:0 auto;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.video-play-btn svg{width:70px;height:70px}.video-play-btn span:hover{transform:scale(1.1)}.video-play-btn.is-hidden{display:none;pointer-events:none}.banner-with-tabbing-main{padding:0 15px;margin:0 auto}.tab-navigation-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin:20px auto 40px}.tab-arrow{display:none;position:absolute;top:40%;border-radius:50%;width:32px;height:32px;cursor:pointer;z-index:10;transition:all .3s ease;background:transparent;border:none}.tab-arrow--left{left:-16px;top:3px}.tab-arrow--right{right:-16px;top:3px}.tab-arrow svg{color:#666;transition:color .3s ease}.tab-arrow:hover svg{color:#333}.tab-arrow.hidden{opacity:0;visibility:hidden;pointer-events:none}.banner-with-tab-header{display:flex;width:fit-content;margin:0 auto;flex-wrap:nowrap;justify-content:center;overflow:hidden;overflow-x:auto;column-gap:14px;border:1px solid #2d2d2f;scroll-behavior:smooth;border-radius:9999px;border-color:#2d2d2f}.banner-with-tab-header::-webkit-scrollbar{display:none}div:empty{display:block}.tab-header{width:auto;color:#2d2d2f;padding:11px 35px;cursor:pointer;position:relative;transition:opacity .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out;text-wrap:nowrap;opacity:.85;border-radius:9999px}.tab-header h3{font-size:var(--tab-font-size-desktop, 18px);text-align:center;margin:0;line-height:1.3;font-weight:400;color:#2d2d2f;transition:color .3s ease}.tab-header.active h3{color:#fff}.tab-header:hover h3{color:#000}.tab-header.active:hover h3{color:#fff}.banner-with-tab-content{margin-top:15px;position:relative}.banner-with-tab-content.top-desp{margin-bottom:30px;margin-top:-10px;min-height:1.5em}.banner-with-tab-content.bot-desp{margin-top:20px;margin-bottom:0;min-height:4em}.banner-with-tabbing-heading{text-align:center}.banner-with-tabbing-heading h2{margin:0 0 30px}.image-with-text__media img{border-radius:20px}.banner-tab{text-align:center;max-width:var(--max-content-width, 1000px);margin:0 auto;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:absolute;top:0;left:50%;transform:translate(-50%);width:100%}.banner-tab.active{opacity:1;visibility:visible;position:absolute;top:0;left:50%;transform:translate(-50%)}.banner-tab p{font-size:var(--desc-font-size-desktop, 16px);line-height:var(--desc-line-height, 1.6);color:var(--desc-color, #3F3F3F);padding-top:0;margin:0}.tab-header:hover:after{width:100%}.tab-header.active:after{width:100%}.tab-header.active,.tab-header:hover{opacity:1}.tab-header.active{opacity:1;color:#fff}.sp-divider-wrap{width:100%}.sp-divider{margin:0 auto;text-align:center}@media (max-width: 767px){.tab-header{padding-left:2rem;padding-right:2rem}.nav-button{display:none}.tab-navigation-wrapper{margin:0 10px}.banner-with-tab-content.top-desp{min-height:3em}.banner-with-tabbing-content{padding-top:var(--section-padding-top-mobile, var(--section-padding-top, 0));padding-bottom:var(--section-padding-bottom-mobile, var(--section-padding-bottom, 0))}.banner-with-tabbing-main{padding:0}.banner-with-tabbing-main-image-content{height:var(--image-height-mobile-vh, var(--image-height-vh, 60vh))}.tab-header h3{font-size:var(--tab-font-size-mobile, var(--tab-font-size-desktop, 16px))}.tab-arrow{display:flex;align-items:center;justify-content:center}.tab-arrow--left{left:-25px}.tab-arrow--right{right:-25px}.banner-with-tab-mixed-layout{display:flex;overflow-x:scroll;overflow-y:hidden}.banner-with-tab-column{width:55vw;flex:none}.banner-with-tab-mixed-layout::-webkit-scrollbar{display:none}.banner-with-tab-header{width:auto!important;max-width:100%;overflow-x:auto;column-gap:10px;justify-content:flex-start;border:none;margin:0 0 30px}.banner-with-tabbing-main{margin:0 auto;padding:0}.banner-with-tabbing-main-image .image-with-text__media{padding:0}.banner-with-tab-content.bot-desp{min-height:5em}.banner-with-tabbing-main-image{transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.banner-tab{transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.nav-button--prev{left:10px}.nav-button--next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/tabbed-media.css.map */