.carousel{padding:4em 0}.crsl-swiper{display:flex;flex-direction:column;position:relative;transition:opacity .5s ease;width:100%}.carousel.inherit-size,.carousel.inherit-size .crsl-swiper,.carousel.inherit-size .crsl-swiper>.swiper{height:100%}.crsl-swiper>.swiper{display:flex;flex-direction:column;width:100%}.crsl-swiper:not(.active){opacity:0}.crsl-swiper-slide{height:70vw;line-height:0;max-height:560px}.crsl-swiper-slide:after{background:linear-gradient(180deg,transparent 58%,var(--black-70) 92%);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@media (min-width:700px){.crsl-swiper-slide{height:43vw;max-height:760px;min-height:450px}}@media (min-width:1000px){.carousel.inherit-size .crsl-swiper .swiper-slide{height:100%;max-height:none;min-height:0}}.crsl-swiper-ctrls{align-items:flex-end;color:var(--title-color);display:flex;flex-direction:column;font-size:18px;gap:1em;width:auto;z-index:90}.crsl-swiper-idx{order:2}@media (min-width:700px){.crsl-swiper-ctrls{font-size:20px;gap:2em}.crsl-swiper-idx{order:1}}.crsl-slide{display:flex;flex-direction:column}.crsl-slide-card{margin-bottom:1em}.crsl-slide-img{background:var(--mono-200);height:70vw;line-height:0;position:relative}.crsl-slide-img:after{background:linear-gradient(180deg,transparent 58%,var(--black-70) 92%);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.crsl-slide-title{margin-bottom:.3em}.crsl-slide-title>*{font-size:.8em}@media (min-width:700px){.crsl-slide-title{padding-right:4em}.crsl-slide-title>*{font-size:1em}.crsl-slide-img{height:100%;position:relative}}@media (min-width:1000px){.crsl-slide{height:65vw}}@media (min-width:1200px){.crsl-slide{max-height:880px}}.carousel-with-title{padding:4em 0}.carousel-with-title .crsl-swiper{display:flex;flex-direction:column;position:relative;transition:opacity .5s ease;width:100%}.carousel-with-title.inherit-size,.carousel-with-title.inherit-size .crsl-swiper,.carousel-with-title.inherit-size .crsl-swiper>.swiper{height:100%}.carousel-with-title .crsl-swiper>.swiper{display:flex;flex-direction:column;width:100%}.carousel-with-title .crsl-swiper:not(.active){opacity:0}.carousel-with-title .crsl-swiper-nav{display:none}@media (min-width:700px){.carousel-with-title .crsl-swiper-nav{display:block;position:absolute;right:0;top:4px}}@media (min-width:1000px){.carousel-with-title.inherit-size .crsl-swiper .swiper-slide{height:100%;max-height:none;min-height:0}}