section#ranker{padding-top:0}.ranker__container{border-bottom:1px solid #ededf1;max-height:calc(100vh - 80px);overflow:auto}.table-grid{align-items:center;display:grid;gap:20px;grid-template-columns:90px 135px auto 195px;grid-template-rows:1fr}.ranker__head{background-color:#1e2752;height:45px;position:sticky;top:0;z-index:2}.ranker__cell{align-items:center;display:flex;gap:6px;height:100%;justify-content:center;text-align:center}.ranker__cell#creative{justify-content:start}.ranker__label{font-size:14.8px;font-weight:400;letter-spacing:.05em;line-height:1;text-transform:uppercase}.ranker__head .ranker__label{color:#fff}ol.ranker__table{background-color:#ededf1;display:flex;flex-direction:column;gap:1px;padding:0 1px 1px}ol.ranker__table li{background-color:#fff;cursor:pointer;height:auto;margin:0;padding:12px 0}.ranker__cell#engagement-index{grid-column:4}ol.ranker__table li:not(:has(.ranker__cell#logo)) .ranker__item-detail{grid-column:2/4}ol.ranker__table li:not(:has(.tag-tip)){overflow:hidden}ol.ranker__table li.hidden{display:none}ol.ranker__table li:hover{box-shadow:0 0 12px 0 rgba(0,0,0,.125);z-index:1}ol.ranker__table li:before{align-items:center;content:attr(data-rank);display:flex;font-size:48px;font-weight:700;grid-column:1;height:100%;justify-content:center;line-height:1.25;padding-right:0;position:relative;top:0;transition:.3s}ol.ranker__table li:hover:before{opacity:0;top:-100%}.ranker__cell#logo img{max-height:115px;object-fit:contain;padding:20px;width:100%}.ranker__item-detail{display:flex;flex-direction:column;gap:4px;line-height:1.25;min-width:0;position:relative}.tags__container{display:flex;gap:8px;padding-top:8px;position:relative}li .tags__container{width:100vh}.item-detail__tag{align-items:center;background-color:#ededf1;border:1px solid #ededf1;border-radius:3px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:28px;letter-spacing:.05em;line-height:0;padding:0 8px;text-transform:uppercase;transition:.3s}.item-detail__tag:hover{background-color:#fff}li span.item-detail__title{width:fit-content}.other-details__container,li span.item-detail__description{font-size:14.8px;width:fit-content}.other-details__container{font-style:italic}.play-button__container{align-self:center;display:flex;grid-column:1;justify-content:center;left:45px;opacity:0;position:absolute;top:150%;transform:translate(-50%,-50%);transition:.3s}li:hover .play-button__container{opacity:1;top:50%}span.ranker__column-info{display:flex;height:18px;position:relative;width:18px}.ranker__filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding-bottom:20px}.filter{position:relative}.filter__selector{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231E2752%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 18px top 50%,0 0;background-repeat:no-repeat;background-size:14px;border:2px solid #1e2752;border-radius:50px;cursor:pointer;display:flex;font-size:14.8px;font-weight:700;gap:4px;height:46px;overflow:hidden;padding:0 48px 0 18px;position:relative;text-wrap:nowrap}.filter__options{background-color:#fff;border:1px solid #ededf1;border-radius:6px;box-shadow:0 4px 12px 0 rgba(0,0,0,.125);display:none;flex-direction:column;gap:4px;justify-content:start;left:0;max-height:266px;min-width:100%;overflow:auto;padding:4px;position:absolute;top:calc(100% + 12px);width:fit-content;z-index:10}.filter__options.open{display:flex}.filter__options button{background-color:#00000000;border:none;border-radius:2px;color:#1e2752;cursor:pointer;font-size:14.8px;font-weight:700;height:36px;min-height:36px;padding:0 12px;text-align:left;text-wrap:nowrap;transition:.15s}.filter__options button:hover{background-color:#c2d5ed3f}.filter__options button.selected{background-color:#c2d5ed7f}.info-container{align-items:center;display:flex;height:18px;overflow:hidden;position:relative;width:18px;z-index:1}.info-container:hover{overflow:initial}.info-container:hover .info{opacity:1}.info-icon{height:18px;width:18px}span.info{background:#fff;border:1px solid #ededf1;border-radius:6px;bottom:39px;color:#1e2752;font-size:14px;font-weight:400;line-height:1.4;max-width:400px;opacity:0;padding:12px;position:absolute;text-align:left;transition:opacity .3s,scale .3s;white-space:normal;width:100vh;@starting-style{opacity:0;scale:0}}span.info.left{left:-12px}span.info.right{right:-12px}span.info.bottom{bottom:-12px;transform:translateY(100%)}span.info.left:after{left:13px}span.info.right:after{right:13px}.tag-tip{background-color:#fff;border:1px solid #ededf1;border-radius:3px;box-shadow:0 4px 12px 0 rgba(0,0,0,.075);display:flex;flex-direction:column;gap:6px;max-width:360px;padding:6px 18px 6px 6px;position:absolute;top:4px;transform:translateY(-100%);transition:opacity .3s,scale .3s;@starting-style{opacity:0;scale:0}}.tag-tip.open{opacity:1;scale:1;@starting-style{opacity:0;scale:0}}.tag-tip.close{opacity:0;scale:0;@starting-style{opacity:1;scale:1}}.tag-tip__item{display:flex;flex-direction:column;font-size:14.8px;gap:2px;line-height:1.25;position:relative;z-index:50}.reset-filters{align-items:center;background:#00000000;background-color:#1e2752;border:none;border-radius:46px;color:#fff!important;cursor:pointer;display:flex;font-size:14.8px;font-weight:500;gap:12px;height:46px;letter-spacing:.05em;line-height:0;padding:0 18px;transition:background-color .3s}.reset-filters:hover{background-color:#4a5374}.reset-filters:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M0 1.633C0 1.297 0 1.129.065 1A.6.6 0 0 1 .328.738C.456.673.624.673.96.673h10.08c.336 0 .504 0 .632.065a.6.6 0 0 1 .263.262c.065.129.065.297.065.633v.401c0 .162 0 .242-.02.317a.6.6 0 0 1-.085.186 1.3 1.3 0 0 1-.226.223L7.83 6.086c-.122.105-.183.158-.226.222a.6.6 0 0 0-.085.186c-.02.075-.02.156-.02.317v3.137c0 .117 0 .176-.019.226a.3.3 0 0 1-.08.117.7.7 0 0 1-.203.102l-2.04.816c-.22.088-.33.133-.419.114a.3.3 0 0 1-.189-.128c-.05-.075-.05-.194-.05-.431V6.81c0-.161 0-.242-.02-.317a.6.6 0 0 0-.085-.186c-.043-.064-.104-.117-.226-.222L.33 2.76C.21 2.654.148 2.6.105 2.537a.6.6 0 0 1-.085-.186C0 2.276 0 2.196 0 2.034z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.no-items__message{align-items:center;cursor:none;display:flex;height:105px;justify-content:center;text-align:center;width:100%}.mobile-only__ranker-container{display:none}@media only screen and (max-width:1080px){section#ranker{padding-bottom:0}.ranker__filters{display:none}ol.ranker__table li:before{font-size:18px}.ranker__head{display:none}.table-grid{gap:0}.ranker__container{border-bottom:none!important;max-height:none;overflow:visible}li.ranker__item{align-items:start;border:1px solid #ededf1;border-radius:12px;display:flex;gap:12px;height:fit-content!important;max-height:none;padding:12px 20px!important;transition:.3s}.play-button__container{display:none}li.ranker__item:hover:before{opacity:1!important;top:0!important}li span.item-detail__title{font-size:18px}.ranker__cell#brand,.ranker__cell#logo,.tags__container{display:none}ol.ranker__table{background-color:#ffffff00;gap:12px}.ranker__cell#engagement-index,.ranker__cell#engagement-rate{display:none}li .ranker__item-detail{grid-column:2/5;overflow:hidden}span.item-detail__description,span.item-detail__title{display:inline-block;white-space:pre-wrap!important}.mobile-only__ranker-container{background:linear-gradient(#ffffff00,#fff);bottom:0;display:block;height:fit-content;padding:40px 20px;position:sticky;text-align:center;transform:translateX(-20px);width:calc(100% + 40px);z-index:2}}