.cl{--cl-plate:#ece8df;--cl-ink:#191e1b;--cl-ink2:#4f5852;--cl-rule:#e0dbd0;--cl-rule2:#c9c2b3;--cl-acc:#00613f;--cl-bg:hsl(var(--background));container-type:inline-size;color:var(--cl-ink)}[data-theme=dark] .cl{--cl-plate:#c4c0b5;--cl-ink:#edf0ec;--cl-ink2:#a2aca6;--cl-rule:#252d29;--cl-rule2:#3a443f;--cl-acc:#5fcb97}:where(.cl) :where(ul,li,p,h3){margin:0;padding:0;list-style:none}:where(.cl) a{color:inherit;text-decoration:none}.cl ::-moz-selection{background:color-mix(in srgb,var(--cl-acc) 22%,transparent)}.cl ::selection{background:color-mix(in srgb,var(--cl-acc) 22%,transparent)}.cl a:focus-visible,.cl button:focus-visible{outline:2px solid var(--cl-acc);outline-offset:3px;border-radius:8px}.cl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}@container (min-width: 480px){.cl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}.cl[data-cols="2"] .cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width: 900px){.cl[data-cols="4"] .cl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}}.cl-t{min-width:0}.cl-t>a{display:block;height:100%}.cl-plate{position:relative;display:block;aspect-ratio:5/6;border-radius:8px;overflow:hidden;background:var(--cl-plate);transition:background-color .15s ease-out}.cl-plate img{-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;padding:12% 10% 9%}.cl-t>a:hover .cl-plate{background:color-mix(in srgb,var(--cl-plate) 94%,#191e1b)}.cl-t>a:active .cl-plate{background:color-mix(in srgb,var(--cl-plate) 88%,#191e1b)}.cl-cap{display:block;padding-top:10px}.cl-name{display:block;font-size:17px;font-weight:600;line-height:1.3;text-wrap:balance;overflow-wrap:anywhere}.cl-rank{color:var(--cl-ink2);font-weight:500;font-variant-numeric:tabular-nums;margin-right:6px}.cl-model{text-decoration:underline;text-decoration-color:var(--cl-rule2);text-decoration-thickness:1px;text-underline-offset:4px}.cl-model svg{display:inline;vertical-align:-3px;margin-left:1px;color:var(--cl-acc)}.cl-t>a:hover .cl-model{text-decoration-color:var(--cl-acc)}.cl-line{display:block;font-size:14px;line-height:1.4;color:var(--cl-ink2);margin-top:2px;font-variant-numeric:tabular-nums}.cl-name+.cl-line{margin-top:3px}.cl-use{display:flex;align-items:center;gap:8px;margin-top:6px}.cl-faces{display:flex;flex:none}.cl-face{position:relative;width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--cl-plate);box-shadow:0 0 0 2px var(--cl-bg)}.cl-face+.cl-face{margin-left:-6px}.cl-face img{-o-object-fit:cover;object-fit:cover}.cl-use+.cl-line{margin-top:4px}.cl-more{display:flex;justify-content:center;margin-top:32px}.cl-more button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 20px;border:1px solid var(--cl-rule2);border-radius:8px;background:transparent;color:var(--cl-acc);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .15s ease-out}.cl-more button:hover{border-color:var(--cl-acc)}@media (prefers-reduced-motion:reduce){.cl-more button,.cl-plate{transition:none}}