@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scroll-snap-strictness:proximity}}}.carousel-container{scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness:mandatory;scroll-behavior:smooth;width:100%;padding-inline:10%;display:flex;overflow-x:scroll}@media (min-width:64rem){.carousel-container{padding-inline:15%}}.carousel-container .carousel-card{scroll-snap-align:center;width:100%;height:calc(var(--spacing) * 45)}.dots{display:flex}.dot{cursor:pointer;background:#c5c5c5;border:none;border-radius:50%;width:14px;height:14px;margin:0 5px;padding:5px}.dot:focus{outline:none}.dot.active{background:#000}.arrow{fill:#fff;cursor:pointer;width:30px;height:30px;position:absolute;top:50%;transform:translateY(-50%)}.arrow--left{left:5px}.arrow--right{left:auto;right:5px}.arrow--disabled{fill:#ffffff80}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}