/* @group @variables */

[class*="m-special-vehicle"] {
--special-vehicle-grid-template-columns: repeat(2, 1fr);
--special-vehicle-gap: 1.5rem;
}

@media all and (min-width: 48em) {

[class*="m-special-vehicle"] {
--special-vehicle-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-special-vehicle */

[class*="m-special-vehicle"] {
display: grid;
grid-template-columns: var(--special-vehicle-grid-template-columns);
grid-template-rows: var(--special-vehicle-grid-template-rows);
gap: var(--special-vehicle-gap);
}

[class*="m-special-vehicle"] {
max-width: 36rem;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
padding-left: 0;
list-style: none;
}

[class*="m-special-vehicle"] img {
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 60%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 30%));
transition: var(--filter-transition);
}

[class*="m-special-vehicle"] a:hover img,
[class*="m-special-vehicle"] a:focus img {
width: 100%;
height: auto;
/*filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 60%));*/
filter: drop-shadow(0px .25rem .25rem hsl(0deg 0% 0% / 45%));
}

/* @end @m-special-vehicle */