.body-fixed{overflow:hidden}
.support-video-list-component .videoContainer{margin:0 auto;max-width:975pt;padding:20px 40px 5pc}
@media(max-width:1023px){.support-video-list-component .videoContainer{max-width:64pc;padding:20px 40px 60px}
}
@media(max-width:767px){.support-video-list-component .videoContainer{max-width:767px;padding:20px 20px 40px}
}
.support-video-list-component .videoContainer .videoSort{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.support-video-list-component .videoContainer .videoSort,.support-video-list-component .videoContainer .videoSort .sort{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}
.support-video-list-component .videoContainer .videoSort .sort{border-radius:8px 8px 0 0;cursor:pointer;font-family:Roboto;font-size:14px;font-weight:400;letter-spacing:.02em;line-height:20px;padding:10px 1pc;position:relative;width:130px}
.support-video-list-component .videoContainer .videoSort .sort.active{background-color:var(--light-gray);-webkit-box-shadow:2px 4px 4px 0 rgba(71,63,63,.2);box-shadow:2px 4px 4px 0 rgba(71,63,63,.2)}
.support-video-list-component .videoContainer .videoSort .sort.active span{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.support-video-list-component .videoContainer .videoSort .sort p{-ms-flex-item-align:center;align-self:center;margin:0}
.support-video-list-component .videoContainer .videoSort .sort span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:.5s;transition:.5s}
.support-video-list-component .videoContainer .videoSort .sort span svg{height:24px;width:24px}
.support-video-list-component .videoContainer .videoSort .sort ul{background-color:var(--white);border-radius:0 0 8px 8px;-webkit-box-shadow:2px 4px 4px 0 rgba(0,0,0,.2);box-shadow:2px 4px 4px 0 rgba(0,0,0,.2);left:0;position:absolute;top:40px;width:100%}
.support-video-list-component .videoContainer .videoSort .sort ul li{cursor:pointer;line-height:25px;padding:10px 1pc;z-index:3}
.support-video-list-component .videoContainer .videoSort .sort ul li:hover{background-color:var(--light-gray);font-weight:700}
.support-video-list-component .videoContainer .videoSort .sort ul li:last-child:hover{border-radius:0 0 8px 8px}
.support-video-list-component .videoContainer .videoCards{display:grid;gap:60px 24px;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}
@media(max-width:1023px){.support-video-list-component .videoContainer .videoCards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){.support-video-list-component .videoContainer .videoCards{grid-template-columns:repeat(1,1fr)}
}
.support-video-list-component .videoContainer .videoCards .videoCard{max-width:100%}
.support-video-list-component .videoContainer .videoCards .videoCard:has(.youtubeImage:hover,.videoTitle:hover) img{-webkit-filter:brightness(90%);filter:brightness(90%)}
.support-video-list-component .videoContainer .videoCards .videoCard:has(.youtubeImage:hover,.videoTitle:hover) .videoTitle{color:var(--primary-color)}
.support-video-list-component .videoContainer .videoCards .videoCard img{aspect-ratio:16/9;border-radius:9pt;cursor:pointer;-o-object-fit:cover;object-fit:cover;width:100%}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo{padding:9pt 8px 0}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo .videoDate{color:var(--silver)}
.support-video-list-component .videoContainer .videoCards .videoCard .videoInfo .videoTitle{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding-top:4px}
.support-video-list-component .videoContainer .no-result{margin:5pc auto 0;text-align:center}
.support-video-list-component .videoContainer .no-result p{margin:0}
@media(max-width:1023px){.support-video-list-component .videoContainer .no-result{margin:60px auto 0}
}
@media(max-width:767px){.support-video-list-component .videoContainer .no-result{margin-bottom:20px}
}
@media(max-width:375px){.support-video-list-component .videoContainer .no-result{margin:40px auto 0}
}
.support-video-list-component .videoContainer .moreVideo{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;padding:40px 0 20px}
.support-video-list-component .videoContainer .moreVideo svg{cursor:pointer}
.support-video-list-component .popout-background{background-color:var(--black);height:100vh;left:0;opacity:1;position:fixed;top:0;-webkit-transition:.2s;transition:.2s;visibility:hidden;width:100vw;z-index:-99}
.support-video-list-component .popout-background.show{background-color:rgba(0,0,0,.7);visibility:visible;z-index:9999}
.support-video-list-component .popout-background.show .popout-container .video-container{-webkit-transform:translateY(0);transform:translateY(0)}
.support-video-list-component .popout-background.show .popout-container .video-container iframe{opacity:1;top:50%}
.support-video-list-component .popout-background .popout-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;margin:auto;position:relative;width:915pt}
@media(max-width:1219px){.support-video-list-component .popout-background .popout-container{width:728px}
}
@media(max-width:767px){.support-video-list-component .popout-background .popout-container{width:calc(100vw - 40px)}
}
.support-video-list-component .popout-background .popout-container .video-container{height:0;padding-top:56.25%;position:relative;-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-transition:.2s;transition:.2s;width:100%}
.support-video-list-component .popout-background .popout-container .video-container iframe{height:100%;left:50%;max-height:calc(100vh - 5%);opacity:0;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;transition:.2s;width:100%}
.support-video-list-component .popout-background .close{position:absolute;right:20px;top:20px}
.support-video-list-component .youtube .popout-background{background-color:var(--black);height:100vh;left:0;opacity:1;position:fixed;top:0;-webkit-transition:.2s;transition:.2s;visibility:hidden;width:100vw;z-index:-99}
.support-video-list-component .youtube .popout-background.show{background-color:rgba(0,0,0,.7);visibility:visible;z-index:9999}
.support-video-list-component .youtube .popout-background.show .popout-container .video-container{-webkit-transform:translateY(0);transform:translateY(0)}
.support-video-list-component .youtube .popout-background.show .popout-container .video-container iframe{opacity:1;top:50%}
.support-video-list-component .youtube .popout-background .popout-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;margin:auto;position:relative;width:915pt}
@media(max-width:1219px){.support-video-list-component .youtube .popout-background .popout-container{width:728px}
}
@media(max-width:767px){.support-video-list-component .youtube .popout-background .popout-container{width:calc(100vw - 40px)}
}
.support-video-list-component .youtube .popout-background .popout-container .video-container{height:0;padding-top:56.25%;position:relative;-webkit-transform:translateY(500px);transform:translateY(500px);-webkit-transition:.2s;transition:.2s;width:100%}
.support-video-list-component .youtube .popout-background .popout-container .video-container iframe{height:100%;left:50%;max-height:calc(100vh - 5%);opacity:0;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.2s;transition:.2s;width:100%}