.interactive-banner{--height-mobile: 42.5rem;--height-tablet: 52.5rem;--height-desktop: 67.5rem;--background-image-max-width: 90rem;--background-image-height: 50rem;--background-image-height-tablet: 37.5rem;--background-image-height-mobile: 28.125rem;--content-animation-length: 0.9s;--background-image-animation-length: 1.8s;position:relative;background-color:var(--background-color);text-align:center;color:#fff;align-items:center;padding:0 1rem;padding-top:2rem;padding-bottom:1.5rem;height:var(--height-mobile)}@media screen and (min-width: 48rem){.interactive-banner{padding:0 5.875rem;padding-top:3.5rem;height:var(--height-tablet)}}@media all and (min-width: 64rem){.interactive-banner{padding:0;padding-top:6rem;height:var(--height-desktop)}.interactive-banner__content{max-width:54rem;margin:0 auto}}.interactive-banner__title.hide,.interactive-banner__description.hide,.interactive-banner__button.hide,.interactive-banner__background-image.hide{opacity:0}.interactive-banner__title.show,.interactive-banner__description.show,.interactive-banner__button.show,.interactive-banner__background-image.show{animation:opacityFadeIn 2s}@keyframes opacityFadeIn{0%{opacity:0}25%{opacity:25%}50%{opacity:50%}75%{opacity:75%}100%{opacity:1}}.interactive-banner__content{position:relative;display:flex;flex-direction:column;gap:1.5rem;flex:1;z-index:1}.interactive-banner__content.default-animation{animation:slideFadeIn var(--content-animation-length) ease-out}.interactive-banner__button{margin-top:.75rem}.interactive-banner__footer{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;justify-content:center;align-items:center}.interactive-banner__content-bottom{flex-direction:column}.interactive-banner__description{color:var(--description-color)}.interactive-banner__title{color:var(--title-color)}.interactive-banner__logo-container{display:flex;align-items:center;justify-content:center;height:2rem}@media screen and (min-width: 48rem){.interactive-banner__logo-container{height:2.25rem}}@media all and (min-width: 64rem){.interactive-banner__logo-container{height:2.5rem}}.interactive-banner__logo{height:100%}.interactive-banner__background-image{position:absolute;z-index:0;bottom:0;left:0;right:0;margin:0 auto;animation:fadeIn var(--background-image-animation-length) ease-out;max-width:var(--background-image-max-width);width:100%;height:var(--background-image-height-mobile)}@media screen and (min-width: 48rem){.interactive-banner__background-image{height:var(--background-image-height-tablet)}}@media all and (min-width: 64rem){.interactive-banner__background-image{height:var(--background-image-height)}}.interactive-banner__background-image{user-select:none}.interactive-banner__background-image img{user-select:none;pointer-events:none;object-fit:cover;width:100%;height:100%}.interactive-banner__background-image img.mobile{object-fit:contain;object-position:top}.interactive-banner__background-image img.hide-on-mobile{display:none}@media screen and (min-width: 38.375rem){.interactive-banner__background-image img.mobile{display:none}.interactive-banner__background-image img.hide-on-mobile{display:block;object-fit:cover;object-position:unset}}@media screen and (min-width: 38.375rem)and (min-width: 48rem){.interactive-banner__background-image img.hide-on-mobile{--background-image-height: 39rem;height:var(--background-image-height)}}.interactive-banner__flex{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media screen and (min-width: 48rem){.interactive-banner__flex{flex-direction:row}}.interactive-banner--top .interactive-banner__background-image{top:0;bottom:auto}.interactive-banner__internet-type{--height-mobile: 28.75rem;--height-tablet: 46.25rem;--height-desktop: 55.625rem;--background-image-height-mobile: 20.25rem}.interactive-banner__internet-type .interactive-banner__button{margin-top:.5rem}.interactive-banner__internet-type .interactive-banner__content{max-width:53rem}.interactive-banner__netflix-type{--height-desktop: 50.625rem}.interactive-banner__netflix-type .interactive-banner__background-image{width:100%;height:100%;max-width:100%}.interactive-banner__netflix-type .interactive-banner__content{max-width:66.625rem;padding:0 1rem}.interactive-banner__netflix-type .interactive-banner__content .interactive-banner__title-small{margin-top:.625rem}.interactive-banner__netflix-type .interactive-banner__content .interactive-banner__button{margin-top:unset}@media screen and (min-width: 48rem){.interactive-banner__netflix-type .interactive-banner__content{margin-bottom:3rem}}@media all and (min-width: 64rem){.interactive-banner__netflix-type .interactive-banner__content{margin-bottom:5rem}}.interactive-banner__hbo-max-type{--height-desktop: 37.5rem}@media screen and (min-width: 48rem){.interactive-banner__hbo-max-type{--height-desktop: 45rem}}.interactive-banner__hbo-max-type .interactive-banner__logo-container{height:2.318125rem}@media screen and (min-width: 48rem){.interactive-banner__hbo-max-type .interactive-banner__logo-container{height:2.75rem}}@media all and (min-width: 64rem){.interactive-banner__hbo-max-type .interactive-banner__logo-container{height:4rem}}.interactive-banner__hbo-max-type .interactive-banner__background-image{width:100%;height:100%;max-width:100%}.interactive-banner__hbo-max-type .interactive-banner__content{max-width:66.625rem;padding:0 1rem;margin-bottom:3rem}.interactive-banner__hbo-max-type .interactive-banner__content .interactive-banner__title-small{margin-top:.625rem}.interactive-banner__hbo-max-type .interactive-banner__content .interactive-banner__button{margin-top:unset}@media screen and (min-width: 48rem){.interactive-banner__hbo-max-type .interactive-banner__content{margin-bottom:2.5rem}}@media all and (min-width: 64rem){.interactive-banner__hbo-max-type .interactive-banner__content{margin-bottom:4.5rem}}.interactive-banner__adjusted-height{--height-mobile: 29.82rem}.interactive-banner__adjusted-width{--height-mobile: 28.75rem;--background-image-height-mobile: 20.25rem}.interactive-banner__adjusted-width img{height:var(--background-image-height-mobile)}@media screen and (min-width: 48rem){.interactive-banner__adjusted-width{--height-tablet: 48rem;--background-image-height-tablet: 47rem}.interactive-banner__adjusted-width img{height:var(--background-image-height-tablet)}}@media all and (min-width: 64rem){.interactive-banner__adjusted-width{--background-image-height: 50rem}.interactive-banner__adjusted-width img{height:var(--background-image-height)}}.interactive-banner__itv-type{--background-image-max-width: 164rem;--height-desktop: 50.625rem}.interactive-banner__itv-type .interactive-banner__background-image.js-interactive-banner-image{height:100%}.interactive-banner__itv-type .interactive-banner__content{max-width:66.625rem;padding:0 1rem}.interactive-banner__itv-type .interactive-banner__content .interactive-banner__title-small{margin-top:.625rem}.interactive-banner__itv-type .interactive-banner__content .interactive-banner__button{margin-top:unset}@media screen and (min-width: 48rem){.interactive-banner__itv-type .interactive-banner__content{margin-bottom:3rem}}@media all and (min-width: 64rem){.interactive-banner__itv-type .interactive-banner__content{margin-bottom:5rem}}@media all and (min-width: 100rem){.interactive-banner__netflix-type .interactive-banner__background-image img,.interactive-banner__hbo-max-type .interactive-banner__background-image img{object-fit:contain;object-position:top}}@media all and (min-width: 128.75rem){.interactive-banner__itv-type .interactive-banner__background-image img{object-fit:contain;object-position:top}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(25%)}25%{opacity:0}100%{opacity:1;transform:translateY(0)}}