/* OXO ranking concept: shared data, desktop table and mobile cards. */
body.ranking-design{background:#f4f8f7;color:#142333}
.ranking-design .mobile-bottom-nav{display:none!important}
.ranking-design .ranking-heading h1,.ranking-design .ranking-categories h2,.ranking-design .ranking-toolbar h2{font-family:var(--ox-font)!important}
.ranking-design .ox-main>div:has(>ins.oxo-slider:empty){display:none}
.ranking-design .page-body,.ranking-design .v4-main-scroll{background:transparent}
.ranking-design .ox-main{max-width:1500px!important;padding:38px 32px 56px!important}
.ranking-design .oxh-inner{max-width:1500px;padding:0 32px;gap:30px;height:78px}
.ranking-design .oxh-logo{gap:12px}
.ranking-design .oxh-logo strong{font:800 25px/1 var(--ox-font);letter-spacing:-1px;color:#10202c}
.ranking-design .oxh-logo .ox-mark{height:33px}
.ranking-design .oxh-nav{gap:24px}
.ranking-design .oxh-search{width:260px}
.ranking-design .ranking-add{display:flex;gap:10px;align-items:center;background:#10c697;color:#073d31;border-radius:11px;white-space:nowrap}
.ranking-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.ranking-eyebrow{color:#079d78;font-size:13px;font-weight:600;margin:0 0 7px}
.ranking-heading h1{font-size:36px!important;line-height:1.35!important;margin:0!important;color:#10202c}
.ranking-subtitle{font-size:14px;color:#798797;margin:9px 0 0;line-height:1.65}
.ranking-updated{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px;color:#83919f}
.ranking-updated span{width:7px;height:7px;border-radius:50%;background:#12c497}
.ranking-design .ox-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;background:transparent!important;gap:18px!important;border:0!important;overflow:visible!important;margin-bottom:26px!important}
.ranking-design .ox-stat-cell{position:relative;border:1px solid #e4ede9;border-radius:15px;padding:23px 22px 23px 84px!important;box-shadow:0 3px 12px #163f2e03}
.ranking-design .ox-stat-lbl{letter-spacing:0!important;font-size:12px!important;min-height:0!important;margin-bottom:7px!important;color:#7c8997!important}
.ranking-design .ox-stat-lbl i{position:absolute;left:20px;top:28px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#e3f8f0;color:#06af85!important;font-size:20px;margin:0!important}
.ranking-design .ox-stat-val{font-size:29px!important;line-height:1.2}
.ranking-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:22px;align-items:start;scroll-margin-top:95px}
.ranking-categories{background:white;border:1px solid #e3ece8;border-radius:15px;padding:20px 12px;scroll-margin-top:90px}
.ranking-design .ranking-categories h2,.ranking-design .ranking-toolbar h2{font-size:18px!important;line-height:1.5!important;margin:0;font-weight:700;color:#132333;letter-spacing:0!important}
.ranking-categories h2{padding:0 12px 18px}
.ranking-categories nav{display:flex;flex-direction:column;gap:4px}
.ranking-categories a{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 12px;color:#647385;border-radius:9px;text-decoration:none;font-size:13px;transition:background .15s}
.ranking-categories i{width:20px;font-size:16px;text-align:center}
.ranking-categories small{margin-left:auto;font-size:10px;color:#95a39f}
.ranking-categories a:hover{background:#f3f8f6}
.ranking-categories a.selected{background:#e8f9f2;color:#059b74;font-weight:600;box-shadow:inset 3px 0 #10c697}
.ranking-results{min-width:0;background:#fff;border:1px solid #e3ece8;border-radius:15px;padding:20px 16px 16px}
.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 17px}
.ranking-toolbar h2 span{font-family:var(--ox-font);font-size:11px;color:#92a197;font-weight:500;margin-left:8px}
.ranking-period{display:flex;gap:4px;padding:3px;border:1px solid #e9efec;border-radius:10px;background:#f7f9f8}
.ranking-period a{padding:9px 19px;border-radius:7px;color:#72818f;font-size:12px;text-decoration:none}
.ranking-period a.selected{color:#fff;background:#08bc8e;box-shadow:0 2px 4px #06af8520}
.ranking-design .ox-rank-table{min-width:0!important;border:0!important;border-radius:0!important}
.ranking-design .ox-rank-head,.ranking-design .ox-rank-row{grid-template-columns:32px minmax(150px,1fr) 84px 90px 122px 64px!important;gap:12px!important;padding:17px 12px!important;align-items:center}
.ranking-design .ox-rank-head{font-size:10px!important;letter-spacing:0!important;color:#8a98a4!important;background:#f9fbfa;border-color:#edf2ef!important}
.ranking-design .ox-rank-row{min-height:77px;border-color:#edf2ef!important;transition:background .15s}
.ranking-design .ox-rank-row:first-of-type{background:#edfaf5;border-radius:9px}
.ranking-design .ox-rank-row:hover{background:#f0faf6}
.ranking-design .ox-c-rank{font-weight:500!important;font-size:13px!important;color:#7d8d9a!important}
.ranking-design .ox-rank-row:first-of-type .ox-c-rank{color:#04a87d!important;font-weight:700!important}
.ranking-design .ox-c-site>div:first-child{width:39px!important;height:39px!important;border-radius:11px!important}
.ranking-design .ox-c-site>.ranking-favicon{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;color:#079d78!important}
.ranking-design .ranking-favicon img{object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.ranking-design .ranking-favicon:has(img)>span{visibility:hidden}
.ranking-design .ox-c-site>div:last-child>div:first-child>span:first-of-type{font-size:13px!important}
.ranking-design .ox-c-site>div:last-child>div:last-child{font-size:11px!important;margin-top:4px}
.ranking-design .ox-c-vis,.ranking-design .ox-c-pv{font-size:13px!important}
.ranking-design .ox-c-cat span{display:inline-block;max-width:122px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;border-radius:20px!important;background:#f0f5f3!important;padding:5px 9px!important}
.ranking-design .ox-news{margin:24px 0 0;border-color:#e3ece8;box-shadow:none}
.ranking-mobile-search,.ranking-bottom-nav{display:none}
.ranking-design a:focus-visible,.ranking-design button:focus-visible,.ranking-design input:focus-visible{outline:2px solid #059b74;outline-offset:3px}
@media(min-width:901px) and (max-width:1200px){
 .ranking-design .oxh-inner{gap:20px}.ranking-design .oxh-search{width:190px}.ranking-design .oxh-nav{gap:14px}
 .ranking-layout{grid-template-columns:200px minmax(0,1fr);gap:16px}
 .ranking-design .ox-rank-head,.ranking-design .ox-rank-row{grid-template-columns:25px minmax(130px,1fr) 68px 68px 86px 40px!important;gap:8px!important}
 .ranking-design .ox-stat-cell{padding-left:66px!important}.ranking-design .ox-stat-lbl i{left:14px;width:38px;height:38px}
}
@media(max-width:900px){
 .ranking-design .ox-main{padding:25px 20px 100px!important}
 .ranking-design .oxh-inner{height:66px!important;padding:0 20px!important;gap:12px!important}
 .ranking-design .oxh-logo{order:0;gap:9px}.ranking-design .oxh-spacer{order:1}.ranking-design .oxh-actions{order:2}.ranking-design .oxh-burger{order:3;margin-left:4px}
 .ranking-design .oxh-logo strong{font-size:22px}.ranking-design .oxh-logo .ox-mark{height:29px}
 .ranking-design .h5-search-mobile-btn,.ranking-design .oxh-login-guest{display:none!important}
 .ranking-design .ranking-add{width:40px;height:40px;min-height:40px;padding:0!important;justify-content:center;font-size:18px}.ranking-add span{display:none}
 .ranking-heading{margin-bottom:20px}.ranking-heading h1{font-size:29px!important}.ranking-updated{display:none}
 .ranking-subtitle{font-size:12px;margin-top:8px}.ranking-eyebrow{font-size:12px}
 .ranking-design .ox-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:20px!important}
 .ranking-design .ox-stat-cell{padding:18px 12px 18px 69px!important;min-height:88px;border-radius:14px}
 .ranking-design .ox-stat-lbl{font-size:11px!important;margin:0 0 5px!important;line-height:1.4!important}
 .ranking-design .ox-stat-val{font-size:25px!important}
 .ranking-design .ox-stat-lbl i{left:14px;top:23px;width:40px;height:40px;font-size:17px;border-radius:50%}
 .ranking-mobile-search{display:flex;align-items:center;gap:12px;padding:0 15px;height:49px;background:white;border:1px solid #dfe9e4;border-radius:12px;margin-bottom:18px;color:#7c8b95}
 .ranking-mobile-search input{border:0;background:transparent;min-width:0;flex:1;font-family:inherit;font-size:16px;outline:none;color:#142333}
 .ranking-mobile-search button{border:0;background:transparent;color:#069c77;min-width:32px;height:40px}
 .ranking-layout{display:flex;flex-direction:column;gap:18px}
 .ranking-categories{width:100%;border:0;padding:0;background:transparent;border-radius:0}
 .ranking-categories h2{display:none}.ranking-categories nav{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none;padding:2px}
 .ranking-categories a{flex-shrink:0;min-height:40px;padding:10px 17px;background:#eaf0ed;border-radius:24px;font-size:12px}
 .ranking-categories a.selected{background:#0abb8c;color:white;box-shadow:none}.ranking-categories i,.ranking-categories small{display:none}
 .ranking-results{width:100%;padding:0;border:0;background:transparent}
 .ranking-toolbar{margin:0 0 16px}.ranking-toolbar h2{font-size:16px}
 .ranking-design .ox-rank-head{display:none!important}
 .ranking-design .ox-rank-table{background:transparent!important;overflow:visible!important}
 .ranking-design .ox-scroll{overflow:visible}
 .ranking-design .ox-rank-row{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 48px!important;grid-template-rows:auto auto;gap:10px 8px!important;padding:17px 14px!important;margin-bottom:10px;background:#fff;border:1px solid #e1ebe6!important;border-radius:14px!important}
 .ranking-design .ox-rank-row:first-of-type{background:#eafaf3;border-color:#bdebd9!important}
 .ranking-design .ox-c-rank{grid-area:1 / 1 / 3 / 2;font-size:17px!important}
 .ranking-design .ox-c-site{grid-area:1 / 2 / 2 / 4;gap:10px!important}
 .ranking-design .ox-c-site>div:last-child>div:first-child{display:flex;-webkit-line-clamp:unset;line-height:1.4!important}
 .ranking-design .ox-c-site>div:last-child>div:first-child>span:first-of-type{white-space:nowrap!important;font-size:13px!important}
 .ranking-design .ox-c-trend{grid-area:1 / 4 / 3 / 5;justify-self:end}
 .ranking-design .ox-c-vis{grid-area:2 / 2 / 3 / 3;justify-self:start;padding-left:49px}
 .ranking-design .ox-c-pv{grid-area:2 / 3 / 3 / 4;justify-self:start}
 .ranking-design .ox-c-vis,.ranking-design .ox-c-pv{font-size:12px!important;color:#71818d!important;font-weight:500!important;white-space:nowrap}
 .ranking-design .ox-c-vis:before{content:'\f007';font-family:'Font Awesome 6 Free';font-weight:900;font-size:11px}
 .ranking-design .ox-c-pv:before{content:'\f06e';font-family:'Font Awesome 6 Free';font-weight:900;font-size:11px}
 .ranking-design .ox-c-cat{display:none}
 .ranking-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e0eae5;padding:10px 10px max(10px,env(safe-area-inset-bottom));justify-content:space-around}
 .ranking-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#73828e;text-decoration:none;font-size:10px;min-width:65px;min-height:43px}
 .ranking-bottom-nav i{font-size:21px}.ranking-bottom-nav .selected{color:#06b588}
 .ranking-design #footer{padding-bottom:85px}
}
@media(max-width:480px){
 .ranking-design .ox-main{padding:22px 16px 95px!important}.ranking-design .oxh-inner{padding:0 16px!important}
 .ranking-heading h1{font-size:27px!important}.ranking-toolbar h2{display:none}.ranking-period{width:100%;padding:4px}.ranking-period a{flex:1;text-align:center;min-height:40px;display:grid;place-items:center}
 .ranking-design .ox-stat-cell{padding:15px 10px 15px 56px!important}.ranking-design .ox-stat-lbl i{left:11px;top:24px;width:33px;height:33px;font-size:15px}.ranking-design .ox-stat-lbl{font-size:10px!important}
 .ranking-design .ox-c-site>div:first-child{width:34px!important;height:34px!important}.ranking-design .ox-c-vis{padding-left:44px}.ranking-design .ox-rank-row{padding:15px 10px!important}
}