.scroll-carousel{min-width:0;position:relative}.scroll-carousel__scroller{min-width:0}.scroll-carousel__btn{-webkit-appearance:none;appearance:none;z-index:4;border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);width:2rem;height:2rem;color:var(--color-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .15s,background .12s,border-color .12s,color .12s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0000001f}.scroll-carousel__btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:var(--color-surface);color:var(--color-primary-text,var(--color-primary))}.scroll-carousel__btn:focus-visible{outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}.scroll-carousel__btn:disabled{opacity:.28;cursor:default;pointer-events:none}.scroll-carousel__btn--prev{left:.15rem}.scroll-carousel__btn--next{right:.15rem}@media (pointer:fine){.scroll-carousel__btn{width:1.85rem;height:1.85rem}}.scroll-carousel.chip-carousel .scroll-carousel__btn{top:calc(50% - .2rem)}.scroll-carousel.chip-carousel .scroll-carousel__btn--prev{left:0}.scroll-carousel.chip-carousel .scroll-carousel__btn--next{right:0}