
.filter-wrapper-desktop .select {
   display:flex;
   flex-direction: column;
   position:relative;
   width:250px;
   height:40px;
 }
 
 .filter-wrapper-desktop .option {
   padding:0 30px 0 10px;
   min-height:40px;
   display:flex;
   align-items:center;
   background: #f5f5f5;
   position:absolute;
   top:0;
   width: 100%;
   pointer-events:none;
   order:2;
   z-index:1;
   transition:background .4s ease-in-out;
   box-sizing:border-box;
   overflow:hidden;
   white-space:nowrap;
 }
 
  .filter-wrapper-desktop .select {
    border-right: 1px solid var(--schalke-blue);
  }
  .filter-wrapper-desktop .select-fuel {
    border-right: 0;
  }
 
  .filter-wrapper-desktop .option:hover {
    background: #dddddd;
}
 
 .filter-wrapper-desktop  .select:focus .option {
   position:relative;
   pointer-events:all;
 }
 
 .filter-wrapper-desktop input {
   opacity:0;
   position:absolute;
   left:-99999px;
 }
 
 .filter-wrapper-desktop input:checked + label {
   order: 1;
   z-index:2;
   background:#f5f5f5;
   border-top:none;
   position:relative;
 }

.filter-wrapper-desktop input:checked + label:after {
   content:'';
   width: 0; 
   height: 0; 
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-top: 5px solid #212529;
   position:absolute;
   right:10px;
   top:calc(50% - 2.5px);
   pointer-events:none;
   z-index:3;
 } 
 
 .filter-wrapper-desktop input:checked + label:before {
   position:absolute;
   right:0;
   height: 40px;
   width: 40px;
   content: '';
   background:#f5f5f5;
 }
 .filter-wrapper-desktop {
   background: var(--bleker-grey);
}
/*End Filter select box*/