:root{--coc-standard-radius:16px;--coc-standard-bg:color-mix(in srgb,var(--brand-primary)3%,var(--brand-white));--coc-standard-border:color-mix(in srgb,var(--brand-primary-hover)18%,var(--brand-white));--coc-standard-border-hover:color-mix(in srgb,var(--brand-primary-hover)32%,var(--brand-white));--coc-standard-padding-x:var(--gap-12);--coc-standard-padding-top:var(--gap-16);--coc-standard-padding-bottom:var(--gap-20);--coc-standard-image-size:64px;--coc-standard-image-radius:50%;--coc-standard-body-gap:var(--gap-10);--coc-standard-title-color:var(--brand-black);--coc-standard-title-size:var(--body-small-size);--coc-standard-title-line:var(--body-regular-line-height);--coc-standard-title-weight:var(--font-weight-normal);--coc-standard-title-min-height:calc(2*var(--coc-standard-title-line));--coc-standard-placeholder-bg:color-mix(in srgb,var(--brand-primary-hover)12%,var(--brand-white));--coc-standard-focus-color:var(--brand-primary);--coc-standard-transition:.2s ease;--coc-standard-overlay-bg:color-mix(in srgb,var(--brand-primary)18%,var(--brand-white));--coc-standard-overlay-count-color:var(--brand-primary-deep);--coc-standard-overlay-count-size:var(--body-small-size);--coc-standard-overlay-count-line:var(--body-regular-line-height)}.coc-standard{box-sizing:border-box;width:100%;height:100%;min-height:0;padding:var(--coc-standard-padding-top)var(--coc-standard-padding-x)var(--coc-standard-padding-bottom);border:1px solid var(--coc-standard-border);border-radius:var(--coc-standard-radius);background:var(--coc-standard-bg);text-align:center;transition:border-color var(--coc-standard-transition),background-color var(--coc-standard-transition);flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}a.coc-standard:hover{border-color:var(--coc-standard-border-hover)}a.coc-standard:focus-visible{outline:2px solid var(--coc-standard-focus-color);outline-offset:2px}.coc-standard__media{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}.coc-standard__image-frame{width:var(--coc-standard-image-size);height:var(--coc-standard-image-size);border-radius:var(--coc-standard-image-radius);flex-shrink:0;position:relative;overflow:hidden}.coc-standard__image{border-radius:var(--coc-standard-image-radius);object-fit:cover;object-position:center}.coc-standard__placeholder{width:var(--coc-standard-image-size);height:var(--coc-standard-image-size);border-radius:var(--coc-standard-image-radius);background:var(--coc-standard-placeholder-bg);display:block}.coc-standard__title{margin:var(--coc-standard-body-gap)0 0;width:100%;min-height:var(--coc-standard-title-min-height);color:var(--coc-standard-title-color);font-size:var(--coc-standard-title-size);line-height:var(--coc-standard-title-line);font-weight:var(--coc-standard-title-weight);-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.coc-standard__overlay{z-index:1;padding:var(--coc-standard-padding-x);border-radius:inherit;background:var(--coc-standard-overlay-bg);opacity:0;pointer-events:none;transition:opacity var(--coc-standard-transition);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.coc-standard__overlay-count{color:var(--coc-standard-overlay-count-color);font-size:var(--coc-standard-overlay-count-size);line-height:var(--coc-standard-overlay-count-line);font-weight:var(--font-weight-normal);text-align:center}@media (hover:hover){a.coc-standard:hover .coc-standard__overlay,a.coc-standard:focus-visible .coc-standard__overlay,.coc-standard:hover .coc-standard__overlay{opacity:1}}@media (hover:none){.coc-standard--has-count .coc-standard__overlay{opacity:1;padding:0 var(--coc-standard-padding-x)var(--gap-10);background:linear-gradient(180deg,transparent 0%,transparent 42%,color-mix(in srgb,var(--brand-primary)18%,var(--brand-white))100%);justify-content:center;align-items:flex-end}}@media (min-width:768px){:root{--coc-standard-image-size:72px;--coc-standard-padding-x:var(--gap-16)}}@media (min-width:1024px){:root{--coc-standard-image-size:80px;--coc-standard-image-radius:50%;--coc-standard-title-size:var(--body-regular-size);--coc-standard-title-line:var(--body-medium-line-height);--coc-standard-title-min-height:calc(2*var(--coc-standard-title-line))}}