.video-playlist{border-radius:12px;margin:20px 0;overflow:hidden}.video-playlist-row{background:linear-gradient(180deg,#fff 0%,var(--light-gray-v2) 100%);align-items:start;display:grid;grid-template-columns:1fr 2fr}.video-playlist-heading{background-color:var(--light-gray-v2);color:var(--dark-blue);margin:0;padding:10px}.video-playlist-count{display:block;font-family:'Roboto';font-size:1rem;font-weight:600;margin:10px 24px -16px}.video-playlist-list{height:100%;overflow:auto;position:relative;scroll-behavior:smooth}.video-playlist-list ol{margin:20px;padding:0;position:absolute}.video-playlist-video{margin:20px}.video-playlist-list .callout-button{cursor:pointer;display:grid;gap:20px;grid-template-columns:auto 60%;grid-template-rows:auto auto}.video-playlist-list .callout-button.playing{background:linear-gradient(180deg,var(--alt-blue-v2) 0%,var(--logo-blue) 100%);color:#fff!important;transform:none!important}.video-playlist-list .callout-button.current{border-color:var(--brand-blue);pointer-events:none;transition:none}.video-playlist-list .video-thumb{border-radius:8px;grid-row:-1 / 1;height:100%;object-fit:cover}.video-playlist-list .video-pubdate{font-size:.75rem;text-align:right}.video-playlist-list .video-title{align-self:end;font-size:1rem;font-weight:600;margin:0}@media screen and (max-width:767px){.video-playlist-row{grid-template-columns:1fr}.video-playlist-list{height:190px;order:2}.video-playlist-list ol{display:grid;gap:20px;grid-template-columns:1fr 1fr;padding-bottom:20px}.video-playlist-list ol li{height:140px;margin:0}.video-playlist-list .video-thumb{max-height:100px}}@media screen and (max-width:479px){.video-playlist-list ol{grid-template-columns:1fr}}