.videos-nav>ul{flex-wrap:wrap;align-items:center;display:flex}.videos-nav .nav-btn{border:1px solid var(--clr-border);color:var(--clr-primary);max-width:fit-content;transition:var(--transition);background-color:#fff;border-radius:100vw;justify-content:center;align-items:center;display:flex}@media (pointer:fine) and (hover:hover){.videos-nav .nav-btn:hover,.videos-nav .nav-btn:focus-visible{color:#fff;background-color:var(--clr-accent);border-color:var(--clr-accent)}}.videos-nav .nav-btn.active{color:#fff;background-color:var(--clr-accent);border-color:var(--clr-accent);pointer-events:none}@media (width>=1035px){.videos-nav{margin-block:50px}.videos-nav>ul{gap:15px}.videos-nav .nav-btn{letter-spacing:normal;padding:10px 15px;font-size:18px;font-weight:400;line-height:1em}}@media (width<=1034px){.videos-nav{margin-bottom:30px}.videos-nav>ul{gap:10px}.videos-nav .nav-btn{letter-spacing:normal;padding-inline:10px;font-size:16px;font-weight:400;line-height:28px}}.videos-grid{display:grid}@media (width>=1035px){.videos-grid{gap:50px var(--global-grid-gap);grid-template-columns:repeat(3,1fr)}}@media (width<=1034px){.videos-grid{gap:var(--global-grid-gap)}}@media (width<=1034px) and (width>=576px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1034px) and (width<=575px){.videos-grid{grid-template-columns:1fr}}