.filter-bar{margin:-1rem -.75rem 0;background-color:#efefef;padding:.5rem .75rem;border-bottom:1px solid #e4e4e4}@media screen and (min-width:768px){.filter-bar{padding:0;margin:0;border:none;background-color:transparent}}.filter-bar .filter-bar-inner{display:flex;align-items:center;gap:1rem}.filter-bar .pay-and-ship-shared-modal-wrapper .modal-content .pay-and-ship-modal .content{flex:1 1}.filter-bar .bar-button{display:flex;align-items:center;gap:.75rem;border:1px solid #cfcfcf;border-radius:2rem;padding:.5rem 1rem;font-weight:700;color:#2c2c2c;line-height:1rem;font-size:.875rem;background-color:#fff;cursor:pointer}.filter-bar .bar-button-active{background-color:#ffecee;border-color:#ff3f55;color:#ff3f55}@media screen and (min-width:768px){.filter-bar .bar-view-button{display:none}}.filter-bar .bar-icon{width:.875rem;height:.875rem;color:#ff3f55}.filter-bar .sorting-options{display:flex;flex-direction:column;gap:.5rem}.filter-bar .sorting-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid #e4e4e4;font-size:.875rem;color:#2c2c2c;cursor:pointer}.filter-bar .sorting-option.active{background-color:#f0f0f0;border-color:#cfcfcf}.filter-bar .sorting-option .sorting-option-radio{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #cfcfcf;background-color:#fff;position:relative}.filter-bar .sorting-option .sorting-option-radio.active{border:2px solid #ff3f55}.filter-bar .sorting-option .sorting-option-radio.active:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:#ff3f55;border-radius:50%;transform:translate(-50%,-50%)}.filter-bar .view-options{display:flex;flex-direction:column;gap:.5rem}.filter-bar .view-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid #e4e4e4;font-size:.875rem;color:#2c2c2c;cursor:pointer}.filter-bar .view-option.active{background-color:#f0f0f0;border-color:#cfcfcf}.filter-bar .view-option .view-option-radio{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #cfcfcf;background-color:#fff;position:relative}.filter-bar .view-option .view-option-radio.active{border:2px solid #ff3f55}.filter-bar .view-option .view-option-radio.active:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;background-color:#ff3f55;border-radius:50%;transform:translate(-50%,-50%)}