/* Shared circle arrows, based on the case-page gallery controls. */
.round,.arrow,.case-strip-arrow,.case-viewer-nav .case-strip-arrow{
  box-sizing:border-box;
  width:44px;height:44px;min-width:44px;flex-shrink:0;padding:0;
  border:1px solid #555;border-radius:50%;background:none;color:#eee;
  cursor:pointer;line-height:1;
  transition:background .18s,border-color .18s,color .18s;
}
.round,.case-strip-arrow{display:grid;place-items:center}
.round>svg,.arrow>svg,.case-strip-arrow>svg{
  display:block;width:20px;height:20px;flex-shrink:0;
  fill:none;stroke:currentColor;stroke-width:1.3;
}
.ui-arrow-down{transform:rotate(90deg)}
.arrow:hover:not(:disabled),.case-strip-arrow:hover:not(:disabled),a:hover .round{
  border-color:#eee;background:#eee;color:#111;
}
.arrow:focus-visible,.case-strip-arrow:focus-visible,a:focus-visible .round{
  outline:1px solid #eee;outline-offset:4px;
}
.arrow:disabled,.case-strip-arrow:disabled{opacity:.25;cursor:default}
/* Homepage carousel arrows keep their existing mobile visibility. */
@media(min-width:801px){.carousel-wrap>.arrow{display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){.round,.arrow,.case-strip-arrow{transition:none}}