.vf-banner-with-tabs{--vf-hero-yellow: #FECE00;--vf-hero-navy: var(--vf-navy, #2E2F88);--vf-hero-ink: var(--vf-ink, #1A1B2E);--card-width: 32rem;--card-opacity: 0}.vf-banner-with-tabs .banner-with-tabs__banner picture img{display:block;width:100%;height:100%;object-fit:cover}.vf-banner-with-tabs .banner-with-tabs__banner:not([data-index="0"]) picture img{height:calc(100% - 2px)}.vf-banner-with-tabs .banner-with-tabs__banner,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content{transition-duration:.3s}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content:not(.active){visibility:hidden;pointer-events:none}.vf-banner-with-tabs .banner-with-tabs__banners:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#1a1b2e8c,#1a1b2e47 35%,#1a1b2e00 60%)}[dir=rtl] .vf-banner-with-tabs .banner-with-tabs__banners:after{background:linear-gradient(to left,#1a1b2e8c,#1a1b2e47 35%,#1a1b2e00 60%)}.vf-banner-with-tabs .banner-with-tabs__cards .card-media--boxed{background:#fff;color:var(--vf-hero-ink);border-radius:1.6rem;overflow:hidden;box-shadow:0 1.2rem 3.2rem #1a1b2e2e}.vf-banner-with-tabs .card-media__media img{object-fit:contain}.vf-banner-with-tabs .card-media__content-wrapper{text-align:start}.vf-banner-with-tabs .card-media__heading{font-weight:700;color:var(--vf-hero-ink)}.vf-banner-with-tabs .card-media__button .btn{border-radius:99rem;background:var(--vf-hero-navy);border-color:var(--vf-hero-navy);color:#fff}@media(hover:hover){.vf-banner-with-tabs .card-media__button .btn:hover{color:var(--vf-hero-navy)}}@media(min-width:768px){.vf-banner-with-tabs .banner-with-tabs__tabs{min-inline-size:24rem}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__nav-wrap:before,.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab:before{display:none}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab{padding-block:1.1rem;padding-inline:0;font-weight:600;color:#fffc}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab[aria-selected=true]{color:#fff}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab-name{position:relative;display:inline-block;padding-block-end:.6rem;text-shadow:0 .1rem 1.2rem rgba(26,27,46,.35)}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab-name:after{content:"";position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:0;block-size:.3rem;border-radius:.2rem;background:var(--vf-hero-yellow);transition:inline-size .3s ease}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab[aria-selected=true] .tabs__tab-name:after{inline-size:100%}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__content{transform:translateY(.8rem);transition:opacity .3s ease,transform .3s ease}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content.active .card-media__content{transform:none}}@media(max-width:767.98px){.vf-banner-with-tabs .banner-with-tabs__content{padding-block:1.6rem 2.4rem}.vf-banner-with-tabs .banner-with-tabs__banners:after{background:linear-gradient(to bottom,#1a1b2e59,#1a1b2e00 30%)}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__nav-wrap{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin-inline:-1.6rem;padding-inline:1.6rem}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__nav-wrap::-webkit-scrollbar{display:none}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__nav-js{flex-direction:row!important;flex-wrap:nowrap;gap:.8rem;inline-size:max-content}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab{flex:0 0 auto;block-size:4rem;padding-block:0;padding-inline:1.6rem!important;border:0!important;border-radius:99rem;background:#ffffffe6!important;color:var(--vf-hero-ink);font-weight:600;white-space:nowrap;scroll-snap-align:center}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab[aria-selected=true]{background:var(--vf-hero-yellow)!important;color:var(--vf-hero-navy)}.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab-name{font-size:1.4rem;text-shadow:none}.vf-banner-with-tabs .banner-with-tabs__cards{inline-size:100%}.vf-banner-with-tabs .card-media__content .rich-text__subheading,.vf-banner-with-tabs .card-media__content .card-media__description{display:none}.vf-banner-with-tabs .card-media__button .btn{inline-size:100%}}@media(prefers-reduced-motion:reduce){.vf-banner-with-tabs .banner-with-tabs__banner,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__content,.vf-banner-with-tabs .banner-with-tabs__tabs .tabs__tab-name:after{transition-duration:.12s!important}}@media(max-width:767.98px){.vf-banner-with-tabs .btn--small{min-height:44px;padding-inline:22px;font-size:15px}}.vf-banner-with-tabs .banner-with-tabs__cards .card-media:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;z-index:2;block-size:.3rem;background:var(--vf-hero-yellow);transform:scaleX(0);transform-origin:left;pointer-events:none}[dir=rtl] .vf-banner-with-tabs .banner-with-tabs__cards .card-media:after{transform-origin:right}.vf-banner-with-tabs.vf-playing .banner-with-tabs__cards .tabs__content.active .card-media:after{animation:vf-hero-progress var(--vf-hero-every, 6s) linear forwards}@keyframes vf-hero-progress{to{transform:scaleX(1)}}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__content{transform:translateY(.8rem);transition:opacity .3s ease,transform .35s ease}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__media-wrapper{transform:scale(.9);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content.active .card-media__content,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content.active .card-media__media-wrapper{transform:none}@media(max-width:767.98px){.vf-banner-with-tabs .card-media--boxed.card-media--mobile-h-layout{display:grid;grid-template-columns:7.2rem minmax(0,1fr);align-items:center;gap:1.2rem 1.2rem}.vf-banner-with-tabs .card-media--mobile-h-layout .card-media__media-wrapper{inline-size:7.2rem}.vf-banner-with-tabs .card-media--mobile-h-layout .card-media__content,.vf-banner-with-tabs .card-media--mobile-h-layout .card-media__content-wrapper{display:contents}.vf-banner-with-tabs .card-media--mobile-h-layout .card-media__heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:1.7rem;line-height:1.35}.vf-banner-with-tabs .card-media--mobile-h-layout .card-media__button{grid-column:1 / -1;margin:0}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__content-inner,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__button{transform:translateY(.8rem);transition:transform .35s ease}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__button{transition-delay:.05s}.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content.active .card-media__content-inner,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content.active .card-media__button{transform:none}}@media(prefers-reduced-motion:reduce){.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__media-wrapper,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__content-inner,.vf-banner-with-tabs .banner-with-tabs__cards .tabs__content .card-media__button{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/vf-banner-tabs.css.map */