.cm-mosaic-tools{display:flex;justify-content:flex-end;margin:0 0 18px}.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{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(160px,14vw,230px);gap:12px}.cm-mosaic-card{position:relative;min-width:0;overflow:hidden;border-radius:15px;background:var(--workspace-input,#eee)}.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{position:absolute;inset:0;display:block;border-radius:inherit}.cm-mosaic-cover img,.cm-mosaic-preview{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cm-mosaic-preview{opacity:0;pointer-events:none}.cm-mosaic-preview[data-playing=true]{opacity:1}.cm-mosaic-play{position:absolute;left:14px;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0006;color:#fff;pointer-events:none}.cm-mosaic-cover:has(.cm-mosaic-preview[data-playing=true]) .cm-mosaic-play{opacity:0}.cm-mosaic-overlay{position:absolute;inset:auto 0 0;padding:40px 16px 10px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.cm-mosaic-card:focus-within .cm-mosaic-overlay,.cm-mosaic-card:hover .cm-mosaic-overlay{opacity:1;transform:none}.cm-mosaic-overlay h3{font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-weight:400;color:#fff}.cm-mosaic-meta{display:flex;align-items:center;gap:8px}.cm-mosaic-author{min-width:0;flex:1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;pointer-events:auto}.cm-mosaic-author:hover{text-decoration:underline}.cm-mosaic-actions{display:flex;gap:2px;flex-shrink:0}.cm-mosaic-actions button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:44px;padding:5px;background:transparent;border:0;color:#fff;font-size:11px;pointer-events:auto}.cm-mosaic-actions button[aria-pressed=true]{color:var(--workspace-muted,#ffb5b5)}.cm-mosaic-card :is(a,button):focus-visible{outline:2px solid var(--workspace-border,#fff);outline-offset:-3px}.cm-mosaic-more{display:flex;justify-content:center;margin-top:28px}.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-few,.cm-mosaic-five{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.cm-mosaic .cm-mosaic-card{grid-row:auto!important;aspect-ratio:16/11}.cm-mosaic-overlay{opacity:1;transform:none;padding:40px 14px 10px}.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}}