.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}}