/* PrimeParking registration plates. Shared by all current web applications. */
@font-face {
  font-family: 'Charles Wright';
  src: url('/static/fonts/CharlesWright-Bold.otf') format('opentype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --pp-plate-yellow: #FDD32C;
  --pp-plate-ink: #101010;
}
.plate, .vrn-plate, .vrn-plate-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: start;
  box-sizing: border-box;
  width: max-content;
  min-width: 108px;
  /* Optical centring for this font's capitals, including Safari/WebKit. */
  padding: calc(3px + .095em) 10px calc(3px - .095em);
  border: 0;
  border-radius: 4px;
  background: var(--pp-plate-yellow);
  color: var(--pp-plate-ink);
  box-shadow: none;
  font-family: 'Charles Wright', 'Arial Narrow', Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  font-variant-numeric: normal;
  font-synthesis: none;
  /* Small screen-weight correction; retain the original Charles Wright glyphs. */
  -webkit-text-stroke: .015em currentColor;
  line-height: 1.25;
  letter-spacing: .045em;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  vertical-align: middle;
}
.plate--sm, .vrn-plate-sm {
  min-width: 82px;
  padding: calc(2px + .095em) 7px calc(2px - .095em);
  border-radius: 3px;
  font-size: 15px;
  /* Whole-pixel leading avoids Chrome rounding compact capitals upward. */
  line-height: 19px;
}
.plate--lg { min-width: 132px; font-size: 26px; padding: calc(4px + .095em) 12px calc(4px - .095em); }
.plate-empty { color: var(--text-muted, #687386); font-family: inherit; }
.plate-group { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.plate-stack { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
:is(.plate, .vrn-plate, .vrn-plate-sm) + :is(h1, h2, h3, h4, p, dl) { margin-block-start: 12px; }
:is(.plate, .vrn-plate, .vrn-plate-sm) + .cell-sub { margin-top: 6px; }
input.input--plate, input.vrn-input {
  background: var(--pp-plate-yellow) !important;
  color: var(--pp-plate-ink) !important;
  border: 0 !important;
  box-shadow: none;
  border-radius: 4px;
  font-family: 'Charles Wright', 'Arial Narrow', Arial, sans-serif !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 700;
  font-synthesis: none;
  -webkit-text-stroke: .015em currentColor;
  letter-spacing: .06em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  min-height: 44px;
  padding: calc(8px + .095em) 12px calc(8px - .095em) !important;
  box-sizing: border-box;
  max-width: 100%;
  caret-color: var(--pp-plate-ink);
}
input.input--plate::placeholder, input.vrn-input::placeholder { color: #655619; opacity: .8; }
input.input--plate:focus-visible, input.vrn-input:focus-visible {
  outline: 3px solid #D6500A;
  outline-offset: 3px;
}