#order-by{position:relative}#order-by .action_open_modal{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:var(--font_weight_large);justify-content:center;min-height:32px;padding:0 20px;transition:var(--transition_color);-webkit-user-select:none;-moz-user-select:none;user-select:none}#order-by .action_open_modal .arrow_down{height:14px;margin-left:12px;width:14px}#order-by .action_open_modal .order_icon{height:16px;margin-bottom:4px;min-width:16px;width:16px}#order-by .order_modal{background-color:var(--bg_primary);border:1px solid var(--border_secondary);border-radius:4px;box-shadow:2px 2px 6px var(--box_shadow_light);color:var(--text_invert);color:var(--text_base);display:flex;flex-direction:column;left:50%;min-width:100%;position:absolute;top:100%;transform:translateX(-50%);z-index:10}#order-by .order_modal .order_item{cursor:pointer;font-size:var(--font_size_base);padding:7px 12px;transition:var(--transition_color)}#order-by .action_open_modal{text-transform:uppercase}#order-by .container_order_by{color:var(--text_base)}@media (min-width:1024px){#order-by .order_modal .order_item.-active,#order-by .order_modal .order_item:hover{background-color:var(--primary_color);color:var(--text_invert)}}