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