.op-rc{position: relative;min-width: 0;background: var(--op-surface);border: 1px solid var(--op-hairline);border-radius: var(--op-r-lg);font-family: var(--op-font-sans);box-shadow: 0 1px 0 rgba(var(--op-ink-rgb),.04),0 24px 48px -32px rgba(var(--op-ink-rgb),.28)}.op-rc__track{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;overscroll-behavior-x: contain;scrollbar-width: none;border-radius: inherit}.op-rc__track::-webkit-scrollbar{display: none}.op-rc__slide{flex: 0 0 100%;min-width: 0;scroll-snap-align: start;container-type: inline-size;padding: 28px 28px 0}.op-rc__name{margin: 0 0 var(--op-space-4);font-size: 24px;line-height: 1.25;font-weight: var(--op-weight-bold);color: var(--op-ink)}[data-op-carousel] .op-rc__name{padding-right: calc(88px + var(--op-space-2) + var(--op-space-3))}.op-rc__name a{display: inline-flex;align-items: center;gap: var(--op-space-2);min-height: 44px;color: inherit;text-decoration: none}.op-rc__name a:hover,.op-rc__name a:focus-visible{color: var(--op-teal-deep);text-decoration: underline;text-underline-offset: 3px}.op-rc__flag{display: inline-block;font-family: var(--op-font-emoji);font-size: 32px;line-height: 1}.op-rc__rows{list-style: none;margin: 0;padding: 0}.op-rc__row{display: grid;grid-template-columns: 20px 76px minmax(0,1fr) auto;grid-template-rows: auto auto;column-gap: var(--op-space-4);row-gap: var(--op-space-2);align-items: center;padding-block: 14px;color: var(--op-ink);text-decoration: none}.op-rc__rows > li + li .op-rc__row{border-top: 1px solid var(--op-hairline)}a.op-rc__row:hover .op-rc__studio-name,a.op-rc__row:focus-visible .op-rc__studio-name{color: var(--op-teal-deep);text-decoration: underline;text-underline-offset: 3px}a.op-rc__row:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px;border-radius: var(--op-r-sm)}.op-rc__rank{grid-row: 1 / 3;font-weight: var(--op-weight-bold);color: var(--op-text-2);font-variant-numeric: tabular-nums}.op-rc__studio-name{grid-column: 3;grid-row: 1;min-width: 0;color: var(--op-ink);font-size: var(--op-fs-lg);line-height: 1.3;font-weight: var(--op-weight-semibold);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.op-rc__share{grid-column: 4;grid-row: 1;text-align: right;font-size: var(--op-fs-md);font-weight: var(--op-weight-semibold);color: var(--op-teal-deep);font-variant-numeric: tabular-nums}.op-rc__mark{grid-row: 1 / 3;display: grid;place-items: center;width: 76px;height: 40px}.op-rc__mark img{display: block;width: 76px;height: 40px;object-fit: contain}.op-rc__mark--dark{width: auto;height: auto;justify-self: start;padding: 5px 8px;border-radius: var(--op-r-sm);background: var(--op-text-2)}.op-rc__mark.op-rc__mark--dark img{width: 60px;height: 30px}.op-rc__bar{grid-column: 3 / 5;grid-row: 2;display: block;height: 6px;border-radius: 999px;background: var(--op-band);overflow: hidden}.op-rc__bar i{display: block;width: var(--w);height: 100%;border-radius: inherit;background: var(--s,var(--op-text-3))}.op-rc__foot{display: flex;flex-direction: column-reverse;align-items: stretch;margin-top: var(--op-space-1);padding-block: var(--op-space-3) var(--op-space-5);border-top: 1px solid var(--op-hairline)}.op-rc__all{min-width: 0;margin: 0}.op-rc__all a{display: inline-flex;align-items: center;min-height: 44px;font-size: var(--op-fs-md);line-height: 1.35;font-weight: var(--op-weight-medium);color: var(--op-ink);text-decoration: none}@container (min-width: 340px){.op-rc__all a{white-space: nowrap}}.op-rc__all a:hover,.op-rc__all a:focus-visible{color: var(--op-teal-deep);text-decoration: underline;text-underline-offset: 3px}.op-rc__all a:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px;border-radius: 2px}.op-rc__nav{position: absolute;z-index: 1;top: 28px;right: 28px;display: flex;gap: var(--op-space-2)}.op-rc__nav[hidden]{display: none}.op-rc__btn{flex: none;aspect-ratio: 1;display: grid;place-items: center;width: 44px;height: 44px;padding: 0;border: 1px solid var(--op-border);border-radius: 50%;background: var(--op-surface);color: var(--op-teal-deep);cursor: pointer}.op-rc__btn svg{fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.op-rc__btn:hover{border-color: var(--op-teal-active);background: var(--op-teal-wash)}.op-rc__btn:focus-visible{outline: 2px solid var(--op-teal-active);outline-offset: 2px}.op-rc__btn:disabled{opacity: .35;cursor: default;background: var(--op-surface);border-color: var(--op-border)}.op-rc__dots{display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin: 0}.op-rc__dots i{width: 6px;height: 6px;border-radius: 3px;background: var(--op-border)}.op-rc__dots i.is-on{width: 18px;background: var(--op-teal)}@container (max-width: 400px){.op-rc__name{font-size: 20px}[data-op-carousel] .op-rc__name{padding-right: calc(88px + var(--op-space-1) + var(--op-space-2));text-wrap: balance}.op-rc__flag{font-size: 26px}.op-rc__row{grid-template-columns: 14px 60px minmax(0,1fr) auto;column-gap: var(--op-space-3);padding-block: var(--op-space-3)}.op-rc__mark{width: 60px;height: 31px}.op-rc__mark img{width: 60px;height: 31px}.op-rc__mark--dark{width: auto;height: auto;padding: 4px 6px}.op-rc__mark.op-rc__mark--dark img{width: 48px;height: 24px}.op-rc__studio-name{font-size: var(--op-fs-md)}}@media (max-width: 600px){.op-rc__slide{padding: var(--op-space-5) 18px 0}.op-rc__nav{top: var(--op-space-5);right: 18px;gap: var(--op-space-1)}}