.sortby-select.sortby-select--open .sortby-select__list{visibility:visible;opacity:1}.sortby-select.sortby-select--open .sortby-select__overlay{position:fixed;z-index:9;top:0;right:0;bottom:0;left:0;display:block;visibility:visible}.sortby-select.sortby-select--open .sortby-select__button .icon{transform:rotate(180deg)}.sortby-select select{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}.sortby-select .sortby-select__body{position:relative;z-index:10}.sortby-select .sortby-select__button{margin-left:0;padding:.4rem 2.8rem .75rem 0;background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none;text-transform:uppercase;font-weight:300;color:rgb(var(--color-foreground))}.sortby-select .sortby-select__button .icon{position:absolute;top:8px;right:8px;width:12px;height:7px;transition:all ease-in-out .25s}.sortby-select .sortby-select__button span,.sortby-select .sortby-select__button .icon{pointer-events:none}.sortby-select .sortby-select__button:hover{cursor:pointer}.sortby-select .sortby-select__list{z-index:99;position:absolute;top:100%;left:0;visibility:hidden;opacity:0;display:inline-flex;padding:7px 0;flex-direction:column;justify-content:center;align-items:flex-start;min-width:190px;border-radius:8px;background:#fff;box-shadow:2px 4px 12px #0000001a;transition:all ease-in-out .25s}.sortby-select .sortby-select__list li{position:relative;color:rgb(var(--color-foreground));font-size:14px;font-style:normal;font-weight:400;line-height:1.1;text-transform:capitalize;padding:5px 12px 5px 30px}.sortby-select .sortby-select__list li:hover{cursor:pointer}.sortby-select .sortby-select__list li .icon{position:absolute;top:5px;left:8px;width:16px;height:16px;pointer-events:none}.select-selected{min-width:200px;background-color:#1e90ff}.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent transparent}.select-selected.select-arrow-active:after{border-color:transparent transparent #fff transparent;top:7px}.select-items div,.select-selected{color:#fff;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0,0,0,.1) transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.select-items{position:absolute;background-color:#1e90ff;top:100%;left:0;right:0;z-index:99}.select-hide{display:none}.select-items div:hover,.same-as-selected{background-color:#0000001a}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sortby-select.bf.build.css.map */