.rank-subject-list[data-v-d1a7146a]{height:100%;width:100%}.subject-grid[data-v-d1a7146a]{display:flex;flex-wrap:wrap}@media (min-width:768px){.subject-grid[data-v-d1a7146a]{gap:2rem 1rem}}.rank-subject-item[data-v-d1a7146a]{cursor:pointer;display:flex;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.rank-subject-item[data-v-d1a7146a]{align-items:stretch;flex-direction:row;overflow:hidden}}.rank-subject-item[data-v-d1a7146a]{height:5.875rem}@media (min-width:768px){.rank-subject-item[data-v-d1a7146a]{height:auto;min-height:13.3125rem}}.rank-subject-item[data-v-d1a7146a]{border-radius:var(--tm-radius-lg);color:inherit;text-decoration:none}.rank-subject-item .desc-text[data-v-d1a7146a]:hover,.rank-subject-item .title-text[data-v-d1a7146a]:hover{text-decoration-line:underline}@media screen and (max-width:767px){.rank-subject-item[data-v-d1a7146a]{align-items:center;margin-block-start:.75rem}}.subject-cover[data-v-d1a7146a]{border-radius:.125rem;height:6.25rem;min-width:4.25rem;overflow:hidden;position:relative;width:4.25rem}@media (min-width:768px){.subject-cover[data-v-d1a7146a]{border-radius:.5rem;height:13.3125rem;width:9.5rem}}.subject-cover[data-v-d1a7146a]{background:var(--tm-panel-soft);border:.0625rem solid var(--tm-line-soft);margin-inline-end:.5rem}@media screen and (min-width:768px){.subject-cover[data-v-d1a7146a]{margin-inline-end:1rem}}.ranking-corner[data-v-d1a7146a]{left:0;position:absolute;top:0;z-index:2}.ranking-corner-bg[data-v-d1a7146a]{align-items:center;border-radius:.125rem;display:flex;justify-content:center}@media (min-width:768px){.ranking-corner-bg[data-v-d1a7146a]{border-radius:.375rem}}.ranking-corner-bg[data-v-d1a7146a]{height:1rem;width:1rem}@media (min-width:768px){.ranking-corner-bg[data-v-d1a7146a]{height:2rem;width:2rem}}.ranking-corner-bg[data-v-d1a7146a]{padding-bottom:.0625rem;padding-left:.25rem;padding-right:.25rem}@media (min-width:768px){.ranking-corner-bg[data-v-d1a7146a]{padding:.1875rem .625rem}}.ranking-corner-bg[data-v-d1a7146a]{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#070809d1!important;border:.0625rem solid rgba(139,216,255,.28)}.ranking-corner-num[data-v-d1a7146a]{font-size:.75rem;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.ranking-corner-num[data-v-d1a7146a]{font-size:1.25rem;line-height:1.75rem}}.ranking-corner-num[data-v-d1a7146a]{line-height:.875rem}@media (min-width:768px){.ranking-corner-num[data-v-d1a7146a]{line-height:1.5625rem}}.ranking-corner-wrapper-0 .ranking-corner-bg[data-v-d1a7146a]{background:#8bd8ff38}.ranking-corner-wrapper-1 .ranking-corner-bg[data-v-d1a7146a]{background:#8bd8ff29}.ranking-corner-wrapper-2 .ranking-corner-bg[data-v-d1a7146a]{background:#8bd8ff1f}.ranking-corner-0[data-v-d1a7146a]{background:#8bd8ff38!important}.ranking-corner-1[data-v-d1a7146a]{background:#8bd8ff29!important}.ranking-corner-2[data-v-d1a7146a]{background:#8bd8ff1f!important}.rank-subject-item:nth-child(n+4) .ranking-corner-bg[data-v-d1a7146a]{background-color:#0009}.subject-special-tag[data-v-d1a7146a]{align-items:center;display:flex;justify-content:center;position:absolute;right:.25rem;top:.125rem;z-index:6}@media (min-width:768px){.subject-special-tag[data-v-d1a7146a]{right:.5rem;top:.5rem;z-index:10}}.subject-special-tag[data-v-d1a7146a]{background-color:#0009;border-radius:.125rem}@media (min-width:768px){.subject-special-tag[data-v-d1a7146a]{border-radius:.375rem}}.subject-special-tag[data-v-d1a7146a]{padding:.15625rem .375rem}@media (min-width:768px){.subject-special-tag[data-v-d1a7146a]{padding:.21875rem .5rem}}@media screen and (max-width:767px){.subject-special-tag[data-v-d1a7146a]{flex-shrink:0;gap:.625rem;inset-inline-end:.125rem;--tw-backdrop-blur:blur(.125rem);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}.special-tag-text[data-v-d1a7146a]{color:#fffc;font-size:.6875rem;font-weight:500}@media (min-width:768px){.special-tag-text[data-v-d1a7146a]{font-size:.8125rem}}.special-tag-text[data-v-d1a7146a]{line-height:.8125rem}@media (min-width:768px){.special-tag-text[data-v-d1a7146a]{line-height:.9375rem}}.cover-hover-mask[data-v-d1a7146a]{background-color:#0003;display:none;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:3}.cover-hover-mask[data-v-d1a7146a]:hover{opacity:1}@media (min-width:768px){.cover-hover-mask[data-v-d1a7146a]{display:block}}.subject-info[data-v-d1a7146a]{display:flex;flex-direction:column;justify-content:space-between;margin-top:.25rem;position:relative;width:calc(100% - 5rem)}@media (min-width:768px){.subject-info[data-v-d1a7146a]{margin-top:0;width:calc(100% - 10.5rem)}}.subject-info[data-v-d1a7146a]{flex-grow:1}.info-main[data-v-d1a7146a]{display:flex;flex-direction:column}.subject-title[data-v-d1a7146a]{font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.subject-title[data-v-d1a7146a]{font-weight:500}}.subject-title[data-v-d1a7146a]{font-size:.875rem;line-height:1rem}@media (min-width:768px){.subject-title[data-v-d1a7146a]{font-size:1rem;line-height:1.375rem}}@media screen and (min-width:768px){.subject-title[data-v-d1a7146a]{margin-block-end:.25rem}}.title-text[data-v-d1a7146a]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.subject-detail[data-v-d1a7146a]{align-items:center;display:flex;margin-top:.25rem}@media (min-width:768px){.subject-detail[data-v-d1a7146a]{margin-bottom:.25rem;margin-top:.25rem}}.subject-detail[data-v-d1a7146a]{font-size:.75rem;line-height:1rem;line-height:.875rem}@media (min-width:768px){.subject-detail[data-v-d1a7146a]{font-size:.875rem;line-height:1.25rem;line-height:1rem}}.detail-icon[data-v-d1a7146a],.rate-icon[data-v-d1a7146a]{height:.75rem;width:.75rem}@media (min-width:768px){.detail-icon[data-v-d1a7146a],.rate-icon[data-v-d1a7146a]{height:1rem;width:1rem}}.rate-icon[data-v-d1a7146a]{margin-right:.25rem}.detail-split[data-v-d1a7146a]{display:inline-block;flex-shrink:0;height:.0625rem;margin:.25rem .375rem;width:.5rem;--tw-rotate:90deg;background-color:#f5a8a833;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:768px){.detail-split[data-v-d1a7146a]{background-color:#fff3;height:.0625rem;margin-left:.5rem;margin-right:.5rem;width:.625rem}}.detail-rate[data-v-d1a7146a]{align-items:center;display:flex}.rate-value[data-v-d1a7146a]{color:var(--tm-gold)}.detail-genre[data-v-d1a7146a],.detail-year[data-v-d1a7146a]{color:#fff9}.detail-genre[data-v-d1a7146a]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}@media screen and (max-width:767px){.detail-genre[data-v-d1a7146a]{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}}.desc-text[data-v-d1a7146a]{color:var(--tm-paper-muted);display:-webkit-box;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:.75rem;line-height:1rem;line-height:.875rem;margin:.5rem 0 .25rem}@media (min-width:768px){.desc-text[data-v-d1a7146a]{margin:0}}.desc-text[data-v-d1a7146a]{line-clamp:2;-webkit-line-clamp:2}@media screen and (min-width:768px){.desc-text[data-v-d1a7146a]{font-family:Roboto;font-size:.875rem;line-clamp:5;-webkit-line-clamp:5;line-height:1.25rem;line-height:1.125rem}}.subject-play-btn[data-v-d1a7146a]{align-items:center;display:none;justify-content:center;margin-top:1rem}@media (min-width:768px){.subject-play-btn[data-v-d1a7146a]{display:flex}}.subject-play-btn[data-v-d1a7146a]{border-radius:.375rem;font-size:.875rem;font-weight:700;height:2.25rem;line-height:1.1875rem;min-width:5rem;padding:.5rem .75rem}@media (min-width:768px){.subject-play-btn[data-v-d1a7146a]{font-size:1rem}}.subject-play-btn[data-v-d1a7146a]{background:var(--tm-accent-blue);border:.0625rem solid rgba(139,216,255,.4);bottom:0;color:#061017;cursor:pointer;position:absolute}.play-icon[data-v-d1a7146a]{height:1.25rem;margin-right:.5rem;width:1.25rem}.load-more-container[data-v-d1a7146a]{margin-top:1.5rem}@media (min-width:768px){.load-more-container[data-v-d1a7146a]{margin-top:2rem}}.load-more-btn[data-v-d1a7146a]{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:auto;margin-right:auto;width:100%}@media (min-width:768px){.load-more-btn[data-v-d1a7146a]{width:26.875rem}}.load-more-btn[data-v-d1a7146a]{background:#ffffff14;border:.0625rem solid var(--tm-line-soft)}.load-more-icon[data-v-d1a7146a]{height:1rem;margin-right:.5rem;width:1rem}.load-more-text[data-v-d1a7146a]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@keyframes spin-d1a7146a{to{transform:rotate(1turn)}}.load-more-spin[data-v-d1a7146a]{animation:spin-d1a7146a 1s linear infinite}.empty-container[data-v-d1a7146a]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-bottom:2.5rem;padding:.625rem}@media (min-width:768px){.empty-container[data-v-d1a7146a]{margin-bottom:15rem;margin-top:12rem}}.empty-icon[data-v-d1a7146a]{height:5.75rem;margin-block-end:3.75rem;width:7.375rem}.empty-text[data-v-d1a7146a]{font-size:.75rem;font-style:normal;font-weight:400;line-height:1rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(118 123 133/var(--tw-text-opacity,1))}@media screen and (min-width:951px) and (max-width:1100px){.rank-subject-item[data-v-d1a7146a]{width:calc(50% - 1rem)}}@media screen and (min-width:1101px) and (max-width:1300px){.rank-subject-item[data-v-d1a7146a]{min-width:calc(50% - 1rem);width:calc(50% - 1rem)}}@media screen and (min-width:1301px) and (max-width:1600px){.rank-subject-item[data-v-d1a7146a]{min-width:calc(33.33% - 1rem);width:calc(33.33% - 1rem)}.subject-play-btn[data-v-d1a7146a]{font-size:.875rem;width:7.5rem}}@media screen and (min-width:1601px){.rank-subject-item[data-v-d1a7146a]{min-width:calc(25% - 1rem);width:calc(25% - 1rem)}}.container-page[data-v-eb8a1092]{background:var(--tm-ink);padding-block-start:4rem;position:relative;width:100%}@media screen and (min-width:768px){.container-page[data-v-eb8a1092]{background:var(--tm-ink);height:auto;min-height:100vh;padding-block-start:0}}.header[data-v-eb8a1092]{height:3.25rem;inset-inline-start:0;position:fixed;top:0;width:100%;z-index:10}.header span[data-v-eb8a1092]{font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;line-height:normal;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-family:Roboto,sans-serif}.back-icon[data-v-eb8a1092]{height:1.5rem;inset-inline-start:1rem;position:fixed;top:.75rem;width:1.5rem;z-index:9}.ranking-box .ranking-title[data-v-eb8a1092]{font-size:1rem;font-style:normal;font-weight:700;line-height:1.5rem;line-height:1.1875rem;margin:0 .75rem;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.ranking-box .icon-logo[data-v-eb8a1092]{height:1.875rem;width:1rem}.ranking-page-layout[data-v-eb8a1092]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}@media (min-width:768px){.ranking-page-layout[data-v-eb8a1092]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.75rem*var(--tw-space-y-reverse));margin-top:calc(1.75rem*(1 - var(--tw-space-y-reverse)))}}.container-page[data-v-eb8a1092] .cinematic-page-intro__title{display:-webkit-box;max-width:57.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cinematic-panel[data-v-eb8a1092]{overflow:hidden;position:relative}@media (min-width:768px){.cinematic-panel[data-v-eb8a1092]{padding:1.5rem}}.cinematic-panel[data-v-eb8a1092]{background:var(--tm-panel);border:.0625rem solid var(--tm-line-soft);border-radius:var(--tm-radius-lg);box-shadow:var(--tm-shadow-card)}.cinematic-panel[data-v-eb8a1092]:after,.cinematic-panel[data-v-eb8a1092]:before{display:none}.cinematic-panel[data-v-eb8a1092]>*{position:relative;z-index:1}.cinematic-panel--filter[data-v-eb8a1092]{-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem);border-radius:var(--tm-radius-lg);padding:.875rem 1.125rem}@media (min-width:768px){.cinematic-panel--results[data-v-eb8a1092]{padding-bottom:2.5rem}}.ranking-list-panel[data-v-eb8a1092]{min-height:calc(100vh - 30.375rem)}.ranking-seo-section[data-v-eb8a1092]{background:var(--tm-panel);border:.0625rem solid var(--tm-line-soft);border-radius:var(--tm-radius-lg);padding:1.625rem 1.75rem 1.875rem}.ranking-seo-section__copy[data-v-eb8a1092]{max-width:56.25rem}.ranking-seo-section__copy h2[data-v-eb8a1092]{color:var(--tm-paper);font-family:var(--tm-display);font-size:clamp(1.5rem,2.4vw,2.125rem);font-weight:500;line-height:1.15}.ranking-seo-section__copy p[data-v-eb8a1092]{color:var(--tm-paper-muted);font-size:.875rem;line-height:1.75;margin-top:.625rem}.ranking-seo-links[data-v-eb8a1092]{border-top:.0625rem solid hsla(0,0%,100%,.06);margin-top:1.5rem;padding-top:1.25rem}.ranking-seo-links h3[data-v-eb8a1092]{color:var(--tm-accent-blue);font-size:.625rem;font-weight:800;letter-spacing:.16em;margin-bottom:.75rem;text-transform:uppercase}.ranking-seo-links__grid[data-v-eb8a1092]{display:grid;gap:.5rem 1.125rem;grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-seo-links__grid a[data-v-eb8a1092]{border-bottom:.0625rem solid hsla(0,0%,100%,.05);color:var(--tm-paper-muted);display:-webkit-box;font-size:.75rem;line-height:1.125rem;overflow:hidden;padding:.625rem 0;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranking-seo-links__grid a[data-v-eb8a1092]:focus-visible,.ranking-seo-links__grid a[data-v-eb8a1092]:hover{color:var(--tm-paper)}@media screen and (max-width:767px){.ranking-seo-section[data-v-eb8a1092]{margin:.25rem .75rem 1rem;padding:1.125rem 1rem 1.25rem}.ranking-seo-section__copy h2[data-v-eb8a1092]{font-size:1.25rem}.ranking-seo-section__copy p[data-v-eb8a1092]{font-size:.8125rem;line-height:1.6}.ranking-seo-links[data-v-eb8a1092]{margin-top:1rem;padding-top:.875rem}.ranking-seo-links__grid[data-v-eb8a1092]{gap:.125rem;grid-template-columns:1fr}.ranking-seo-links__grid a[data-v-eb8a1092]{padding:.5rem 0}}.ranking-seo-links__grid a[data-v-eb8a1092]:focus-visible{outline:.125rem solid var(--tm-accent-blue);outline-offset:.125rem}.h5-rank-title[data-v-eb8a1092]{font-size:.875rem;font-style:normal;font-weight:700;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.h5-layout-container[data-v-eb8a1092]{height:calc(100vh - 3.25rem)}.h5-content-wrapper[data-v-eb8a1092]{flex:1 1 0%;overflow-y:auto;padding:.75rem}