.carousel-content__scroll:not([data-disabled=true]){display:flex;gap:calc(var(--spacing)*4);overflow-x:auto;overflow-y:visible;scroll-margin-inline-start:2.5em;scroll-snap-type:x mandatory}.carousel-content__scroll:not([data-disabled=true])>*{flex-shrink:0;scroll-snap-align:start}.carousel-content__scroll:not([data-disabled=true])::-webkit-scrollbar{display:none}[data-scroll-state=left] .carousel-content__scroll:not([data-disabled=true]):not([data-disabled=true]){-webkit-mask:linear-gradient(90deg,transparent,#000 10%);mask:linear-gradient(90deg,transparent,#000 10%)}[data-scroll-state=right] .carousel-content__scroll:not([data-disabled=true]):not([data-disabled=true]){-webkit-mask:linear-gradient(270deg,transparent,#000 10%);mask:linear-gradient(270deg,transparent,#000 10%)}[data-scroll-state=both] .carousel-content__scroll:not([data-disabled=true]):not([data-disabled=true]){-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.carousel{--carousel-arrow-bg:light-dark(#b0b4b8,#41474a);--carousel-arrow-bg-hover:light-dark(#747c81,#747c81);position:relative;transition:-webkit-mask .2s ease;transition:mask .2s ease;transition:mask .2s ease,-webkit-mask .2s ease;z-index:5}.carousel__arrow{align-items:center;background:var(--carousel-arrow-bg);border-radius:var(--radius-2xl);color:light-dark(var(--color-white),#b0b4b8);cursor:pointer;display:flex;font-size:var(--text-xl);height:64px;justify-content:center;margin-top:-32px;position:absolute;top:50%;transition:background .2s ease,color .2s ease;width:28px;z-index:10}@media (hover:hover){.carousel__arrow:hover{background:var(--carousel-arrow-bg-hover);color:var(--color-white)}}.carousel__arrow--left{left:10px}.carousel__arrow--right{right:10px}