.tpcr-genres{padding:52px clamp(24px,5vw,95px) 80px;background:#0c1726;color:#f4f8ff;scroll-margin-top:130px}.tpcr-genres-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:15px 30px;margin-bottom:34px}.tpcr-original-home .tpcr-genres h2{font-family:TPCRDisplay,sans-serif!important;font-size:clamp(40px,4.5vw,66px)!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:-.02em!important;line-height:1.08!important;margin:0}.tpcr-original-home .tpcr-genres-heading p{margin:0;color:#b5c5d7;font-size:14px}.tpcr-genres-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tpcr-genre-tile{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:185px;padding:21px 23px;border:1px solid #315774;border-radius:12px;overflow:hidden;color:#f4f8ff;text-decoration:none;background:linear-gradient(125deg,#14283e,#102237);transition:border-color .2s,background .2s}.tpcr-genre-tile[data-populated=true]{background:linear-gradient(125deg,#183a54,#122a41);border-color:#3a7295}.tpcr-genre-tile:before{content:"";position:absolute;right:-35px;top:-28px;width:155px;height:155px;border:1px solid #5dbeed12;border-radius:50%;z-index:-1}.tpcr-genre-count{align-self:flex-start;font-size:11px;color:#a7bfd3;line-height:1.4;max-width:calc(100% - 75px)}.tpcr-genre-tile[data-populated=true] .tpcr-genre-count{color:#8bdcff}.tpcr-genre-art{position:absolute;width:91px;height:91px;right:18px;top:17px;color:#36b8fa;opacity:.8;transition:transform .25s,opacity .25s}.genre-art-fill{fill:#00a8f518}.tpcr-genre-label{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:64px}.tpcr-original-home .tpcr-genres h3{font-family:TPCRDisplay,sans-serif!important;font-size:clamp(26px,2.4vw,36px);font-weight:400!important;text-transform:uppercase;letter-spacing:.005em!important;line-height:1.15!important;margin:0}.tpcr-original-home .tpcr-genres [data-long-title=true] h3{font-size:clamp(23px,2.1vw,31px)}.tpcr-genre-arrow{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #487da1;border-radius:50%;color:#77d0fb;transition:background .2s,color .2s}.tpcr-genre-arrow>svg{width:15px;height:15px}.tpcr-genre-tile:is(:hover,:focus-visible){border-color:#7cd5ff;background:#1a4563}.tpcr-genre-tile:is(:hover,:focus-visible) .tpcr-genre-art{opacity:1;transform:translateY(-3px) rotate(-5deg)}.tpcr-genre-tile:is(:hover,:focus-visible) .tpcr-genre-arrow{background:#00a8f5;color:#062138;border-color:#85ddff}@media (max-width:1050px){.tpcr-genres-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.tpcr-genres{padding:42px 24px 52px}.tpcr-genres-heading{gap:14px;margin-bottom:28px}.tpcr-original-home .tpcr-genres h2{font-size:clamp(36px,7vw,49px)!important}.tpcr-original-home .tpcr-genres-heading p{font-size:13px}.tpcr-genres-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.tpcr-genre-tile{padding:17px 14px;min-height:170px}.tpcr-genre-count{max-width:100%;font-size:10px}.tpcr-genre-art{width:68px;height:68px;right:12px;top:42px}.tpcr-genre-label{padding-top:81px}.tpcr-original-home .tpcr-genres h3{font-size:25px}.tpcr-original-home .tpcr-genres [data-long-title=true] h3{font-size:21px}.tpcr-genre-arrow{display:none}}@media (max-width:359px){.tpcr-genres{padding-inline:18px}.tpcr-genre-tile{padding-inline:11px}.tpcr-original-home .tpcr-genres [data-long-title=true] h3{font-size:19px}}@media (prefers-reduced-motion:reduce){.tpcr-genres *{transition:none!important}.tpcr-genre-tile:is(:hover,:focus-visible) .tpcr-genre-art{transform:none}}