.ggg-carousel{position:relative}.ggg-carousel__track{gap:var(--ggg-gutter);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-block:4px;display:flex;overflow-x:auto}.ggg-carousel__track::-webkit-scrollbar{display:none}.ggg-carousel__item{scroll-snap-align:start;flex:none}.ggg-carousel__arrow{z-index:3;border:1px solid var(--ggg-border);background:var(--ggg-surface);width:44px;height:44px;color:var(--ggg-text-primary);box-shadow:var(--ggg-shadow-md);cursor:pointer;border-radius:50%;place-items:center;transition:opacity .2s,background .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ggg-carousel__arrow:hover{background:var(--ggg-neutral-100)}.ggg-carousel__arrow[data-side=start]{inset-inline-start:-8px}.ggg-carousel__arrow[data-side=end]{inset-inline-end:-8px}.ggg-carousel__arrow:disabled{opacity:0;pointer-events:none}.ggg-carousel__arrow[data-side=start] svg{transform:scaleX(-1)}[dir=rtl] .ggg-carousel__arrow[data-side=start] svg{transform:none}[dir=rtl] .ggg-carousel__arrow[data-side=end] svg{transform:scaleX(-1)}@media (max-width:640px){.ggg-carousel__arrow{display:none}}