.zSelect {
    
        display: grid;
        grid-template-areas: "select";
        align-items: center;
        position: relative;
      
        select,
        &::after {
          grid-area: select;
        }
      
        min-width: 15ch;
        max-width: 30ch;
      
        border: 1px solid var(--select-border);
        border-radius: 0.25em;
        padding: 0.25em 0.5em;
      
        font-size: 1.25rem;
        cursor: pointer;
        line-height: 1.1;
      
        background-color: #fff;
        background-image: linear-gradient(to top, #f9f9f9, #fff 33%);

        
       }

input[type="file"]{
        opacity: 0;
        z-index: -1;
        position: absolute;
        top: -1px;
        left: 0;
        width: 0.1px;
        height: 0.1px;
        user-select: none;
}
    
input[type="file"]:focus + label[for="filename"]{
        border: 1px solid #85E5FF;
}
    
label[for="filename"]{
        background: #FF7B47;
        padding: 10px;
        color: #fff;
        font-family: sans-serif;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
}
    
label[for="filename"]:hover{
        background: #FF9E59;
}