.video-playlist{background-image:url(https://www.soundstripe.com/hubfs/video-playlist-bg.webp);background-position:50%;background-size:cover;color:var(--color-neutral-white);padding:8.25rem 0}.video-playlist__container{align-items:center;display:grid;gap:2rem 3.65rem;grid-template-columns:3fr 2.5fr}.video-playlist__tabs{display:flex;flex-direction:column;gap:.75rem}.video-playlist__tab{border-radius:.5rem;display:flex;flex-direction:column;font-family:var(--v3-font-family-heading);gap:.5rem;overflow:hidden;padding:1.5rem;position:relative}.video-playlist__tab:hover{cursor:pointer}.video-playlist__tab.active,.video-playlist__tab.focused,.video-playlist__tab:hover{background-color:var(--color-pink-500)}.video-playlist__tab.focused:after{animation:lineGrow 10s linear forwards;background-color:var(--color-neutral-white);bottom:0;content:"";height:4px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.video-playlist__tab.focused:before{background-color:var(--color-neutral-black-50);bottom:0;content:"";display:block;height:4px;left:0;position:absolute;width:100%}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.video-playlist__tab-category{font-size:2rem;font-weight:700;line-height:120%}.video-playlist__tab-info{font-size:1.25rem;line-height:120%}.video-playlist__tab-company{font-weight:700}.video-playlist__video-container{position:relative}.video-playlist__play-video{align-items:center;background-color:hsla(0,0%,100%,.25);border-radius:50%;display:flex;height:160px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-timing);width:160px;z-index:8}.video-playlist__play-video:hover{background-color:var(--color-neutral-white);color:var(--color-pink-500);cursor:pointer}.video-playlist__play-video svg{height:98px;width:auto}.video-playlist__video-player{height:100%;width:100%}@media screen and (max-width:1024px){.video-playlist__container{grid-template-columns:repeat(1,1fr)}}.agency-video-playlist .video-playlist__video-container{aspect-ratio:16/9;background:#000;border-radius:.5rem;overflow:hidden}.agency-video-playlist iframe,.agency-video-playlist__poster{border:0;display:block;height:100%;object-fit:cover;width:100%}.agency-video-playlist .video-playlist__tab{background:transparent;border:0;color:inherit;text-align:left;width:100%}.agency-video-playlist .video-playlist__tab.active,.agency-video-playlist .video-playlist__tab:hover{background:var(--color-pink-500)}.agency-video-playlist .video-playlist__play-video{border:0;color:inherit;padding:0}.agency-video-playlist button:focus-visible{outline:3px solid #fff;outline-offset:4px}.agency-video-playlist__detail{font-size:1rem;line-height:1.6;margin-top:1.5rem}.agency-video-playlist__detail[hidden]{display:none}.agency-video-playlist__quote p{margin:0 0 1rem}.agency-video-playlist__cta{align-items:center;background:#fff;border-radius:.25rem;color:#111;display:inline-flex;font-weight:700;justify-content:center;padding:.875rem 1.5rem;text-decoration:none}.agency-video-playlist__cta:hover{background:var(--color-pink-500);color:#fff}.agency-video-playlist__cta:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:768px){.agency-video-playlist{padding:4rem 0}.agency-video-playlist .video-playlist__play-video{height:80px;width:80px}.agency-video-playlist .video-playlist__play-video svg{height:48px}.agency-video-playlist .video-playlist__tab-category{font-size:1.5rem}}.agency-video-playlist__heading{color:#fff;font-family:var(--v3-font-family-heading);font-size:4rem;line-height:1;margin:0 0 3rem;text-align:center}@media(max-width:575px){.agency-video-playlist__heading{font-size:2.5rem}}