.primary-navigation-buttons{position:absolute;top:100%;margin-top:32px;font-size:0;line-height:0;border:0;width:45px;height:45px;z-index:2}
.navigation-prev-button{background:url('../clientlib-site/resources/images/previous.png') no-repeat center;right:55px;width:45px;height:45px;background-size:contain;border:0}
.navigation-prev-button:hover{background:url('../clientlib-site/resources/images/previous-hover.png') no-repeat center;background-size:45px 45px}
.navigation-next-button{background:url('../clientlib-site/resources/images/next.png') no-repeat center;right:0;width:45px;height:45px;background-size:contain;border:0}
.navigation-next-button:hover{background:url('../clientlib-site/resources/images/next-hover.png') no-repeat center;background-size:45px 45px}
.pause-button{border:0;background:url('../clientlib-site/resources/images/pause_white.svg') no-repeat center;width:42px;height:43px}
.play-button{border:0;background:url('../clientlib-site/resources/images/play_white.svg') no-repeat center;width:42px;height:43px}
.pause-button-animated{position:relative;width:45px;height:45px;border:0;background:url('../clientlib-site/resources/images/pause-icon.svg') no-repeat center;background-size:contain}
.pause-button-animated svg{position:absolute;top:0;left:0;width:45px;height:45px;transform:rotate(-90deg);pointer-events:none}
.pause-button-animated .progress-circle{fill:none;stroke:var(--white);stroke-width:2.5;stroke-linecap:round;transition:none}
.swiper-pagination-bullet{border-radius:8px;height:8px;border:0;opacity:1;padding:0;background:var(--white);width:8px}
.swiper-pagination-bullet-active{width:24px;background:var(--accent-primary);box-shadow:none}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cmp-videoGrid{max-width:var(--component-global-max-width);font-family:var(--font-f1);background:var(--background-primary);color:var(--text-primary);margin:0 auto}
.cmp-videoGrid__container{max-width:var(--component-content-max-width);max-width:var(--cards-container-max-width-desktop);padding-inline:var(--padding-x-mobile);padding-bottom:var(--mobile-padding-bottom)}
@media(min-width:768px){.cmp-videoGrid__container{padding-inline:var(--padding-x-desktop)}
}
@media(min-width:768px){.cmp-videoGrid__container{padding-bottom:var(--desktop-padding-bottom)}
}
.cmp-videoGrid__grid-container{display:flex;flex-wrap:wrap}
.cmp-videoGrid__card{margin:0 0 var(--spacing-20);width:100%}
.cmp-videoGrid__card .cmp-videoGrid__card-info .video-indicator,.cmp-videoGrid__card .cmp-videoGrid__card-info .play-button{display:none}
.cmp-videoGrid__card.hidden-card{display:none}
.cmp-videoGrid__card-media{height:238px;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;object-position:center;transition:transform .5s ease}
.cmp-videoGrid__card-title{color:var(--text-primary);margin-block:12px 4px;font-size:18px;font-weight:400;line-height:24px}
@media(min-width:769px){.cmp-videoGrid__card-title{font-size:24px;line-height:28px}
}
.cmp-videoGrid__card-link{display:flex;align-items:center;color:var(--text-on-action-tertiary);margin:12px 0;padding:0;background-color:transparent;border:0;cursor:pointer}
@media(min-width:769px){.cmp-videoGrid__card-link{margin-bottom:0}
}
.cmp-videoGrid__card-link .cmp-videoGrid__card-link-text{width:fit-content;font-size:14px;font-weight:700;line-height:14px}
@media(min-width:769px){.cmp-videoGrid__card-link .cmp-videoGrid__card-link-text{font-size:16px;line-height:22px}
}
.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:none;justify-content:center}
.cmp-videoGrid__cta-container.initialized{display:flex}
@media(min-width:769px){.cmp-videoGrid__cta-container{margin:86px 0 0}
}
.cmp-videoGrid__load-more-button{position:relative;border:0;padding:var(--spacing-12) var(--spacing-20);text-decoration:none;z-index:1;text-wrap:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background-color:var(--surface-primary-button)}
.cmp-videoGrid__load-more-button span{font-size:var(--font-size-button-body-2);line-height:var(--font-size-button-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2;color:var(--white)}
.cmp-videoGrid__load-more-button:hover{background:var(--surface-action-primary-hover)}
@media(min-width:768px){.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%;max-width:1008px;background-color:var(--black);top:70px;left:50%;transform:translateX(-50%);max-height:85vh}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card){max-width:75%}
}
@media(min-width:1440px){.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card){max-width:1330px}
}
.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card) .video-player-container{flex:1 0 100%;max-width:100%}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card) .video-player-container{flex:1 0 70%;max-width:70%}
}
@media(max-width:768px){.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card) .video-player-container .text-content{padding:0}
}
.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card) .video-player-container__sidebar{flex:1 0 100%;max-width:100%}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal:has(.video-player-container__sidebar .cmp-videoGrid__card) .video-player-container__sidebar{flex:1 0 calc(30% - 4px);max-width:calc(30% - 4px)}
}
.cmp-videoGrid .video-grid-modal.is-open{display:block}
.cmp-videoGrid .video-grid-modal .modal-container{position:relative;width:100%;max-width:var(--component-content-max-width);margin:auto;display:flex;flex-wrap:wrap;padding-top:10px;max-height:calc(85vh - 10px);overflow-y:auto}
.cmp-videoGrid .video-grid-modal .modal-container .video-player-title{flex:1 0 100%}
.cmp-videoGrid .video-grid-modal .close-modal{position:fixed;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:1002}
.cmp-videoGrid .video-grid-modal .video-player-container{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar{color:var(--white);display:none;flex:0;flex-direction:column}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar:has(.cmp-videoGrid__card){display:flex;flex:0 0 30%;background:var(--black);padding-left:0;max-height:40vh;overflow-y:auto}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal .video-player-container__sidebar:has(.cmp-videoGrid__card){padding-left:4px;min-height:580px;max-height:none}
}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .sidebar-title{font-size:1.25rem;line-height:2rem;font-weight:var(--font-weight-semi-bold);padding:1.125rem 0 0}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .sidebar-title{font-size:1.5rem;line-height:1.75rem;padding:0 0 1.5rem 1rem}
}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card-info{color:inherit;display:flex;justify-content:center;align-items:center;width:3rem;height:2rem}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card-info .play-button{width:48px;height:48px;background-image:url(clientlib-videoGrid/resources/play-icon.svg);background-repeat:no-repeat;background-position:center;background-size:contain}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card{display:flex;align-items:center;padding:.375rem 0;margin:0}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card .cmp-videoGrid__card-media{height:3.375rem;width:auto;max-width:5.875rem}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card .cmp-videoGrid__card-media .cmp-videoGrid__play-button{display:none}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card.active{background:rgba(156,163,173,0.3)}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card.active .cmp-videoGrid__card-title{color:var(--text-primary);font-weight:var(--font-weight-semi-bold)}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card-text{margin-left:1rem;align-items:center;padding:0 .5rem 0 1rem}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar .cmp-videoGrid__card-text .cmp-videoGrid__card-title{margin:0;font-size:.875rem;line-height:1.5rem;font-weight:var(--font-weight-regular);color:var(--twilight-500)}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar::-webkit-scrollbar{width:6px}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar::-webkit-scrollbar-track{background:transparent}
.cmp-videoGrid .video-grid-modal .video-player-container__sidebar::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:3px}
.cmp-videoGrid .video-grid-modal .cmp-videoGrid__card.active .video-indicator{display:none}
.cmp-videoGrid .video-grid-modal .cmp-videoGrid__card.active .play-button{display:block}
.cmp-videoGrid .video-grid-modal .cmp-videoGrid__card:not(.active) .video-indicator{display:block;color:var(--twilight-500);width:3rem;text-align:center}
.cmp-videoGrid .video-grid-modal .cmp-videoGrid__card:not(.active) .play-button{display:none}
.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(--black);z-index:1000}
.cmp-videoGrid .video-modal-overlay.is-open{display:block}
.cmp-videoGrid .cmp-videoGrid__grid-container--dynamic .cmp-videoGrid__card{display:none}
.cmp-videoGrid .cmp-videoGrid__grid-container--dynamic .cmp-videoGrid__card.initialized{display:block}
.cmp-videoGrid .cmp-videoGrid__grid-container--dynamic .cmp-videoGrid__play-button{background-color:var(--surface-dark-blue);left:auto;top:auto;right:12px;bottom:12px;transform:none}
.cmp-videoGrid .cmp-videoGrid__grid-container--dynamic .cmp-videoGrid__play-button .cmp-videoGrid__play-icon{display:none}
.cmp-videoGrid .cmp-videoGrid__grid-container--dynamic .cmp-videoGrid__play-button .cmp-videoGrid__play-text{display:block;padding:8px 12px;color:var(--text-body-on-dark);font-size:14px;font-weight:600;line-height:24px}
@media(min-width:769px){.cmp-videoGrid .video-grid-modal{top:78px}
.cmp-videoGrid__container{margin:0 auto}
.cmp-videoGrid__grid-container{display:grid;grid-template-columns:repeat(3,1fr);row-gap:60px;column-gap:16px;width:100%}
.cmp-videoGrid__card{width:100%;max-width:100%;height:auto;margin:0}
.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}