.carousel{--navigation-height:3rem;padding-block:var(--gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-top:0;padding-bottom:0;overflow-x:scroll}.carousel::-webkit-scrollbar{display:none;inline-size:0!important}.carousel-inner{align-items:center;gap:var(--gap-half);margin-top:var(--navigation-height);grid-column:content;display:-webkit-box;display:-ms-flexbox;display:flex}.carousel-inner:after{content:"";-webkit-padding-end:max(var(--gap), (100vw - var(--content-max-width)) / 2 - var(--gap));align-self:stretch;padding-inline-end:max(var(--gap), (100vw - var(--content-max-width)) / 2 - var(--gap))}.carousel-inner img{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;margin:0}.carousel-inner .item{background-color:rgba(var(--clr-background-rgb), .1);scroll-snap-align:center;aspect-ratio:4/3;-ms-flex-negative:0;flex-shrink:0;gap:0;inline-size:100%;max-inline-size:25rem;display:grid;position:relative;overflow:hidden}.carousel-inner .item:after{background-image:linear-gradient(12deg, rgba(var(--clr-foreground-rgb), .67) 0%, rgba(var(--clr-foreground-rgb), 0) 70%);background-blend-mode:multiply;content:"";display:block;position:absolute;inset:40% 0 0}.carousel-inner .item.large{max-inline-size:32rem}.carousel-inner .item.content-width{max-inline-size:var(--content-max-width)}.carousel-inner .item:last-child{margin-right:var(--gap)}.carousel-inner .item>*{grid-area:1/1;align-content:end}.carousel-inner .item>p{padding:.5em var(--gap-half);z-index:2}.carousel-inner .item>p.is-h4{font-family:var(--base-font--bold)}.carousel-inner .item small{font-family:var(--base-font);opacity:.8;font-size:.667rem;display:block}.carousel-navigation{align-items:center;gap:var(--gap);height:var(--navigation-height);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;justify-content:center;width:100%;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.carousel-navigation button{aspect-ratio:1;background-color:var(--clr-accent);color:var(--clr-foreground);height:auto;margin:unset;margin-bottom:var(--space-m-xl);text-indent:-9999em;opacity:.7;border:0;width:2rem;padding:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;display:block;-webkit-transform:scale(1);transform:scale(1);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.carousel-navigation button:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.carousel-navigation .carousel-prev{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z\"></path></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M205.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L131.31,128ZM51.31,128l74.35-74.34a8,8,0,0,0-11.32-11.32l-80,80a8,8,0,0,0,0,11.32l80,80a8,8,0,0,0,11.32-11.32Z\"></path></svg>")}.carousel-navigation .carousel-next{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z\"></path></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 256 256\"><path d=\"M141.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L124.69,128,50.34,53.66A8,8,0,0,1,61.66,42.34l80,80A8,8,0,0,1,141.66,133.66Zm80-11.32-80-80a8,8,0,0,0-11.32,11.32L204.69,128l-74.35,74.34a8,8,0,0,0,11.32,11.32l80-80A8,8,0,0,0,221.66,122.34Z\"></path></svg>")}@supports not (aspect-ratio:1){.carousel-inner .item:before{float:left;content:"";padding-top:75%}.carousel-inner .item:after{content:"";clear:both;display:block}}
