.ui-dots{justify-content:center;gap:var(--ui-dot-gap,var(--d7-space-12));display:flex}.ui-dot{inline-size:var(--d7-carousel-dot);block-size:var(--ui-dot-touch,var(--d7-touch));margin-block:calc((var(--d7-carousel-dot) - var(--ui-dot-touch,var(--d7-touch))) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:inline-size var(--d7-dur-switch) var(--d7-carousel-ease-fade);background:0 0;border:0;place-items:center;padding:0;display:grid}.ui-dot:before{content:"";inline-size:100%;block-size:var(--d7-carousel-dot);border-radius:var(--d7-radius-pill);background:var(--ui-dot,var(--d7-rule-strong));transition:background-color var(--d7-dur-switch) var(--d7-carousel-ease-fade), transform var(--d7-dur-press) var(--d7-ease-press)}.ui-dot[aria-current=true]{inline-size:var(--d7-carousel-dot-active-w)}.ui-dot[aria-current=true]:before{background:var(--ui-dot-current,var(--d7-text))}.ui-dot:active:before{transform:scale(var(--d7-carousel-dot-press))}.ui-dot:disabled{cursor:default}@media (prefers-reduced-motion:reduce){.ui-dot,.ui-dot:before{transition-duration:var(--d7-dur-reduced)}.ui-dot:active:before{transform:none}}
.ui-arrows{display:none}@media (hover:hover) and (pointer:fine){.ui-ctl-row:has(>.ui-arrows){inline-size:var(--d7-content-w);grid-template-columns:1fr auto 1fr;align-items:center;max-inline-size:100%;margin-inline:auto;display:grid}.ui-ctl-row>:not(.ui-arrows){grid-column:2}.ui-ctl-row>.ui-arrows{justify-self:end;gap:var(--d7-space-12);grid-column:3;display:flex}}.ui-arrow{inline-size:var(--d7-touch);block-size:var(--d7-touch);border-radius:var(--d7-radius-pill);background:var(--d7-step-btn-bg);color:var(--d7-text);font-size:var(--d7-body-size);cursor:pointer;transition:opacity var(--d7-dur-switch) var(--d7-ease-slide), background var(--d7-dur-switch) var(--d7-ease-slide), transform var(--d7-dur-press) var(--d7-ease-press);border:0;place-items:center;padding:0;display:grid}.ui-arrow:hover:not(:disabled){background:var(--d7-surface-raised-hover)}.ui-arrow:active:not(:disabled){transform:scale(var(--d7-carousel-dot-press))}.ui-arrow:disabled{opacity:.35;cursor:default}.ui-arrow:focus-visible{outline:var(--d7-focus-w) solid var(--d7-focus-color);outline-offset:var(--d7-focus-offset)}[dir=rtl] .ui-arrow svg{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){.ui-arrow{transition-duration:var(--d7-dur-reduced)}.ui-arrow:active:not(:disabled){transform:none}}