.image-banner-v3-container{display:flex}.image-banner-v3-container video,.image-banner-v3-container img{width:100%;height:auto;display:block}.image-banner-v3__left{width:calc(100% - var(--media-width));box-sizing:border-box}.image-banner-v3__content{display:flex;flex-direction:column;padding:5% 0;justify-content:center;height:100%}.image-banner-v3__cont-list{position:relative}.image-banner-v3__cont-title{font-size:4rem;line-height:1.3;font-weight:700;background:linear-gradient(90deg,#ff8f54,#ff5800 104.48%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.image-banner-v3__cont-desc{font-size:1.8rem;margin-top:1rem;line-height:1.3;min-height:2.6em}.image-banner-v3__tabs{width:100%;margin-top:3rem}.image-banner-v3__tab{display:flex;flex-direction:column;align-items:center;gap:1.5rem;opacity:.5;transition:opacity .4s}.image-banner-v3__tab.swiper-slide-active{opacity:1}.image-banner-v3__tab.swiper-slide-active .image-banner-v3__video-label{background:linear-gradient(90deg,#ff8f54,#ff5800 104.48%);color:#fff}.image-banner-v3__tab:not(.swiper-slide-active) .video-progress-circle{opacity:0}.image-banner-v3__video-box{border-radius:50%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;padding:1.8rem}.image-banner-v3__tab .image-banner-v3__video-poster{position:absolute;width:calc(100% - 36px);height:calc(100% - 36px);left:1.8rem;top:1.8rem;z-index:2;opacity:1;visibility:visible;pointer-events:none;border-radius:50%;overflow:hidden}.image-banner-v3__tab.swiper-slide-active .image-banner-v3__video-poster{opacity:0;visibility:hidden}.video-progress-circle{position:absolute;width:100%;height:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.image-banner-v3__video{border-radius:50%;object-fit:cover}@keyframes progressBarFill{0%{stroke-dashoffset:301.5929}to{stroke-dashoffset:0}}.progress-bar{stroke-dasharray:301.5929;stroke-dashoffset:301.5929;transform:rotate(-90deg);transform-origin:50% 50%}.progress-bar.animated{animation-name:progressBarFill;animation-timing-function:linear;animation-fill-mode:forwards}.image-banner-v3__video-label{color:#000;background:#fff;border-radius:2rem;padding:.5em 0;line-height:1;font-size:2rem;font-weight:700;-webkit-user-select:none;user-select:none;width:100%;text-align:center}.image-banner-v3-right{flex:1;position:relative}.image-banner-v3__cont-item,.image-banner-v3__media{text-align:center;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s}.image-banner-v3__cont-item.selected,.image-banner-v3__media.selected{opacity:1;position:static}@media screen and (min-width:769px){.image-banner-v3-right{order:var(--media-sort)}}@media screen and (max-width:768px){.image-banner-v3-container{display:flex;flex-direction:column}.image-banner-v3__left{width:100%}.image-banner-v3__content{padding:2rem 0}.image-banner-v3__video-box{padding:1rem}.image-banner-v3__tab .image-banner-v3__video-poster{width:calc(100% - 20px);height:calc(100% - 20px);left:1rem;top:1rem}.image-banner-v3__video-label{font-size:1.4rem;padding:.5em 0;width:95%;text-align:center;margin-left:2.5%}.image-banner-v3__cont-title{font-size:6vw}.image-banner-v3__cont-desc{font-size:1.4rem}.image-banner-v3__tabs{width:100%;margin-top:2rem}.image-banner-v3__tab{gap:1.2rem}.image-banner-v3-right{order:-1}}.image-banner-v3__navi-button{display:flex;justify-content:center;align-items:center;margin-top:3rem;gap:12%}.image-banner-v3__arrow-button svg{width:44px;height:auto;display:block}.image-banner-v3__arrow-button:not(.swiper-button-disabled){color:var(--active-arrow-button-color)}@media screen and (max-width:768px){.image-banner-v3__arrow-button svg{width:30px}.image-banner-v3__navi-button{margin-top:2rem}}.image-banner-v3__tab-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem 5%;max-width:750px}.image-banner-v3__heading{font-size:4rem;line-height:1.3em;font-weight:700;color:var(--heading-color)}.image-banner-v3__subheading{font-size:20px;margin-top:10px;line-height:1.3em;color:var(--subheading-color)}.image-banner-v3__button-tabs{position:relative;display:flex;background:#ffffffb3;width:fit-content;border-radius:5rem;padding:.8rem 1.5rem;margin:4% 0}.image-banner-v3__button-tab{color:var(--tab-text-color);cursor:pointer;border-radius:5rem;padding:.6em 1.4em;font-size:1.4rem;line-height:1.4;font-weight:700;-webkit-user-select:none;user-select:none;letter-spacing:0}.image-banner-v3__button-tab.selected{background:var(--active-tab-bg-color);color:var(--active-tab-text-color);opacity:1}.image-banner-v3__tabs-contents{position:relative}.image-banner-v3__tabs-content{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;transition:opacity .4s}.image-banner-v3__tabs-content.selected{opacity:1;position:static}.image-banner-v3__tabs-content-title{background:linear-gradient(90deg,#ff8f54,#ff5800 104.48%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:3.8rem;line-height:1.2}.image-banner-v3__tabs-content-richtext{margin-top:1.5rem}.image-banner-v3__tabs-content-richtext *{margin:.5rem 0;padding:0;font-size:1.8rem;line-height:1.5}.image-banner-v3__tabs-content-richtext ul,.image-banner-v3__tabs-content-richtext ol{list-style:none;gap:.5rem}.image-banner-v3__tabs-content-richtext li:before{display:inline-block;vertical-align:top;margin-right:.5rem;width:18px;height:18px;background-image:url(/cdn/shop/files/SVG.svg?v=1754638279);background-size:100% 100%;content:"";margin-top:.1rem}@media screen and (min-width: 769px){.image-banner-v3__button-tab{white-space:nowrap}}@media screen and (max-width: 768px){.image-banner-v3__tab-container{padding:2rem 1rem}.image-banner-v3__heading{font-size:6vw}.image-banner-v3__subheading{font-size:14px}.image-banner-v3__button-tabs{flex-wrap:wrap;justify-content:space-between;row-gap:2vw;width:100%;border-radius:1.2rem}.image-banner-v3__button-tab{font-size:1.2rem;width:48%;white-space:wrap;display:flex;justify-content:center;align-items:center;text-align:center}.image-banner-v3__tabs-content-title{font-size:5.8vw}.image-banner-v3__tabs-content-richtext{margin-top:1rem}.image-banner-v3__tabs-content-richtext *{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/image-banner-v3.css.map */