@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-scroll-snap-strictness:proximity;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-font-weight:initial}}}:root,:host{--color-primary:#006fbc}.ranking-wrapper{max-width:var(--container-6xl,72rem)}:where(.ranking-wrapper>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem)*6)*calc(1 - var(--tw-space-y-reverse)))}.ranking-trends{border-style:var(--tw-border-style);background-color:var(--color-gray-50,oklch(98.5% .002 247.839));border-width:1px;border-radius:.25rem}.ranking-trends>.title{align-items:center;column-gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);color:var(--color-primary);display:flex}.ranking-trends>.title:before,.ranking-trends>.title:after{content:"";background-color:var(--color-primary);flex-grow:1;height:1px;display:block}.ranking-trends ul{scroll-snap-type:x var(--tw-scroll-snap-strictness);column-gap:calc(var(--spacing,.25rem)*6);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);display:flex;position:relative;overflow-x:auto}.ranking-trends ul>li{width:calc(var(--spacing,.25rem)*52);scroll-snap-align:center;flex-shrink:0}.ranking-trends ul>li>div{align-items:center;row-gap:calc(var(--spacing,.25rem)*2);background-color:var(--color-white,#fff);height:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*4);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:.25rem;flex-direction:column;display:flex}.ranking-trends ul>li .content{align-items:center;row-gap:calc(var(--spacing,.25rem)*2);flex-direction:column;flex-grow:1;display:flex}.ranking-trends ul>li .name{--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);word-break:break-all}.ranking-trends ul>li .image{width:66.6667%}.ranking-trends ul>li .diffs{flex-grow:1;align-items:center;display:flex}.ranking-trends ul>li .diffs>div{align-items:center;column-gap:calc(var(--spacing,.25rem)*2);flex-grow:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.ranking-trends ul>li .diffs>div>div{align-items:center;row-gap:calc(var(--spacing,.25rem)*1);flex-direction:column;grid-column:span 2/span 2;display:flex}.ranking-trends ul>li .diffs>div>div .rating{--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.ranking-trends ul>li .diffs>div>div .count{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25)}.ranking-trends ul>li .diffs>div>div.from .rating{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}.ranking-trends ul>li .diffs>div>div.to .rating{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));color:var(--color-green-700,oklch(52.7% .154 150.069))}.ranking-trends ul>li .diffs>div>svg{color:var(--color-primary);grid-column:span 1/span 1}.ranking-links .adsense{margin-block:calc(var(--spacing,.25rem)*6)}.ranking-links>.row{border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*4);border-width:1px;border-radius:.25rem}.ranking-links>.row+.row{margin-top:calc(var(--spacing,.25rem)*8)}.ranking-links>.row>.title{padding-left:calc(var(--spacing,.25rem)*4);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.ranking-links>.row ul{margin-top:calc(var(--spacing,.25rem)*4);column-gap:calc(var(--spacing,.25rem)*4);row-gap:calc(var(--spacing,.25rem)*4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(min-width:48rem){.ranking-links>.row ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.ranking-links>.row ul{grid-template-columns:repeat(6,minmax(0,1fr))}}.ranking-links>.row ul a{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*3);border-width:1px;justify-content:center;align-items:center;display:flex}@media(hover:hover){.ranking-links>.row ul a:hover{border-color:var(--color-gray-300,oklch(87.2% .01 258.338))}}.ranking-links>.row .row{margin-top:calc(var(--spacing,.25rem)*6);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-stone-100,oklch(97% .001 106.424));background-color:var(--color-stone-50,oklch(98.5% .001 106.423));padding:calc(var(--spacing,.25rem)*4);border-radius:.25rem}.ranking-links>.row .row .title{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.ranking-links>.row .row ul a{padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
