.FYoutubeVideo{aspect-ratio:var(--FYoutubeVideo--aspectRatio);border-radius:1rem;position:relative;overflow:hidden}.FVideo{background-color:var(--color--secondary);background-image:var(--FVideo--backgroundImage);width:var(--FVideo--width);aspect-ratio:var(--FVideo--aspectRatio);height:var(--FVideo--height);background-repeat:no-repeat;background-size:cover;margin:0 auto}.FVideo--roundedCorners{border-radius:1rem}.FVideo__container{cursor:var(--FVideo--cursor);height:100%;position:relative}.FVideo__playButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.FVideo__playButton .FButton{border-radius:3rem;width:7rem;height:7rem}@media (width<=599.98px){.FVideo__playButton .FButton{border-radius:1.5rem;width:3.5rem;height:3.5rem}}.FVideo__playIcon{width:3rem;height:3rem}@media (width<=599.98px){.FVideo__playIcon{width:1.5rem;height:1.5rem}}.FVideo__video{max-height:calc(100vh - 2.25rem);margin:0 auto}.FVideo__video--inline{position:absolute;inset:0}.FUseCaseCard{padding:0;position:relative}.FUseCaseCard__card{overflow:hidden}.FUseCaseCard__card:after{content:"";background-color:var(--FUseCaseCard--textColor);width:100%;height:100%;transition:transform .5s var(--transition--ease-out);position:absolute;top:0;left:0;transform:translate(calc(-100% - 1px))}.FUseCaseCard__card:hover:after{transform:translate(0)}.FUseCaseCard__card:after{z-index:0}.FUseCaseCard__card:hover .FUseCaseCard__body__cityName,.FUseCaseCard__card:hover .FUseCaseCard__body__title,.FUseCaseCard__card:hover .FUseCaseCard__footer{color:var(--FUseCaseCard--color)}.FUseCaseCard__card:hover .FUseCaseCard__image{scale:1.1}.FUseCaseCard__header{text-transform:uppercase;text-align:center;transition:background-color .5s var(--transition--ease-out);background-color:var(--FUseCaseCard--header--color);color:var(--FUseCaseCard--header--textColor);--x1:var(--fluid-font--breakpoint-min-px);--x2:var(--fluid-font--breakpoint-max-px);--f1:var(--overline--font-size-min-px);--f2:var(--overline--font-size-max-px);font-size:clamp(var(--f1) * .0625rem,((var(--f2) - var(--f1))/(var(--x2) - var(--x1))) * 100vw + (var(--f1) * var(--x2) - var(--f2) * var(--x1))/(var(--x2) - var(--x1)) * .0625rem,var(--f2) * .0625rem);--l1:var(--overline--line-height-min-px);--l2:var(--overline--line-height-max-px);line-height:clamp(var(--l1) * .0625rem,((var(--l2) - var(--l1))/(var(--x2) - var(--x1))) * 100vw + (var(--l1) * var(--x2) - var(--l2) * var(--x1))/(var(--x2) - var(--x1)) * .0625rem,var(--l2) * .0625rem);font-weight:var(--overline--font-weight);font-family:var(--overline--font-family);letter-spacing:var(--overline--letter-spacing);z-index:1;padding:1rem;position:relative}.FUseCaseCard__content{position:relative}.FUseCaseCard__body{z-index:1;flex-direction:column;padding:1rem 1rem 0;display:flex;position:relative}.FUseCaseCard__body .FUseCaseCard__body__cityName,.FUseCaseCard__body .FUseCaseCard__body__title,.FUseCaseCard__body .FUseCaseCard__footer.FLink{color:var(--FUseCaseCard--textColor);transition:color .5s var(--transition--ease-out)}.FUseCaseCard__imageContainer{border-radius:1rem;overflow:hidden}.FUseCaseCard__image{transition:scale .5s var(--transition--ease-out)}.FUseCaseCard__text{z-index:1;flex-direction:column;padding:1rem;display:flex}.FUseCaseCard__body__cityName{color:inherit;--x1:var(--fluid-font--breakpoint-min-px);--x2:var(--fluid-font--breakpoint-max-px);--f1:var(--subtitle-1--font-size-min-px);--f2:var(--subtitle-1--font-size-max-px);font-size:clamp(var(--f1) * .0625rem,((var(--f2) - var(--f1))/(var(--x2) - var(--x1))) * 100vw + (var(--f1) * var(--x2) - var(--f2) * var(--x1))/(var(--x2) - var(--x1)) * .0625rem,var(--f2) * .0625rem);--l1:var(--subtitle-1--line-height-min-px);--l2:var(--subtitle-1--line-height-max-px);line-height:clamp(var(--l1) * .0625rem,((var(--l2) - var(--l1))/(var(--x2) - var(--x1))) * 100vw + (var(--l1) * var(--x2) - var(--l2) * var(--x1))/(var(--x2) - var(--x1)) * .0625rem,var(--l2) * .0625rem);font-weight:var(--subtitle-1--font-weight);font-family:var(--subtitle-1--font-family);letter-spacing:var(--subtitle-1--letter-spacing);margin-bottom:.5rem}.FUseCaseCard__footer{text-transform:uppercase;padding:0 2rem 2rem}.FUseCaseCard__footer .FLink{z-index:1}
