.select-container{display:inline-block;position:relative;width:100%}.headerDropdown{cursor:pointer;border-bottom:1px solid var(--dark-gray);height:34px;width:20%;position:relative}.cmi-select{border:none;border-radius:0;margin:0;display:inline-block;width:80%}html.js .cmi-select{display:none}html .select-input{display:none}html.js .select-input{display:flex}html.js .views-exposed-form .form-submit.btn{display:none}.select-default-input{display:none}.light-blue .select-input{border-bottom-color:var(--light-blue)}.light-gray .select-input{border-bottom-color:var(--light-gray)}.light-red .select-input{border-bottom-color:var(--light-red)}.red .select-input{border-bottom-color:var(--red-color)}.yellow .select-input{border-bottom-color:var(--yellow-color)}.blue .select-input{border-bottom-color:var(--blue-color)}.dark-gray .select-input{border-bottom-color:var(--dark-gray)}.light-blue .select-input .caret{color:var(--light-blue)}.light-gray .select-input .caret{color:var(--light-gray)}.light-red .select-input .caret{color:var(--light-red)}.red .select-input .caret{color:var(--red-color)}.yellow .select-input .caret{color:var(--yellow-color)}.blue .select-input .caret{color:var(--blue-color)}.dark-gray .select-input .caret{color:var(--dark-gray)}.select-input{display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid var(--light-blue);padding:0 .5rem;font-size:.8rem;cursor:pointer;color:var(--dark-gray)}.select-input .caret{display:flex;align-items:center;justify-content:center;width:29px;height:29px;color:var(--light-blue);font-size:1.1rem;transition:all .4s ease}.select-input.dropdownOpened .caret{transform:rotateZ(-180deg)}.select-panel{width:0;position:fixed;z-index:10;top:0;right:0;background-color:#fff;overflow-x:hidden;transition:.5s;height:100vh;margin-top:4rem}.select-panel.show{width:100%}.select-panel li{text-transform:uppercase;padding:8px 8px 8px 32px;font-size:1.3rem;display:block;transition:color .25s cubic-bezier(.4,0,.2,1) 0ms;cursor:pointer}.select-panel li:hover,.select-panel li:focus,.select-panel li.selected{color:#f9b112;transition:color .25s cubic-bezier(.4,0,.2,1) 0ms}.select-panel .select-closebtn{cursor:pointer;text-align:right;padding-right:2rem;font-size:2rem}.select-dropdown{padding:1rem;background-color:#fff;box-shadow:0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12)}.select-dropdown ul{list-style:none;padding:0}.select-dropdown li{color:var(--dark-gray);padding:.3rem 0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1) 0ms;font-size:.8rem}.select-dropdown li:hover,.select-dropdown li:focus,.select-dropdown li.selected{font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1) 0ms}.select-dropdown{height:0;padding:0 1rem;opacity:0;position:absolute;z-index:10;overflow:hidden;width:100%;transition:all .25s cubic-bezier(.4,0,.2,1) 0ms}.select-dropdown.show{padding:1rem;height:auto;opacity:1;transition:all .25s cubic-bezier(.4,0,.2,1) 0ms}@media (max-width:992px){.cmi-select{width:100%}.select-input .caret{transform:rotateZ(-90deg)}.view-brands .views-exposed-form{margin-bottom:1rem}.select-input{padding:0}}