:root{--coc-modern-radius:var(--radius-card-sm);--coc-modern-bg:var(--brand-white);--coc-modern-border:var(--brand-border-color-light);--coc-modern-border-hover:var(--brand-border-color);--coc-modern-padding-x:var(--gap-16);--coc-modern-padding-y:var(--gap-20);--coc-modern-media-height:112px;--coc-modern-body-gap:var(--gap-12);--coc-modern-count-gap:var(--gap-4);--coc-modern-title-color:var(--brand-black);--coc-modern-title-size:var(--body-regular-size);--coc-modern-title-line:var(--body-regular-line-height);--coc-modern-title-weight:var(--font-weight-medium);--coc-modern-title-min-height:calc(2*var(--coc-modern-title-line));--coc-modern-count-color:var(--brand-neutral-text);--coc-modern-count-size:var(--body-small-size);--coc-modern-count-line:var(--body-small-line-height);--coc-modern-placeholder-bg:var(--brand-neutral-surface-4);--coc-modern-focus-color:var(--brand-primary);--coc-modern-transition:.2s ease;--coc-modern-shadow-hover:0 2px 12px rgba(var(--brand-black-rgb),.06)}.coc-modern{box-sizing:border-box;background:var(--coc-modern-bg);text-align:center;width:100%;height:100%;min-height:0;transition:border-color var(--coc-modern-transition),box-shadow var(--coc-modern-transition);border:0;border-radius:0;flex-direction:column;align-items:stretch;padding:0;text-decoration:none;display:flex;overflow:hidden}a.coc-modern:hover{box-shadow:none}a.coc-modern:focus-visible{outline:2px solid var(--coc-modern-focus-color);outline-offset:2px}.coc-modern__media{background:var(--brand-neutral-surface-5);border-radius:50%;flex-shrink:0;align-self:center;width:3.5rem;height:3.5rem;display:block;position:relative;overflow:hidden}.coc-modern__image{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%}.coc-modern__placeholder{background:var(--coc-modern-placeholder-bg);border-radius:50%;width:72px;height:72px;display:block}.coc-modern__title{padding:var(--gap-6)var(--gap-4)0;width:100%;min-height:0;color:var(--coc-modern-title-color);font-size:var(--body-caption-size);line-height:1.25;font-weight:var(--coc-modern-title-weight);-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.coc-modern__count{display:none}.coc-modern__other-icon{width:1.75rem;height:1.75rem;color:var(--brand-primary);position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.coc-modern__other-icon rect{fill:color-mix(in srgb,var(--brand-primary)10%,transparent);stroke:currentColor;stroke-width:1.5px}@media (min-width:768px){.coc-modern__media{width:3.75rem;height:3.75rem}}@media (min-width:1024px){.coc-modern__media{width:4rem;height:4rem}}