.jhcr-ranking{--jhvr-gap:18px;--jhvr-card-width:clamp(240px, 22vw, 340px)}.jhcr-ranking .jhvr-scroller{padding-left:4px}.jhcr-card,.jhcr-card-link,.jhcr-image-wrap,.jhcr-image-wrap img{border-radius:4px}.jhcr-card-link{outline:none}.jhcr-image-wrap{aspect-ratio:16 / 9;background:#151515;box-shadow:0 8px 24px rgb(0 0 0 / .28)}.jhcr-image-wrap::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgb(255 255 255 / .08);border-radius:inherit;pointer-events:none}.jhcr-color-gradient{position:absolute;z-index:2;left:0;right:0;bottom:0;height:72%;border-radius:0 0 4px 4px;pointer-events:none;background:linear-gradient(to top,#000 0%,#000 0%,rgb(0 0 0 / .80) 35%,rgb(0 0 0 / .62) 58%,rgb(0 0 0 / .30) 78%,transparent 100%);-webkit-mask-image:none;mask-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:.44;transition:opacity .22s ease}.jhcr-card-copy{position:absolute;z-index:4;left:15px;right:15px;bottom:13px;display:block;color:#fff;text-shadow:0 2px 8px rgb(0 0 0 / .48)}.jhcr-card-title{display:-webkit-box;overflow:hidden;margin:0 0 5px;color:#fff;font-size:17px;font-weight:800;line-height:1.18;letter-spacing:-.01em;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (hover:hover) and (pointer:fine){.jhcr-ranking .jhcr-card-copy{opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.jhcr-ranking .jhcr-card-link:hover .jhcr-color-gradient,.jhcr-ranking .jhcr-card-link:focus-visible .jhcr-color-gradient,.jhcr-ranking .jhcr-card:focus-within .jhcr-color-gradient{opacity:1}.jhcr-ranking .jhcr-card-link:hover .jhcr-card-copy,.jhcr-ranking .jhcr-card-link:focus-visible .jhcr-card-copy,.jhcr-ranking .jhcr-card:focus-within .jhcr-card-copy{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}}.jhcr-card-meta{display:block;overflow:hidden;color:rgb(255 255 255 / .82);font-size:12px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}html body .jhcr-ranking .jhcr-card .jhcr-rank-number{position:absolute;z-index:6;left:-34px;bottom:-15px;top:auto;min-width:74px;height:auto;padding:0;border:0!important;border-radius:0;background:transparent!important;background-color:transparent!important;color:#fff!important;font-family:Arial Black,Impact,sans-serif;font-size:clamp(70px, 6.5vw, 112px);font-style:italic;font-weight:900;line-height:.78;letter-spacing:-8px;text-align:center;text-shadow:2px 3px 0 #050505;box-shadow:none;-webkit-text-stroke:3px #050505;paint-order:stroke fill;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;opacity:1;visibility:visible;transform:translateX(0) scale(1);transform-origin:left bottom;transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}@media (hover:hover) and (pointer:fine){.jhcr-ranking .jhcr-card-link:hover .jhcr-rank-number,.jhcr-ranking .jhcr-card-link:focus-visible .jhcr-rank-number,.jhcr-ranking .jhcr-card:focus-within .jhcr-rank-number{opacity:0;visibility:hidden;transform:translateX(-8px) scale(.96);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}}.jhcr-card-duration{display:inline-flex;align-items:center;width:auto;max-width:100%;color:rgb(255 255 255 / .86);font-size:12px;font-weight:700;line-height:1.2}.jhcr-ranking .jhcr-card-duration::before,.jhcr-ranking .jhcr-card-duration .fa-clock-o,.jhcr-ranking .fa-clock-o{display:none!important;content:none!important}.jhcr-card-link:hover .jhcr-image-wrap img,.jhcr-card-link:focus-visible .jhcr-image-wrap img{transform:scale(1.045);filter:brightness(.86)}.jhcr-card-link:focus-visible .jhcr-image-wrap{box-shadow:0 0 0 2px #fff,0 8px 24px rgb(0 0 0 / .38)}@media (hover:none),(pointer:coarse){.jhcr-color-gradient{opacity:.82}}@media (max-width:767px){.jhcr-ranking{--jhvr-gap:12px;--jhvr-card-width:min(78vw, 300px)}.jhcr-ranking .jhvr-scroller{padding-left:0}.jhcr-card-title{font-size:15px}.jhcr-card-copy{left:12px;right:12px;bottom:11px}html body .jhcr-ranking .jhcr-card .jhcr-rank-number{left:-25px;bottom:-11px;top:auto;min-width:58px;height:auto;padding:0;border-radius:0;font-size:clamp(58px, 18vw, 82px);letter-spacing:-6px;-webkit-text-stroke-width:2px}.jhcr-card-copy{left:48px}}