.video-playlist{display:flex;flex-direction:column}@media (min-width: 1100px){.video-playlist{flex-direction:row}}.video-playlist .video-player__play span{margin-top:0}.video-playlist .video-player:before{content:"";position:absolute;top:-1.4375em;left:-1.4375em;width:100%;height:100%;background-color:#0067a3}@media (max-width: 767px){.video-playlist .video-player:before{top:-.75em;left:-.75em}}.video-playlist .video-container{margin-top:3.75em;padding-top:56.25%}.video-playlist__main{flex-grow:1}.video-playlist__sidebar{width:100%;flex-shrink:0}@media (max-width: 1099px){.video-playlist__sidebar{margin-top:1em}}@media (min-width: 1100px){.video-playlist__sidebar{width:300px;margin-left:2.5em}}.video-playlist__sidebar .video-thumbnail{margin-top:2em;cursor:pointer}@media (min-width: 768px){.video-playlist__sidebar .video-thumbnail{margin-top:3em}}.video-playlist__sidebar .video-thumbnail:hover .video-player__play span{background-color:#0067a3;color:#fff}.video-playlist__sidebar .video-thumbnail:before{top:-.75em;left:-.75em}.video-playlist__sidebar .video-thumbnail img{position:relative;z-index:1;width:100%}.video-playlist__sidebar .video-thumbnail .video-player__play{z-index:2}@media (min-width: 768px){.video-playlist__sidebar .video-thumbnail .video-player__play{margin-top:0;transform:translate3d(-50%,-50%,0) scale(.5)}}@media (max-width: 479px){.video-playlist__sidebar .video-thumbnail .video-player__play{margin-top:0;transform:translate3d(-50%,-50%,0) scale(.5)}}.video-playlist footer{display:flex;align-items:flex-start;justify-content:space-between;padding-top:10px;line-height:15px}@media (max-width: 1099px){.video-playlist__thumb{margin-top:1.5em;display:flex}.video-playlist__thumb .video-thumbnail{width:300px;flex-shrink:0;margin-top:0}.video-playlist__thumb footer{padding:1em 0 1em 1em;flex-grow:1;flex-direction:column;justify-content:flex-start;align-items:flex-start}.video-playlist__thumb .video-playlist__time{margin-left:0;margin-top:1em}}@media (max-width: 899px){.video-playlist__thumb .video-thumbnail{width:220px}}@media (max-width: 479px){.video-playlist__thumb .video-thumbnail{width:120px}.video-playlist__thumb footer{padding-top:0;padding-bottom:0}}.video-playlist__title{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#04629d;text-transform:uppercase}.video-playlist__time{display:inline-flex;align-items:center;margin-left:1.5em;font-size:.8125em;font-weight:300;flex-shrink:0;color:#7a838e}.video-playlist__time .icon{margin-right:.5em;opacity:.7}.video-playlist--horizontal{flex-direction:column}.video-playlist--horizontal .video-playlist__sidebar{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);width:auto;margin-left:-10px;padding-left:10px;gap:16px;overflow:auto;scroll-snap-type:x mandatory;-ms-overflow-x:hidden;scrollbar-width:none}.video-playlist--horizontal .video-playlist__sidebar::-webkit-scrollbar{display:none}@media (max-width: 767px){.video-playlist--horizontal .video-playlist__sidebar{grid-auto-columns:calc((100% - 32px) / 3)}}@media (max-width: 639px){.video-playlist--horizontal .video-playlist__sidebar{grid-auto-columns:calc((100% - 16px)/2)}}.video-playlist--horizontal .video-playlist__thumb{padding-left:10px;flex-shrink:0;flex-direction:column;scroll-snap-align:start}.video-playlist--horizontal .video-playlist__thumb footer{padding-top:1em;padding-bottom:.5em;padding-left:0}.video-playlist--horizontal .video-thumbnail{width:100%}.video-playlist--horizontal .video-thumbnail:before{top:-10px;left:-10px}.video-playlist--horizontal .video-player__play{margin-top:0;transform:translate3d(-50%,-50%,0) scale(.5)}.video-playlist--horizontal .video-player__play span{top:0;width:4.5em;height:4.5em}.video-playlist--horizontal .video-player__play span:after{margin-top:-12px;border-width:12px}.video-playlist__arrows{margin-top:1em;padding-bottom:1em;user-select:none}@media (min-width: 640px){.video-playlist--3 .video-playlist__arrows{display:none}}@media (min-width: 768px){.video-playlist--4 .video-playlist__arrows{display:none}}.video-playlist__arrows .icon{width:55px;height:55px;margin-right:12px;border-radius:50%;border:1px solid #e5ecf3;background-color:#fff;box-shadow:0 20px 30px -12px #0000630f;font-size:12px;cursor:pointer;color:#00448a;transition:all .3s ease}.video-playlist__arrows .icon:hover,.video-playlist__arrows .icon:focus{border-color:#00448a;box-shadow:0 20px 30px -12px #0000631f}.video-playlist .hide-left .icon:first-child{opacity:.3;pointer-events:none}.video-playlist .hide-right .icon:last-child{opacity:.3;pointer-events:none}