@keyframes skeleton{from{background:#c2c2c2}to{background:#f3f3f3}}.component-focus-on{aspect-ratio:9/16;min-height:100vh;width:100%;position:relative;color:#fff}@supports(height: 1svh){.component-focus-on{min-height:100svh}}.component-focus-on--wrapper{background-color:#000}.component-focus-on--wrapper+div,.component-focus-on--wrapper+section{position:relative;background-color:#fff}.component-focus-on .focus-on__title{z-index:4}.component-focus-on .focus-on__grid{row-gap:6rem;pointer-events:all}.component-focus-on .focus-on__slide{height:10.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;opacity:.8}.component-focus-on .focus-on__slide-playbutton{display:flex;position:absolute;right:calc(6.8rem - (var(--container-width) - calc(20 * var(--col-width) + 22.8rem)));bottom:-8.4rem;z-index:4}.component-focus-on .focus-on__slide .button{opacity:0}.component-focus-on .focus-on__slide .button:focus-visible{outline-color:#fff}.component-focus-on .focus-on__slide.active{opacity:1}.component-focus-on .focus-on__slide.active .button{opacity:1;transition:opacity .3s ease-out}.component-focus-on .focus-on__slide-index{margin-bottom:.4rem;line-height:2.4rem;display:flex;align-items:center;gap:1.2rem}.component-focus-on .focus-on__slide-index .icon{filter:invert(100%)}.component-focus-on .focus-on__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.component-focus-on .focus-on__media .video-container{height:100%}.component-focus-on .focus-on__media .video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.component-focus-on .focus-on__media img,.component-focus-on .focus-on__media video{width:100%;height:100%;object-fit:cover;object-position:center}.component-focus-on .focus-on__media::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.55);z-index:3}.component-focus-on .focus-on__content{position:sticky;top:0;left:0;width:100%;padding-top:6rem;padding-bottom:10rem;overflow:hidden;height:100vh;display:flex;flex-direction:column;justify-content:space-between}@supports(height: 1svh){.component-focus-on .focus-on__content{height:100svh}}.component-focus-on .focus-on__content--wrapper{position:absolute;width:100%;height:100%;top:0;left:0;overflow:visible;display:flex;z-index:3;pointer-events:none}.component-focus-on .swiper-wrapper{overflow-x:visible;pointer-events:all}.component-focus-on .swiper-slide{flex:1 0 auto;flex-basis:calc(20*var(--col-width) + 22.8rem);max-width:calc(20*var(--col-width) + 22.8rem)}.component-focus-on .swiper-slide:last-child{flex:1 0 auto;flex-basis:calc(24*var(--col-width) + 27.6rem);max-width:calc(24*var(--col-width) + 27.6rem)}.component-focus-on .swiper-slide:last-child .focus-on__slide-playbutton{right:6.8rem}.component-focus-on .navigation{filter:invert(100%);position:absolute;bottom:1.4rem;left:0;width:100%;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:.8rem;pointer-events:none}.component-focus-on .navigation button{pointer-events:all}.component-focus-on .navigation button[aria-disabled=true]{opacity:.4}@media only screen and (min-width: 1280px){.component-focus-on{aspect-ratio:16/9}.component-focus-on .swiper-slide{position:static;flex:1 0 auto;flex-basis:calc(6*var(--col-width) + 6rem);max-width:calc(6*var(--col-width) + 6rem)}.component-focus-on .swiper-slide .focus-on__slide-playbutton{bottom:-4rem;right:6.8rem;transform:translateX(var(--swiper-translation))}.component-focus-on .swiper-slide:last-child{flex:1 0 auto;flex-basis:calc(24*var(--col-width) + 27.6rem);max-width:calc(24*var(--col-width) + 27.6rem)}.component-focus-on .focus-on__content{padding-top:8rem;padding-bottom:6rem}.component-focus-on .focus-on__slide-playbutton{bottom:2rem;right:var(--container-fill-half-padding)}.component-focus-on .navigation{bottom:1.9rem}}@media only screen and (min-width: 1920px){.component-focus-on .focus-on__content{padding-bottom:8rem}.component-focus-on .focus-on__slide-playbutton{bottom:1.8rem;right:1.8rem}}

/*# sourceMappingURL=../component-focuson.css.map*/