:root{--carousel-border-radius:9rem;--carousel-transition-opacity:0.3s;--carousel-transition-height:0.5s;--carousel-columns:3;--carousel-padding:clamp(0.5rem,5vw,3rem)}.carousel-controls{align-items:center;display:flex;justify-content:space-between;width:100%;& .carousel-next,& .carousel-prev{cursor:pointer;position:absolute;top:45%}& .carousel-prev{transform:rotate(180deg) translateX(-25%);@media (min-width:640px){transform:rotate(180deg) translateX(100%)}}& .carousel-next{right:0;transform:translateX(-25%);@media (min-width:640px){transform:translateX(100%)}}}.carousel-wrapper{margin-left:auto;margin-right:auto;max-width:var(--maxwidth-lg);padding-left:0;padding-right:0;@media (min-width:640px){padding-left:var(--padding-x);padding-right:var(--padding-x)}}.carousel-items-wrapper{position:relative}.carousel-items-slider[data-background="1"]{.carousel-items-item,.carousel-items-relation,.carousel-items-step{position:relative;&:before{background:var(--text-color);content:"";inset:0;opacity:.1;position:absolute}}}.carousel-items-item,.carousel-items-relation{border-radius:var(--media-border-radius);box-shadow:var(--shadow-box);overflow:clip;padding:var(--carousel-padding);position:relative;transition:var(--transition-slow);&:hover{opacity:.8;transform:translateY(-.5rem)}& .carousel-image{margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:16rem;padding:1rem}}.carousel-items-step{display:flex;gap:4rem;&>div{flex:1 1 0}}.carousel-items-step-content{max-width:30rem}.carousel-link{inset:0;position:absolute;z-index:10}