.cf-browse{margin:2.25rem 0}.cf-browse-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem}.cf-browse-title{font-size:1.1rem;font-weight:600;margin:0;color:#e6e6e9;display:flex;align-items:center;gap:8px}.cf-browse-title:before{content:"";width:4px;height:18px;border-radius:2px;background:#ff9800}html:not(.dark) .cf-browse-title{color:#18181b}.cf-browse-nav{display:flex;gap:6px}.cf-browse-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgb(255 255 255 / .14);background:#fff0;color:#a1a1aa;font-size:17px;line-height:1;cursor:pointer;transition:.25s;display:flex;align-items:center;justify-content:center}.cf-browse-arrow:hover{border-color:#ff9800;color:#ff9800}html:not(.dark) .cf-browse-arrow{border-color:rgb(0 0 0 / .15);color:#52525b}.cf-ott-rail{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 8px;-ms-overflow-style:none;scrollbar-width:none}.cf-ott-rail::-webkit-scrollbar{display:none}.cf-ott-item{flex:0 0 auto;width:92px;text-align:center;text-decoration:none}.cf-ott-ring{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--cf-brand,#ff9800);background:#15151a;transition:transform .25s ease,box-shadow .25s ease}html:not(.dark) .cf-ott-ring{background:#fafafa}.cf-ott-mark{color:var(--cf-brand,#ff9800);font-weight:700;letter-spacing:-.5px;line-height:1;text-transform:none}.cf-ott-item:hover .cf-ott-ring{transform:translateY(-4px);box-shadow:0 0 0 4px color-mix(in srgb,var(--cf-brand,#ff9800) 18%,transparent)}.cf-ott-name{display:block;font-size:13px;font-weight:600;color:#e6e6e9;line-height:1.3}html:not(.dark) .cf-ott-name{color:#27272a}.cf-ott-count{display:block;font-size:11px;color:#7a7a82;margin-top:2px}.cf-genre-wrap{display:flex;flex-wrap:wrap;gap:8px}.cf-genre-pill{font-size:13px;font-weight:500;padding:7px 15px;border-radius:999px;text-decoration:none;border:1px solid var(--cf-brand,#ff9800);color:var(--cf-brand,#ff9800);background:color-mix(in srgb,var(--cf-brand,#ff9800) 9%,transparent);transition:.25s}.cf-genre-pill:hover{background:var(--cf-brand,#ff9800);color:#0b0b0e}.cf-genre-hidden{display:none}.cf-genre-wrap.cf-open .cf-genre-hidden{display:inline-block}.cf-genre-more{font-size:13px;font-weight:500;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px dashed rgb(255 255 255 / .2);background:#fff0;color:#8a8a92;transition:.25s}.cf-genre-more:hover{border-color:#ff9800;color:#ff9800}html:not(.dark) .cf-genre-more{border-color:rgb(0 0 0 / .2);color:#52525b}@media(max-width:640px){.cf-browse-nav{display:none}.cf-ott-rail{gap:14px}.cf-ott-item{width:78px}.cf-ott-ring{width:64px;height:64px}}.cf-browse-cat{margin-top:1.5rem}.cf-cat-pill{border-color:rgb(255 255 255 / .16);color:#a1a1aa;background:rgb(255 255 255 / .03)}.cf-cat-pill:hover{border-color:#ff9800;background:#ff9800;color:#0b0b0e}html:not(.dark) .cf-cat-pill{border-color:rgb(0 0 0 / .15);color:#52525b;background:rgb(0 0 0 / .02)}.cf-genre-more{background:#ff9800;border:1px solid #ff9800;color:#0b0b0e;font-weight:700;letter-spacing:.2px;padding:7px 16px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 2px 10px rgb(255 152 0 / .28)}.cf-genre-more:after{content:"";width:0;height:0;border-left:4px solid #fff0;border-right:4px solid #fff0;border-top:5px solid #0b0b0e;transition:transform .25s ease}.cf-genre-more:hover{background:#ffa726;border-color:#ffa726;box-shadow:0 3px 14px rgb(255 152 0 / .45);transform:translateY(-1px)}.cf-genre-wrap.cf-open .cf-genre-more{background:#fff0;color:#ff9800;box-shadow:none}.cf-genre-wrap.cf-open .cf-genre-more:after{border-top-color:#ff9800;transform:rotate(180deg)}.cf-genre-wrap.cf-open .cf-genre-more:hover{background:rgb(255 152 0 / .12)}.cf-genre-more:hover,.cf-genre-more:focus{color:#0b0b0e!important}.cf-genre-more:hover:after,.cf-genre-more:focus:after{border-top-color:#0b0b0e}.cf-genre-wrap.cf-open .cf-genre-more:hover,.cf-genre-wrap.cf-open .cf-genre-more:focus{color:#ff9800!important}.cf-genre-wrap.cf-open .cf-genre-more:hover:after,.cf-genre-wrap.cf-open .cf-genre-more:focus:after{border-top-color:#ff9800}