/* Shared control placement for Home and Custom Vape Display. */
body:is(.home-page,.cvd-page) #slider {
  --slider-control-size:clamp(28px,3vw,44px);
  --slider-control-inset:clamp(6px,.8vw,16px);
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow {
  top:50%;
  bottom:auto;
  width:var(--slider-control-size);
  height:var(--slider-control-size);
  padding:0;
  line-height:1;
  transform:translateY(-50%);
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow.prev {
  left:var(--slider-control-inset);
  right:auto;
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow.next {
  right:var(--slider-control-inset);
  left:auto;
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow svg {
  display:block;
  width:18px;
  height:18px;
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow.prev svg {transform:rotate(90deg)}
body:is(.home-page,.cvd-page) #slider > .slider-arrow.next svg {transform:rotate(-90deg)}
body:is(.home-page,.cvd-page) #slider > .slider-dots {
  top:auto;
  right:auto;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
}
body:is(.home-page,.cvd-page) #slider > .slider-arrow:focus-visible,
body:is(.home-page,.cvd-page) #slider > .slider-dots > .slider-dot:focus-visible {
  outline:2px solid currentColor;
  outline-offset:4px;
}
@media(max-width:820px) {
  body:is(.home-page,.cvd-page) #slider > .slider-arrow {display:none}
  body:is(.home-page,.cvd-page) #slider > .slider-dots {bottom:24px}
}