.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:4px 0 8px}.gallery-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0}.gallery-filter label{margin:0;font-weight:400}.gallery-filter input,.gallery-filter select{font:inherit;font-size:12px;line-height:1.5;border:1px solid #dfe5ee;border-radius:6px;padding:7px 9px;background:#fff;max-width:100%;min-width:0;color:#5b6b81}.gallery-filter input{width:185px}.gallery-filter button{font:inherit;font-size:12px;border:1px solid #dfe5ee;border-radius:6px;background:#f7f9fc;color:#5b6b81;padding:7px 11px;cursor:pointer}.gallery-layout-switch{display:flex;gap:3px;background:#f3f5f9;border-radius:7px;padding:3px}.gallery-layout-switch button{display:flex;align-items:center;gap:5px;padding:6px 9px;border:0;background:transparent;color:#8b96a7;border-radius:5px;cursor:pointer;font:inherit;font-size:11px;line-height:16px}.gallery-layout-switch button svg{width:13px;height:13px}.gallery-layout-switch button[aria-pressed=true]{background:#fff;color:#0e38b1;box-shadow:0 1px 4px #182d5810}.gallery-result{font-size:11px;color:#929cac;margin:10px 0 18px}.gallery-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery-item{min-width:0;position:relative;border:1px solid #e4e8ef;border-radius:11px;background:#fff;overflow:hidden}.gallery-item.gallery-featured{border-color:#9cb5e8}.gallery-item-cover{display:grid;place-items:center;position:relative;aspect-ratio:3/2;background:#f0f3f9;overflow:hidden;text-decoration:none}.gallery-item-cover .showcase-monogram{font-size:42px;color:#9caecb}.gallery-item-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-featured-label{position:absolute;top:10px;left:10px;border-radius:5px;padding:3px 7px;font-size:10px;background:#fff;color:#0e38b1;box-shadow:0 1px 7px #15356610}.gallery-item-count{position:absolute;bottom:10px;right:10px;padding:3px 7px;font-size:10px;background:#1d2c46a3;color:#fff;border-radius:5px}.gallery-item-copy{padding:15px 17px;min-width:0}.gallery-item-group{font-size:10px;color:#9ba5b6}.nuliblog-showcase .gallery-item-copy h2{font-size:17px!important;line-height:1.5!important;margin:5px 0!important;border:0!important;padding:0!important;overflow-wrap:anywhere}.gallery-item-copy h2 a{color:#365a9c;text-decoration:none}.gallery-item-copy time{font-size:11px;color:#9ca6b5}.gallery-item-copy p{font-size:12px;color:#8491a5;line-height:1.7;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.nuliblog-gallery[data-gallery-layout=grid-3] .gallery-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.nuliblog-gallery[data-gallery-layout=grid-3] .gallery-item-copy{padding:12px 14px}.nuliblog-showcase [data-gallery-layout=grid-3] .gallery-item-copy h2{font-size:15px!important}.nuliblog-gallery[data-gallery-layout=list] .gallery-collection{grid-template-columns:1fr;gap:13px}.nuliblog-gallery[data-gallery-layout=list] .gallery-item{display:grid;grid-template-columns:180px minmax(0,1fr)}.nuliblog-gallery[data-gallery-layout=list] .gallery-item-cover{aspect-ratio:auto;min-height:120px}.nuliblog-gallery[data-gallery-layout=list] .gallery-item-copy{align-self:center}.gallery-item [hidden]{display:none!important}
@media(max-width:600px){.gallery-toolbar{gap:12px}.gallery-filter{width:100%;display:grid;grid-template-columns:minmax(80px,.8fr) minmax(90px,1.2fr) auto}.gallery-filter label{min-width:0}.gallery-filter input,.gallery-filter select{width:100%;box-sizing:border-box}.gallery-layout-switch button[data-gallery-layout-button=grid-3]{display:none}.gallery-collection,.nuliblog-gallery[data-gallery-layout=grid-3] .gallery-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gallery-item-copy{padding:11px}.nuliblog-showcase .gallery-item-copy h2{font-size:14px!important}.gallery-item-copy p{font-size:11px;margin-top:6px}.gallery-featured-label{top:7px;left:7px;padding:2px 5px}.nuliblog-gallery[data-gallery-layout=list] .gallery-item{grid-template-columns:105px minmax(0,1fr)}.nuliblog-gallery[data-gallery-layout=list] .gallery-item-cover{min-height:100px}.gallery-result{margin-bottom:13px}}