@layer components{:root{--banner-gap:1rem;--banner-container-gap:2rem;--banner-time:25s;--banner-image-minwidth:20vw}@media screen and (min-width:768px){:root{--banner-gap:3rem;--banner-image-minwidth:8rem}}.banner{padding-bottom:clamp(.5rem,4vw,1.5rem);padding-top:clamp(.5rem,4vw,1.5rem)}.banner-text{text-align:center}.banner-images-container{align-items:center;display:flex;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.banner-images{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--banner-gap);justify-content:center}.banner-type-left{animation:marquee var(--banner-time) linear infinite}.banner-type-right{animation:marquee var(--banner-time) linear infinite reverse}.banner-image{filter:saturate(0) contrast(1);& img{border-radius:0;flex-shrink:0;height:100%!important;min-width:var(--banner-image-minwidth);object-fit:contain;width:auto!important}}}