.timestep-container{display:flex;flex-flow:column nowrap;padding:10px;min-width:135px;flex:0 0 124px;gap:var(--gap-sm);border-radius:var(--radius-md)}@media (width >= 640px){.timestep-container{max-height:154px;padding:16px;gap:var(--gap-md)}}@media (width >= 1024px){.timestep-container{flex-flow:row nowrap;min-height:133px;padding:16px;gap:var(--gap-lg)}}@media (width >= 1280px){.timestep-container{max-height:164px;padding:16px;gap:var(--gap-lg);border-radius:var(--radius-md)}}.timestep-container .timestep-thumbnail{align-self:flex-start;max-width:115px;max-height:65px;border:1px solid var(--gray-700);border-radius:var(--radius-md)}@media (width >= 640px){.timestep-container .timestep-thumbnail{max-width:149px;max-height:81px}}@media (width >= 1024px){.timestep-container .timestep-thumbnail{max-width:180px;max-height:101px}}.timestep-container .title-description-play-button-container{display:flex}@media (width >= 1024px){.timestep-container .title-description-play-button-container{flex-direction:column;gap:var(--gap-md)}}.timestep-container .timestep-title{font-family:var(--font-poppins);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);line-height:var(--line-height-3xl);width:100%}@media (width >= 640px){.timestep-container .timestep-title{font-size:var(--font-size-3xl);line-height:var(--line-height-2xl)}}@media (width >= 1024px){.timestep-container .timestep-title{line-height:var(--line-height-3xl)}}.timestep-container .timestep-description{display:none}@media (width >= 1440px){.timestep-container .timestep-description{display:flex}}.timestep-container .play-button{display:none}@media (width >= 1024px){.timestep-container .play-button{display:flex;justify-content:center;background-color:var(--brand-2-40);width:95px;height:35px;border:0;border-radius:var(--radius-sm);padding:6px 12px;gap:var(--gap-md-sm)}.timestep-container .play-button .play-circle,.timestep-container .play-button .timestep-start-time{color:var(--brand-2-100);font-family:var(--font-lato);font-weight:var(--font-weight-bold);line-height:var(--line-height-base)}}.timestep-container:hover,.timestep-container:focus{background-color:var(--gray-100);cursor:pointer}.timestep-container:hover .play-button,.timestep-container:focus .play-button{background-color:var(--brand-2-100)}.timestep-container:hover .play-button .timestep-start-time,.timestep-container:focus .play-button .timestep-start-time{color:var(--brand-2-content)}.timestep-container:hover .play-button .play-circle,.timestep-container:focus .play-button .play-circle{filter:invert(100%) sepia(59%) saturate(120%) hue-rotate(195deg) brightness(117%) contrast(100%)}.yt-with-timesteps-container{display:flex;flex-flow:column nowrap;margin:auto;width:100%;gap:var(--gap-2xl);position:relative}@media (width >= 640px){.yt-with-timesteps-container{flex-flow:row nowrap;gap:var(--gap-2xl);justify-content:center;max-height:783px}}@media (width >= 1024px){.yt-with-timesteps-container{max-height:751px}}@media (width >= 1280px){.yt-with-timesteps-container{max-height:836px}}.yt-with-timesteps-container .yt-video-container{width:279px;height:491px;margin:auto}@media (width >= 640px){.yt-with-timesteps-container .yt-video-container{width:427px;height:754px;margin:0}}.yt-with-timesteps-container .timesteps-container{display:flex;margin:auto}.yt-with-timesteps-container .timesteps-container ul{list-style:none;display:flex;width:93vw;overflow-x:auto;scroll-behavior:smooth;scrollbar-gutter:stable;padding-inline-start:0;gap:4px}@media (width >= 640px){.yt-with-timesteps-container .timesteps-container{margin:0}.yt-with-timesteps-container .timesteps-container ul{flex-flow:column nowrap;max-width:181px;height:auto;overflow-y:auto;scroll-behavior:smooth;align-items:flex-start}}@media (width >= 1024px){.yt-with-timesteps-container .timesteps-container ul{min-width:397px;gap:var(--gap-base)}}@media (width >= 1440px){.yt-with-timesteps-container .timesteps-container ul{min-width:745px;gap:var(--gap-xs)}}