ha-card {
  --scaling-factor: 1.0;
}
@media (min-width: 360px){
  ha-card {
    --scaling-factor: 0.9;
  }
}
@media (min-width: 400px){
  ha-card {
    --scaling-factor: 1.0;
  }
}
@media (min-width: 440px){
  ha-card {
    --scaling-factor: 1.1;
  }
}
@media (min-width: 480px){
  ha-card {
    --scaling-factor: 1.2;
  }
}
@media (min-width: 520px){
  ha-card {
    --scaling-factor: 1.3;
  }
}
@media (min-width: 560px){
  ha-card {
    --scaling-factor: 1.4;
  }
}
@media (min-width: 600px){
  ha-card {
    --scaling-factor: 1.5;
  }
}
@media (min-width: 640px){
  ha-card {
    --scaling-factor: 1.6;
  }
}
@media (min-width: 680px){
  ha-card {
    --scaling-factor: 1.7;
  }
}
@media (min-width: 720px){
  ha-card {
    --scaling-factor: 1.8;
  }
}
@media (min-width: 760px){
  ha-card {
    --scaling-factor: 1.9;
  }
}
@media (min-width: 800px){
  ha-card {
    --scaling-factor: 2.0;
  }
}
@media (min-width: 840px){
  ha-card {
    --scaling-factor: 2.1;
  }
}
@media (min-width: 880px){
  ha-card {
    --scaling-factor: 2.2;
  }
}
@media (min-width: 920px){
  ha-card {
    --scaling-factor: 2.3;
  }
}
@media (min-width: 960px){
  ha-card {
    --scaling-factor: 2.4;
  }
}
@media (min-width: 1000px){
  ha-card {
    --scaling-factor: 2.5;
  }
}
@media (min-width: 1040px){
  ha-card {
    --scaling-factor: 2.6;
  }
}
@media (min-width: 1080px){
  ha-card {
    --scaling-factor: 2.7;
  }
}
@media (min-width: 1120px){
  ha-card {
    --scaling-factor: 2.8;
  }
}
@media (min-width: 1160px){
  ha-card {
    --scaling-factor: 2.9;
  }
}
@media (min-width: 1200px){
  ha-card {
    --scaling-factor: 3.0;
  }
}