.video-front .thumbs,.video-front .video-embed{font-size:0;white-space:nowrap;border:1px solid #eaeaea;vertical-align:top}.video-front{overflow:hidden;font-size:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:fit-content(1em)}.video-front .video-embed{width:100%;grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.video-front .video-embed .item{float:none;display:inline-block;margin:0;width:100%;vertical-align:top}.video-front .video-embed .item a{display:block;position:relative}.video-front .video-embed .item a img{width:100%!important;height:auto}.video-front .video-embed .item .item-data{background:#FFF;padding:20px}.video-front .video-embed .item .item-data .item-image{white-space:initial}.video-front .video-embed .item .item-data .item-image .item-info{font-size:28px;line-height:34px;color:#121212;font-weight:600;padding-bottom:24px}.video-front .video-embed .item .item-data .action-links{padding:16px 0 0}.video-front .thumbs{max-width:340px;display:inline-block;overflow:hidden;overflow-y:scroll;grid-column:3/span 1;grid-row:1/span 4;margin:0 0 0 20px;height:100%;background-color:#fff;padding:16px}.mobile-page .video-front,.video-front .thumbs .item,.video-front .thumbs .item a img{display:block}.video-front .thumbs .item{float:none;margin:0 0 20px;width:100%;max-width:320px;box-sizing:border-box}.video-front .thumbs .item:last-child{padding-bottom:20px}.video-front .thumbs .item a{display:block;position:relative;background:0 0;text-decoration:none}.video-front .thumbs .item a .item-info{font-size:14px;padding:12px 0 0;line-height:20px;font-weight:600;white-space:normal}body:not(.mobile-page) .video-front .thumbs::-webkit-scrollbar{-webkit-appearance:none;width:8px}body:not(.mobile-page) .video-front .thumbs::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c1c1c1;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}body:not(.mobile-page) .video-front .thumbs::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #fff;background:#fafafa}body:not(.mobile-page) .video-front .thumbs::-webkit-scrollbar-thumb:hover{background:#7d7d7d}.mobile-page .video-front .thumbs{max-width:none;height:auto;margin:10px 0 0;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;padding:0;background-color:transparent;border:0;display:flex;flex-flow:row nowrap}.mobile-page .video-front .thumbs .item{width:45%;white-space:nowrap;vertical-align:top;margin:0 3% 0 0;background-color:#fff;border:1px solid #eaeaea;flex:1 0 auto;display:flex;flex-direction:column}.mobile-page .video-front .thumbs .item:last-child{margin-right:0}.mobile-page .video-front .thumbs .item a{color:#333}.mobile-page .video-front .thumbs .item a img{width:100%;height:auto}.mobile-page .video-front .thumbs .item a .item-info{padding:10px 11px}.mobile-page .video-front .video-embed .item .item-data{padding:16px 16px 12px}.mobile-page .video-front .video-embed .item .item-data .item-image .item-info{font-size:22px;line-height:28px}.mobile-page.dark-mode .video-front .video-embed{border-color:#363636}.mobile-page.dark-mode .video-front .video-embed .item .item-data{background:#363636}.mobile-page.dark-mode .video-front .video-embed .item .item-data .item-image .item-info{color:#fff}.mobile-page.dark-mode .video-front .video-embed .item .item-data .action_links{border-color:#b3b3b3}.mobile-page.dark-mode .video-front .thumbs .item{border-color:#363636;background-color:#363636}