/* Generated by tools/generate.mjs: touch affordances for the cloned carousels. */
/* Tesla hides the carousel arrows below 1200px, so on a phone the dots and a swipe are the only ways to
   move between slides. The dots are 12px wide, far below a comfortable touch target, and a button's own
   pseudo-element is not hit-tested. Lay a transparent, absolutely positioned band over the dot list
   instead: it changes no layout and hides no dot, and a tap on it reaches the list, where the nearest-dot
   handler in components/behaviors/tabList.ts turns it into a slide change. The list ships with
   overflow auto, which would clip that band, and these lists hold a handful of dots that never need to
   scroll, so the band is allowed to overflow on touch devices. */
@media (pointer: coarse) {
  .tcl-carousel__tab-list.tds-tab-list--dots { position: relative; overflow: visible; }
  .tcl-carousel__tab-list.tds-tab-list--dots::before {
    content: "";
    position: absolute;
    inset: -16px -8px;
  }
}

/* iOS Safari zooms into a field whose text is under 16px; keep every field at 17px on touch devices so focusing never zooms. */
@media (pointer: coarse) {
  input:not([type=checkbox]):not([type=radio]):not([type=file]), select, textarea { font-size: 17px; }
}