@layer rhm.components.carousel{.rhm-carousel{--slide-height:400px;--slide-spacing:16px;--slide-size:50%;--slide-size-mobile:80%}.rhm-carousel .embla__viewport{overflow:hidden}.rhm-carousel .embla__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1);display:flex}.rhm-carousel .embla__container>*{flex:0 0 var(--slide-size);min-width:0;margin-right:var(--slide-spacing);overflow:hidden}.rhm-carousel.rhm-carousel--ratio .embla__container>*{aspect-ratio:var(--slide-height)}.rhm-carousel.rhm-carousel--pixels .embla__container>*{height:var(--slide-height)}.rhm-carousel .embla__container .group-block__media-wrapper{position:absolute;inset:0}.rhm-carousel .embla__container>:not(.group-block)>:not(.group-block__media-wrapper){width:100%;height:100%;position:relative}.rhm-carousel__controls{justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.rhm-carousel__btn{appearance:none;cursor:pointer;color:var(--color-foreground);touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .2s;display:inline-flex}.rhm-carousel__btn:disabled{opacity:.3;cursor:default}.rhm-carousel__btn svg{width:24px;height:24px}.rhm-carousel__snap-display{font-size:var(--font-small,.875rem);color:var(--color-foreground);opacity:.7;text-align:center;min-width:3em}@media screen and (width<=749px){.rhm-carousel .embla__container>*{flex-basis:var(--slide-size-mobile)}}}
