.category-sort__container{display:none;font-size:.875rem}.category-sort__container.opened{display:block;position:fixed;top:62px;bottom:0;left:0;right:0;background-color:#fff;z-index:1200}@media (min-width: 768px){.category-sort__container{display:block;background-color:var(--ds-color-background);margin:0 0 15px;width:100%;border-radius:10px}}.category-sort__item{display:flex;align-items:center}.category-sort__item_buttons{padding:16px}.sorting-panel__sort-by{color:var(--ds-color-neutral);float:left;margin-right:25px}.sorting-panel__container{display:flex;flex-direction:column;width:100%;gap:20px}@media (min-width: 768px){.sorting-panel__container{gap:0;flex-direction:row}}.sorting-panel__item{display:flex;align-items:center;gap:5px;color:var(--ds-color-neutral)}.sorting-panel__item .desktop{display:none}.sorting-panel__item .mobile{display:initial}.sorting-panel__item{cursor:pointer}.sorting-panel__item svg{display:none;width:7px;height:5px;--color: var(--ds-color-black)}.sorting-panel__item.active{color:#000}.sorting-panel__item.active svg{display:block}.sorting-panel__item.active.asc svg{transform:rotate(180deg)}.sorting-panel__item.active.sorting-search{cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.sorting-panel__item{padding:0;margin-right:30px;border:none}.sorting-panel__item .desktop{display:initial}.sorting-panel__item .mobile{display:none}}.view-type__container{display:flex;gap:12px}.view-type__container .title{padding:0 15px}.grid-style-icon,.list-style-icon{width:20px;height:15px;--color: var(--ds-color-inactive)}.grid-style-icon.active,.list-style-icon.active{--color: var(--ds-color-primary)}.view-type__item{display:flex;align-items:center}.view-type__item svg{cursor:pointer}.mobile-sort__button{display:block;margin:20px 0}.arrow-small-icon{width:7px;height:5px;--color: var(--ds-color-black)}.arrow-small-icon.asc{transform:rotate(180deg)}