.videoComponent{padding-top:3rem;padding-bottom:1rem;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.videoComponent.background-primary{background-color:#0087ff}.videoComponent.background-gradientblue{background:#276ef6;background:-webkit-linear-gradient(left,#276ef6,#459df8);background:linear-gradient(to right,#276ef6,#459df8)}.videoComponent.background-primarydark{background-color:#016bff}.videoComponent.background-primarylight{background-color:#1aa4ff}.videoComponent.background-grey0{background-color:#1a2236}.videoComponent.background-grey1{background-color:#232e4a}.videoComponent.background-grey2{background-color:#4e5873}.videoComponent.background-grey3{background-color:#8791aa}.videoComponent.background-grey4{background-color:#a8b2ce}.videoComponent.background-grey5{background-color:#f2f4f8}.videoComponent.background-white{background-color:#f8f4f1}.videoComponent .wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:0 1rem;width:100%;max-width:25.5rem;padding:0 1.5rem}.videoComponent .titleWrapper,.videoComponent .subtitleWrapper{display:flex;justify-content:center}.videoComponent .title{grid-column:1 / -1;margin:0 0 1rem;width:100%;text-align:center}.videoComponent .title *{font-family:"Satoshi",sans-serif;font-weight:bold;font-size:2.625rem;line-height:3.125rem;color:#232e4a;margin:0}.videoComponent .title * strong{color:#016bff;background-color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(-234deg,#016bff 40%,#1aa4ff)}.videoComponent .subtitle{grid-column:1/-1;text-align:center;margin:0 auto 2rem;width:100%;max-width:808px}.videoComponent .subtitle *{font-family:"Satoshi",sans-serif;font-weight:normal;font-size:1.125rem;line-height:2rem;margin:0;color:#8791aa}.videoComponent .videosWrapper{position:relative;width:100%;padding-top:1rem;padding-bottom:4rem}.videoComponent .card{opacity:0;width:16.875rem;border-radius:8px;overflow:hidden;box-shadow:0px 6px 30px rgba(145,149,165,0.12),0px 3.75998px 9.19107px rgba(144,151,164,0.0503198);background-color:#fff}.videoComponent .card:not(:last-child){margin-right:1rem}.videoComponent .card--disabled{opacity:.4}.videoComponent .card__video{position:relative;height:0;padding-bottom:100%;width:100%;cursor:pointer}.videoComponent .card__video .video-js{position:absolute;top:0;left:0;display:block;width:100%;height:100%}.videoComponent .card__video video{width:100%}.videoComponent .card__video .vjs-big-play-button{display:none}.videoComponent .card__video .muteUnmutevideo{display:none;justify-content:center;align-items:center;opacity:1;position:absolute;z-index:10;top:.625rem;right:.625rem;height:1.75rem;width:1.75rem;background-color:rgba(255,255,255,0.8);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.videoComponent .card__video .playbutton{display:block;position:absolute;top:50%;left:50%;margin-left:-2rem;margin-top:-2rem;height:4rem;width:4rem;border:0;line-height:4rem;background-color:rgba(255,255,255,0.5);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center}.videoComponent .card__video .playbutton:before{content:"\f101";font-family:VideoJS;font-weight:400;font-style:normal;font-size:32px;color:#fff}.videoComponent .muteUnmutevideo svg{width:1.25rem}.videoComponent .muteUnmutevideo svg.soundoff{display:none}.videoComponent .muteUnmutevideo svg.soundon{display:block}.videoComponent .muteUnmutevideo.muted svg.soundoff{display:block}.videoComponent .muteUnmutevideo.muted svg.soundon{display:none}.videoComponent .card__content{padding:.5rem 1rem}.videoComponent .card__content *{font-family:"Satoshi",sans-serif;font-weight:bold;font-size:1.25rem;line-height:1.5rem;color:#232e4a;text-align:center}.videoComponent .card__video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}.videoComponent.darkThemedComponent .title *,.videoComponent.darkThemedComponent .subtitle *{color:#fff}.videoComponent.darkThemedComponent .title * strong,.videoComponent.darkThemedComponent .subtitle * strong{background-color:transparent;-webkit-text-fill-color:unset;-webkit-background-clip:unset;background-clip:unset;background-image:none}.videoComponent.darkThemedComponent .swiper-pagination-bullet{background-color:#fff}@media(min-width:48rem){.videoComponent .wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:0 1rem;max-width:51rem}}@media(min-width:67.5rem){.videoComponent .wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:0 1.5rem;max-width:70.5rem}.videoComponent .card__video__overlay{display:none}.videoComponent .hoveredVideo .muteUnmutevideo{display:flex}}@media(min-width:1180px){.videoComponent .cards{margin:0 auto;max-width:70.5rem;flex-direction:row;justify-content:center;align-items:flex-start}.videoComponent .card.cards-amount-2:not(:last-child){margin-right:3rem}.videoComponent .card.cards-amount-3:not(:last-child){margin-right:2rem}.videoComponent .swiper-pagination{display:none}}