/* Readable phone controls for the original ecosystem; no changes to its SVG artwork. */
.ha-eco .eco-accessible{display:none}
.ha-eco .eco-accessible[hidden]{display:none!important}
@media(max-width:700px){
  .ha-eco .eco-accessible{display:block;margin:14px 0 18px;padding:21px 0 0;border-top:1px solid #bcb6a8;color:#11110f}
  .ha-eco .eco-accessible h4{margin:0 0 8px;font:800 19px/1.15 Archivo,Arial,sans-serif;letter-spacing:-.025em;text-transform:none}
  .ha-eco .eco-accessible .eco-accessible-help{max-width:none;margin:0 0 16px;padding:0;border:0;font:400 15px/1.5 Archivo,Arial,sans-serif;color:#4c5548}
  .ha-eco .eco-accessible-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ha-eco .eco-accessible .eco-accessible-choice{appearance:none;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #aaa698;border-radius:0;background:#f8f5ee;box-shadow:none;color:#11110f;font:650 14px/1.35 Archivo,Arial,sans-serif;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;overflow-wrap:normal;cursor:pointer;transition:none;transform:none}
  .ha-eco .eco-accessible .eco-accessible-core{grid-column:1/-1}
  .ha-eco .eco-accessible .eco-accessible-choice[aria-pressed=true]{background:#141f1a;border-color:#141f1a;color:#f8f5ee;box-shadow:inset 3px 0 0 #f04417}
  .ha-eco .eco-accessible .eco-accessible-choice:focus-visible{outline:3px solid #f04417;outline-offset:3px}
}
@media(max-width:350px){.ha-eco .eco-accessible .eco-accessible-choice{padding:11px 9px}}