.tile--filter{position:relative;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff0;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;width:100%;max-width:600px;border:5px solid #fff0;cursor:pointer}.tile--filter:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .25);background:linear-gradient(0deg,#fff0 0%,rgb(0 0 0 / .38) 35%,rgb(0 0 0 / .34) 65%,#fff0 100%)}.tile--filter:hover{background-color:#fff0;background:none}.tile--filter:hover img{scale:1.1}.tile--filter.selected{border:5px solid var(--primary)}.tile--filter img{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;transition:all 0.3s}.tile--filter .label{position:relative;text-transform:uppercase;font-weight:700;color:var(--white);font-size:1.7rem;z-index:2;box-shadow:var(--box-shadow)}