.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:10}.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)}}