.carousel{background-color:var(--color-khaki-500)}.carousel-wrapper{position:relative;margin-left:auto;margin-right:auto;padding-left:var(--spacing)}@media (min-width:1024px){.carousel-wrapper{padding-left:var(--padding-x);padding-right:0}}.carousel-items-wrapper{position:relative;display:flex;flex-direction:column-reverse}.carousel-items-wrapper.is-last-active:after{opacity:0!important;pointer-events:none}.carousel-items-wrapper:before{width:clamp(5%,4vw,15%);left:0;background:linear-gradient(90deg,var(--color-khaki-500),transparent);z-index:10}.carousel-items-wrapper:after,.carousel-items-wrapper:before{content:"";height:100%;position:absolute;top:0;opacity:.1;pointer-events:none}.carousel-items-wrapper:after{width:5%;right:0;background:linear-gradient(270deg,var(--color-khaki-500),transparent);transition:var(--transition-fast)}@media (min-width:768px){.carousel-items-wrapper:after{opacity:1}}@media (min-width:1024px){.carousel-items-wrapper:after{width:25%}}.carousel-items-slider{display:flex;grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-left:calc(var(--spacing)*-1)}@media (min-width:768px){.carousel-items-slider{margin-left:-1.5rem}}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;grid-gap:var(--spacing-30);gap:var(--spacing-30);width:100%;z-index:10}@media (min-width:768px){.carousel-controls{padding-right:var(--padding-x)}}.carousel-controls .carousel-title{margin-right:auto;margin-bottom:0}.carousel-controls .carousel-next,.carousel-controls .carousel-prev{display:grid;align-content:center;justify-content:center;place-content:center;background-color:var(--color-white);border-radius:50%;aspect-ratio:1;width:var(--spacing-50);height:var(--spacing-50);padding:.5rem;cursor:pointer}.carousel-controls .carousel-next:focus,.carousel-controls .carousel-prev:focus{outline:2px solid var(--color-green-700);outline-offset:-2px}.carousel-controls .carousel-prev{transform:rotate(180deg) translateX(-25%);@screen: lg{transform:rotate(180deg) translateX(0)}}.carousel-controls .carousel-next{right:0;transform:translateX(-25%)}@media (min-width:1024px){.carousel-controls .carousel-next{transform:translateX(0)}}.carousel-progress-bar{position:relative;background-color:var(--color-white);border-radius:var(--spacing-sm);width:calc(100% - var(--spacing-xl));height:var(--spacing-sm);overflow:hidden;z-index:1}@media (min-width:768px){.carousel-progress-bar{width:100%}}.carousel-progress-bar .carousel-progress-bar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-pink-500);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-out}