.header-hero-secondary{font-family:var(--font-racing);font-size:22px;line-height:32px}
@media(min-width:1024px){.header-hero-secondary{font-size:32px;line-height:48px}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cmp-videoGrid{max-width:var(--max-width-desktop);margin:var(--spacing-16) var(--spacing-16) var(--spacing-32);font-family:var(--font-f1)}
.cmp-videoGrid__grid-container{display:flex;flex-wrap:wrap}
.cmp-videoGrid__card{margin:0 0 var(--spacing-16);width:100%}
.cmp-videoGrid__card.hidden-card{display:none}
.cmp-videoGrid__card-media{height:238px;border-radius:var(--radius-default);overflow:hidden;position:relative;width:100%;border:0;padding:0;cursor:pointer}
.cmp-videoGrid__card-media:hover .cmp-videoGrid__card-image{transform:scale(1.08)}
.cmp-videoGrid__card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cmp-videoGrid__card-title{color:var(--white);margin-block:var(--spacing-16);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-subtitle)}
@media(min-width:1024px){.cmp-videoGrid__card-title{font-size:var(--font-size-title);line-height:var(--line-height-title)}
}
.cmp-videoGrid__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.cmp-videoGrid__play-icon{display:block;width:48px;height:48px;background-image:url(clientlib-videoGrid/resources/play.svg);background-repeat:no-repeat;background-position:center;background-size:contain}
.cmp-videoGrid__cta-container{margin:var(--spacing-32) 0 0;display:flex;justify-content:center}
.cmp-videoGrid__load-more-button{position:relative;background-color:transparent;border:0;padding:var(--spacing-12) var(--spacing-20);color:var(--white);text-decoration:none;z-index:1;text-wrap:nowrap}
.cmp-videoGrid__load-more-button span{color:var(--white);font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2}
.cmp-videoGrid__load-more-button:after{content:"";background-color:var(--surface-primary-button);width:100%;height:100%;position:absolute;left:0;top:0;transform:skewX(-20deg);font-weight:var(--font-weight-bold);z-index:1}
.cmp-videoGrid__load-more-button:hover:after{background:var(--surface-primary-active-hover)}
@media(min-width:769px){.cmp-videoGrid__load-more-button span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-videoGrid .video-grid-modal{display:none;position:fixed;z-index:1001;width:92%;background-color:var(--twilight-1000);top:70px;left:50%;transform:translateX(-50%);max-height:85vh}
.cmp-videoGrid .video-grid-modal.is-open{display:block}
.cmp-videoGrid .video-grid-modal .modal-container{position:relative;width:100%;max-width:var(--max-width-desktop);margin:auto}
.cmp-videoGrid .video-grid-modal .close-modal{position:absolute;top:-56px;right:0;width:24px;height:24px;padding:0;background-image:url(clientlib-videoGrid/resources/close.svg);background-color:transparent;border:0;cursor:pointer;z-index:2}
.cmp-videoGrid .video-grid-modal .video-player-container{position:relative;width:100%;border-radius:var(--radius-default);overflow:hidden}
.cmp-videoGrid .text-content{overflow-y:auto;max-height:50vh;padding:0 0 var(--spacing-32)}
.cmp-videoGrid .video-title{color:var(--white);font-size:var(--font-size-subtitle);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-subtitle);margin:var(--spacing-20) 0 var(--spacing-8)}
.cmp-videoGrid .video-description{color:var(--twilight-500);font-size:var(--font-size-body-2);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-2)}
.cmp-videoGrid .video-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--twilight-1000);z-index:1000}
.cmp-videoGrid .video-modal-overlay.is-open{display:block}
@media(min-width:769px){.cmp-videoGrid{margin:var(--spacing-32) auto var(--spacing-64)}
.cmp-videoGrid .video-grid-modal{top:78px}
.cmp-videoGrid .text-content{max-height:84px}
.cmp-videoGrid__container{margin:0 var(--spacing-56)}
.cmp-videoGrid__grid-container{display:grid;grid-template-columns:repeat(3,1fr);row-gap:60px;column-gap:16px;width:100%;margin:0 0 var(--spacing-80)}
.cmp-videoGrid__card{width:100%;max-width:100%;height:auto;margin:0}
.cmp-videoGrid__card-media{height:223px}
.cmp-videoGrid .video-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-title)}
.cmp-videoGrid .video-description{font-size:var(--font-size-body-1);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-1)}
.cmp-videoGrid .close-modal:focus{outline:1px solid var(--twilight-500);outline-offset:2px}
}
body.modal-open{overflow:hidden}