.cssslide{width:100%;transition:ease-in-out 500ms}.cssslide *{transition:ease-in-out 500ms}.cssslide__track{display:block;width:100%}.cssslide__list{display:flex;flex-direction:row;max-width:100%}.cssslide__slide{position:relative;border-radius:20px;min-height:50vh;flex-shrink:1}.cssslide__slide:not(:last-child){margin-right:var(--space-s)}.cssslide__slide:first-child{flex-grow:1}.cssslide__slide:first-child .cssslide__txt{opacity:1}.cssslide__slide:first-child .cssslide__title{opacity:0}.cssslide__slide:not(:first-child){width:25%}.cssslide__slide:hover:not(:first-child){width:50%}.cssslide__slide:before{content:'';position:absolute;width:100%;height:50%;background-image:linear-gradient(to top,var(--text) 0%,rgba(255,255,255,0) 100%);z-index:2;bottom:0;border-radius:0 0 2rem 2rem}.cssslide__img{position:absolute;object-fit:cover;object-position:center;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;height:90%;width:auto}.cssslide__title{position:absolute;bottom:var(--space-s);display:block;color:#fff;z-index:3;margin-left:var(--space-s);writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto}.cssslide__txt{z-index:2;margin-top:auto;margin-bottom:var(--space-s);color:var(--white);text-align:center;width:100%;font-weight:700;font-size:var(--text-l);padding:0 var(--space-s);opacity:0;position:absolute;bottom:0}.cssslide .cssslide__slide:not(.cssslide__slide--1):hover .cssslide__txt{opacity:1}.cssslide .cssslide__slide:not(.cssslide__slide--1):hover .cssslide__title{opacity:0}.cssslide:not(.cssslide__slide--1):hover .cssslide__txt{opacity:0}.cssslide:not(.cssslide__slide--1):hover .cssslide__title{opacity:1}.cssslide .cssslide__slide--1:hover .cssslide__txt{opacity:1}.cssslide .cssslide__slide--1:hover .cssslide__title{opacity:0}