.gallery{--gallery-column-gap: 20px;--gallery-container-gap: var(--gallery-column-gap);--gallery-row-gap: 20px;--gallery-filter-width: 300px;--gallery-filter-opacity: 1;--gallery-filter-overflow: visible;--gallery-icon-size: 70px;--gallery-card-columns: 4;display:flex;flex-direction:column;gap:var(--gallery-row-gap) var(--gallery-column-gap);transition:column-gap 333ms ease;width:100%}@container (width < 1280px){.gallery{--gallery-card-columns: 3}}@container (width < 1024px){.gallery{--gallery-card-columns: 2}}@container (width < 499px){.gallery{--gallery-card-columns: 1;--gallery-icon-size: 50px}}.gallery[data-filters="collapsed"]{--gallery-container-gap: 0;--gallery-filter-opacity: 0;--gallery-filter-overflow: hidden;--gallery-filter-padding: 0;--gallery-filter-width: 0}.gallery-content{column-gap:var(--gallery-container-gap);display:flex}.gallery .filter-tags:empty{display:none}.gallery .gallery-list{width:100%}.gallery .gallery-list[data-view="grid"] .listview,.gallery .gallery-list[data-view="list"] .gridview{display:none}.gallery .gallery-list .gridview{align-items:stretch;display:grid;gap:var(--gallery-row-gap) var(--gallery-column-gap);grid-template-columns:repeat(var(--gallery-card-columns), 1fr);width:100%}.gallery-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gallery-column-gap)}.gallery-header-image{display:block;height:var(--gallery-icon-size);width:var(--gallery-icon-size)}@container (width < 767px){.gallery-header-button .wh-button-text{display:none}}.gallery-header-right{align-items:center;display:flex;flex:1;gap:var(--gallery-column-gap);justify-content:space-between}.gallery-entity-quantity{--body-text-color: #818181;white-space:nowrap}.gallery-sidebar{display:flex;flex:0 0 var(--gallery-filter-width);flex-direction:column;gap:10px;max-width:var(--gallery-filter-width);opacity:var(--gallery-filter-opacity);overflow:var(--gallery-filter-overflow);padding:var(--gallery-filter-padding);transition:flex 333ms ease,width 333ms ease,padding 333ms ease,opacity 333ms ease}.gallery-main{display:flex;flex:1;flex-direction:column;gap:20px}.gallery-main .gallery-list[data-loading="true"]{opacity:0.5;transition:opacity 333ms}.gallery-toolbar{display:flex;gap:var(--gallery-column-gap)}.gallery-toolbar .filters-open{width:300px}.gallery-toolbar-search{flex:1}.gallery-toolbar-section{align-items:center;display:flex;gap:10px}.gallery-toolbar-section .select-drop-down{min-width:200px}.gallery-top-section{overflow:hidden}.gallery-top-section[data-top-collapsed="true"] .swiper-container{animation:fadeOutSwiper 333ms forwards}@keyframes fadeOutSwiper{from{opacity:1;transform:translate3d(0, 0, 0)}to{opacity:0;transform:translate3d(0, -100%, 0)}}.gallery-top-section[data-top-collapsed="false"] .swiper-container{animation:fadeInSwiper 333ms forwards}@keyframes fadeInSwiper{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
