.gallery{width:100%}.gallery__grid{grid-template-columns:repeat(4,1fr);gap:28px 20px;display:grid}.gallery__item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.gallery__item:hover .gallery__image img{transform:scale(1.04)}.gallery__item:hover .gallery__info h3{opacity:1}.gallery__image{aspect-ratio:3/4;border:1px solid var(--border-color);border-radius:16px}.gallery__image .label{z-index:1;background-color:rgb(from var(--secondary-color) r g b/.8);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);color:#fff;border-bottom-right-radius:16px;justify-content:center;align-items:center;min-width:50px;height:24px;padding:0 16px;font-size:13px;line-height:1;display:flex;position:absolute;top:0;left:0}.gallery__image img{transition:transform .7s var(--liquid-ease)}.gallery__info{padding-top:14px}.gallery__info h3{color:var(--font-color);opacity:.75;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:400;line-height:1.35;transition:opacity .3s;display:-webkit-box;overflow:hidden}.gallery__empty{text-align:center;min-height:320px;color:var(--font-sec-color);justify-content:center;align-items:center;font-size:1em;display:flex}.gallery__sentinel{width:100%}@media screen and (max-width:1023px){.gallery__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:767px){.gallery__grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}.gallery__image{border-radius:12px}.gallery__image .label{border-bottom-right-radius:12px;padding:0 12px}.gallery__info{padding-top:8px}.gallery__info h3{font-size:13px}}