.shorts-example-gallery{width:min(100% - 32px,1080px);margin-inline:auto;container-type:inline-size}.shorts-example-gallery .shorts-example-gallery-title{color:var(--foreground);margin:0 0 8px;font-size:22px;font-weight:600;line-height:27.5px}.shorts-example-filters{margin-bottom:16px;position:relative}.shorts-example-filter-row{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.shorts-example-filter-row::-webkit-scrollbar{display:none}.shorts-example-filter-row[data-expanded=true]{flex-wrap:wrap}.shorts-example-filter-row[data-expanded=false] [data-overflow=true]{display:none}.shorts-example-filter-measure{visibility:hidden;pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden}.shorts-example-filter{background:var(--muted);height:36px;color:var(--foreground);letter-spacing:-.14px;white-space:nowrap;border-radius:26px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;line-height:19.5px;display:inline-flex}button.shorts-example-filter{cursor:pointer}.shorts-example-filter[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.shorts-example-filter-more{background:0 0}.shorts-example-filter-more[aria-expanded=true] svg{rotate:180deg}.shorts-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.shorts-example-card{aspect-ratio:9/16;background:var(--muted);cursor:pointer;text-align:left;border-radius:10px;width:100%;min-width:0;display:block;position:relative;overflow:hidden}.shorts-example-card .template-catalog-media{aspect-ratio:auto;height:100%;position:absolute;inset:0}.shorts-example-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 44%,#03102a99 76%,#03102ae6 100%);position:absolute;inset:0}.shorts-example-label{z-index:1;color:#fff;letter-spacing:-.14px;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:17.55px;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.shorts-example-gallery button:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.shorts-example-pagination{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;padding-block:20px;font-size:13px;display:flex}.shorts-example-pagination button{border:1px solid var(--border);background:var(--card);min-height:40px;color:var(--foreground);cursor:pointer;border-radius:999px;padding-inline:18px;font-weight:600}.shorts-example-pagination button:hover{background:var(--muted)}@media (width<=767px){.shorts-example-filter{height:30px;padding-inline:7px;font-size:12px}}@container (width>=600px){.shorts-example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (width>=800px){.shorts-example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width>=1000px){.shorts-example-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width>=768px){.shorts-example-gallery{width:min(100% - 48px,1080px)}.shorts-example-filter-row:not(.shorts-example-filter-measure){overflow:hidden}}