/* CSS limitation. This does not work:
:root {
  --pico-media-xs: 576px;
  --pico-media-sm: 768px;
  --pico-media-md: 1024px;
  --pico-media-lg: 1280px;
  --pico-media-xl: 1536px;
}

@media (min-width: var(--pico-media-xs)) {
  …
}

@media (min-width: var(--pico-media-sm)) {
  …
}

To prevent breakpoint duplication in CSS files, mediaquery-dependant
variables are defined here.
*/
:root,
:host {
  --followup-card-width: 100%;
}

@media (min-width: 576px) {
  :root,
  :host {
  }
}
@media (min-width: 768px) {
  :root,
  :host {
  }
}
@media (min-width: 1024px) {
  :root,
  :host {
  }
}
@media (min-width: 1280px) {
  :root,
  :host {
    --followup-card-width: 49%;
  }
}