.option-bar[data-v-daf45c0c]{display:flex;flex-direction:row;gap:20px;justify-content:space-between}[dir] .option-bar[data-v-daf45c0c]{padding:12px 20px 8px}.option-bar .left-wrapper[data-v-daf45c0c],.option-bar .right-wrapper[data-v-daf45c0c]{align-items:center;display:flex;gap:16px}.option-bar .right-wrapper .sort-wrapper[data-v-daf45c0c]{align-items:center;box-sizing:border-box;display:flex;height:24px}[dir] .option-bar .right-wrapper .sort-wrapper[data-v-daf45c0c]{border:1px solid var(--line-apple);border-radius:4px}.option-bar .right-wrapper .sort-wrapper .action-wrapper[data-v-daf45c0c]{align-items:center;display:flex}[dir] .option-bar .right-wrapper .sort-wrapper .action-wrapper[data-v-daf45c0c]{cursor:pointer;padding:0 6px}.option-bar .right-wrapper .sort-wrapper .action-wrapper .value[data-v-daf45c0c]{color:var(--text-1);font-size:12px}[dir] .option-bar .right-wrapper .sort-wrapper .action-wrapper .icon-arrow[data-v-daf45c0c]{transition:transform .3s linear}[dir] .option-bar .right-wrapper .sort-wrapper .action-wrapper .icon-arrow.active[data-v-daf45c0c]{transform:scaleY(-1)}.option-bar .right-wrapper .sort-wrapper .sort[data-v-daf45c0c]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:21px}[dir] .option-bar .right-wrapper .sort-wrapper .sort[data-v-daf45c0c]{border-radius:4px;cursor:pointer}[dir] .option-bar .right-wrapper .sort-wrapper .sort[data-v-daf45c0c]:hover{background:var(--bg-pig-hover)}.option-bar .right-wrapper .sort-wrapper .sort .asc[data-v-daf45c0c],.option-bar .right-wrapper .sort-wrapper .sort .desc[data-v-daf45c0c]{height:4px;width:6px}[dir] .option-bar .right-wrapper .sort-wrapper .sort .asc[data-v-daf45c0c]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='%23444' d='M5 4a.5.5 0 0 0 .4-.8L3.4.533a.5.5 0 0 0-.8 0L.6 3.2A.5.5 0 0 0 1 4z'/%3E%3C/svg%3E") no-repeat;background-size:100%}[dir] .option-bar .right-wrapper .sort-wrapper .sort .asc.active[data-v-daf45c0c]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='gray' d='M5 4a.5.5 0 0 0 .4-.8L3.4.533a.5.5 0 0 0-.8 0L.6 3.2A.5.5 0 0 0 1 4z'/%3E%3C/svg%3E") no-repeat;background-size:100%}[dir] .option-bar .right-wrapper .sort-wrapper .sort .desc[data-v-daf45c0c]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='%23444' d='M5 0a.5.5 0 0 1 .4.8l-2 2.667a.5.5 0 0 1-.8 0L.6.8A.5.5 0 0 1 1 0z'/%3E%3C/svg%3E") no-repeat;background-size:100%;margin-top:2px}[dir] .option-bar .right-wrapper .sort-wrapper .sort .desc.active[data-v-daf45c0c]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='gray' d='M5 0a.5.5 0 0 1 .4.8l-2 2.667a.5.5 0 0 1-.8 0L.6.8A.5.5 0 0 1 1 0z'/%3E%3C/svg%3E") no-repeat;background-size:100%}