.ds-carousel{width:100%;position:relative}.ds-carousel__viewport{border-radius:var(--radius-sm);overflow:hidden}.ds-carousel__track{transition:transform .4s;display:flex}.ds-carousel__slide{flex-shrink:0;min-width:100%}.ds-carousel__arrow{border:var(--border-xs)solid var(--color-bg-container-border);border-radius:var(--radius-full);background-color:var(--color-bg-page-primary);cursor:pointer;z-index:2;width:36px;height:36px;color:var(--color-icon-primary);justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.ds-carousel__arrow:hover:not(:disabled){background-color:var(--color-action-passive-bg-hover)}.ds-carousel__arrow:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-carousel__arrow--prev{left:var(--gap-sm)}.ds-carousel__arrow--next{right:var(--gap-sm)}.ds-carousel__arrow:disabled{opacity:.4;cursor:not-allowed}.ds-carousel__arrow .material-symbols-rounded{font-size:20px}.ds-carousel__dots{justify-content:center;gap:var(--gap-sm);padding-top:var(--padding-sm);display:flex}.ds-carousel__dot{border-radius:var(--radius-full);background-color:var(--color-bg-container-border);cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:background-color .2s}.ds-carousel__dot:hover{background-color:var(--color-text-tertiary)}.ds-carousel__dot--active{background-color:var(--color-action-primary-bg)}.ds-carousel__dot:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}