/* Third model extension for the existing pricing component. */
.pricing-device{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-device__indicator{width:calc(33.333% - 5.333px)}
.pricing-device__indicator.is-second{transform:translate(calc(100% + 4px))}
.pricing-device__indicator.is-third{transform:translate(calc(200% + 8px))}
.pricing-mode:has(button:only-of-type){grid-template-columns:1fr}
.pricing-mode:has(button:only-of-type) .pricing-mode__indicator{width:calc(100% - 8px)}
@media (max-width:700px){
  .pricing-device button{padding-inline:10px}
  .pricing-device button strong{font-size:.88rem;white-space:normal}
}