.video-button{position:relative;width:48px;height:48px;background-color:hsla(0,0%,100%,.3);border-radius:100%;transition:opacity .3s}@media(min-width:768px){.video-button{width:88px;height:88px}}.video-button:hover::before{background-color:#a41342}.video-button:focus-visible{outline:2px solid #e51a5c;outline-offset:2px;border-radius:100%}.video-button::before{position:absolute;content:"";inset:4px;border-radius:100%;background-color:#e51a5c;transition:background-color .3s}@media(min-width:768px){.video-button::before{inset:8px}}.video-button::after{position:absolute;content:"";top:12px;left:14px;width:24px;height:24px;background-color:#fff;mask:url("/dist/images/btn-play.svg") no-repeat center;mask-size:contain}@media(min-width:768px){.video-button::after{top:24px;left:27px;width:40px;height:40px}}.video-button--pause::after{left:12px;mask:url("/dist/images/pause-icon.svg") no-repeat center;mask-size:contain}@media(min-width:768px){.video-button--pause::after{left:24px}}.video-button--hidden{opacity:0}.video-teaser{position:relative;padding-top:32px;padding-bottom:32px;font:0/0 "Open Sans",-apple-system,BlinkMacSystemFont,Roboto,sans-serif}@media(min-width:768px){.video-teaser{padding-top:40px;padding-bottom:40px}}@media(min-width:1440px){.video-teaser{padding-top:48px;padding-bottom:48px}}.video-teaser__container{position:relative;width:100%;height:100%;background-color:#9fb7f4;border-radius:8px;overflow:hidden}.video-teaser__container:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5)}.video-teaser--plays .video-teaser__container::after{display:none}.video-teaser__poster{position:absolute;top:0px;right:0px;bottom:0px;left:0px;border-radius:8px;transition:opacity .3s}.video-teaser__poster img{width:100%;height:100%;object-fit:cover}.video-teaser__video{width:100%;height:auto;object-fit:cover;border-radius:8px;transition:opacity .3s}.video-teaser__content{position:absolute;top:16px;right:16px;bottom:16px;left:16px;display:flex;flex-direction:column;justify-content:end;gap:8px;pointer-events:none;z-index:1}@media(min-width:768px){.video-teaser__content{top:32px;right:32px;bottom:32px;left:32px}}@media(min-width:1024px){.video-teaser__content{top:40px;right:40px;bottom:40px;left:40px;gap:12px}}@media(min-width:1440px){.video-teaser__content{top:48px;right:48px;bottom:48px;left:48px;gap:16px}}.video-teaser__title{font-family:"Unbounded",sans-serif;font-size:20px;line-height:24px;font-weight:500;color:#fff;transition:opacity .3s}@media(min-width:768px){.video-teaser__title{font-size:38px;line-height:48px;font-weight:600}}@media(min-width:1024px){.video-teaser__title{line-height:48px}}@media(min-width:1440px){.video-teaser__title{font-size:44px;line-height:52px}}.video-teaser--plays .video-teaser__title{visibility:hidden;opacity:0}.video-teaser__button-group{display:flex;align-items:center;gap:8px}@media(min-width:768px){.video-teaser__button-group{gap:12px}}@media(min-width:1024px){.video-teaser__button-group{gap:16px}}.video-teaser__button{flex-shrink:0;width:28px;height:28px;pointer-events:all}@media(min-width:768px){.video-teaser__button{width:68px;height:68px}}@media(min-width:1024px){.video-teaser__button{width:88px;height:88px}}.video-teaser__button::before{inset:2px}@media(min-width:768px){.video-teaser__button::before{inset:6px}}@media(min-width:1024px){.video-teaser__button::before{inset:8px}}.video-teaser__button:after{top:6px;left:7px;width:16px;height:16px}@media(min-width:768px){.video-teaser__button:after{top:18px;left:21px;width:32px;height:32px}}@media(min-width:1024px){.video-teaser__button:after{top:24px;left:27px;width:40px;height:40px}}.video-teaser__button.video-button--pause{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-teaser__button.video-button--pause::after{left:6px}@media(min-width:768px){.video-teaser__button.video-button--pause::after{left:18px}}@media(min-width:1024px){.video-teaser__button.video-button--pause::after{left:24px}}.video-teaser__description{font-family:"Unbounded",sans-serif;font-size:14px;line-height:18px;font-weight:400;color:#fff;transition:opacity .3s}@media(min-width:768px){.video-teaser__description{font-size:28px;line-height:32px}}.video-teaser--plays .video-teaser__description{visibility:hidden;opacity:0}.case-study-page .video-teaser__container{max-width:552px;margin:0 auto}@media(min-width:768px){.case-study-page .video-teaser__container{max-width:584px}}@media(min-width:1024px){.case-study-page .video-teaser__container{max-width:798px}}@media(min-width:1440px){.case-study-page .video-teaser__container{max-width:1064px}}
