.cm-mosaic-tools{justify-content:flex-end;margin:0 0 18px;display:flex}.cm-mosaic-tools.cm-section-heading{justify-content:space-between;margin-bottom:30px}.cm-mosaic-tools>.sd-rich{min-width:0}.cm-mosaic-tools>.sd-rich>:is(h2,h3)+p{margin-top:20px}.cm-mosaic-tools>.cm-button{flex-shrink:0}.cm-mosaic-tools:empty{display:none}.cm-mosaic-tools .cm-button{min-height:44px;padding:10px 16px;font-size:12px}.cm-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(160px,14vw,230px);gap:12px;display:grid}.cm-mosaic-card{background:#eee;border-radius:15px;min-width:0;position:relative;overflow:hidden}.cm-mosaic:not(.cm-mosaic-few):not(.cm-mosaic-five) .cm-mosaic-card:nth-child(10n+1),.cm-mosaic:not(.cm-mosaic-few):not(.cm-mosaic-five) .cm-mosaic-card:nth-child(10n+4){grid-row:span 2}.cm-mosaic-five{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(190px,17vw,240px)}.cm-mosaic-five .cm-mosaic-card:first-child{grid-row:span 2}.cm-mosaic-few{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(180px,24vw,320px)}.cm-mosaic-few:has(>.cm-mosaic-card:only-child){grid-template-columns:minmax(0,1fr)}.cm-mosaic-cover{border-radius:inherit;display:block;position:absolute;inset:0}.cm-mosaic-cover img,.cm-mosaic-preview{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cm-mosaic-preview{opacity:0;pointer-events:none}.cm-mosaic-preview[data-playing=true]{opacity:1}.cm-mosaic-play{color:#fff;pointer-events:none;background:#0006;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:14px;left:14px}.cm-mosaic-cover:has(.cm-mosaic-preview[data-playing=true]) .cm-mosaic-play{opacity:0}.cm-mosaic-overlay{color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000d1);padding:40px 16px 10px;transition:opacity .2s,transform .2s;position:absolute;inset:auto 0 0;transform:translateY(4px)}.cm-mosaic-card:hover .cm-mosaic-overlay,.cm-mosaic-card:focus-within .cm-mosaic-overlay{opacity:1;transform:none}.cm-mosaic-overlay h3{text-overflow:ellipsis;white-space:nowrap;color:#fff;margin:0 0 4px;font-size:15px;font-weight:400;line-height:1.3;overflow:hidden}.cm-mosaic-meta{align-items:center;gap:8px;display:flex}.cm-mosaic-author{text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;flex:1;min-width:0;font-size:11px;text-decoration:none;overflow:hidden}.cm-mosaic-author:hover{text-decoration:underline}.cm-mosaic-actions{flex-shrink:0;gap:2px;display:flex}.cm-mosaic-actions button{color:#fff;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;min-width:40px;min-height:44px;padding:5px;font-size:11px;display:flex}.cm-mosaic-actions button[aria-pressed=true]{color:#ffb5b5}.cm-mosaic-card :is(a,button):focus-visible{outline-offset:-3px;outline:2px solid #fff}.cm-mosaic-more{justify-content:center;margin-top:28px;display:flex}.cm-embed:has(.cm-mosaic) .cm-feed-end:empty{display:none}@media (max-width:1023px){.cm-mosaic,.cm-mosaic-five{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:200px}.cm-mosaic:not(.cm-mosaic-few):not(.cm-mosaic-five) .cm-mosaic-card:nth-child(10n+4){grid-row:auto}}@media (max-width:639px){.cm-mosaic,.cm-mosaic-five,.cm-mosaic-few{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.cm-mosaic .cm-mosaic-card{aspect-ratio:16/11;grid-row:auto!important}.cm-mosaic-overlay{opacity:1;padding:40px 14px 10px;transform:none}.cm-mosaic-overlay h3{font-size:14px}.cm-mosaic-more{margin-top:24px}.cm-mosaic-tools{justify-content:flex-start}}@media (hover:none){.cm-mosaic-overlay{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cm-mosaic-overlay{transition:none}}
