.ranker-video{container-type:inline-size;perspective:2000px}.ranker-video__wrapper{display:flex;align-items:stretch;overflow:hidden;background-color:#fff;border-radius:4px}.ranker-video__wrapper[data-effect-active=true]{opacity:0;transform:rotateX(-90deg);animation:ranker-video-rotate-content .75s ease-out forwards}.ranker-video__rank{display:grid;flex-shrink:0;place-items:center;width:128px;font-size:3.2rem;font-weight:var(--font-weight-extra-bold);color:var(--color-black)}@container (width < 800px){.ranker-video__rank{width:40px;font-size:1.4rem;font-weight:var(--font-weight-bold)}}.ranker-video__rank[data-rank="1"],.ranker-video__rank[data-rank="2"],.ranker-video__rank[data-rank="3"]{color:#fff}.ranker-video__rank[data-rank="1"]{background-color:var(--color-rank-1)}.ranker-video__rank[data-rank="2"]{background-color:var(--color-rank-2)}.ranker-video__rank[data-rank="3"]{background-color:var(--color-rank-3)}.ranker-video__content{display:flex;flex:1;align-items:stretch}@container (width < 800px){.ranker-video__content{flex-direction:column}}.ranker-video__content-inner{flex:1}.ranker-video__main{display:flex;flex:1;gap:12px;align-items:center;padding:8px;line-height:1.25;color:var(--color-black)}.ranker-video__thumbnail{position:relative;flex-shrink:0;width:160px;height:90px;overflow:hidden;background-color:var(--color-black)}@container (width < 800px){.ranker-video__thumbnail{width:128px;height:72px}}.ranker-video__thumbnail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background-color:var(--color-black)}.ranker-video__info{flex:1}.ranker-video__title{display:flex;font-size:2rem;font-weight:var(--font-weight-extra-bold)}@container (width < 800px){.ranker-video__title{font-size:1.2rem;font-weight:var(--font-weight-bold)}}.ranker-video__title-text{flex-grow:1;width:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (width < 800px){.ranker-video__title-text{display:-webkit-box;-webkit-line-clamp:2;white-space:inherit;-webkit-box-orient:vertical}}.ranker-video__creator-name{display:flex;margin-block:.5em;font-size:1.6rem;font-weight:var(--font-weight-medium)}@container (width < 800px){.ranker-video__creator-name{font-size:1rem}}.ranker-video__creator-name-text{flex-grow:1;width:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranker-video__genre{display:inline-block;min-width:12em;padding:.25em .5em;margin-right:1em;font-size:1.2rem;font-weight:var(--font-weight-medium);color:var(--color-grey-dark);text-align:center;border:1px solid var(--color-grey-dark)}@container (width < 800px){.ranker-video__genre{min-width:auto;font-size:1rem;line-height:1}}.ranker-video__other-results{padding:4px 8px;margin:0 8px 8px;font-size:1.6rem;font-weight:var(--font-weight-bold);color:var(--color-black);background-color:var(--color-grey-light);border-radius:4px}@container (width < 800px){.ranker-video__other-results{font-size:1.2rem}}.ranker-video__result-item{display:inline-flex;gap:.75em;align-items:center;padding:2px 6px;white-space:nowrap}.ranker-video__result-rank{min-width:5em;padding:.25em;line-height:1;color:#fff;text-align:center;background-color:var(--color-black);border-radius:4px}.ranker-video__result-rank[data-rank="1"]{background-color:var(--color-rank-1)}.ranker-video__result-rank[data-rank="2"]{background-color:var(--color-rank-2)}.ranker-video__result-rank[data-rank="3"]{background-color:var(--color-rank-3)}.ranker-video__buttons{display:flex;flex-direction:column;flex-shrink:0;gap:8px;align-items:stretch;justify-content:center;padding:8px 24px;background-color:var(--color-grey-light)}@container (width < 800px){.ranker-video__buttons{flex-direction:row;padding-inline:8px;background:linear-gradient(to right,#fff,var(--color-grey-light) 50%)}}.ranker-video__button{box-sizing:border-box;display:inline-flex;gap:.5em;align-items:center;justify-content:center;min-width:8em;padding:.5em 1em;font-weight:var(--font-weight-bold);color:var(--color-yellow);text-align:center;white-space:nowrap;background-color:var(--color-accent);border:.2em solid var(--color-yellow);border-radius:100vh;box-shadow:0 0 .5em #0003}@container (width < 800px){.ranker-video__button{flex:1;padding:.5em}}@media (hover: hover){.ranker-video__button{transition:transform .3s,filter .3s}.ranker-video__button:hover{filter:brightness(1.1);transform:scale(1.05)}}.ranker-video__button:active{transition:none}.ranker-video__share-button:before{display:block;width:1em;height:1.08em;content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='26'%20fill='none'%3e%3cpath%20fill='%23FCFF99'%20d='M14.283%2011.114%2023.218.718H21.1l-7.758%209.027L7.147.718H0l9.37%2013.65L0%2025.27h2.117l8.193-9.533%206.543%209.533H24l-9.717-14.156Zm-2.9%203.374-.95-1.36L2.88%202.314h3.252l6.096%208.729.95%201.36%207.924%2011.345h-3.253l-6.466-9.258Z'/%3e%3c/svg%3e") no-repeat 0 0/contain}@keyframes ranker-video-rotate-content{to{opacity:1;transform:rotateX(0)}}