.media-mosaic{--media-mosaic-gap: 8px;--media-mosaic-radius: 8px;--media-mosaic-placeholder: #171717;--media-mosaic-audio-gradient: linear-gradient( 135deg, #13d1c7 0%, #0675ef 100% );background:#fff;color:#1a1a1a;font-family:"Poppins","Roboto",sans-serif;padding:12px 14px}.media-mosaic__inner{margin:0 auto}.media-mosaic__columns{display:grid;gap:var(--media-mosaic-gap);grid-template-columns:minmax(0, 280px);justify-content:center}.media-mosaic__column{align-content:start;display:grid;gap:var(--media-mosaic-gap);min-width:0}@media(max-width: 767px){.media-mosaic__columns,.media-mosaic__column{gap:20px}}.media-mosaic__item{border-radius:var(--media-mosaic-radius);display:block;margin:0;min-height:78px;overflow:hidden;position:relative;transform:translateZ(0)}.media-mosaic__item[hidden]{display:none}.media-mosaic__item--short{aspect-ratio:70/43}.media-mosaic__item--medium{aspect-ratio:1/1}.media-mosaic__item--tall{aspect-ratio:7/10}.media-mosaic__item--wide{aspect-ratio:70/43}.media-mosaic__image,.media-mosaic__audio,.media-mosaic__placeholder{display:block;height:100%;width:100%}.media-mosaic__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:scale(1.04);transition:transform 320ms ease}.media-mosaic__item:hover .media-mosaic__image,.media-mosaic__item:focus-within .media-mosaic__image{transform:scale(1)}.media-mosaic__video-indicator{align-items:center;aspect-ratio:4/3;background:rgba(82,82,82,.68);border:1px solid hsla(0,0%,100%,.8);border-radius:7px;box-shadow:0 1px 4px rgba(0,0,0,.28);color:#fff;display:flex;height:clamp(25px,14%,32px);justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%, -50%);width:auto;z-index:3}.media-mosaic__video-indicator svg{fill:currentColor;height:48%;margin-left:4%;width:48%}.media-mosaic__audio{align-items:center;background:var(--media-mosaic-audio-gradient);display:flex;justify-content:center}.media-mosaic__placeholder{align-items:center;background:var(--media-mosaic-placeholder);color:#fff;display:flex;justify-content:center}.media-mosaic__placeholder--audio{background:var(--media-mosaic-audio-gradient)}.media-mosaic__placeholder-icon{fill:none;height:clamp(44px,34%,76px);opacity:.9;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:clamp(44px,34%,76px)}.media-mosaic__placeholder--video .media-mosaic__placeholder-icon path{fill:currentColor;stroke:none}.media-mosaic__caption{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.media-mosaic__link{inset:0;position:absolute;z-index:1}.media-mosaic__title--link{color:inherit;pointer-events:auto;text-decoration:none}.media-mosaic__overlay{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0%, transparent 42%, rgba(0, 0, 0, 0.78) 100%);inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity 180ms ease;z-index:2}.media-mosaic__favorite{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;color:#fff;cursor:pointer;display:flex;height:25px;justify-content:center;padding:0;pointer-events:auto;position:absolute;right:6px;top:6px;width:25px}.media-mosaic__favorite-icon{fill:currentColor;height:16px;width:16px}.media-mosaic__favorite-filled{display:none}.media-mosaic__favorite.is-active .media-mosaic__favorite-outline,.media-mosaic__favorite[aria-pressed=true] .media-mosaic__favorite-outline{display:none}.media-mosaic__favorite.is-active .media-mosaic__favorite-filled,.media-mosaic__favorite[aria-pressed=true] .media-mosaic__favorite-filled{display:block}.media-mosaic__favorite:focus-visible{outline:2px solid #fff;outline-offset:-4px}.media-mosaic__details{bottom:10px;color:#fff;display:grid;left:10px;line-height:1.2;position:absolute;right:10px}.media-mosaic__code{display:block;font-size:9px;font-weight:600;letter-spacing:.02em;opacity:.85;text-transform:uppercase}.media-mosaic__title{font-size:10px;font-weight:500}.media-mosaic__meta{font-size:9px;margin-top:2px;font-weight:400}@media(hover: hover)and (pointer: fine){.media-mosaic__overlay{opacity:0}.media-mosaic__item:hover .media-mosaic__overlay,.media-mosaic__item:focus-within .media-mosaic__overlay{opacity:1}}@media(prefers-reduced-motion: reduce){.media-mosaic__image,.media-mosaic__overlay{transition:none}}@media(min-width: 768px){.media-mosaic{padding:14px 32px}.media-mosaic__columns{grid-template-columns:repeat(var(--media-mosaic-column-count), minmax(0, 1fr))}}@media(min-width: 900px){.media-mosaic{--media-mosaic-gap: 9px;padding:14px 32px}.media-mosaic__item{min-height:80px}}@media(min-width: 1200px){.media-mosaic__columns{grid-template-columns:repeat(var(--media-mosaic-column-count), 280px)}.media-mosaic__item--short,.media-mosaic__item--wide{height:172px}.media-mosaic__item--tall{height:400px}}