.expand-btn[data-v-7db78210],
.collapse-btn[data-v-7db78210] {
  display: none;
}
.collapsible .expand-btn[data-v-7db78210],
.collapsible .collapse-btn[data-v-7db78210] {
  display: block;
}
.collapsible .description.collapsed[data-v-7db78210] {
  overflow: hidden;
  max-height: 110px;
}
.description[data-v-7db78210]  img {
  min-width: 350px;
  width: 50%;
  max-width: 100%;
  height: auto;
}
.description[data-v-7db78210]  table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 1.5em;
}
.description[data-v-7db78210]  table th {
  background-color: #eeeeee;
  text-align: left;
}
.description[data-v-7db78210]  table td,
.description[data-v-7db78210]  table th {
  border: 1px solid #cccccc;
  padding: 8px 8px;
}
.description[data-v-7db78210]  .panel {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 1.5em;
}
.description[data-v-7db78210]  .preformatted {
  background-color: #eeeeee;
}
.description[data-v-7db78210]  ul,
.description[data-v-7db78210]  ol {
  margin-bottom: 1.5em;
}

.allowed-sources[data-v-caf5c23e] {
  text-transform: capitalize;
}
































































































































































































































































































































































































































































































































/* Full width, and the two halves equal: the question is "one of these two", so neither
   option may look like the default by being the wider one.
   The chosen option is *filled* rather than tinted: Vuetify's own active state for a toggle
   is a pale wash of the colour, which against the unselected half is barely a difference at
   all. The fill is bound per button so the colour still comes from the theme. */
.target-toggle[data-v-2fb98454] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}


.refill-title[data-v-d6a94e62] {
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 500;
  word-break: break-word;
}

/* The one sentence the whole dialog is about. Tinted rather than merely large: it has to
   read as the subject and the rest as notes on it. */
.refill-hero[data-v-d6a94e62] {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 18px;
}
.refill-hero__line[data-v-d6a94e62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.refill-hero__amount[data-v-d6a94e62] {
  font-size: 1.5rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  margin-right: 8px;
}
.refill-hero__cadence[data-v-d6a94e62] {
  font-size: 0.95rem;
  color: rgba(0, 0, 0, 0.6);
}
.refill-hero__mode[data-v-d6a94e62] {
  font-size: 0.8125rem;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 4px;
}

/* Two facts side by side rather than stacked: neither is long, and one under the other made
   a short dialog scroll for no reason. */
.refill-facts[data-v-d6a94e62] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 18px 32px;
  margin-bottom: 18px;
}
.refill-fact[data-v-d6a94e62] {
  min-width: 0;
}
.refill-fact__label[data-v-d6a94e62] {
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
}
.refill-fact__value[data-v-d6a94e62] {
  font-size: 0.9375rem;
  margin-top: 2px;
}
.refill-who[data-v-d6a94e62] {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 14px;
}





































































































































































































































































































































































/* A row is a way in, so it has to look like one. */
.row-pointer[data-v-3590493a] tbody tr {
  cursor: pointer;
}

/* No bold: the chip already sets the figure apart from the rest of the row. */
/* Same treatment the sites list gives a row with more services than fit. */
.audience-more[data-v-3590493a] {
  font-size: 0.78rem;
  color: rgba(0, 0, 0, 0.6);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.35);
  cursor: help;
}
.refill-amount[data-v-3590493a] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* The second fact in a cell — what the refill does, or the date it stops on. Quieter than
   the line above it so the cell still reads as one thing rather than as two columns. */
.refill-caption[data-v-3590493a] {
  font-size: 0.75rem;
  line-height: 1.1;
  color: rgba(0, 0, 0, 0.6);
}

.agreement-card-divider[data-v-ec50573c] {
  display: none;
}
.agreement-card + .agreement-card .agreement-card-divider[data-v-ec50573c] {
  display: block;
}

a[data-v-4334cdbc] {
  text-decoration: none;
}

[data-v-0c2fc406] .v-expansion-panel-content__wrap {
  padding: 0 !important;
}
[data-v-0c2fc406] .v-expansion-panel-header {
  padding: 16px !important;
}
[data-v-0c2fc406] .v-card__title {
  padding-bottom: 4px;
}