@layer components{.cards:has(.splide__track) .splide__track{overflow:visible}.cards:has(.splide__track) .splide__track:before{content:"";z-index:1;background-image:linear-gradient(to right, rgb(from var(--color-white) r g b/1) 20%, rgb(from var(--color-white) r g b/0) 100%);pointer-events:none;width:3.4375rem;height:100%;position:absolute;top:0;right:100%}.cards:has(.splide__track) .splide__track:after{content:"";z-index:1;background-image:linear-gradient(to left, rgb(from var(--color-white) r g b/1) 20%, rgb(from var(--color-white) r g b/0) 100%);pointer-events:none;width:3.4375rem;height:100%;position:absolute;top:0;left:100%}.cards__item:has(.cards__link a:hover,.cards__link a:focus-visible) .cards__image:after{transform:translateY(0)}.cards__item:has(.cards__link a:hover,.cards__link a:focus-visible) .cards__body{color:rgb(from var(--color-white) r g b/1)}.cards__item:has(.cards__link a:hover,.cards__link a:focus-visible) .cards__teaser{opacity:1;transition-delay:.1s;transform:translateY(0)}.cards__item:has(.cards__link a:hover,.cards__link a:focus-visible) .cards__link img{opacity:1;transition-delay:.1s;transform:translateY(0)}.cards__image{width:100%;height:100%;position:relative}.cards__image:has(img):before{content:"";z-index:1;background-image:linear-gradient(to bottom, rgb(from var(--color-white) r g b/1) 0%, rgb(from var(--color-white) r g b/0) 50%);pointer-events:none;position:absolute;inset:0}.cards__image:has(img):after{mix-blend-mode:multiply}.cards__image:after{content:"";z-index:2;background-color:rgb(from var(--color-red-500) r g b/1);pointer-events:none;transition:transform .3s ease-in-out;position:absolute;inset:0;transform:translateY(100%)}.cards__body{transition:color .3s linear}.cards__teaser{opacity:0;transition:opacity .3s linear,transform .3s ease-in-out;transform:translateY(.5rem)}.cards__link img{filter:brightness(0)invert();opacity:0;transition:opacity .3s linear,transform .3s ease-in-out;transform:translateY(.5rem)}}