.fw-mosaic{aspect-ratio:12/5;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.fw-mosaic--n4 .fw-mosaic-tile--1{grid-area:1/1/3}.fw-mosaic--n4 .fw-mosaic-tile--2{grid-area:1/2}.fw-mosaic--n4 .fw-mosaic-tile--3{grid-area:2/2}.fw-mosaic--n4 .fw-mosaic-tile--4{grid-area:1/3/3}.fw-mosaic--n3{aspect-ratio:6/5;grid-template-columns:repeat(2,minmax(0,1fr))}.fw-mosaic--n3 .fw-mosaic-tile--1{grid-area:1/1/3}.fw-mosaic--n3 .fw-mosaic-tile--2{grid-area:1/2}.fw-mosaic--n3 .fw-mosaic-tile--3{grid-area:2/2}.fw-mosaic--n2{aspect-ratio:8/5;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr))}.fw-mosaic--n1{aspect-ratio:16/7;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.fw-mosaic-tile{border-radius:var(--ui-radius,10px);background:var(--bg-11,#f2f2f2);min-width:0;min-height:0;color:var(--main);outline:none;text-decoration:none;display:block;position:relative;overflow:hidden}.fw-mosaic-media{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fw-mosaic-img{object-fit:cover;width:100%;height:100%}.fw-mosaic-ph{width:22%;max-width:80px;height:22%}.fw-mosaic-name{border-radius:var(--ui-radius-sm,6px);background:var(--white);max-width:calc(100% - 24px);color:var(--main);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;padding:10px 18px;font-size:12px;font-weight:500;line-height:1.3;transition:background-color .25s,color .25s;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}@media (hover:hover){.fw-mosaic-tile:hover .fw-mosaic-name{background:var(--main);color:var(--white)}}.fw-mosaic-tile:focus-visible{box-shadow:inset 0 0 0 3px var(--primary)}@media (max-width:767px){.fw-mosaic,.fw-mosaic--n3,.fw-mosaic--n2{aspect-ratio:auto;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}.fw-mosaic--n1{aspect-ratio:auto;grid-template-rows:none}.fw-mosaic .fw-mosaic-tile{aspect-ratio:4/5;grid-area:auto}.fw-mosaic--n1 .fw-mosaic-tile{aspect-ratio:4/3}.fw-mosaic--n3 .fw-mosaic-tile--3{aspect-ratio:2;grid-column:1/3}.fw-mosaic-name{max-width:calc(100% - 16px);padding:8px 12px;font-size:11px;bottom:14px}}@media (prefers-reduced-motion:reduce){.fw-mosaic-name{transition:none}}
