.collection{--desktop-column-count: 4;--mobile-column-count: span 1;display:flex;flex-direction:column}.collection__header{margin-block:var(--spacing-xl) var(--spacing-l);overflow-x:hidden}@media (min-width: 768px){.collection__header{margin-block:var(--spacing-2xl) var(--spacing-ml)}}.collection__header-inner{display:flex;flex-direction:column;row-gap:var(--spacing-xl)}@media (min-width: 768px){.collection__header-inner{row-gap:var(--spacing-2xl)}}.collection__header-text{display:flex;flex-direction:column;row-gap:var(--spacing-xs)}.collection__header-text:empty{display:none}.collection__header-count{color:var(--50---WARM)}.collection__header-title,.collection__header-subtitle{display:block}@media (min-width: 768px){.collection__header-subtitle{margin-top:calc(var(--spacing-2xs) + var(--spacing-3xs))}}.collection__layout-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.collection__layout-switch-buttons{display:flex;gap:var(--spacing-m)}.collection__layout-switch-buttons button{display:flex;color:var(--40)}.collection__layout-switch-buttons button.active{color:var(--100---BLACK)}@media (min-width: 1023px){.collection{padding-block-end:var(--spacing-3xl)}.collection .filters-form-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}}.collection .filters-form.is-loading{width:100%;height:50px}@media (min-width: 768px){.collection .filters-form.is-loading{max-width:750px;height:35px}}.collection .filters-form.is-loading .is-loading__skeleton{width:100%;height:100%}.collection.is-empty .collection__actions button,.collection.is-empty .collection__actions select{color:var(--color-grey-mid)}.collection.is-empty .collection__actions svg{color:var(--color-grey-mid)}
