.gallery-filter{display:flex;flex-direction:column-reverse;gap:10px;min-width:var(--longest-title-width)}.gallery-filter label{margin:0}.gallery-filter__trigger{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;padding:8px 16px;border-radius:30px;background:hsla(0,0%,100%,.9);font-family:var(--typeHeaderPrimary);line-height:var(--typeHeaderLineHeight);transition:background .2s ease}.gallery-filter__trigger:hover{background:#fff}.gallery-filter__trigger svg{transition:transform .2s ease}.gallery-filter.active .gallery-filter__trigger{background:#fff}.gallery-filter.active .gallery-filter__trigger svg{transform:scaleY(-1)}.gallery-filter__trigger-title{flex:1}.gallery-filter__dropdown{display:flex;flex-direction:column;padding:5px;border-radius:4px;background:#fff;list-style:none;max-height:999px;transition:opacity .2s ease,transform .2s ease}.gallery-filter__dropdown:not(.gallery-filter.active .gallery-filter__dropdown){opacity:0;transform:translateY(20px);padding:0;max-height:0;overflow:hidden;transition:opacity .2s ease,transform .2s ease,padding 0s .2s,max-height 0s .2s}.gallery-filter__size-selector:not(:last-child){border-bottom:1px solid #f7f7f7;padding-bottom:2px;margin-bottom:2px}.gallery-filter__size-selector label{padding:10px;border-radius:4px;cursor:pointer;transition:background .2s ease}.gallery-filter__size-selector label:hover{background:#f7f7f7}.gallery-filter__size-selector label:has(input:checked){background:#f7f7f7;font-weight:500}
