@charset "UTF-8";

/* node_modules/@kolkov/angular-editor/themes/default.scss */
[hidden] {
  display: none !important;
}
:root {
  --ae-gap: 5px;
  --ae-text-area-border: 1px solid #ddd;
  --ae-text-area-border-radius: 0;
  --ae-focus-outline-color: #afaeae auto 1px;
  --ae-toolbar-padding: 1px;
  --ae-toolbar-bg-color: #f5f5f5;
  --ae-toolbar-border-radius: 1px solid #ddd;
  --ae-button-bg-color: white;
  --ae-button-border: 1px solid #afaeae;
  --ae-button-radius: 5px;
  --ae-button-hover-bg-color: #f1f1f1;
  --ae-button-active-bg-color: #fffbd3;
  --ae-button-active-hover-bg-color: #fffaad;
  --ae-button-disabled-bg-color: #f5f5f5;
  --ae-picker-label-color: white;
  --ae-picker-icon-bg-color: white;
  --ae-picker-option-bg-color: #fff;
  --ae-picker-option-active-bg-color: #fffbd3;
  --ae-picker-option-focused-bg-color: #fffaad;
  --ae-picker-option-hover-bg-color: #fbf7ba;
}

/* src/styles/styles.scss */
:root {
  --q-brand: #E42A2C;
  --q-brand-strong: #C81F27;
  --q-brand-400: #E95556;
  --q-brand-300: #EF7F80;
  --q-brand-200: #F4AAAB;
  --q-brand-100: #FAD4D5;
  --q-brand-50: #FCEAEA;
  --q-ink: #262A37;
  --q-ink-hover: #1B1E28;
  --q-ink-400: #51555F;
  --q-ink-300: #7D7F87;
  --q-ink-200: #A8AAAF;
  --q-ink-100: #D4D4D7;
  --q-ink-50: #E9EAEB;
  --q-action: var(--q-ink);
  --q-action-hover: var(--q-ink-hover);
  --q-action-fg: #FFFFFF;
  --q-accent: var(--q-brand);
  --q-accent-fg: #FFFFFF;
  --q-success: #1F7A5C;
  --q-success-surface: #EAF2DC;
  --q-info: #2E5286;
  --q-info-surface: #E4F4F9;
  --q-warning: #9A5B00;
  --q-warning-strong: #A85606;
  --q-warning-surface: #FFF0E1;
  --q-danger: #B3181C;
  --q-danger-fg: #FFFFFF;
  --q-danger-surface: #FCEAEA;
  --q-special: #6B3FA0;
  --q-special-surface: #F0E9F8;
  --q-special-surface-soft: #FCFAFE;
  --q-special-soft: #B79BDB;
  --q-special-line: #E6DCF0;
  --q-canvas: #F3F5F2;
  --q-surface: #FFFFFF;
  --q-surface-raised: #FBFBFB;
  --q-surface-sunken: #F3F5F2;
  --q-surface-inverse: var(--q-ink);
  --q-toast: #262A37;
  --q-rail: #262A37;
  --q-rail-ink: #FFFFFF;
  --q-rail-mut: #C9CCD4;
  --q-rail-quiet: #9BA1AD;
  --q-rail-border: #838A98;
  --q-paper: #FFFFFF;
  --q-paper-ink: #262A37;
  --q-toast-ink: #FFFFFF;
  --q-toast-mut: #C9CCD4;
  --q-toast-quiet: #9BA1AD;
  --q-toast-raise: rgba(255, 255, 255, 0.12);
  --q-toast-line: rgba(255, 255, 255, 0.18);
  --q-toast-raise-hover: rgba(255, 255, 255, 0.20);
  --q-toast-good: #6FD29B;
  --q-toast-bad: #F08A8A;
  --q-text: #2F2F2F;
  --q-text-strong: var(--q-ink);
  --q-text-muted: #5B606E;
  --q-text-disabled: #6A6F77;
  --q-text-inverse: #FFFFFF;
  --q-text-inverse-mut: #A8AAAF;
  --q-border: #D4D4D7;
  --q-hairline: #F0F1F2;
  --q-border-strong: #8E9199;
  --q-border-inverse: #51555F;
  color-scheme: light;
  --q-font-sans:
    "Lexend",
    "Noto Sans Arabic",
    "Noto Sans Hebrew",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --q-font-brand:
    "Lexend",
    system-ui,
    sans-serif;
  --q-text-xs: 0.75rem;
  --q-text-sm: 0.8125rem;
  --q-text-base: 0.9375rem;
  --q-text-md: 1rem;
  --q-text-lg: 1.25rem;
  --q-text-xl: 1.5rem;
  --q-text-2xl: 1.625rem;
  --q-text-3xl: 1.875rem;
  --q-text-4xl: 2.375rem;
  --q-weight-regular: 400;
  --q-weight-medium: 500;
  --q-weight-semibold: 600;
  --q-leading-tight: 1.15;
  --q-leading-snug: 1.4;
  --q-leading-base: 1.6;
  --q-tracking-display: -0.022em;
  --q-tracking-heading: -0.015em;
  --q-tracking-base: 0;
  --q-measure: 68ch;
  --q-space-1: 0.25rem;
  --q-space-2: 0.5rem;
  --q-space-3: 0.75rem;
  --q-space-4: 1rem;
  --q-space-5: 1.25rem;
  --q-space-6: 1.5rem;
  --q-space-7: 1.75rem;
  --q-space-8: 2rem;
  --q-space-10: 2.5rem;
  --q-space-12: 3rem;
  --q-space-14: 3.5rem;
  --q-space-16: 4rem;
  --q-radius-chip: 6px;
  --q-radius-control: 10px;
  --q-radius-card: 14px;
  --q-radius-pill: 999px;
  --q-control-height: 3rem;
  --q-control-height-lg: 3.25rem;
  --q-tap-min: 2.75rem;
  --q-bar-height: 3.75rem;
  --q-shadow-raised: 0 1px 2px rgba(38, 42, 55, 0.12);
  --q-shadow-pop: 0 2px 8px rgba(38, 42, 55, 0.18);
  --q-shadow-over: 0 8px 28px rgba(38, 42, 55, 0.20);
  --q-plate: #F5C518;
  --q-plate-line: #D9A800;
  --q-plate-ink: #1A1A1A;
  --q-scrim: rgba(38, 42, 55, 0.32);
  --q-focus-ring: 0 0 0 4px rgba(228, 42, 44, 0.20);
  --q-focus-width: 2px;
  --q-duration-quick: 120ms;
  --q-duration-menu: 160ms;
  --q-duration-panel: 240ms;
  --q-duration-reveal: 420ms;
  --q-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --q-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --q-ease-both: cubic-bezier(0.4, 0, 0.2, 1);
  --q-z-header: 100;
  --q-z-overlay: 400;
  --q-z-toast: 600;
}
:root[data-theme=dark] {
  color-scheme: dark;
  --q-canvas: #14161B;
  --q-surface: #1B1E25;
  --q-surface-raised: #22262F;
  --q-surface-sunken: #14161B;
  --q-surface-inverse: #F2F3F5;
  --q-text: #F2F3F5;
  --q-text-strong: #FFFFFF;
  --q-text-muted: #A8AEBB;
  --q-text-disabled: #838A98;
  --q-text-inverse: #14161B;
  --q-text-inverse-mut: #5C6373;
  --q-border: #2A2F3A;
  --q-hairline: #23272F;
  --q-border-strong: #6B7284;
  --q-border-inverse: #838A98;
  --q-ink: #F2F3F5;
  --q-ink-hover: #FFFFFF;
  --q-ink-400: #838A98;
  --q-ink-300: #5C6373;
  --q-ink-200: #3A4150;
  --q-ink-100: #2A2F3A;
  --q-ink-50: #22262F;
  --q-action: #F2F3F5;
  --q-action-hover: #FFFFFF;
  --q-action-fg: #14161B;
  --q-success: #6FD29B;
  --q-success-surface: #14301F;
  --q-info: #8FB3DD;
  --q-info-surface: #16273D;
  --q-warning: #E0A653;
  --q-warning-strong: #E8813C;
  --q-warning-surface: #33240F;
  --q-danger: #F08A8A;
  --q-danger-fg: #14161B;
  --q-danger-surface: #3A1517;
  --q-special: #C5A3E8;
  --q-special-surface: #2A1E3C;
  --q-special-surface-soft: #201829;
  --q-special-soft: #7A5AA8;
  --q-special-line: #3B2C52;
  --q-brand-strong: #FF7A7B;
  --q-brand-50: #3A1517;
  --q-brand-100: #4A1B1E;
  --q-brand-200: #6B2427;
  --q-brand-300: #8E2F33;
  --q-brand-400: #C4403F;
  --q-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.40);
  --q-shadow-pop: 0 2px 8px rgba(0, 0, 0, 0.50);
  --q-shadow-over: 0 8px 28px rgba(0, 0, 0, 0.60);
  --q-scrim: rgba(0, 0, 0, 0.64);
  --q-toast: #22262F;
  --q-rail: #262A37;
  --q-rail-ink: #FFFFFF;
  --q-rail-mut: #C9CCD4;
  --q-rail-quiet: #9BA1AD;
  --q-rail-border: #838A98;
  --q-paper: #FFFFFF;
  --q-paper-ink: #262A37;
  --q-toast-ink: #FFFFFF;
  --q-toast-mut: #C9CCD4;
  --q-toast-quiet: #9BA1AD;
  --q-toast-raise: rgba(255, 255, 255, 0.12);
  --q-toast-line: rgba(255, 255, 255, 0.18);
  --q-toast-raise-hover: rgba(255, 255, 255, 0.20);
  --q-toast-good: #6FD29B;
  --q-toast-bad: #F08A8A;
  --q-plate: #E8BC16;
  --q-plate-line: #A87F00;
  --q-plate-ink: #1A1A1A;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --q-canvas: #14161B;
    --q-surface: #1B1E25;
    --q-surface-raised: #22262F;
    --q-surface-sunken: #14161B;
    --q-surface-inverse: #F2F3F5;
    --q-text: #F2F3F5;
    --q-text-strong: #FFFFFF;
    --q-text-muted: #A8AEBB;
    --q-text-disabled: #838A98;
    --q-text-inverse: #14161B;
    --q-text-inverse-mut: #5C6373;
    --q-border: #2A2F3A;
    --q-hairline: #23272F;
    --q-border-strong: #6B7284;
    --q-border-inverse: #838A98;
    --q-ink: #F2F3F5;
    --q-ink-hover: #FFFFFF;
    --q-ink-400: #838A98;
    --q-ink-300: #5C6373;
    --q-ink-200: #3A4150;
    --q-ink-100: #2A2F3A;
    --q-ink-50: #22262F;
    --q-action: #F2F3F5;
    --q-action-hover: #FFFFFF;
    --q-action-fg: #14161B;
    --q-success: #6FD29B;
    --q-success-surface: #14301F;
    --q-info: #8FB3DD;
    --q-info-surface: #16273D;
    --q-warning: #E0A653;
    --q-warning-strong: #E8813C;
    --q-warning-surface: #33240F;
    --q-danger: #F08A8A;
    --q-danger-fg: #14161B;
    --q-danger-surface: #3A1517;
    --q-special: #C5A3E8;
    --q-special-surface: #2A1E3C;
    --q-special-surface-soft: #201829;
    --q-special-soft: #7A5AA8;
    --q-special-line: #3B2C52;
    --q-brand-strong: #FF7A7B;
    --q-brand-50: #3A1517;
    --q-brand-100: #4A1B1E;
    --q-brand-200: #6B2427;
    --q-brand-300: #8E2F33;
    --q-brand-400: #C4403F;
    --q-shadow-raised: 0 1px 2px rgba(0, 0, 0, 0.40);
    --q-shadow-pop: 0 2px 8px rgba(0, 0, 0, 0.50);
    --q-shadow-over: 0 8px 28px rgba(0, 0, 0, 0.60);
    --q-scrim: rgba(0, 0, 0, 0.64);
    --q-toast: #22262F;
    --q-rail: #262A37;
    --q-rail-ink: #FFFFFF;
    --q-rail-mut: #C9CCD4;
    --q-rail-quiet: #9BA1AD;
    --q-rail-border: #838A98;
    --q-paper: #FFFFFF;
    --q-paper-ink: #262A37;
    --q-toast-ink: #FFFFFF;
    --q-toast-mut: #C9CCD4;
    --q-toast-quiet: #9BA1AD;
    --q-toast-raise: rgba(255, 255, 255, 0.12);
    --q-toast-line: rgba(255, 255, 255, 0.18);
    --q-toast-raise-hover: rgba(255, 255, 255, 0.20);
    --q-toast-good: #6FD29B;
    --q-toast-bad: #F08A8A;
    --q-plate: #E8BC16;
    --q-plate-line: #A87F00;
    --q-plate-ink: #1A1A1A;
  }
}
:root:lang(ar) {
  --q-font-sans:
    "Noto Sans Arabic",
    "Lexend",
    system-ui,
    -apple-system,
    sans-serif;
  --q-leading-base: 1.7;
  --q-leading-snug: 1.55;
  --q-leading-tight: 1.3;
  --q-tracking-display: 0;
  --q-tracking-heading: 0;
  --q-tracking-base: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--q-canvas);
  color: var(--q-text);
  font-family: var(--q-font-sans);
  font-size: var(--q-text-base);
  line-height: var(--q-leading-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--q-text-strong);
}
h1 {
  font-size: var(--q-text-3xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-display);
  line-height: var(--q-leading-tight);
}
h2 {
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
}
h3 {
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
}
p {
  margin: 0;
  max-inline-size: var(--q-measure);
}
a {
  color: var(--q-brand-strong);
  text-decoration: none;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 0.08em;
}
a:hover {
  text-decoration: underline;
}
img,
svg {
  display: block;
  max-inline-size: 100%;
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
::selection {
  background: var(--q-brand-100);
  color: var(--q-ink);
}
input,
textarea,
[contenteditable] {
  caret-color: var(--q-brand);
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--q-ink-200) transparent;
}
*::-webkit-scrollbar {
  inline-size: 10px;
  block-size: 10px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: var(--q-ink-200);
  border: 3px solid transparent;
  background-clip: content-box;
  border-radius: var(--q-radius-pill);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--q-ink-300);
  background-clip: content-box;
}
:focus {
  outline: none;
}
:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: var(--q-radius-chip);
}
.q-tnum {
  font-variant-numeric: tabular-nums;
}
.q-visually-hidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.q-ltr {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}
.q-plate {
  display: inline-block;
  padding: 0.1875rem var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  unicode-bidi: isolate;
  color: var(--q-plate-ink);
  background: var(--q-plate);
  border: 1px solid var(--q-plate-line);
  border-radius: var(--q-radius-control);
}
.q-brandmark {
  font-family: var(--q-font-brand);
}
.q-stack {
  display: flex;
  flex-direction: column;
}
.q-row {
  display: flex;
  align-items: center;
}
.q-grow {
  flex-grow: 1;
}
.q-push {
  margin-inline-start: auto;
}
.q-field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
}
.q-field__label {
  font-size: 0.875rem;
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.q-field__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
}
.q-field__hint {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.q-input,
.q-select {
  inline-size: 100%;
  block-size: var(--q-control-height);
  padding-inline: var(--q-space-4);
  padding-block: 0;
  font-size: var(--q-text-base);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
  transition: border-color var(--q-duration-quick) var(--q-ease-out), box-shadow var(--q-duration-quick) var(--q-ease-out);
}
.q-input::placeholder,
.q-select::placeholder {
  color: var(--q-text-disabled);
}
.q-input:hover:not(:disabled):not([readonly]):not([aria-invalid=true]),
.q-select:hover:not(:disabled):not([readonly]):not([aria-invalid=true]) {
  border-color: var(--q-ink-400);
}
.q-input:focus-visible,
.q-select:focus-visible {
  transition: none;
  outline: none;
  border-color: var(--q-brand);
  border-width: var(--q-focus-width);
  box-shadow: var(--q-focus-ring);
}
.q-input:disabled,
.q-select:disabled {
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
  cursor: not-allowed;
}
.q-input[readonly],
.q-select[readonly] {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
  cursor: default;
}
.q-input[aria-invalid=true],
.q-select[aria-invalid=true] {
  border-color: var(--q-danger);
  border-width: var(--q-focus-width);
}
@media (max-width: 40rem) {
  .q-input,
  .q-select {
    font-size: var(--q-text-md);
    block-size: var(--q-control-height-lg);
  }
}
.q-select {
  appearance: none;
  padding-inline-end: var(--q-space-10);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235B606E' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--q-space-4) center;
  cursor: pointer;
}
[dir=rtl] .q-select {
  background-position: left var(--q-space-4) center;
}
.q-input--ltr {
  direction: ltr;
  text-align: start;
}
.q-field__control {
  position: relative;
}
.q-field__control .q-input {
  padding-inline-end: var(--q-space-12);
}
.q-field__affix {
  position: absolute;
  inset-inline-end: var(--q-space-2);
  inset-block-start: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: transparent;
  border: 0;
  border-radius: var(--q-radius-chip);
  cursor: pointer;
}
.q-field__affix:hover {
  color: var(--q-text);
}
.q-field__error {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.q-field__error svg {
  flex-shrink: 0;
  margin-block-start: 0.15em;
}
.q-field__success {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-success);
}
@keyframes qAutofillStart {
  from {
  }
  to {
  }
}
.q-input:-webkit-autofill {
  animation-name: qAutofillStart;
  animation-duration: 1ms;
  -webkit-text-fill-color: var(--q-text);
  box-shadow: 0 0 0 100px var(--q-brand-50) inset;
  caret-color: var(--q-brand);
}
.q-check {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  font-size: 0.875rem;
  color: var(--q-text);
  cursor: pointer;
  min-block-size: var(--q-tap-min);
}
.q-check input[type=checkbox] {
  inline-size: 1.125rem;
  block-size: 1.125rem;
  margin: 0;
  accent-color: var(--q-action);
  cursor: pointer;
}
.q-affix {
  position: relative;
  display: block;
}
.q-affix .q-input {
  inline-size: 100%;
}
.q-affix__sign,
.q-affix__unit {
  position: absolute;
  inset-block: 0;
  display: flex;
  align-items: center;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  pointer-events: none;
}
.q-affix__sign {
  inset-inline-start: var(--q-space-3);
}
.q-affix__sign + .q-input {
  padding-inline-start: calc(var(--q-space-3) + 0.9rem);
}
.q-affix__unit {
  inset-inline-end: var(--q-space-3);
}
.q-affix:has(.q-affix__unit) .q-input {
  padding-inline-end: 2.75rem;
}
.q-affix .q-input::-webkit-outer-spin-button,
.q-affix .q-input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.q-affix .q-input[type=number] {
  appearance: textfield;
}
.q-segment {
  display: flex;
  padding: var(--q-space-1);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.q-segment__item {
  flex-grow: 1;
  padding-block: var(--q-space-2);
  font-size: 0.875rem;
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  text-align: center;
  background: transparent;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 3px);
  cursor: pointer;
}
.q-segment__item:hover {
  color: var(--q-text);
  text-decoration: none;
}
.q-segment__item[aria-selected=true] {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.q-switch {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  inline-size: 2.5rem;
  block-size: 1.4375rem;
}
.q-switch input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.q-switch span {
  pointer-events: none;
  inline-size: 100%;
  block-size: 100%;
  background: var(--q-border-strong);
  border-radius: var(--q-radius-pill);
  transition: background var(--q-duration-quick) var(--q-ease-out);
}
.q-switch span::after {
  content: "";
  position: absolute;
  inset-block-start: 3px;
  inset-inline-start: 3px;
  inline-size: 1.0625rem;
  block-size: 1.0625rem;
  background: var(--q-surface);
  border-radius: var(--q-radius-pill);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: translate var(--q-duration-quick) var(--q-ease-out);
}
.q-switch input:checked + span {
  background: var(--q-success);
}
.q-switch input:checked + span::after {
  translate: 1.0625rem 0;
}
[dir=rtl] .q-switch input:checked + span::after {
  translate: -1.0625rem 0;
}
.q-switch input:focus-visible + span {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.q-switch input:disabled {
  cursor: default;
}
.q-switch input:disabled + span {
  opacity: 0.5;
}
@media (prefers-reduced-motion: reduce) {
  .q-switch span,
  .q-switch span::after {
    transition: none;
  }
}
.q-seg {
  display: flex;
  flex-shrink: 0;
  gap: 2px;
  padding: 2px;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-pill);
}
.q-seg__opt {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-pill);
  cursor: pointer;
  transition: color var(--q-duration-quick) var(--q-ease-out), background var(--q-duration-quick) var(--q-ease-out);
}
.q-seg__opt:hover {
  color: var(--q-text-strong);
}
.q-seg__opt:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.q-seg__opt--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.q-seg__glyph {
  display: none;
}
@media (max-width: 68.75rem) {
  .q-seg__word {
    display: none;
  }
  .q-seg__glyph {
    display: flex;
  }
  .q-seg__opt {
    padding: 0.25rem 0.4375rem;
  }
}
.q-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--q-space-2);
  block-size: var(--q-control-height);
  min-inline-size: var(--q-tap-min);
  padding-inline: var(--q-space-6);
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
  transition:
    background-color var(--q-duration-quick) var(--q-ease-out),
    color var(--q-duration-quick) var(--q-ease-out),
    border-color var(--q-duration-quick) var(--q-ease-out);
}
.q-btn:disabled {
  cursor: not-allowed;
}
.q-btn:hover {
  text-decoration: none;
}
.q-btn--block {
  inline-size: 100%;
}
.q-btn--sm {
  block-size: var(--q-tap-min);
  padding-inline: var(--q-space-4);
  font-size: var(--q-text-sm);
}
.q-btn--lg {
  block-size: var(--q-control-height-lg);
  padding-inline: var(--q-space-8);
  font-size: var(--q-text-md);
}
.q-btn--primary {
  color: var(--q-action-fg);
  background: var(--q-action);
}
.q-btn--primary:hover:not(:disabled) {
  background: var(--q-action-hover);
}
.q-btn--primary:disabled {
  color: var(--q-text-disabled);
  background: var(--q-ink-50);
}
.q-btn--accent {
  color: var(--q-brand-strong);
  background: var(--q-brand-50);
}
.q-btn--accent:hover:not(:disabled) {
  background: var(--q-brand-100);
}
.q-btn--secondary {
  color: var(--q-text-strong);
  background: var(--q-surface);
  border-color: var(--q-border-strong);
}
.q-btn--secondary:hover:not(:disabled) {
  background: var(--q-surface-sunken);
}
.q-btn--ghost {
  color: var(--q-text-muted);
  background: transparent;
}
.q-btn--ghost:hover:not(:disabled) {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.q-btn--quiet {
  color: var(--q-text-strong);
  background: var(--q-surface);
  border-color: var(--q-border);
}
.q-btn--quiet:hover:not(:disabled) {
  background: var(--q-surface-sunken);
  border-color: var(--q-border-strong);
}
.q-btn--danger {
  color: var(--q-danger-fg);
  background: var(--q-danger);
}
.q-btn--danger-quiet {
  color: var(--q-danger);
  background: transparent;
  border-color: var(--q-danger);
}
.q-btn--danger-quiet:hover:not(:disabled) {
  color: var(--q-danger-fg);
  background: var(--q-danger);
}
.q-btn__spinner {
  inline-size: 1.125rem;
  block-size: 1.125rem;
  animation: qSpin 720ms linear infinite;
}
@keyframes qSpin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .q-btn__spinner {
    animation: none;
    opacity: 0.6;
  }
}
.q-callout {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-radius: var(--q-radius-control);
}
.q-callout svg {
  flex-shrink: 0;
  margin-block-start: 0.1em;
}
.q-callout p {
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
}
.q-callout strong {
  display: block;
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
}
.q-callout--danger {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.q-callout--warning {
  color: var(--q-warning);
  background: var(--q-warning-surface);
}
.q-callout--info {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.q-callout--success {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.q-callout--neutral {
  color: var(--q-text);
  background: var(--q-surface-sunken);
}
.q-linkbtn {
  font: inherit;
  font-size: 0.875rem;
  color: var(--q-brand-strong);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}
.q-linkbtn:hover {
  color: var(--q-brand);
}
.q-linkbtn:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: 2px;
}
.q-linkbtn--inverse {
  color: var(--q-text-inverse);
}
.q-linkbtn--inverse:hover {
  color: var(--q-text-inverse);
}
.q-linkbtn--inverse:focus-visible {
  outline-color: var(--q-text-inverse);
}
.q-dot {
  inline-size: 7px;
  block-size: 7px;
  flex-shrink: 0;
  border-radius: var(--q-radius-pill);
}
.q-dot--go {
  background: var(--q-success);
}
.q-dot--wait {
  background: var(--q-warning);
}
.q-dot--idle {
  background: var(--q-border-strong);
}
.q-dot--off {
  background: var(--q-danger);
}
.q-status {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  white-space: nowrap;
}
.q-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 7px;
  font-size: 0.65625rem;
  font-weight: var(--q-weight-semibold);
  border-radius: 5px;
  white-space: nowrap;
}
.q-chip--special {
  color: var(--q-special);
  background: var(--q-special-surface);
}
.q-chip--info {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.q-chip--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.q-chip--warn {
  color: var(--q-warning);
  background: var(--q-warning-surface);
}
.q-chip--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.q-chip--quiet {
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.q-tel {
  display: inline-flex;
  align-items: center;
  align-self: start;
  padding: 3px 8px;
  font-size: 0.75rem;
  color: var(--q-text-muted);
  text-decoration: none;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.q-tel:hover {
  color: var(--q-text-strong);
}
.q-tel:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.q-sec {
  margin: 0 0 var(--q-space-3);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.q-rating {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-2);
  font-size: 0.71875rem;
  color: var(--q-text-muted);
}
.q-quote {
  display: block;
  margin-block-start: 3px;
  font-size: 0.75rem;
  line-height: var(--q-leading-snug);
  color: var(--q-text);
  quotes: "\201c" "\201d";
  unicode-bidi: plaintext;
}
.q-fchip {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding-inline: var(--q-space-3) 4px;
  padding-block: 4px;
  font-size: 0.75rem;
  color: var(--q-text-strong);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-pill);
}
.q-fchip b {
  font-weight: var(--q-weight-medium);
}
.q-fchip__label {
  color: var(--q-text-disabled);
}
.q-fchip__x {
  inline-size: 1.25rem;
  block-size: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.q-fchip__x:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.q-fchip__x:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.q-tb {
  inline-size: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.q-tb th {
  padding: var(--q-space-4) var(--q-space-3) var(--q-space-2);
  text-align: start;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
  white-space: nowrap;
}
.q-tb td {
  padding: var(--q-space-3);
  vertical-align: top;
  font-size: 0.8125rem;
  color: var(--q-text);
  border-block-start: 1px solid var(--q-border);
  overflow: hidden;
}
.q-tb__group th {
  padding: var(--q-space-6) var(--q-space-3) var(--q-space-2);
  font-size: 0.75rem;
  color: var(--q-text-disabled);
  border: 0;
}
.q-tb__group th b {
  margin-inline-start: var(--q-space-2);
  font-weight: var(--q-weight-semibold);
  color: var(--q-border-strong);
}
.q-tb__end {
  text-align: end;
}
.q-nw {
  display: block;
  max-inline-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.q-strong {
  color: var(--q-text-strong);
}
.q-none {
  color: var(--q-text-disabled);
}
.q-sub {
  margin-block-start: 3px;
  font-size: 0.71875rem;
  color: var(--q-text-disabled);
}
.q-money {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.q-amt {
  display: block;
}
.q-amt--fee {
  color: var(--q-success);
}
.q-split {
  display: block;
  margin-block-start: 2px;
  font-size: 0.6875rem;
  font-variant-numeric: tabular-nums;
  color: var(--q-text-muted);
  white-space: nowrap;
}
.q-split b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-success);
}
.q-split--out {
  color: var(--q-danger);
}
.q-split--ok {
  color: var(--q-success);
}
.q-pay {
  display: block;
  white-space: nowrap;
}
.more {
  position: absolute;
  inset-block-start: calc(100% + 6px);
  inset-inline-end: 0;
  min-inline-size: 14rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
  z-index: 20;
}
.more__item {
  inline-size: 100%;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-chip);
  cursor: pointer;
}
.more__item:hover {
  background: var(--q-surface-sunken);
}
.more__item--danger {
  color: var(--q-danger);
}
.more__rule {
  display: block;
  block-size: 1px;
  margin: var(--q-space-1) var(--q-space-2);
  background: var(--q-border);
}
.more__none {
  margin: 0;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
[class*=__tablewrap] {
  min-block-size: 20rem;
}
.dtab {
  flex-shrink: 0;
  display: flex;
  gap: var(--q-space-5);
  padding-inline: var(--q-space-6);
  border-block-end: 1px solid var(--q-border);
}
.dtab button {
  position: relative;
  padding: 0 0 var(--q-space-3);
  font: inherit;
  font-size: 0.84375rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
}
.dtab button:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.dtab button:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.dtab__on {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.dtab__on::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-end: -1px;
  block-size: 2px;
  background: var(--q-action);
  border-radius: 2px;
}
.pg__head {
  margin-block-end: var(--q-space-5);
}
.pg__title {
  margin: 0;
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: -0.01em;
  color: var(--q-text-strong);
}
.pg__says {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pg__note--bad {
  color: var(--q-danger);
}
.pg__note {
  margin: var(--q-space-4) 0 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pg__bad {
  margin: var(--q-space-4) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.co {
  max-inline-size: 64rem;
}
.co__card {
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.co__groupname {
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
  border-block-end: 1px solid var(--q-border);
}
.co__body {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-4);
  padding: var(--q-space-4);
  align-items: start;
}
.co__field {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.co__field--2 {
  grid-column: span 2;
}
.co__field--3 {
  grid-column: span 3;
}
.co__field--4 {
  grid-column: span 4;
}
.co__field--5 {
  grid-column: span 5;
}
.co__field--6 {
  grid-column: span 6;
}
.co__field--7 {
  grid-column: span 7;
}
.co__field--8 {
  grid-column: span 8;
}
.co__label {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
}
.co__aside {
  grid-column: span 7;
  align-self: center;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.co__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.co__hint--soft {
  color: var(--q-text-disabled);
}
.co__link {
  color: var(--q-action);
  font-weight: var(--q-weight-medium);
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.co__link:hover {
  text-decoration: underline;
}
.co__withbtn {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.co__withbtn .q-input {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.co__look {
  flex-shrink: 0;
}
.co__checking {
  flex-shrink: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.co__chip {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-success);
  background: var(--q-success-surface);
  border-radius: var(--q-radius-pill);
}
.co__bad {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.co__good {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-success);
}
.co__phone {
  display: flex;
  gap: var(--q-space-2);
}
.co__phone .q-select {
  flex: 0 0 6.5rem;
  direction: ltr;
  text-align: start;
}
.co__phone .q-input {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.co__search {
  position: relative;
  display: flex;
  align-items: center;
}
.co__search .q-input {
  padding-inline-end: 2.25rem;
}
.co__glyph {
  position: absolute;
  inset-inline-end: var(--q-space-3);
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.co__list {
  position: absolute;
  inset-block-start: calc(100% + 0.25rem);
  inset-inline: 0;
  z-index: var(--q-z-overlay);
  margin: 0;
  padding: var(--q-space-1);
  list-style: none;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.co__pick {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  padding: var(--q-space-2) var(--q-space-3);
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
  font: inherit;
}
.co__pick:hover,
.co__pick:focus-visible {
  background: var(--q-surface-sunken);
}
.co__pickname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.co__pickwhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.co__found {
  grid-column: span 12;
  display: flex;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.co__pin {
  flex-shrink: 0;
  display: flex;
  margin-block-start: 0.125rem;
  color: var(--q-text-muted);
}
.co__foundbody {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-inline-size: 0;
}
.co__foundname {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.co__foundwhere {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.co__parts {
  grid-column: span 12;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-4);
  padding-block-start: var(--q-space-4);
  border-block-start: 1px dashed var(--q-border);
}
.co__switchrow {
  grid-column: span 12;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
}
.co__switchbody {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.co__switchname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.co__switchwhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (width < 60rem) {
  .co__field--2,
  .co__field--3,
  .co__field--4,
  .co__field--5,
  .co__field--6,
  .co__field--7,
  .co__field--8 {
    grid-column: span 12;
  }
  .co__aside {
    grid-column: span 12;
  }
}
.acc__photo {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
}
.acc__face {
  flex-shrink: 0;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  border-radius: var(--q-radius-pill);
  object-fit: cover;
  background: var(--q-surface-sunken);
}
.acc__face--none {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
}
.acc__replace {
  position: relative;
  overflow: hidden;
}
.acc__file {
  position: absolute;
  inset: 0;
  opacity: 0;
  inline-size: 100%;
  block-size: 100%;
  cursor: pointer;
}
.acc__read {
  display: flex;
  align-items: center;
  min-block-size: var(--q-control-height);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.acc__pwrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
}
.acc__lock {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.acc__pwbody {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-inline-end: auto;
  min-inline-size: 0;
}
.acc__pwname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.acc__pwsays {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pwd {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  translate: -50% -50%;
  inline-size: min(24rem, 100vw - 2rem);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
[dir=rtl] .pwd {
  translate: 50% -50%;
}
.pwd__head {
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-3);
}
.pwd__title {
  margin: 0 0 0.125rem;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pwd__says {
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pwd__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.pwd__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
}
.pwd__hint {
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pwd__foot {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-2);
  padding-block-start: var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.pr__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pr__currency {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: end;
}
.pr__currencywhy {
  display: block;
  color: var(--q-text-disabled);
}
.pr__seed {
  margin: 0 0 var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-warning);
  border-radius: var(--q-radius-card);
}
.pr__waiting {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--q-space-5);
  flex-wrap: wrap;
  margin-block-end: var(--q-space-5);
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.pr__waitinghead {
  min-inline-size: 14rem;
  flex-grow: 1;
}
.pr__waitingname {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pr__waitingsays {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  max-inline-size: 34rem;
}
.pr__waitingfields {
  display: grid;
  grid-template-columns: repeat(2, minmax(8rem, 10rem));
  gap: var(--q-space-3);
}
.pr__list {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.pr__listhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.pr__listname {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.pr__listcount {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh {
  border-block-start: 1px solid var(--q-border);
}
.veh:first-of-type {
  border-block-start: 0;
}
.veh__row {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-inline: var(--q-space-4);
}
.veh__switch {
  flex-shrink: 0;
}
.veh__open {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  flex-grow: 1;
  min-inline-size: 0;
  padding-block: var(--q-space-4);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.veh__ident {
  flex-shrink: 0;
  min-inline-size: 9rem;
}
.veh__name {
  display: block;
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.veh__seats {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh__line {
  flex-grow: 1;
  min-inline-size: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.veh__sep {
  color: var(--q-text-disabled);
}
.veh__notoffered {
  color: var(--q-text-disabled);
}
.veh__dot {
  flex-shrink: 0;
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: var(--q-warning);
}
.veh__chev {
  flex-shrink: 0;
  color: var(--q-text-muted);
  transition: rotate var(--q-duration-quick) var(--q-ease-out);
}
.veh--open .veh__chev {
  rotate: 180deg;
}
@media (prefers-reduced-motion: reduce) {
  .veh__chev {
    transition: none;
  }
}
.veh--off .veh__name,
.veh--off .veh__line {
  color: var(--q-text-disabled);
}
.veh__body {
  padding: 0 var(--q-space-4) var(--q-space-5);
  padding-inline-start: calc(var(--q-space-4) + 2.75rem);
  background: var(--q-surface-sunken);
}
.veh__mode {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  padding-block: var(--q-space-4);
}
.veh__modelabel {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.veh__mode .q-segment {
  inline-size: auto;
}
.veh__mode .q-segment__item {
  flex-grow: 0;
  padding-inline: var(--q-space-4);
  white-space: nowrap;
}
.veh__group {
  margin-block-start: var(--q-space-4);
}
.veh__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.veh__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: var(--q-space-3);
}
.veh__field {
  display: block;
  min-inline-size: 0;
}
.veh__label {
  display: block;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  margin-block-end: var(--q-space-1);
}
.veh__hint {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.veh__rides {
  display: flex;
  gap: var(--q-space-5);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.veh__ride {
  min-inline-size: 6rem;
}
.veh__ridewhat {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh__ridefare {
  display: block;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.veh__ridenote {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-warning);
}
.veh__ridesays {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.bnds {
  margin-block-start: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.bnds__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.bnds__count {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.bnds__rule,
.bnds__none {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.bnds__none {
  margin: 0;
  padding: var(--q-space-4);
}
.bnd {
  display: flex;
  align-items: flex-end;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.bnd:first-of-type {
  border-block-start: 0;
}
.bnd__no {
  flex-shrink: 0;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-block-end: var(--q-space-2);
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  line-height: 1.25rem;
  text-align: center;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: 50%;
}
.bnd__from {
  flex-shrink: 0;
  min-inline-size: 4.5rem;
  margin-block-end: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.bnd__cell {
  flex: 1 1 7rem;
  min-inline-size: 0;
}
.bnd__label {
  display: block;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  margin-block-end: var(--q-space-1);
}
.bnd__drop {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  margin-block-end: var(--q-space-1);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.bnd__drop:hover {
  color: var(--q-danger);
  background: var(--q-surface-sunken);
}
.bnd--bad .q-input {
  border-color: var(--q-danger);
}
.bnds__bad {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.bnds__add {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-3) var(--q-space-4);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: start;
  background: none;
  border: 0;
  border-block-start: 1px dashed var(--q-border);
  cursor: pointer;
}
.bnds__add:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.bnds__plus {
  font-size: var(--q-text-base);
  line-height: 1;
}
.bnds__starts {
  margin-inline-start: auto;
  color: var(--q-text-disabled);
}
.bnds__tail {
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.bnds__warn {
  color: var(--q-warning);
}
.pr__save {
  position: sticky;
  inset-block-end: 0;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-5);
  padding: var(--q-space-4) 0;
  background: var(--q-canvas);
}
.pr__save--on {
  border-block-start: 1px solid var(--q-border);
}
.pr__saystate {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pr__blocked {
  color: var(--q-danger);
}
q-vehicle-fee,
q-price-bands {
  display: block;
}
q-route-drawer {
  display: block;
}
.rts {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.rts__none {
  margin: 0;
  padding: var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.rts__add {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-3) var(--q-space-4);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: start;
  background: none;
  border: 0;
  border-block-start: 1px dashed var(--q-border);
  cursor: pointer;
}
.rts__add:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.rt {
  border-block-start: 1px solid var(--q-border);
}
.rt:first-of-type {
  border-block-start: 0;
}
.rt--bad {
  background: var(--q-surface-sunken);
}
.rt__open {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  inline-size: 100%;
  padding: var(--q-space-4);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.rt__where {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  min-inline-size: 0;
}
.rt__place {
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.rt__both {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.rt__sum {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text);
  white-space: nowrap;
}
.rt__sumname {
  color: var(--q-text-muted);
  margin-inline-end: var(--q-space-1);
}
.rt__marginchip {
  font-weight: var(--q-weight-semibold);
  color: var(--q-success);
}
.rt__chev {
  flex-shrink: 0;
  color: var(--q-text-muted);
  transition: rotate var(--q-duration-quick) var(--q-ease-out);
}
.rt--open .rt__chev {
  rotate: 180deg;
}
@media (prefers-reduced-motion: reduce) {
  .rt__chev {
    transition: none;
  }
}
.rt__bad,
.rt__shadow {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
}
.rt__bad {
  color: var(--q-danger);
}
.rt__shadow {
  color: var(--q-warning);
}
.rt__body {
  padding: 0 var(--q-space-4) var(--q-space-5);
  background: var(--q-surface-sunken);
}
.rt__what {
  margin: 0 0 var(--q-space-2);
  padding-block-start: var(--q-space-4);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.rt__hint {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rt__acts {
  display: flex;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  margin-block-start: var(--q-space-4);
}
.rt__remove {
  margin-inline-start: auto;
}
.rtt,
.rt {
  --rt-cols: minmax(6rem, 1fr) minmax(7rem, 9rem) minmax(7rem, 9rem) 5rem 6rem;
}
.rtt__head,
.rtt__row,
.rt__head,
.rt__row {
  display: grid;
  grid-template-columns: var(--rt-cols);
  align-items: center;
  gap: var(--q-space-3);
}
@media (max-width: 40rem) {
  .rtt,
  .rt__prices {
    overflow-x: auto;
  }
  .rtt__head,
  .rtt__row,
  .rt__head,
  .rt__row {
    inline-size: max-content;
    min-inline-size: 100%;
  }
}
.rtt__head,
.rt__head {
  padding-block: var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
  border-block-end: 1px solid var(--q-border);
}
.rtt__row,
.rt__row {
  padding-block: var(--q-space-2);
  border-block-end: 1px solid var(--q-border);
}
.rtt__row:last-of-type,
.rt__row:last-of-type {
  border-block-end: 0;
}
.rt__row--half .q-input {
  border-color: var(--q-danger);
}
.rtt__name,
.rt__name {
  font-size: 0.8125rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.rt__num {
  text-align: end;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rtt__margin,
.rt__margin {
  font-weight: var(--q-weight-semibold);
  color: var(--q-success);
}
.rdw {
  position: fixed;
  inset-block: 4rem 0;
  inset-inline-end: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  inline-size: min(52rem, 100vw);
  max-inline-size: 100vw;
  background: var(--q-surface);
  border-inline-start: 1px solid var(--q-border);
  box-shadow: var(--q-shadow-raised);
  animation: rdwIn var(--q-duration-panel) var(--q-ease-out) backwards;
}
@keyframes rdwIn {
  from {
    opacity: 0;
    transform: translateX(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
[dir=rtl] .rdw {
  animation-name: rdwInRtl;
}
@keyframes rdwInRtl {
  from {
    opacity: 0;
    transform: translateX(-16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .rdw {
    animation: none;
  }
}
.rdw__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.rdw__title {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.rdw__says,
.rdw__hint {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rdw__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rdw__close:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.rdw__body {
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--q-space-4);
}
.rdw__group {
  margin-block-end: var(--q-space-4);
}
.rdw__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.rdw__ends {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: var(--q-space-2);
}
.rdw__end {
  display: grid;
  grid-template-columns: 1fr 5.5rem;
  gap: var(--q-space-2);
  min-inline-size: 0;
}
.rdw__field {
  display: block;
  min-inline-size: 0;
}
.rdw__place {
  text-align: start;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rdw__place--empty {
  color: var(--q-text-disabled);
}
.rdw__swap {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: var(--q-control-height);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
}
.rdw__swap:hover {
  color: var(--q-text-strong);
}
.rdw__map {
  block-size: 11rem;
  margin-block-start: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.rdw__apart {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rdw__warn {
  display: block;
  color: var(--q-warning);
}
.rdw__foot {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  padding: var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
  background: var(--q-surface);
}
.rdw__state {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pick {
  margin-block-start: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.pick__input {
  inline-size: 100%;
}
.pick__head {
  margin: var(--q-space-3) 0 var(--q-space-1);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.pick__hit {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pick__hit:hover:not(:disabled) {
  background: var(--q-surface);
}
.pick__hit:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.pick__star {
  color: var(--q-warning);
}
.pick__pin {
  color: var(--q-text-muted);
}
.pick__what {
  min-inline-size: 0;
}
.pick__name {
  display: block;
  font-size: 0.8125rem;
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.pick__detail,
.pick__none {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pick__none {
  margin: var(--q-space-3) 0 0;
}
.pick__no {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-warning);
  white-space: nowrap;
}
.pick__cancel {
  margin-block-start: var(--q-space-2);
  padding: 0;
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
}
.pick__cancel:hover {
  color: var(--q-text-strong);
}
.rdw__zonechip {
  margin: 0;
  display: flex;
  align-items: center;
  block-size: var(--q-control-height);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pick__zone {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.rdw__zonewarn,
.rt__zonewarn {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning);
}
.rt__zonewarn {
  padding: 0 var(--q-space-4) var(--q-space-3);
  margin: 0;
}
.inv,
.inv__box {
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.inv__groupname {
  display: flex;
  align-items: baseline;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
  border-block-end: 1px solid var(--q-border);
}
.inv__row {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.inv__row:first-of-type {
  border-block-start: 0;
}
.inv__switch {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
}
.inv__switch--none {
  inline-size: 2.5rem;
}
.inv__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.inv__what {
  min-inline-size: 0;
}
.inv__name {
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.inv__was {
  margin-inline-start: var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  color: var(--q-text-disabled);
  text-transform: none;
  letter-spacing: normal;
}
.inv__says,
.inv__note {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.inv__note {
  color: var(--q-text-disabled);
}
.inv__flow {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
}
.inv__from,
.inv__to {
  padding: 0.125rem var(--q-space-2);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.inv__from {
  font-weight: var(--q-weight-semibold);
}
.inv__arrow {
  color: var(--q-text-disabled);
}
[dir=rtl] .inv__arrow {
  scale: -1 1;
}
.inv__mails {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: var(--q-space-4);
  padding: var(--q-space-4);
}
.inv__mail {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  min-inline-size: 0;
}
.inv__addr {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.inv__warn,
.inv__warnline {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning);
}
.inv__warn {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-2);
}
.inv__box .inv__note {
  padding: 0 var(--q-space-4) var(--q-space-4);
  margin: 0;
}
.inv__period {
  inline-size: fit-content;
  margin: var(--q-space-4) var(--q-space-4) 0;
}
.inv__period .q-segment__item {
  flex-grow: 0;
  padding-inline: var(--q-space-5);
  white-space: nowrap;
}
.inv__box .inv__says {
  padding: var(--q-space-3) var(--q-space-4) 0;
  margin: 0;
}
q-band-drawer {
  display: block;
}
.sg__master {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-4);
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.sg__mastername {
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.sg__mastersays {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.sg__inert {
  margin: 0 0 var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning);
  background: var(--q-surface);
  border: 1px solid var(--q-warning);
  border-radius: var(--q-radius-card);
}
.sg__box {
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.sg__boxhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.sg__boxname {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.sg__boxhint,
.sg__none {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.sg__none {
  margin: 0;
  padding: var(--q-space-4);
}
.wk {
  padding: var(--q-space-4);
  --wk-label: 3rem;
}
.wk--off {
  opacity: 0.55;
}
.wk__row {
  display: grid;
  grid-template-columns: var(--wk-label) minmax(0, 1fr);
  align-items: center;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-2);
}
.wk__day {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.wk__day--btn {
  padding: 0;
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.wk__day--btn:hover {
  color: var(--q-action);
}
.wk__row--off .wk__day--btn {
  color: var(--q-text-disabled);
}
.wk__row--off .wk__band {
  opacity: 0.4;
}
.wk__rail {
  position: relative;
  block-size: 1.75rem;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  background-image:
    repeating-linear-gradient(
      to right,
      transparent 0,
      transparent calc(4.1666666667% - 1px),
      var(--q-border) calc(4.1666666667% - 1px),
      var(--q-border) 4.1666666667%);
}
.wk__band {
  position: absolute;
  inset-block: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.75rem;
  padding-inline: var(--q-space-1);
  font: inherit;
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  white-space: nowrap;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
}
.wk__band--low {
  background: var(--q-warning);
}
.wk__band--mid {
  background: var(--q-warning-strong);
}
.wk__band--high {
  background: var(--q-danger);
}
.wk__band--adding {
  color: var(--q-action-fg);
  background: var(--q-action);
  background-image:
    repeating-linear-gradient(
      45deg,
      color-mix(in srgb, var(--q-action-fg) 22%, transparent) 0 3px,
      transparent 3px 6px);
}
.wk__band--chip {
  position: static;
  inline-size: 1.5rem;
  block-size: 0.875rem;
  min-inline-size: 0;
  margin-inline-end: var(--q-space-2);
  vertical-align: middle;
}
.wk__row--clash .wk__rail {
  border-color: var(--q-danger);
}
.wk__scale {
  display: flex;
  justify-content: space-between;
  margin-inline-start: calc(var(--wk-label) + var(--q-space-3));
  margin-block-start: var(--q-space-1);
}
.wk__hour {
  font-size: 0.625rem;
  color: var(--q-text-disabled);
  font-variant-numeric: tabular-nums;
}
.sg__legend {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  padding: 0 var(--q-space-4) var(--q-space-3);
}
.sg__key {
  display: flex;
  align-items: center;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.sg__dot {
  inline-size: 0.625rem;
  block-size: 0.625rem;
  margin-inline-end: var(--q-space-2);
  border-radius: 2px;
}
.sg__dot--low {
  background: var(--q-warning);
}
.sg__dot--mid {
  background: var(--q-warning-strong);
}
.sg__dot--high {
  background: var(--q-danger);
}
.sg__count {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.sg__warn {
  color: var(--q-warning);
}
.sg__date {
  display: grid;
  grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr) minmax(9rem, 11rem) 2rem;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-2) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.sg__date:first-of-type {
  border-block-start: 0;
}
.sg__datefield,
.sg__datenote {
  inline-size: 100%;
}
.sg__clock {
  margin: 0 0 var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.sdw {
  position: fixed;
  inset-block: 4rem 0;
  inset-inline-end: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  inline-size: min(40rem, 100%);
  max-inline-size: 100%;
  background: var(--q-surface);
  border-inline-start: 1px solid var(--q-border);
  box-shadow: var(--q-shadow-raised);
  animation: rdwIn var(--q-duration-panel) var(--q-ease-out) backwards;
}
[dir=rtl] .sdw {
  animation-name: rdwInRtl;
}
@media (prefers-reduced-motion: reduce) {
  .sdw {
    animation: none;
  }
}
.sdw__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.sdw__title {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.sdw__says,
.sdw__hint,
.sdw__key {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.sdw__body {
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--q-space-4);
}
.sdw__group {
  margin-block-end: var(--q-space-4);
}
.sdw__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.sdw__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--q-space-2);
}
.sdw__day {
  padding-block: var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  text-align: center;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.sdw__day--on {
  color: var(--q-action-fg);
  background: var(--q-action);
  border-color: var(--q-action);
}
.sdw__day--clash {
  color: var(--q-danger);
  background: var(--q-surface);
  border-color: var(--q-danger);
}
.sdw__when {
  display: flex;
  align-items: flex-end;
  gap: var(--q-space-3);
  flex-wrap: wrap;
}
.sdw__field {
  display: block;
  min-inline-size: 0;
  flex: 0 1 9rem;
}
.sdw__to {
  margin-block-end: var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.sdw__worked {
  flex: 1 1 100%;
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.sdw__bad,
.sdw__ok {
  display: flex;
  gap: var(--q-space-2);
  margin: var(--q-space-3) 0 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  border-radius: var(--q-radius-card);
}
.sdw__bad {
  color: var(--q-danger);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-danger);
}
.sdw__ok {
  color: var(--q-success);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
}
.wk--preview {
  padding: 0;
  --wk-label: 2.5rem;
}
.veh {
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.veh__car {
  border-block-start: 1px solid var(--q-border);
}
.veh__car:first-of-type {
  border-block-start: 0;
}
.veh__car--open {
  background: var(--q-surface-raised);
}
.veh__addwrap {
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.veh__add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-3) var(--q-space-4);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
  transition: color var(--q-duration-quick) var(--q-ease-out), border-color var(--q-duration-quick) var(--q-ease-out);
}
.veh__add:hover {
  color: var(--q-text-strong);
  border-color: var(--q-ink-400);
}
@media (prefers-reduced-motion: reduce) {
  .veh__add {
    transition: none;
  }
}
.veh__plus {
  font-size: var(--q-text-md);
  line-height: 1;
  color: var(--q-text-disabled);
}
.veh__row {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
}
.veh__plate {
  flex-shrink: 0;
  padding: 0.1875rem var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-plate-ink);
  background: var(--q-plate);
  border: 1px solid var(--q-plate-line);
  border-radius: var(--q-radius-control);
}
.veh__open {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  align-items: center;
  text-align: start;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.veh__what {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.veh__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.veh__says {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh__colour,
.veh__papers {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh__swatch {
  inline-size: 0.875rem;
  block-size: 0.875rem;
  border: 1px solid var(--q-border-strong);
  border-radius: 0.1875rem;
}
.veh__type {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.veh__type--none {
  color: var(--q-danger);
  background: var(--q-danger-surface);
  text-transform: none;
  letter-spacing: 0;
}
.veh__state {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  border-radius: var(--q-radius-chip);
}
.veh__state--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.veh__state--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.veh__current {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-chip);
}
.veh__body {
  padding: var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
  background: var(--q-surface);
}
.veh__problem {
  margin: 0 0 var(--q-space-4);
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.veh__aside {
  display: block;
  margin-block-start: 0.25rem;
  color: var(--q-text-muted);
}
.veh__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--q-space-4);
  margin-block-end: var(--q-space-5);
}
.veh__fact {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.veh__value {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.veh__papersname {
  margin: 0 0 var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.veh__nopapers {
  margin: 0 0 var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.veh__paper {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  margin-block-end: var(--q-space-2);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.veh__papericon {
  flex-shrink: 0;
  display: flex;
  color: var(--q-text-muted);
}
.veh__paperbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.veh__papername {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.veh__optional {
  margin-inline-start: var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  color: var(--q-text-disabled);
}
.veh__papersays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.veh__expiry {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.veh__expiry .q-input {
  inline-size: 9.5rem;
}
.veh__paperstate {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  border-radius: var(--q-radius-chip);
}
.veh__paperstate--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.veh__paperstate--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.veh__upload {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}
.veh__approve {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-5);
  padding-block-start: var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.veh__approvesays {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.veh__approvesays strong {
  color: var(--q-text-strong);
}
.veh__greyed {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.veh__acts {
  display: flex;
  align-items: center;
  margin-block-start: var(--q-space-4);
}
.veh__confirm {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.veh__remove {
  color: var(--q-danger);
}
.veh__foot {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.veh__footsays {
  flex: 1 1 auto;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.veh__count {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.vdw__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-4);
  align-items: start;
}
.vdw__later {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.vdw__latersays {
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
}
@media (width < 60rem) {
  .veh__row {
    flex-wrap: wrap;
  }
  .veh__paper {
    flex-wrap: wrap;
  }
}
.veh__edit {
  flex-shrink: 0;
}
.ntf {
  max-inline-size: 52rem;
}
.ntf__bar {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  max-inline-size: 52rem;
  margin-block-end: var(--q-space-4);
}
.ntf__search {
  position: relative;
  flex: 0 1 20rem;
  display: flex;
  align-items: center;
}
.ntf__search .q-input {
  padding-inline-start: 2.25rem;
}
.ntf__glyph {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.ntf__count {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ntf__bar .co__link:last-child {
  margin-inline-start: auto;
}
.ntf__group {
  margin-block-end: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.ntf__grouphead {
  display: flex;
  align-items: baseline;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-surface-raised);
  border-block-end: 1px solid var(--q-border);
}
.ntf__groupname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.ntf__groupcount {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ntf__grouphead .co__link {
  margin-inline-start: auto;
}
.ntf__row {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
  cursor: pointer;
}
.ntf__row:first-of-type {
  border-block-start: 0;
}
.ntf__row:hover {
  background: var(--q-surface-sunken);
}
.ntf__body {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.ntf__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.ntf__was {
  margin-inline-start: var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  color: var(--q-text-disabled);
}
.ntf__what {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.ntf__switch {
  flex-shrink: 0;
}
.ntf__row--master {
  background: var(--q-surface);
}
.ntf__row--master:hover {
  background: var(--q-surface-sunken);
}
.ntf__sources {
  margin: 0;
  padding: var(--q-space-2) var(--q-space-4) var(--q-space-3);
  list-style: none;
  border-block-start: 1px solid var(--q-border);
  background: var(--q-surface-sunken);
}
.ntf__source {
  min-block-size: 2rem;
  gap: var(--q-space-2);
}
.ntf__sourcename {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.ntf__nothing {
  margin: 0;
  padding: var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
@media (width < 48rem) {
  .ntf__bar {
    flex-wrap: wrap;
  }
  .ntf__search {
    flex: 1 1 100%;
  }
}
.pay {
  max-inline-size: 60rem;
}
.pay__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-4);
}
.pay__gateways {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: var(--q-space-3);
}
.pay__gateway {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  text-align: start;
  font: inherit;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  cursor: pointer;
  transition: border-color var(--q-duration-quick) var(--q-ease-out);
}
.pay__gateway:hover {
  border-color: var(--q-border-strong);
}
.pay__gateway--on {
  border-color: var(--q-ink);
  border-width: 2px;
  padding: calc(var(--q-space-3) - 1px);
}
.pay__mark {
  flex-shrink: 0;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  border-radius: var(--q-radius-control);
}
.pay__mark--stripe {
  background: var(--q-special);
}
.pay__mark--mollie {
  background: var(--q-ink);
}
.pay__gatewaybody {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-inline-size: 0;
}
.pay__gatewayname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pay__gatewaywhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pay__keys {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-4);
  align-items: start;
}
.pay__key {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  min-block-size: var(--q-control-height);
  padding-inline: var(--q-space-4);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.pay__keyvalue {
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pay__warn {
  grid-column: span 12;
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.pay__warn strong {
  color: var(--q-warning-strong);
}
.pay__warn--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.pay__warn--bad strong {
  color: var(--q-danger);
}
.pay__connect {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.pay__connectsays {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pay__connectsays strong {
  color: var(--q-text-strong);
}
.pay__connected {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pay__method {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.pay__method--off .pay__methodname,
.pay__method--off .pay__methodwhat {
  color: var(--q-text-disabled);
}
.pay__code {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  align-items: start;
}
.pay__codeinput {
  inline-size: 4.5rem;
  text-align: end;
}
.pay__codewhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pay__codeodd {
  color: var(--q-warning-strong);
}
.pay__codenote {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4) 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
@media (max-width: 40rem) {
  .pay__method {
    flex-wrap: wrap;
  }
  .pay__code {
    inline-size: 100%;
  }
  .pay__codeinput {
    inline-size: 100%;
  }
}
.pay__methodicon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.pay__methodbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pay__methodname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.pay__methodwhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pay__switch {
  flex-shrink: 0;
}
.pay__preview {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-2);
  margin: var(--q-space-4);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.pay__previewsays {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pay__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
}
.pay__none {
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
@media (prefers-reduced-motion: reduce) {
  .pay__gateway {
    transition: none;
  }
}
@media (width < 60rem) {
  .pay__keys .co__field {
    grid-column: span 12;
  }
}
.pay__body .co__aside {
  align-self: stretch;
  inline-size: 100%;
}
.doc__summary {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  max-inline-size: 64rem;
  margin-block-end: var(--q-space-4);
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.doc__tick {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.doc__summary--done .doc__tick {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.doc__summarysays {
  flex: 1 1 auto;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.doc__summarysays strong {
  color: var(--q-text-strong);
}
.doc__count {
  flex-shrink: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.doc__countsep {
  margin-inline: 0.375rem;
}
.doc {
  max-inline-size: 64rem;
  margin-block-end: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.doc__row {
  border-block-start: 1px solid var(--q-border);
}
.doc__row:first-of-type {
  border-block-start: 0;
}
.doc__row--open {
  background: var(--q-surface-raised);
}
.doc__line {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
}
.doc__thumb {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  overflow: hidden;
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.doc__thumbimg {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.doc__what {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.doc__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.doc__whatis {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.doc__req {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.doc__req--soft {
  color: var(--q-text-disabled);
  background: none;
}
.doc__state {
  flex-shrink: 0;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  border-radius: var(--q-radius-chip);
}
.doc__state--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.doc__state--wait {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.doc__state--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.doc__facts {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 11rem;
}
.doc__fact {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.doc__fact--num {
  color: var(--q-text-disabled);
}
.doc__body {
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.doc__drop {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--q-space-2);
  position: relative;
  overflow: hidden;
  padding: var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
  transition: border-color var(--q-duration-quick) var(--q-ease-out);
}
.doc__drop:hover {
  border-color: var(--q-ink-400);
  color: var(--q-text-strong);
}
.doc__dropicon {
  display: flex;
  color: var(--q-text-disabled);
}
.doc__fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-4);
  align-items: start;
  margin-block-start: var(--q-space-4);
}
.doc__acts {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-4);
}
.doc__actsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.doc__foot {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  max-inline-size: 64rem;
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.doc__foot--warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-color: transparent;
}
.doc__footicon {
  flex-shrink: 0;
  display: flex;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.doc__foot--warn .doc__footicon {
  color: var(--q-warning-strong);
}
@media (prefers-reduced-motion: reduce) {
  .doc__drop {
    transition: none;
  }
}
@media (width < 64rem) {
  .doc__line {
    flex-wrap: wrap;
  }
  .doc__facts {
    min-inline-size: 0;
  }
  .doc__fields .co__field {
    grid-column: span 12;
  }
}
.bk__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.bk {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: var(--q-space-4);
  align-items: start;
  max-inline-size: 78rem;
  padding-block-end: 5rem;
}
.bk__col {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.bk__save {
  max-inline-size: 78rem;
}
.bk__body {
  padding: var(--q-space-4);
}
.bk__cardsays {
  max-inline-size: none;
  margin: 0 0 var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bk__logo {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-4);
}
.bk__logobox {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 3rem;
  block-size: 3rem;
  overflow: hidden;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.bk__logoimg {
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
.bk__logonone {
  display: flex;
  color: var(--q-text-disabled);
}
.bk__logosays {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-inline-size: 0;
}
.bk__logowhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bk__logosays .co__link {
  align-self: flex-start;
  font-size: var(--q-text-xs);
}
.bk__colours {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-3);
  align-items: start;
}
.bk__swatch {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding-block: 0.25rem;
  padding-inline: 0.25rem 0.5rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.bk__swatch:focus-within {
  border-color: var(--q-brand);
  box-shadow: var(--q-focus-ring);
}
.bk__colour {
  flex-shrink: 0;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  padding: 0;
  background: none;
  border: 0;
  border-radius: var(--q-radius-chip);
  cursor: pointer;
}
.bk__colour::-webkit-color-swatch-wrapper {
  padding: 0;
}
.bk__colour::-webkit-color-swatch {
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
}
.bk__colour::-moz-color-swatch {
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
}
.bk__hex {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-transform: uppercase;
}
.bk__reads {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2) var(--q-space-4);
  margin-block-start: var(--q-space-3);
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.bk__read {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.bk__readdot {
  inline-size: 0.5rem;
  block-size: 0.5rem;
  border-radius: 50%;
  background: var(--q-success);
}
.bk__read--tight {
  color: var(--q-warning-strong);
}
.bk__read--tight .bk__readdot {
  background: var(--q-warning-strong);
}
.bk__read--bad {
  color: var(--q-danger);
}
.bk__read--bad .bk__readdot {
  background: var(--q-danger);
}
.bk__script {
  display: block;
  margin-block-end: var(--q-space-3);
}
.bk__script:last-of-type {
  margin-block-end: 0;
}
.bk__scriptbox {
  font-family:
    ui-monospace,
    "SFMono-Regular",
    "Cascadia Mono",
    Menlo,
    monospace;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  resize: vertical;
}
.bk__warn {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-3) 0 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.bk__warn svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
.bk__elsewhere {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.bk__elsewhere strong {
  color: var(--q-text-strong);
}
.bk__elsewhere svg {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.bk__copyrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.bk__readonly {
  flex: 1 1 0;
  min-inline-size: 0;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.bk__snippet {
  font-family:
    ui-monospace,
    "SFMono-Regular",
    "Cascadia Mono",
    Menlo,
    monospace;
  font-size: var(--q-text-xs);
}
.bk__qr {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-4);
}
.bk__qrside {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.bk__qrbox {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--q-space-2);
}
.qr__frame {
  display: flex;
  inline-size: 8rem;
  block-size: 8rem;
  padding: var(--q-space-2);
  background: #ffffff;
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.qr__frame svg {
  inline-size: 100%;
  block-size: 100%;
}
.qr__frame--empty {
  background: var(--q-surface-sunken);
}
.bk__download {
  inline-size: 100%;
  justify-content: center;
}
.bk__shapes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--q-space-2);
  margin-block-end: var(--q-space-3);
}
.bk__shape {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
  padding: var(--q-space-3);
  font: inherit;
  text-align: start;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
  transition: border-color var(--q-duration-quick) var(--q-ease-out);
}
.bk__shape:hover {
  border-color: var(--q-border-strong);
}
.bk__shape:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.bk__shape--on {
  border-color: var(--q-action);
  box-shadow: inset 0 0 0 1px var(--q-action);
}
.bk__shapename {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.bk__shapewhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bk__shapewide,
.bk__shapetall {
  display: flex;
  gap: 0.25rem;
  inline-size: 100%;
  margin-block-end: var(--q-space-2);
  padding: 0.375rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
  block-size: 2.75rem;
}
.bk__shapewide span,
.bk__shapetall span {
  background: var(--q-border-strong);
  border-radius: 0.125rem;
}
.bk__shapewide {
  flex-direction: row;
  align-items: center;
}
.bk__shapewide span {
  flex: 1 1 auto;
  block-size: 0.5rem;
}
.bk__shapewide .bk__shapego {
  flex: 0 0 1.25rem;
  background: var(--q-brand);
}
.bk__shapetall {
  flex-direction: column;
  justify-content: center;
}
.bk__shapetall span {
  inline-size: 100%;
  block-size: 0.375rem;
}
.bk__shapetall .bk__shapego {
  background: var(--q-brand);
}
.bk__legal {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.bk__legal:first-of-type {
  border-block-start: 0;
  padding-block-start: 0;
}
.bk__legal:last-of-type {
  padding-block-end: 0;
}
.bk__legalicon {
  flex-shrink: 0;
  display: flex;
  color: var(--q-text-disabled);
}
.bk__legalbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.bk__legalname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.bk__legalwhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bk__legalwhat--none {
  color: var(--q-danger);
}
.bk__brandsnone {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.bk__brandlist {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bk__brand {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.bk__brand:first-child {
  border-block-start: 0;
  padding-block-start: 0;
}
.bk__brand--off {
  opacity: 0.6;
}
.bk__brandbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.bk__brandname {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.bk__brandwhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bk__brandactions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  font-size: var(--q-text-xs);
}
.bk__brandadd {
  margin-block-start: var(--q-space-3);
}
.bk__brandfields {
  padding: 0;
  margin-block: var(--q-space-3);
}
.bk__brandactive {
  flex-direction: row !important;
  align-items: center;
  gap: var(--q-space-2) !important;
  align-self: center;
}
.bk__brandactive span {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.bk__brandform {
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.bk__brandformactions {
  display: flex;
  gap: var(--q-space-2);
}
.bkl .sdw__body {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}
.bkl__bar {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.25rem;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-start-start-radius: var(--q-radius-control);
  border-start-end-radius: var(--q-radius-control);
}
.bkl__tool {
  display: flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 1.75rem;
  block-size: 1.75rem;
  padding-inline: 0.375rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-chip);
  cursor: pointer;
}
.bkl__tool:hover {
  color: var(--q-text-strong);
  background: var(--q-surface);
}
.bkl__tool:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.bkl__toolsep {
  inline-size: 1px;
  block-size: 1rem;
  margin-inline: 0.25rem;
  background: var(--q-border);
}
.bkl__count {
  margin-inline-start: auto;
  padding-inline-end: 0.25rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.bkl__editor {
  flex: 1 1 auto;
  min-block-size: 18rem;
  overflow-y: auto;
  padding: var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text-strong);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-block-start: 0;
  border-end-start-radius: var(--q-radius-control);
  border-end-end-radius: var(--q-radius-control);
}
.bkl__editor:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -1px;
}
.bkl__editor :is(h1, h2, h3) {
  margin: var(--q-space-4) 0 var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
}
.bkl__editor p {
  margin: 0 0 var(--q-space-3);
}
.bkl__editor :is(ul, ol) {
  margin: 0 0 var(--q-space-3);
  padding-inline-start: var(--q-space-5);
}
.bkl__editor a {
  color: var(--q-action);
}
.bkl__note {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-3) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.bkl__note svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
  color: var(--q-text-disabled);
}
.bkl__foots {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (width < 75rem) {
  .bk {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (width < 48rem) {
  .bk__colours .co__field {
    grid-column: span 6;
  }
  .bk__qr {
    flex-direction: column;
  }
  .bk__qrbox {
    align-self: center;
  }
  .bk__shapes {
    grid-template-columns: minmax(0, 1fr);
  }
  .bk__brand {
    flex-wrap: wrap;
  }
  .bk__brandactions {
    flex-wrap: wrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bk__shape {
    transition: none;
  }
}
.bk__wide {
  max-inline-size: none;
  margin-block-end: var(--q-space-4);
}
.pl {
  display: grid;
  grid-template-columns: minmax(0, 24rem) minmax(0, 1fr);
  gap: var(--q-space-4);
  align-items: start;
  block-size: calc(100vh - 12rem);
  min-block-size: 32rem;
}
.pl__side {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  block-size: 100%;
  overflow: hidden;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.pl__filters {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  padding: var(--q-space-3);
  border-block-end: 1px solid var(--q-border);
}
.pl__search {
  position: relative;
  display: block;
}
.pl__search .q-input {
  padding-inline-start: 2rem;
}
.pl__searchmark {
  position: absolute;
  inset-inline-start: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.pl__kinds {
  align-self: flex-start;
}
.pl__list {
  flex: 1 1 auto;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pl__row {
  position: relative;
  display: flex;
  align-items: flex-start;
  border-block-end: 1px solid var(--q-border);
}
.pl__row:last-child {
  border-block-end: 0;
}
.pl__row:hover {
  background: var(--q-surface-sunken);
}
.pl__row--on {
  background: var(--q-surface-sunken);
}
.pl__row--on::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  inline-size: 2px;
  background: var(--q-action);
}
.pl__pick {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  font: inherit;
  text-align: start;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
}
.pl__pick:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.pl__mark {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  margin-block-start: 0.0625rem;
}
.pl__markpin {
  inline-size: 0.875rem;
  block-size: 0.875rem;
  background: var(--q-ink);
  border-radius: 50%;
  box-shadow: inset 0 0 0 3px var(--q-surface);
}
.pl__markzone {
  inline-size: 1rem;
  block-size: 1rem;
  border: 1.5px dashed var(--q-ink);
  border-radius: 50%;
}
.pl__body {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pl__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.pl__where {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.pl__use {
  margin-block-start: 0.125rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pl__use--none {
  color: var(--q-text-muted);
}
.pl__dupe {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: flex-start;
  margin-block-start: var(--q-space-1);
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-chip);
}
.pl__dupe svg {
  flex-shrink: 0;
}
.pl__none {
  padding: var(--q-space-6) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
}
.pl__menuwrap {
  position: relative;
  flex-shrink: 0;
  padding-block: var(--q-space-3) 0;
  padding-inline: 0 var(--q-space-2);
}
.pl__more {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pl__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface);
}
.pl__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.pl__menu {
  position: fixed;
  z-index: 40;
  min-inline-size: 13rem;
  padding: var(--q-space-1);
  background: var(--q-surface-raised);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.pl__item {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text-strong);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pl__item:hover:not(:disabled) {
  background: var(--q-surface-sunken);
}
.pl__item:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.pl__item:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -1px;
}
.pl__item svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.pl__item--bad:not(:disabled) {
  color: var(--q-danger);
}
.pl__item--bad:not(:disabled) svg {
  color: currentColor;
}
.pl__why,
.pl__sure {
  max-inline-size: none;
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-border);
}
.pl__sure {
  margin: 0 0 var(--q-space-1);
  border-block-start: 0;
  border-block-end: 1px solid var(--q-border);
  color: var(--q-text-strong);
}
.pl__foot {
  display: flex;
  align-items: baseline;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  padding: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.pl__fig {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}
.pl__fignum {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pl__figwhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pl__fig--warn .pl__fignum,
.pl__fig--warn .pl__figwhat {
  color: var(--q-warning-strong);
}
.pl__mapside {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
  min-inline-size: 0;
  block-size: 100%;
}
.pl__adds {
  display: flex;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
.pl__map {
  position: relative;
  flex: 1 1 auto;
  min-block-size: 20rem;
  overflow: hidden;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.pl__card {
  position: absolute;
  inset-block-end: var(--q-space-3);
  inset-inline: var(--q-space-3);
  z-index: 5;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  max-inline-size: 26rem;
  padding: var(--q-space-3);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.pl__cardbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pl__elsewhere {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pl__elsewhere svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
  color: var(--q-text-disabled);
}
q-place-map {
  position: relative;
  display: block;
  inline-size: 100%;
  block-size: 100%;
}
.pmap__canvas {
  inline-size: 100%;
  block-size: 100%;
}
.pmap__down {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: var(--q-space-6);
  font-size: var(--q-text-sm);
  text-align: center;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.pmap__label {
  color: var(--q-ink);
  text-shadow:
    0 0 3px #ffffff,
    0 0 3px #ffffff,
    0 0 3px #ffffff;
}
.pdw .sdw__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
}
.pdw__find {
  position: relative;
}
.pdw__find .co__withbtn {
  position: relative;
}
.pdw__find .q-input {
  padding-inline-end: 2rem;
}
.pdw__findmark {
  position: absolute;
  inset-inline-end: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.pdw__hits {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  z-index: 10;
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-1);
  list-style: none;
  background: var(--q-surface-raised);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.pdw__hit {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  color: inherit;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pdw__hit:hover {
  background: var(--q-surface-sunken);
}
.pdw__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -1px;
}
.pdw__hitmark {
  flex-shrink: 0;
  display: flex;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.pdw__hitbody {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pdw__hitname {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.pdw__hitdetail {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pdw__dupe {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.pdw__dupe svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
.pdw__dupe .co__link {
  color: inherit;
  text-decoration: underline;
}
.pdw__parsed {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.pdw__parsedmark {
  flex-shrink: 0;
  display: flex;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.pdw__parsedbody {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.pdw__parsedline {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.pdw__parsedquiet {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdw__map {
  position: relative;
  overflow: hidden;
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.pdw__map--pin {
  block-size: 15.625rem;
}
.pdw__map--draw {
  block-size: 21rem;
}
.pdw__maptip,
.pdw__how {
  max-inline-size: none;
  position: absolute;
  inset-block-start: var(--q-space-2);
  inset-inline-start: var(--q-space-2);
  z-index: 5;
  margin: 0;
  padding: 0.25rem var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-toast-ink);
  background: var(--q-toast);
  border-radius: var(--q-radius-chip);
}
.pdw__how {
  inset-block-start: auto;
  inset-block-end: var(--q-space-2);
  inset-inline-end: var(--q-space-2);
}
.pdw__tools {
  position: absolute;
  inset-block-start: var(--q-space-2);
  inset-inline-start: var(--q-space-2);
  z-index: 5;
  display: flex;
  gap: var(--q-space-1);
  padding: 0.1875rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-raised);
}
.pdw__tool {
  padding: 0.1875rem var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-chip);
  cursor: pointer;
}
.pdw__tool:hover:not(:disabled) {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.pdw__tool:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.pdw__tool:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.pdw__tool--state {
  color: var(--q-toast-ink);
  background: var(--q-toast);
  cursor: default;
}
.pdw__facts {
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.pdw__factsname {
  margin: 0 0 var(--q-space-2);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.pdw__figs {
  display: flex;
  gap: var(--q-space-5);
  flex-wrap: wrap;
}
.pdw__fig {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pdw__fignum {
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pdw__figwhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdw__used {
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pdw__used--none {
  color: var(--q-text-muted);
}
@media (width < 68.75rem) {
  .pl {
    grid-template-columns: minmax(0, 1fr);
    block-size: auto;
  }
  .pl__side {
    block-size: auto;
    max-block-size: 36rem;
  }
  .pl__mapside {
    block-size: auto;
  }
  .pl__map {
    block-size: 24rem;
  }
}
.pt__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.pt__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pt__tabs {
  display: flex;
  gap: var(--q-space-4);
  margin-block-end: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.pt__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) 0;
  margin-block-end: -1px;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  cursor: pointer;
}
.pt__tab:hover {
  color: var(--q-text-strong);
}
.pt__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.pt__tab--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.pt__tabcount {
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.pt__tabcount--wait {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.pt {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.pt__filters {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  padding: var(--q-space-3);
  border-block-end: 1px solid var(--q-border);
}
.pt__search {
  position: relative;
  flex: 1 1 18rem;
  max-inline-size: 26rem;
  min-inline-size: 0;
}
.pt__search .q-input {
  padding-inline-start: 2rem;
}
.pt__searchmark {
  position: absolute;
  inset-inline-start: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.pt__searching {
  position: absolute;
  inset-inline-end: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  pointer-events: none;
}
.pt__table {
  min-inline-size: 0;
}
.pt__headrow,
.pt__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 11rem minmax(0, 16rem) 2.5rem;
  gap: var(--q-space-3);
  align-items: center;
}
.pt__headrow {
  padding: var(--q-space-2) var(--q-space-4);
  background: var(--q-surface-sunken);
  border-block-end: 1px solid var(--q-border);
}
.pt__h {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.pt__rows {
  margin: 0;
  padding: 0;
  list-style: none;
  max-block-size: 60vh;
  overflow-y: auto;
}
.pt__row {
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.pt__row:last-child {
  border-block-end: 0;
}
.pt__row:hover {
  background: var(--q-surface-sunken);
}
.pt__who {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  min-inline-size: 0;
}
.pt__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2.125rem;
  block-size: 2.125rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.02em;
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-control);
}
.pt__avatar--idle {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
}
.pt__whobody {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.pt__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.pt__where {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.pt__rides {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pt__ride strong {
  margin-inline-start: 0.25rem;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.pt__counting {
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.pt__teams {
  display: flex;
  align-items: center;
  gap: var(--q-space-1);
  flex-wrap: wrap;
  min-inline-size: 0;
}
.pt__team {
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-success);
  background: var(--q-success-surface);
  border-radius: var(--q-radius-chip);
}
.pt__team--more {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.pt__idle {
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.pt__menuwrap {
  position: relative;
  justify-self: end;
}
.pt__more {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pt__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface);
}
.pt__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.pt__menu {
  position: fixed;
  z-index: 40;
  min-inline-size: 17rem;
  padding: var(--q-space-1);
  background: var(--q-surface-raised);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.pt__item {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text-strong);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pt__item:hover:not(:disabled) {
  background: var(--q-surface-sunken);
}
.pt__item:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.pt__item:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -1px;
}
.pt__item svg {
  flex-shrink: 0;
  color: currentColor;
}
.pt__item--bad:not(:disabled) {
  color: var(--q-danger);
}
.pt__why,
.pt__sure {
  max-inline-size: none;
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-border);
}
.pt__sure {
  margin: 0 0 var(--q-space-1);
  color: var(--q-text-strong);
  border-block-start: 0;
  border-block-end: 1px solid var(--q-border);
}
.pt__none {
  padding: var(--q-space-8) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
}
.pt__waiting {
  max-inline-size: none;
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-block-end: 1px solid var(--q-border);
}
.pt__waiting svg {
  flex-shrink: 0;
}
.pt__headrow--pair,
.pt__row--pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 9rem 2.5rem;
}
.pt__status {
  display: flex;
  min-inline-size: 0;
}
.pt__headrow--request,
.pt__row--request.pt__row--pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 15rem;
}
.pt__row--request.pt__row--pair .pt__reqacts {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.pt__row--request.pt__row--pair .pt__reqwhen {
  inline-size: 100%;
  text-align: end;
}
.pt__headrow--request {
  list-style: none;
}
.pt__reqwhen {
  display: block;
  margin-block-end: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.pt__row--request {
  grid-template-columns: minmax(0, 1fr) minmax(0, 14rem) auto;
}
.pt__row--quiet .pt__name {
  color: var(--q-text-muted);
}
.pt__group {
  padding: var(--q-space-2) var(--q-space-4);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-block: 1px solid var(--q-border);
}
.pt__reqfacts {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pt__reqline {
  overflow-wrap: anywhere;
}
.pt__reqacts {
  display: flex;
  gap: var(--q-space-2);
  justify-self: end;
}
.pt__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.pt__figs {
  display: flex;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pt__fig {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pt__fig strong {
  margin-inline-end: 0.25rem;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.pt__fig--idle {
  color: var(--q-warning-strong);
}
.pt__fig--idle strong {
  color: var(--q-warning-strong);
}
.pt__footnote {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cdw .sdw__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
}
.cdw__find {
  position: relative;
}
.cdw__find .co__withbtn {
  position: relative;
}
.cdw__findmark {
  position: absolute;
  inset-inline-end: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.cdw__find .q-input {
  padding-inline-end: 2rem;
}
.cdw__hits {
  position: absolute;
  inset-block-start: 100%;
  inset-inline: 0;
  z-index: 10;
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-1);
  list-style: none;
  background: var(--q-surface-raised);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.cdw__hit {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  text-align: start;
  color: inherit;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cdw__hit:hover {
  background: var(--q-surface-sunken);
}
.cdw__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -1px;
}
.cdw__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.875rem;
  block-size: 1.875rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-control);
}
.cdw__avatar--big {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  font-size: var(--q-text-sm);
}
.cdw__hitbody,
.cdw__cardbody {
  flex: 1 1 auto;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.cdw__hitname,
.cdw__cardname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.cdw__hitdetail,
.cdw__cardline,
.cdw__cardwho {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.cdw__nothing {
  color: var(--q-warning-strong);
}
.cdw__card {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.cdw__note {
  max-inline-size: none;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.cdw__note strong {
  color: var(--q-text-strong);
}
.cdw__note svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
  color: var(--q-text-disabled);
}
@media (width < 68.75rem) {
  .pt__headrow {
    display: none;
  }
  .pt__row {
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    row-gap: var(--q-space-2);
  }
  .pt__rides,
  .pt__teams,
  .pt__status {
    grid-column: 1/2;
  }
  .pt__menuwrap {
    grid-row: 1;
    grid-column: 2;
    align-self: start;
  }
  .pt__row--pair {
    grid-template-columns: minmax(0, 1fr) 2.5rem;
  }
  .pt__row--request {
    grid-template-columns: minmax(0, 1fr);
  }
  .pt__reqacts {
    justify-self: start;
  }
}
.pdr.sdw {
  inline-size: min(46rem, 100vw);
}
.pdr__parts {
  display: flex;
  gap: var(--q-space-4);
  padding: 0 var(--q-space-5);
  border-block-end: 1px solid var(--q-border);
  overflow-x: auto;
}
.pdr__part {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 0 var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  margin-block-end: -1px;
  cursor: pointer;
  white-space: nowrap;
}
.pdr__part:hover {
  color: var(--q-text-strong);
}
.pdr__part:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.pdr__part--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.pdr__dot {
  flex: 0 0 auto;
  inline-size: 0.4rem;
  block-size: 0.4rem;
  border-radius: 50%;
  background: var(--q-danger);
}
.pdr__half {
  grid-column: span 6;
}
.pdr__two {
  grid-column: span 8;
}
.pdr__one {
  grid-column: span 4;
}
.pdr__lookup {
  display: flex;
  gap: var(--q-space-2);
  align-items: start;
}
.pdr__lookup .q-input {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.pdr__lookup .q-btn {
  flex: 0 0 auto;
}
.pdr__pw {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
  align-items: center;
}
.pdr__pw .q-input {
  flex: 1 1 12rem;
  min-inline-size: 0;
}
.pdr__pw .q-btn {
  flex: 0 0 auto;
}
.pdr__text {
  min-block-size: 3.5rem;
  resize: vertical;
}
.pdr__switches {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
}
.pdr__switch {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.pdr__good {
  font-size: var(--q-text-xs);
  color: var(--q-success);
}
.pdr__bad {
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.pdr__bad--band {
  grid-column: 1/-1;
  margin: var(--q-space-3) 0 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-card);
}
.pdr__note {
  grid-column: 1/-1;
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdr q-partner-select,
.pdr .asp__what {
  grid-column: 1/-1;
  min-inline-size: 0;
}
@media (max-width: 36rem) {
  .pdr__half,
  .pdr__two,
  .pdr__one {
    grid-column: 1/-1;
  }
}
.cp__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.cp__headrow,
.cp__row {
  grid-template-columns: minmax(0, 1fr) 8rem 9rem minmax(0, 12rem) 2.5rem;
}
.cp__headrow--company,
.cp__row--company {
  grid-template-columns: minmax(0, 1fr) 9rem minmax(0, 11rem) 2.5rem;
}
.cp__headrow--admin,
.cp__row--admin {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 11rem) 2.5rem;
}
.cp__state {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-inline-size: 0;
}
.cp__asked {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cp__who {
  min-inline-size: 0;
}
.cp__flag {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-block-start: 0.125rem;
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
}
.cp__rides {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.cp__ridenum {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cp__ridewhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cp__page,
.cp__settings {
  min-inline-size: 0;
}
.cp__chip,
.cs__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.cp__chip--live,
.cs__chip--live {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.cp__chip--own,
.cs__chip--own {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.cs__chip--set {
  color: var(--q-text-inverse);
  background: var(--q-ink);
}
.cs__chip--only {
  color: var(--q-text-strong);
  border: 1px solid var(--q-border);
  background: none;
}
.cs__screen {
  display: flex;
  flex-direction: column;
  min-block-size: 100%;
}
.cs__bar {
  position: sticky;
  inset-block-start: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-5);
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-border);
}
.cs__back {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  flex-shrink: 0;
  padding-inline-end: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-decoration: none;
  border-inline-end: 1px solid var(--q-border);
}
.cs__back:hover {
  color: var(--q-text-strong);
}
.cs__back:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: var(--q-radius-control);
}
.cs__avatar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-control);
}
.cs__whobody {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.cs__name {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.cs__where {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.cs__barend {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-inline-start: auto;
  flex-shrink: 0;
}
.cs__body {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 14rem minmax(0, 1fr);
  align-items: stretch;
  min-block-size: 0;
}
.cs__side {
  padding: var(--q-space-4) var(--q-space-3);
  background: var(--q-surface);
  border-inline-end: 1px solid var(--q-border);
}
.cs__sidelist {
  position: sticky;
  inset-block-start: 4rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.cs__sidecap {
  margin: 0 0 var(--q-space-2);
  padding-inline: var(--q-space-3);
  max-inline-size: none;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.cs__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: start;
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cs__tab:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.cs__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.cs__tab--on {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-medium);
  background: var(--q-surface);
  border-color: var(--q-border);
  box-shadow: var(--q-shadow-raised);
}
.cs__tabname {
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.cs__tabcount {
  margin-inline-start: auto;
  padding: 0 0.375rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-info);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-chip);
}
.cs__soon {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cs__page {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5);
}
.cs__page .asg__default {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
  margin: 0;
  max-inline-size: 18rem;
}
.cs__page .asg__defaultname,
.cs__page .asg__defaultsays {
  grid-area: auto;
}
.cs__page .asg__default .cs__where {
  color: var(--q-text-disabled);
}
.cs__band,
.cs__warnband {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  max-inline-size: none;
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  border-radius: var(--q-radius-control);
}
.cs__band svg,
.cs__warnband svg {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
}
.cs__band strong,
.cs__warnband strong {
  font-weight: var(--q-weight-semibold);
}
.cs__band {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.cs__band svg {
  color: var(--q-text-muted);
}
.cs__bandsays {
  display: block;
  color: var(--q-text-muted);
}
.cs__warnband--info {
  color: var(--q-text-strong);
  background: var(--q-info-surface);
}
.cs__warnband--info svg {
  color: var(--q-info);
}
.cs__warnband {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.cs__tabhead {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.cs__tabtitle {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cs__tabsays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.cs__lead,
.cs__note,
.cs__warn,
.cs__says {
  max-inline-size: none;
  margin: 0;
}
.cs__lead {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.cs__note {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cs__warn {
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
}
.cs__state {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-inline-start: auto;
  flex-shrink: 0;
  max-inline-size: 16rem;
  text-align: end;
}
.cs__under {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-3) var(--q-space-4) 0;
}
.cs__pad {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-4);
}
.cs__state--block {
  align-items: flex-start;
  margin-block-start: var(--q-space-2);
  text-align: start;
}
.cs__reset {
  font-size: var(--q-text-xs);
}
.cs__pairs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: var(--q-space-3) var(--q-space-4);
  margin: 0;
}
.cs__pair {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.cs__key {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cs__val {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.cs__breakdown {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.cs__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding-block: var(--q-space-2);
  border-block-end: 1px solid var(--q-border);
}
.cs__line:last-child {
  border-block-end: 0;
}
.cs__linename {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.cs__methods {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.cs__method {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
}
.cs__method--wide {
  align-items: flex-start;
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.cs__methodbody {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.cs__methodname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.cs__methodvalue {
  margin-inline-start: auto;
  inline-size: 5rem;
}
.cs__unit {
  position: relative;
  display: block;
  max-inline-size: 10rem;
  margin-block-start: var(--q-space-2);
}
.cs__unit .q-input {
  padding-inline-end: 2rem;
}
.cs__suffix {
  position: absolute;
  inset-inline-end: 0.625rem;
  inset-block-start: 50%;
  translate: 0 -50%;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  pointer-events: none;
}
.cs__soonbox {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
}
@media (max-width: 62rem) {
  .cs__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .cs__bar {
    flex-wrap: wrap;
  }
  .cs__side {
    position: static;
    flex-direction: row;
    overflow-x: auto;
    border-inline-end: 0;
    border-block-end: 1px solid var(--q-border);
  }
  .cs__sidecap {
    display: none;
  }
  .cs__tab {
    flex-shrink: 0;
  }
  .inv__row {
    flex-wrap: wrap;
  }
  .cs__state {
    inline-size: 100%;
    max-inline-size: none;
    margin-inline-start: 0;
    align-items: flex-start;
    text-align: start;
  }
}
.qu__tabs {
  display: flex;
  gap: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.qu__areas {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--q-space-4);
  align-items: start;
}
.qu__mapwrap {
  position: relative;
  overflow: hidden;
  block-size: 32rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.qu__legend {
  position: absolute;
  inset-block-end: var(--q-space-3);
  inset-inline-start: var(--q-space-3);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.qu__legendone {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.qu__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.qu__area {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.qu__area:last-of-type {
  border-block-end: 0;
}
.qu__area--on {
  background: var(--q-surface-sunken);
}
.qu__areaopen {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  flex: 1 1 12rem;
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.qu__areaopen:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.qu__areabody {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.qu__areatop {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
.qu__areaname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.qu__areasays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.qu__areaacts {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin-inline-start: auto;
}
.qu__drop {
  display: flex;
  padding: 0.25rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.qu__drop:hover {
  color: var(--q-danger);
}
.qu__drop:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.qu__areabad {
  flex-basis: 100%;
  max-inline-size: none;
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.qu__add {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  background: none;
  border: 1px dashed var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.qu__add:hover {
  background: var(--q-surface-sunken);
}
.qu__add:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.qu__rules {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: var(--q-space-4);
  align-items: start;
}
.qu__step {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 13rem);
  gap: var(--q-space-3);
  align-items: start;
  padding: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.qu__step:last-of-type {
  border-block-end: 0;
}
.qu__no {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: 50%;
}
.qu__what {
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.qu__stepname {
  max-inline-size: none;
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.qu__stepsays {
  max-inline-size: none;
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.qu__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.qu__field + .qu__field {
  margin-block-start: var(--q-space-4);
}
.qu__aside {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.qdw__kinds {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--q-space-2);
}
.qdw__kind {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: var(--q-space-3);
  font: inherit;
  text-align: start;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.qdw__kind:hover {
  border-color: var(--q-ink);
}
.qdw__kind:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.qdw__kind--on {
  border-color: var(--q-ink);
  box-shadow: inset 0 0 0 1px var(--q-ink);
}
.qdw__kind--off {
  cursor: not-allowed;
  opacity: 0.55;
}
.qdw__kind--off:hover {
  border-color: var(--q-border);
}
.qdw__kindname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.qdw__kindwhat {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.qdw__mark {
  flex-shrink: 0;
  inline-size: 0.875rem;
  block-size: 0.875rem;
  border-radius: 2px;
}
.qdw__mark--rank {
  background: var(--q-ink);
}
.qdw__mark--buffer {
  background: none;
  border: 1.5px dashed var(--q-ink);
}
.qdw__map {
  position: relative;
  overflow: hidden;
  block-size: 18rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.qdw__tools {
  position: absolute;
  z-index: 1;
  inset-block-start: var(--q-space-2);
  inset-inline-start: var(--q-space-2);
  display: flex;
  gap: var(--q-space-2);
}
.qdw__tool {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-strong);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.qdw__tool:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.qdw__tool:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.qdw__tool--on {
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-color: var(--q-ink);
  cursor: default;
}
.qdw__facts {
  display: flex;
  gap: var(--q-space-5);
  margin: 0;
}
.qdw__fact {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.qdw__factnum {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.qdw__factnum--good {
  color: var(--q-success);
}
.qdw__factnum--bad {
  color: var(--q-danger);
}
.qdw__factwhat {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.qdw__note {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  max-inline-size: none;
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.qdw__note svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
@media (max-width: 62rem) {
  .qu__areas,
  .qu__rules {
    grid-template-columns: minmax(0, 1fr);
  }
  .qu__step {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .qu__field {
    grid-column: 2;
  }
}
.cp__adds {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
:root {
  --q-team-red: #C81F27;
  --q-team-orange: #B04A08;
  --q-team-amber: #80612A;
  --q-team-green: #1F7A5C;
  --q-team-teal: #116E74;
  --q-team-blue: #2E5286;
  --q-team-violet: #6B3FA0;
  --q-team-slate: #51555F;
  --q-team-unknown: var(--q-text-disabled);
}
:root[data-theme=dark] {
  --q-team-red: #F08A8A;
  --q-team-orange: #E8A066;
  --q-team-amber: #D8B84F;
  --q-team-green: #6FD29B;
  --q-team-teal: #5FC6CC;
  --q-team-blue: #87AEE8;
  --q-team-violet: #BFA0E8;
  --q-team-slate: #A8AEBB;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    --q-team-red: #F08A8A;
    --q-team-orange: #E8A066;
    --q-team-amber: #D8B84F;
    --q-team-green: #6FD29B;
    --q-team-teal: #5FC6CC;
    --q-team-blue: #87AEE8;
    --q-team-violet: #BFA0E8;
    --q-team-slate: #A8AEBB;
  }
}
.tms__screen {
  position: relative;
  padding: var(--q-space-5) var(--q-space-6);
}
.tms__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.tms__tabs {
  display: flex;
  gap: var(--q-space-4);
  margin-block-end: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.tms__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) 0;
  margin-block-end: -1px;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  cursor: pointer;
}
.tms__tab:hover {
  color: var(--q-text-strong);
}
.tms__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: var(--q-radius-chip);
}
.tms__tab--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-brand);
}
.tms__tabcount {
  padding-inline: 0.375rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.tms__filters {
  margin-block-end: var(--q-space-3);
}
.tms__search {
  position: relative;
  display: block;
  inline-size: min(100%, 24rem);
}
.tms__search .q-input {
  padding-inline-start: 2rem;
}
.tms__searchmark {
  position: absolute;
  inset-inline-start: 0.625rem;
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--q-text-disabled);
  pointer-events: none;
}
.tms__table {
  --tms-cols: minmax(12rem, 1.6fr) minmax(10rem, 1.2fr) minmax(12rem, 1.5fr) 7rem 2.5rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.tms__table--joined {
  --tms-cols: minmax(12rem, 1.6fr) minmax(10rem, 1.4fr) 7rem 7rem 2.5rem;
}
.tms__headrow,
.tms__row {
  display: grid;
  grid-template-columns: var(--tms-cols);
  gap: var(--q-space-3);
  align-items: center;
  padding: var(--q-space-3) var(--q-space-4);
}
.tms__headrow {
  background: var(--q-surface-raised);
  border-block-end: 1px solid var(--q-border);
}
.tms__h {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.tms__rows {
  max-block-size: 60svh;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}
.tms__row {
  border-block-end: 1px solid var(--q-hairline);
}
.tms__row:last-child {
  border-block-end: 0;
}
.tms__row:hover {
  background: var(--q-surface-sunken);
}
.tms__team,
.tms__owner {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  min-inline-size: 0;
}
.tms__owner {
  flex-direction: column;
  gap: 0;
}
.tms__dot {
  flex-shrink: 0;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  margin-block-start: 0.3125rem;
  background: var(--q-team-unknown);
  border-radius: 50%;
}
.tms__dot--red {
  background: var(--q-team-red);
}
.tms__dot--orange {
  background: var(--q-team-orange);
}
.tms__dot--amber {
  background: var(--q-team-amber);
}
.tms__dot--green {
  background: var(--q-team-green);
}
.tms__dot--teal {
  background: var(--q-team-teal);
}
.tms__dot--blue {
  background: var(--q-team-blue);
}
.tms__dot--violet {
  background: var(--q-team-violet);
}
.tms__dot--slate {
  background: var(--q-team-slate);
}
.tms__teambody {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.tms__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.tms__what {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.tms__what--none {
  font-style: italic;
  color: var(--q-text-disabled);
}
.tms__who {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.tms__faces {
  display: flex;
}
.tms__face {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  margin-inline-end: -0.375rem;
  font-size: 0.5625rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-surface);
  border-radius: 50%;
}
.tms__face:last-child {
  margin-inline-end: 0;
}
.tms__face--partner {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.tms__face--more {
  color: var(--q-text-disabled);
  background: var(--q-surface-raised);
}
.tms__counts {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.tms__uses {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-inline-size: 0;
}
.tms__use {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
}
.tms__use--block {
  margin: 0 0 var(--q-space-1);
  max-inline-size: none;
}
.tms__use--off {
  color: var(--q-text-disabled);
}
.tms__step {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.tms__use--off .tms__step {
  color: var(--q-text-disabled);
}
.tms__offtag {
  margin-inline-start: 0.25rem;
  padding-inline: 0.3125rem;
  font-size: 0.625rem;
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-chip);
}
.tms__idle {
  font-size: var(--q-text-xs);
  font-style: italic;
  color: var(--q-text-disabled);
}
.tms__made,
.tms__size {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.tms__menuwrap {
  display: flex;
  justify-content: flex-end;
}
.tms__more {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-disabled);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.tms__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-raised);
}
.tms__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.tms__menu {
  position: absolute;
  z-index: 30;
  inline-size: min(17rem, 100vw - 2rem);
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-raised);
}
.tms__item {
  display: block;
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.tms__item:hover:not(:disabled) {
  background: var(--q-surface-sunken);
}
.tms__item:disabled {
  color: var(--q-text-disabled);
  cursor: default;
}
.tms__item:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.tms__item--bad {
  color: var(--q-danger);
}
.tms__why {
  margin: var(--q-space-1) 0 0;
  padding: 0 var(--q-space-2) var(--q-space-1);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.tms__none,
.tms__nohit {
  padding: var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
}
.tms__nohit {
  padding-block: var(--q-space-4);
  list-style: none;
}
.tms__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  margin-block-start: var(--q-space-3);
}
.tms__figs {
  display: flex;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.tms__fig {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.tms__fig strong {
  color: var(--q-text-strong);
}
.tms__footnote {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.tms__footnote--idle {
  color: var(--q-warning-strong);
}
.tms__drawer {
  inline-size: min(34rem, 100vw);
}
.tms__panel {
  inline-size: min(40rem, 100vw);
}
.tms__del {
  inline-size: min(34rem, 100vw);
}
.tms__msg {
  inline-size: min(30rem, 100vw);
}
.tms__drawer .co__body > *,
.tms__panel .co__body > *,
.tms__del .co__body > *,
.tms__msg .co__body > * {
  grid-column: 1/-1;
}
.tms__drawer .co__body > .q-btn,
.tms__panel .co__body > .q-btn,
.tms__del .co__body > .q-btn,
.tms__msg .co__body > .q-btn {
  justify-self: start;
}
.tms__bad {
  display: block;
  margin-block-start: var(--q-space-1);
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.tms__swatches {
  display: flex;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
.tms__swatch {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: transparent;
  background: var(--q-team-unknown);
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}
.tms__swatch:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.tms__swatch--red {
  background: var(--q-team-red);
}
.tms__swatch--orange {
  background: var(--q-team-orange);
}
.tms__swatch--amber {
  background: var(--q-team-amber);
}
.tms__swatch--green {
  background: var(--q-team-green);
}
.tms__swatch--teal {
  background: var(--q-team-teal);
}
.tms__swatch--blue {
  background: var(--q-team-blue);
}
.tms__swatch--violet {
  background: var(--q-team-violet);
}
.tms__swatch--slate {
  background: var(--q-team-slate);
}
.tms__swatch--on {
  color: var(--q-action-fg);
  border-color: var(--q-text-strong);
  box-shadow: 0 0 0 2px var(--q-surface) inset;
}
.tms__sum {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin: 0 0 var(--q-space-2);
  max-inline-size: none;
}
.tms__sumsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.tms__note,
.tms__warn {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-2) 0 0;
  padding: var(--q-space-2) var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  border-radius: var(--q-radius-control);
}
.tms__note svg,
.tms__warn svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
.tms__note {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.tms__warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.tms__chips {
  display: flex;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  margin: 0 0 var(--q-space-3);
  padding: 0;
  list-style: none;
}
.tms__chip {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0.25rem 0.25rem 0.25rem var(--q-space-2);
  font-size: var(--q-text-xs);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
}
.tms__chipname {
  color: var(--q-text-strong);
}
.tms__chiptag,
.tms__candtag,
.tms__hittag {
  padding-inline: 0.3125rem;
  font-size: 0.625rem;
  color: var(--q-text-muted);
  background: var(--q-surface-raised);
  border-radius: var(--q-radius-chip);
  white-space: nowrap;
}
.tms__candtag--partner,
.tms__hittag--partner {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.tms__chipoff,
.tms__drop {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  color: var(--q-text-disabled);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.tms__chipoff:hover:not(:disabled),
.tms__drop:hover:not(:disabled) {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.tms__chipoff:disabled,
.tms__drop:disabled {
  opacity: 0.5;
  cursor: default;
}
.tms__chipoff:focus-visible,
.tms__drop:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.tms__drop {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}
.tms__hits,
.tms__cands,
.tms__mem {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tms__hits {
  max-block-size: 14rem;
  overflow-y: auto;
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.tms__hit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-block-end: 1px solid var(--q-hairline);
  cursor: pointer;
}
.tms__hit:hover {
  background: var(--q-surface-sunken);
}
.tms__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.tms__hitname {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.tms__cands {
  max-block-size: 20rem;
  overflow-y: auto;
}
.tms__cand,
.tms__memrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-2);
  border-block-end: 1px solid var(--q-hairline);
}
.tms__cand:last-child,
.tms__memrow:last-child {
  border-block-end: 0;
}
.tms__candwho {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-grow: 1;
  min-inline-size: 0;
}
.tms__candbody {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.tms__candname {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.tms__candfacts {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.tms__youtag {
  padding-inline: 0.3125rem;
  font-size: 0.625rem;
  color: var(--q-success);
  background: var(--q-success-surface);
  border-radius: var(--q-radius-chip);
}
.tms__fixed {
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
  white-space: nowrap;
}
.tms__plans {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
}
.tms__plan {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.tms__plan:hover {
  background: var(--q-surface-sunken);
}
.tms__plan:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.tms__plan--on {
  border-color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.tms__planname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.tms__plansays {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.tms__text {
  min-block-size: 5rem;
  resize: vertical;
}
@media (max-width: 60rem) {
  .tms__table,
  .tms__table--joined {
    --tms-cols: 1fr 2.5rem;
  }
  .tms__headrow {
    display: none;
  }
  .tms__row {
    align-items: start;
    row-gap: var(--q-space-2);
  }
  .tms__team,
  .tms__who,
  .tms__uses,
  .tms__owner {
    grid-column: 1;
  }
  .tms__made,
  .tms__size {
    grid-column: 1;
  }
  .tms__menuwrap {
    grid-column: 2;
    grid-row: 1;
  }
}
.tms__pick {
  margin: var(--q-space-5) 0;
  padding: var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
  max-inline-size: none;
}
.co__body > .tms__sum,
.co__body > .tms__note,
.co__body > .tms__warn,
.co__body > .tms__mem,
.co__body > .tms__plans {
  grid-column: 1/-1;
  min-inline-size: 0;
}
.co__body > .tms__act {
  grid-column: 1/-1;
  justify-self: start;
}
.psl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  inline-size: 100%;
  max-inline-size: 26rem;
  margin-block-end: var(--q-space-4);
}
.psl__label {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
}
.psl__box {
  position: relative;
  display: flex;
  align-items: center;
}
.psl__input {
  inline-size: 100%;
  padding-inline: 2.25rem 2.25rem;
}
.psl__mark {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.psl__clear {
  position: absolute;
  inset-inline-end: var(--q-space-2);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.psl__clear:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.psl__clear:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.psl__hits {
  position: absolute;
  inset-block-start: calc(100% - 1.25rem);
  inset-inline: 0;
  z-index: 20;
  max-block-size: 18rem;
  margin: 0;
  padding: var(--q-space-1);
  overflow-y: auto;
  list-style: none;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.psl__hit {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.psl__hit:hover {
  background: var(--q-surface-sunken);
}
.psl__hit--on {
  background: var(--q-surface-sunken);
}
.psl__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-action-fg);
  background: var(--q-action);
  border-radius: var(--q-radius-chip);
}
.psl__who {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.psl__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.psl__sub,
.psl__hint,
.psl__note {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.psl__note {
  padding: var(--q-space-3);
}
.dsl {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  inline-size: 100%;
}
.dsl__trigger {
  inline-size: 100%;
  text-align: start;
  cursor: pointer;
  background: var(--q-surface);
}
.dsl__trigger:hover {
  border-color: var(--q-border-strong);
}
.dsl__panel {
  position: absolute;
  inset-block-start: calc(100% + var(--q-space-1));
  inset-inline-start: 0;
  z-index: 20;
  inline-size: max(100%, 16rem);
  display: flex;
  flex-direction: column;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
  overflow: hidden;
}
.dsl__search {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--q-space-2);
  border-block-end: 1px solid var(--q-border);
}
.dsl__input {
  inline-size: 100%;
  padding-inline-start: 2.25rem;
}
.dsl__mark {
  position: absolute;
  inset-inline-start: calc(var(--q-space-2) + 0.5rem);
  display: flex;
  color: var(--q-text-disabled);
  pointer-events: none;
}
.dsl__list {
  max-block-size: 18rem;
  margin: 0;
  padding: var(--q-space-1);
  overflow-y: auto;
  list-style: none;
}
.dsl__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.dsl__option:hover {
  background: var(--q-surface-sunken);
}
.dsl__option--on {
  background: var(--q-surface-sunken);
}
.dsl__optname {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.dsl__optcode {
  flex-shrink: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  direction: ltr;
  unicode-bidi: plaintext;
}
.dsl__note {
  padding: var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.drv {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
}
.drv__head {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-4);
}
.drv__headactions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3);
}
.drv__headactions .q-btn {
  flex: 0 0 auto;
}
.drv__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.drv__search {
  position: relative;
  flex: 1 1 18rem;
  display: flex;
  align-items: center;
}
.drv__search svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  color: var(--q-text-muted);
  pointer-events: none;
}
.drv__search input {
  inline-size: 100%;
  padding-inline: calc(var(--q-space-3) * 2 + 0.9375rem) var(--q-space-3);
  block-size: var(--q-control-height);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
}
.drv__search input:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 1px;
}
.drv__tabs {
  display: flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.drv__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 var(--q-space-3);
  block-size: 2rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.drv__tab:hover {
  color: var(--q-text-strong);
}
.drv__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.drv__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.drv__filter {
  position: relative;
}
.drv__badge {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.25rem;
  block-size: 1.25rem;
  padding-inline: 0.25rem;
  font-size: var(--q-text-xs);
  color: var(--q-action);
  background: var(--q-surface);
  border-radius: var(--q-radius-pill);
}
.drv__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.drv__table tbody tr:nth-child(n+4):nth-last-child(-n+2) .drv__menu {
  inset-block-start: auto;
  inset-block-end: calc(100% + 0.25rem);
}
.drv__table {
  inline-size: 100%;
  min-inline-size: 60rem;
  border-collapse: collapse;
}
.drv__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.drv__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.drv__table tbody tr:first-child td {
  border-block-start: 0;
}
.drv__row:hover td {
  background: var(--q-surface-sunken);
}
.drv__who {
  white-space: nowrap;
  overflow: hidden;
}
.drv__face {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--q-space-3);
  inline-size: 2.25rem;
  block-size: 2.25rem;
  object-fit: cover;
  border-radius: var(--q-radius-pill);
  background: var(--q-ink-50);
}
.drv__face--none {
  display: inline-grid;
  place-items: center;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.drv__whobody {
  display: inline-flex;
  flex-direction: column;
  gap: 0.0625rem;
  vertical-align: middle;
  min-inline-size: 0;
  white-space: normal;
  max-inline-size: 15rem;
}
.drv__firm {
  white-space: nowrap;
}
.drv__face--sm {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  margin-inline-end: var(--q-space-2);
  font-size: 0.5625rem;
}
.drv__firmname {
  display: inline-block;
  vertical-align: middle;
  max-inline-size: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.drv__firmnone {
  font-size: var(--q-text-sm);
  font-style: italic;
  color: var(--q-text-muted);
}
.drv__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.drv__contact {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.drv__status {
  min-inline-size: 10rem;
}
.drv__where {
  display: block;
}
.drv__state {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
}
.drv__dot {
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  border-radius: var(--q-radius-pill);
  background: currentColor;
}
.drv__state--on {
  color: var(--q-success);
}
.drv__state--bad {
  color: var(--q-danger);
}
.drv__where {
  padding-inline-start: calc(0.4375rem + var(--q-space-2));
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.drv__vehicle {
  white-space: nowrap;
}
.drv__car {
  display: block;
  margin-block-start: 0.125rem;
  unicode-bidi: plaintext;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.drv__none {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.drv__city {
  white-space: nowrap;
}
.ptn__fleet {
  white-space: nowrap;
}
.ptn__fleetn {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: 500;
  color: var(--q-text);
}
.ptn__fleetn--full {
  color: var(--q-warning);
}
.ptn__plan,
.ptn__joined {
  white-space: nowrap;
}
.ptn__joined {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.ptn .drv__name,
.ptn .drv__contact {
  display: block;
  max-inline-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drv__docs {
  white-space: nowrap;
}
.drv__doc {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
}
.drv__doc svg {
  flex-shrink: 0;
}
.drv__doc--ok {
  color: var(--q-success);
}
.drv__doc--warn {
  color: var(--q-warning-strong);
}
.drv__doc--bad {
  color: var(--q-danger);
}
.drv__doc--quiet {
  color: var(--q-text-muted);
}
.drv__rides {
  white-space: nowrap;
}
.drv__spark {
  display: inline-flex;
  vertical-align: middle;
  align-items: end;
  gap: 0.125rem;
  block-size: 1.25rem;
}
.drv__bar {
  inline-size: 0.25rem;
  min-block-size: 0.125rem;
  background: var(--q-success);
  border-radius: 0.0625rem;
}
.drv__flat {
  align-self: center;
  inline-size: 2.5rem;
  block-size: 0.125rem;
  background: var(--q-border-strong);
  border-radius: 0.0625rem;
}
.drv__rides .drv__none {
  margin-inline-start: var(--q-space-3);
}
.drv__ridecount {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.drv__actions {
  inline-size: 1px;
}
.drv__menuwrap {
  position: relative;
}
.drv__more {
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.drv__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.drv__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.drv__menu {
  position: absolute;
  z-index: 3;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 0.25rem);
  display: flex;
  flex-direction: column;
  min-inline-size: 13rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.drv__menuitem {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  text-align: start;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.drv__menuitem:hover {
  background: var(--q-surface-sunken);
}
.drv__menuitem:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.drv__menuitem svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.drv__menuitem--bad {
  color: var(--q-danger);
}
.drv__menuitem--bad:hover {
  background: var(--q-danger-surface);
}
.drv__sure {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: min(26rem, 100vw - var(--q-space-8));
  padding: var(--q-space-5);
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.drv__surename {
  margin: 0 0 var(--q-space-2);
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.drv__surenote {
  margin: 0 0 var(--q-space-5);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.drv__sureacts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.drv__sureacts .q-btn {
  flex: 0 0 auto;
}
.drv__menusays {
  margin: var(--q-space-1) 0 0;
  padding: 0 var(--q-space-3) var(--q-space-2);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.drv__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.drv__foot b {
  color: var(--q-text-strong);
}
.drv__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.drv__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.dfl {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  inline-size: min(26rem, 100vw);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-over);
}
.dfl:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -3px;
}
.dfl__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.dfl__title {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dfl__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  padding: var(--q-space-5);
  overflow-y: auto;
}
.dfl__group {
  display: flex;
  flex-direction: column;
}
.dfl__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.dfl__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.dfl__chip {
  padding: 0 var(--q-space-3);
  block-size: 2.125rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.dfl__chip:hover {
  border-color: var(--q-action);
}
.dfl__chip:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.dfl__chip--on {
  color: var(--q-action-fg);
  background: var(--q-action);
  border-color: var(--q-action);
}
.dfl__says {
  margin: var(--q-space-2) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dfl__adds {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.dfl__foot {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.dfl__foot .q-btn {
  flex: 1 1 auto;
}
.adv.adv--narrow {
  inline-size: min(30rem, 100vw - var(--q-space-8));
}
.adv.adv--wide {
  inline-size: min(52rem, 100vw - var(--q-space-8));
}
.adv__text {
  min-block-size: 6rem;
  resize: vertical;
}
.adv {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  inline-size: min(40rem, 100vw - var(--q-space-8));
  max-block-size: min(46rem, 100svh - var(--q-space-8));
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.adv:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.adv__head {
  padding: var(--q-space-5) var(--q-space-5) var(--q-space-4);
  border-block-end: 1px solid var(--q-hairline);
}
.adv__title {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.adv__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adv__body {
  padding: var(--q-space-5);
  overflow-y: auto;
}
.adv__optional {
  font-weight: var(--q-weight-regular);
  color: var(--q-text-muted);
}
.adv__password {
  position: relative;
  display: flex;
  align-items: center;
}
.adv__password .q-input {
  inline-size: 100%;
  padding-inline-end: var(--q-tap-min);
}
.adv__pwbtn {
  position: absolute;
  inset-inline-end: 0;
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-control-height);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
}
.adv__pwbtn:hover {
  color: var(--q-text-strong);
}
.adv__pwbtn:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.adv__pwactions {
  display: flex;
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-1);
  font-size: var(--q-text-xs);
}
.adv__bad {
  display: block;
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.adv__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.adv__foot .q-btn {
  flex: 0 0 auto;
}
.adv__state {
  flex: 1 1 12rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  text-align: end;
}
@media (max-width: 48rem) {
  .drv {
    padding: var(--q-space-4);
  }
  .drv__tabs {
    order: 3;
    inline-size: 100%;
  }
  .drv__tab {
    flex: 1 1 auto;
    justify-content: center;
  }
}
@media (max-width: 36rem) {
  .dfl {
    inline-size: 100vw;
  }
  .adv {
    inline-size: calc(100vw - var(--q-space-4));
    max-block-size: calc(100svh - var(--q-space-4));
  }
  .adv__state {
    flex-basis: 100%;
    text-align: start;
  }
}
.dvp {
  display: flex;
  flex-direction: column;
}
.dvp__top {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6) 0;
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-hairline);
}
.dvp__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  padding: var(--q-space-5) var(--q-space-6);
}
.dvp__head {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
}
@media (max-width: 90rem) {
  .dvp__head {
    flex-wrap: wrap;
  }
  .dvp__actions {
    inline-size: 100%;
    justify-content: flex-end;
  }
}
.dvp__back {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  border-radius: var(--q-radius-control);
}
.dvp__back svg {
  transform: scaleX(1);
}
.dvp__back:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.dvp__back:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
[dir=rtl] .dvp__back svg {
  transform: scaleX(-1);
}
.dvp__face {
  flex-shrink: 0;
  inline-size: 3rem;
  block-size: 3rem;
  object-fit: cover;
  border-radius: var(--q-radius-pill);
  background: var(--q-ink-50);
}
.dvp__face--none {
  display: grid;
  place-items: center;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.dvp__who {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.dvp__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dvp__state {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  font-family: var(--q-font-sans);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
}
.dvp__dot {
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  border-radius: var(--q-radius-pill);
  background: currentColor;
}
.dvp__state--on {
  color: var(--q-success);
}
.dvp__state--bad {
  color: var(--q-danger);
}
.dvp__itsyou {
  align-self: center;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvp__firm {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.dvp__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.dvp__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.dvp__actions .q-btn {
  flex: 0 0 auto;
}
.dvp__sure {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-card);
}
.dvp__sure .q-btn {
  flex: 0 0 auto;
}
.dvp__surenote {
  flex: 1 1 18rem;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-strong);
}
.dvp__bad {
  margin: 0 0 var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.dvp__tabs {
  display: flex;
  gap: var(--q-space-5);
}
.dvp__tab {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 0 var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  margin-block-end: -1px;
  cursor: pointer;
}
.dvp__tab:hover {
  color: var(--q-text-strong);
}
.dvp__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.dvp__tab--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.dvp__badge {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.25rem;
  padding: 0 0.375rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-danger);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-pill);
}
.dvp__alarm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  color: var(--q-danger);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-card);
}
.dvp__alarm > svg {
  flex-shrink: 0;
}
.dvp__alarmsays {
  flex: 1 1 20rem;
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-strong);
}
.dvp__alarmsays b {
  color: var(--q-danger);
}
.dvp__alarmdo {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.dvp__alarmdo .q-btn {
  flex: 0 0 auto;
}
.dvo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: var(--q-space-5);
  align-items: start;
}
.dvo__main,
.dvo__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  min-inline-size: 0;
}
.dvo__figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.dvo__figure {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  padding: var(--q-space-4) var(--q-space-5);
  border-inline-start: 1px solid var(--q-hairline);
}
.dvo__figure:first-child {
  border-inline-start: 0;
}
.dvo__big {
  font-family: var(--q-font-brand);
  font-size: var(--q-text-2xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dvo__small {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dvo__card {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.dvo__cardhead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.dvo__cardname {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dvo__live {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvo__quiet {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvo__rows {
  margin: 0;
  padding: 0;
}
.dvo__row {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.dvo__row:first-child {
  border-block-start: 0;
}
.dvo__key {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvo__val {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.125rem;
  margin: 0;
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.dvo__under {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dvo__car {
  margin-inline-start: var(--q-space-2);
  unicode-bidi: plaintext;
  color: var(--q-text-muted);
}
.dvo__rides {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dvo__ride {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 6rem;
  gap: var(--q-space-4);
  align-items: center;
  padding: var(--q-space-3) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.dvo__ride:first-child {
  border-block-start: 0;
}
.dvo__where {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.dvo__trip {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.dvo__origin {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvo__when,
.dvo__money {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.dvo__money {
  color: var(--q-text);
}
.dvo__chip {
  justify-self: end;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  white-space: nowrap;
  border-radius: var(--q-radius-chip);
}
.dvo__chip--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.dvo__chip--warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.dvo__chip--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.dvo__chip--quiet {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.dvo__empty {
  margin: 0;
  padding: var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvo__chart {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--q-space-2);
  padding: var(--q-space-5);
  block-size: 11rem;
}
.dvo__col {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  gap: var(--q-space-2);
  justify-content: end;
  block-size: 100%;
}
.dvo__count {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvo__bar {
  inline-size: 100%;
  min-block-size: 0.125rem;
  background: var(--q-ink-100);
  border-radius: var(--q-radius-chip);
}
.dvo__col:last-child .dvo__bar {
  background: var(--q-action);
}
.dvo__day {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvo__total {
  margin: 0;
  padding: 0 var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: var(--q-space-5);
  align-items: start;
}
.dvd__main,
.dvd__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  min-inline-size: 0;
}
.dvd__card {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.dvd__cardhead {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.dvd__cardname {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dvd__quiet {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvd__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dvd__item {
  border-block-start: 1px solid var(--q-hairline);
}
.dvd__item:first-child {
  border-block-start: 0;
}
.dvd__row {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto auto;
  gap: var(--q-space-4);
  align-items: center;
  padding: var(--q-space-3) var(--q-space-5);
}
.dvd__thumb {
  display: grid;
  place-items: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  overflow: hidden;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.dvd__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.dvd__thumb--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.dvd__thumb--warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.dvd__thumb--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.dvd__thumb--quiet {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.dvd__what {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.dvd__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.dvd__sub {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvd__state {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  white-space: nowrap;
}
.dvd__state--bad {
  color: var(--q-danger);
}
.dvd__state--warn {
  color: var(--q-warning-strong);
}
.dvd__state--ok {
  color: var(--q-success);
}
.dvd__state--quiet {
  color: var(--q-text-muted);
}
.dvd__missing {
  color: var(--q-warning-strong);
}
.dvd__do {
  display: flex;
  gap: var(--q-space-2);
  justify-content: end;
}
.dvd__do .q-btn {
  flex: 0 0 auto;
}
.dvd__bad {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.dvd__editor {
  padding: 0 var(--q-space-5) var(--q-space-4);
}
.dvd__drop {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--q-space-2);
  overflow: hidden;
  padding: var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
  transition: border-color var(--q-duration-quick) var(--q-ease-out);
}
.dvd__drop:hover {
  border-color: var(--q-ink-400);
  color: var(--q-text-strong);
}
.dvd__dropicon {
  display: flex;
  color: var(--q-text-muted);
}
.dvd__dropsays {
  overflow-wrap: anywhere;
}
.dvd__file {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  opacity: 0;
  cursor: pointer;
}
.dvd__fields {
  margin-block-start: var(--q-space-4);
}
.dvd__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-4);
}
.dvd__acts .q-btn {
  flex: 0 0 auto;
}
.dvd__actsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.dvd__tally {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-block-start: 1px solid var(--q-hairline);
  border-end-start-radius: var(--q-radius-card);
  border-end-end-radius: var(--q-radius-card);
}
.dvd__tallybad {
  color: var(--q-danger);
}
.dvd__tallywarn {
  color: var(--q-warning-strong);
}
.dvd__where {
  margin-inline-start: auto;
}
.dvd__empty {
  margin: 0;
  padding: var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvd__note,
.dvn__note--card {
  padding: var(--q-space-4) var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.dvd__note p,
.dvn__note--card p {
  margin: 0 0 var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dvd__note p:last-child,
.dvn__note--card p:last-child {
  margin-block-end: 0;
}
.dvd__notename,
.dvn__notename {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.dvn {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: var(--q-space-5);
  align-items: start;
}
.dvn__main {
  columns: 2;
  column-gap: var(--q-space-5);
}
.dvn__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  min-inline-size: 0;
}
.dvn__card {
  break-inside: avoid;
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.dvn__cardhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.dvn__cardname {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.dvn__switches {
  margin: 0;
  padding: var(--q-space-2) 0;
  list-style: none;
}
.dvn__switch {
  padding: var(--q-space-2) var(--q-space-5);
}
.dvn__toggle {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  cursor: pointer;
}
.dvn__what {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.dvn__name {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.dvn__says {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dvn__note {
  margin: 0;
  padding: var(--q-space-3) var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.dvn__note--card {
  border-block-start: 0;
}
.dvn__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-5);
}
.dvn__foot .q-btn {
  flex: 0 0 auto;
}
.dvn__state {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.dvn__bad {
  color: var(--q-danger);
}
@media (max-width: 64rem) {
  .dvo,
  .dvd,
  .dvn {
    grid-template-columns: minmax(0, 1fr);
  }
  .dvn__main {
    columns: 1;
  }
}
@media (max-width: 48rem) {
  .dvp__top {
    padding: var(--q-space-4) var(--q-space-4) 0;
  }
  .dvp__body {
    padding: var(--q-space-4);
  }
  .dvo__figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dvo__figure:nth-child(3),
  .dvo__figure:nth-child(4) {
    border-block-start: 1px solid var(--q-hairline);
  }
  .dvo__figure:nth-child(odd) {
    border-inline-start: 0;
  }
  .dvo__ride {
    grid-template-columns: minmax(0, 1fr) auto;
    row-gap: var(--q-space-2);
  }
  .dvd__row {
    grid-template-columns: 2.5rem minmax(0, 1fr);
    row-gap: var(--q-space-2);
  }
  .dvd__state,
  .dvd__do {
    grid-column: 2;
    justify-content: start;
  }
  .dvd__do {
    flex-wrap: wrap;
  }
  .dvd__state {
    white-space: normal;
  }
}
.dvo--one {
  grid-template-columns: minmax(0, 1fr);
}
.dvo__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.dvp__tabsplit {
  flex: 0 0 auto;
  align-self: center;
  inline-size: 1px;
  block-size: 1rem;
  margin-block-end: var(--q-space-3);
  background: var(--q-border);
}
.dvp__sure--grave {
  border: 1px solid var(--q-danger);
}
.dvp__surebad {
  flex: 1 1 100%;
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.dvp__cannotyet {
  margin: var(--q-space-3) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.cmp__half {
  grid-column: span 6;
}
.cmp__file {
  padding: var(--q-space-2);
  line-height: 1.4;
}
.cmp__out {
  margin-block-start: var(--q-space-4);
  padding-block-start: var(--q-space-4);
  border-block-start: 1px solid var(--q-hairline);
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
}
.cmp__figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--q-space-3);
}
.cmp__figure {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
  min-inline-size: 0;
}
.cmp__big {
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
}
.cmp__small {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cmp__agree {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-success);
  background: var(--q-success-surface);
  border-radius: var(--q-radius-card);
}
.cmp__gap {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
}
.cmp__gapname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cmp__gapsays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cmp__refs {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  max-block-size: 7rem;
  overflow-y: auto;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
  overflow-wrap: anywhere;
}
.cmp__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.mal__clear {
  gap: var(--q-space-1);
}
.mal__check {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.mal__how {
  margin-block-start: var(--q-space-4);
  padding: var(--q-space-4);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
}
.mal__howname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.mal__steps {
  margin: 0;
  padding-inline-start: var(--q-space-5);
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.mal__note {
  margin: var(--q-space-3) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (max-width: 36rem) {
  .cmp__half {
    grid-column: 1/-1;
  }
  .cmp__figures {
    grid-template-columns: minmax(0, 1fr);
  }
}
.pts {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
}
.pts__split {
  display: grid;
  grid-template-columns: 13rem minmax(0, 1fr);
  gap: var(--q-space-5);
  align-items: start;
}
.pts__rail {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  position: sticky;
  inset-block-start: var(--q-space-4);
}
.pts__cap {
  margin: var(--q-space-3) 0 var(--q-space-1);
  max-inline-size: none;
  padding-inline: var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.pts__cap:first-child {
  margin-block-start: 0;
}
.pts__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-2);
  text-align: start;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: 0.875rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pts__link:hover {
  background: var(--q-surface-sunken);
  color: var(--q-text-strong);
}
.pts__link:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.pts__link--on {
  background: var(--q-surface-sunken);
  color: var(--q-text-strong);
  font-weight: var(--q-weight-medium);
}
.pts__soon {
  flex: 0 0 auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pts__page {
  min-inline-size: 0;
}
.ptw__ladder {
  margin: 0;
  padding: 0 var(--q-space-5) var(--q-space-4);
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.ptw__step {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  min-inline-size: 0;
}
.ptw__stepn {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: 50%;
}
.ptw__stepbody {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-inline-size: 0;
}
.ptw__stepto {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.ptw__stepsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (max-width: 36rem) {
  .dvo__row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.125rem;
  }
  .dvp__head {
    flex-wrap: wrap;
  }
  .dvp__actions {
    inline-size: 100%;
    justify-content: flex-start;
  }
  .dvp__tabs {
    overflow-x: auto;
    gap: var(--q-space-4);
  }
  .dvp__tab {
    flex: 0 0 auto;
  }
}
@media (max-width: 60rem) {
  .pts__split {
    grid-template-columns: minmax(0, 1fr);
  }
  .pts__rail {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--q-space-1);
  }
  .pts__cap {
    display: none;
  }
  .pts__link {
    white-space: nowrap;
    border: 1px solid var(--q-border);
  }
}
.rdr {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
}
.rdr__head {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-4);
}
.rdr__headactions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3);
}
.rdr__headactions .q-btn {
  flex: 0 0 auto;
}
.rdr__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.rdr__search {
  position: relative;
  flex: 1 1 18rem;
  display: flex;
  align-items: center;
}
.rdr__search svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  color: var(--q-text-muted);
  pointer-events: none;
}
.rdr__search input {
  inline-size: 100%;
  padding-inline: calc(var(--q-space-3) * 2 + 0.9375rem) var(--q-space-3);
  block-size: var(--q-control-height);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
}
.rdr__search input:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 1px;
}
.rdr__tabs {
  display: flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.rdr__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 var(--q-space-3);
  block-size: 2rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.rdr__tab:hover {
  color: var(--q-text-strong);
}
.rdr__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.rdr__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.rdr__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.rdr__table tbody tr:nth-child(n+4):nth-last-child(-n+2) .rdr__menu {
  inset-block-start: auto;
  inset-block-end: calc(100% + 0.25rem);
}
.rdr__table {
  inline-size: 100%;
  min-inline-size: 66rem;
  border-collapse: collapse;
}
.rdr__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.rdr__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.rdr__table tbody tr:first-child td {
  border-block-start: 0;
}
.rdr__row:hover td {
  background: var(--q-surface-sunken);
}
.rdr__who {
  white-space: nowrap;
  overflow: hidden;
}
.rdr__face {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: var(--q-space-3);
  inline-size: 2.25rem;
  block-size: 2.25rem;
  object-fit: cover;
  border-radius: var(--q-radius-pill);
  background: var(--q-ink-50);
}
.rdr__face--none {
  display: inline-grid;
  place-items: center;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.rdr__whobody {
  display: inline-flex;
  flex-direction: column;
  gap: 0.0625rem;
  vertical-align: middle;
  min-inline-size: 0;
  white-space: normal;
  max-inline-size: 13rem;
}
.rdr__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rdr__contact {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.rdr__firm {
  white-space: nowrap;
}
.rdr__face--sm {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  margin-inline-end: var(--q-space-2);
  font-size: 0.5625rem;
}
.rdr__firmname {
  display: inline-block;
  vertical-align: middle;
  max-inline-size: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.rdr__firmnone {
  font-size: var(--q-text-sm);
  font-style: italic;
  color: var(--q-text-muted);
}
.rdr__sub {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rdr__book {
  min-inline-size: 9rem;
}
.rdr__state {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
}
.rdr__dot {
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  border-radius: var(--q-radius-pill);
  background: currentColor;
}
.rdr__state--on {
  color: var(--q-success);
}
.rdr__state--bad {
  color: var(--q-danger);
}
.rdr__book .rdr__sub {
  padding-inline-start: calc(0.4375rem + var(--q-space-2));
}
.rdr__rides {
  white-space: nowrap;
}
.rdr__ridecount {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.rdr__spend {
  white-space: nowrap;
}
.rdr__spark {
  display: inline-flex;
  vertical-align: middle;
  align-items: end;
  gap: 0.125rem;
  block-size: 1.25rem;
}
.rdr__bar {
  inline-size: 0.3125rem;
  min-block-size: 0.125rem;
  background: var(--q-action);
  border-radius: 0.0625rem;
}
.rdr__flat {
  align-self: center;
  inline-size: 2.5rem;
  block-size: 0.125rem;
  background: var(--q-border-strong);
  border-radius: 0.0625rem;
}
.rdr__money,
.rdr__spend .rdr__none {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.rdr__spend .rdr__none {
  color: var(--q-text-muted);
}
.rdr__ref {
  min-inline-size: 8rem;
}
.rdr__refname {
  unicode-bidi: plaintext;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.rdr__apps {
  white-space: nowrap;
}
.rdr__apps .q-fchip + .q-fchip {
  margin-inline-start: var(--q-space-2);
}
.rdr__joined {
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.rdr__joined > * {
  unicode-bidi: isolate;
}
.rdr__none {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.rdr__actions {
  inline-size: 1px;
}
.rdr__menuwrap {
  position: relative;
}
.rdr__more {
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rdr__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.rdr__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.rdr__menu {
  position: absolute;
  z-index: 3;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 0.25rem);
  display: flex;
  flex-direction: column;
  min-inline-size: 13.5rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.rdr__menuitem {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  text-align: start;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.rdr__menuitem:hover {
  background: var(--q-surface-sunken);
}
.rdr__menuitem:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.rdr__menuitem svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.rdr__menuitem--bad {
  color: var(--q-danger);
}
.rdr__menuitem--bad:hover {
  background: var(--q-danger-surface);
}
.rdr__sure {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: min(26rem, 100vw - var(--q-space-8));
  padding: var(--q-space-5);
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.rdr__surename {
  margin: 0 0 var(--q-space-2);
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rdr__surenote {
  margin: 0 0 var(--q-space-5);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rdr__sureacts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.rdr__sureacts .q-btn {
  flex: 0 0 auto;
}
.rdr__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.rdr__foot b {
  color: var(--q-text-strong);
}
.rdr__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.rdr__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.arv__addr {
  grid-column: 1/-1;
}
.arv__addrbox {
  position: relative;
  display: block;
}
.arv__addrbox .q-input {
  inline-size: 100%;
  padding-inline-end: var(--q-tap-min);
}
.arv__pin,
.arv__spinner {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-control-height);
  pointer-events: none;
}
.arv__pin {
  color: var(--q-success);
}
.arv__spinner::after {
  content: "";
  inline-size: 0.875rem;
  block-size: 0.875rem;
  border: 2px solid var(--q-border-strong);
  border-block-start-color: var(--q-action);
  border-radius: var(--q-radius-pill);
  animation: arv-spin 0.7s linear infinite;
}
@keyframes arv-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .arv__spinner::after {
    animation-duration: 2.4s;
  }
}
.arv__hits {
  margin: var(--q-space-2) 0 0;
  padding: var(--q-space-1);
  max-block-size: 13rem;
  overflow-y: auto;
  list-style: none;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-raised);
}
.arv__hit {
  display: block;
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.arv__hit:hover {
  background: var(--q-surface-sunken);
}
.arv__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.arv__hitname {
  display: block;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.arv__hitdetail {
  display: block;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.arv__parts {
  display: block;
  margin-block-start: var(--q-space-1);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.arv__parts b {
  color: var(--q-text);
  unicode-bidi: isolate;
}
.nrv__set {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}
.nrv__choices {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3) var(--q-space-4);
  margin-block-start: var(--q-space-2);
}
.nrv__choice {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text);
  cursor: pointer;
}
.nrv__choice input {
  inline-size: 1rem;
  block-size: 1rem;
  accent-color: var(--q-action);
  cursor: pointer;
}
.nrv__choice input:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.nrv__reach {
  margin: var(--q-space-4) 0 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.nrv__reach b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.nrv__reach--bad {
  color: var(--q-danger);
}
.nrv__reachsays {
  display: block;
  margin-block-start: 0.125rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.cmy__deal {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.cmy__nodeal {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-1);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-warning);
}
.cmy__bill {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.cmy__gaps {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-warning);
}
.asp__now {
  margin: 0 0 var(--q-space-4);
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.asp__what {
  padding: var(--q-space-4);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
}
.asp__whatname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.asp__does {
  margin: 0;
  padding-inline-start: var(--q-space-5);
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.asp__note {
  margin: var(--q-space-3) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (max-width: 48rem) {
  .rdr {
    padding: var(--q-space-4);
  }
  .rdr__tabs {
    order: 3;
    inline-size: 100%;
  }
  .rdr__tab {
    flex: 1 1 auto;
    justify-content: center;
  }
  .rdr__book .rdr__sub {
    white-space: normal;
  }
}
.rvp {
  display: flex;
  flex-direction: column;
}
.rvp__top {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6) 0;
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-hairline);
}
.rvp__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  padding: var(--q-space-5) var(--q-space-6);
}
.rvp__head {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
}
.rvp__back {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  border-radius: var(--q-radius-control);
}
.rvp__back svg {
  transform: scaleX(1);
}
.rvp__back:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.rvp__back:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
[dir=rtl] .rvp__back svg {
  transform: scaleX(-1);
}
.rvp__face {
  flex-shrink: 0;
  inline-size: 3rem;
  block-size: 3rem;
  object-fit: cover;
  border-radius: var(--q-radius-pill);
  background: var(--q-ink-50);
}
.rvp__face--none {
  display: grid;
  place-items: center;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.rvp__who {
  flex: 1;
  min-inline-size: 0;
}
.rvp__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rvp__state {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0.125rem var(--q-space-3);
  font-family: var(--q-font-sans);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  letter-spacing: 0;
  border-radius: var(--q-radius-pill);
}
.rvp__state svg {
  flex-shrink: 0;
}
.rvp__state--on {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.rvp__state--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.rvp__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.rvp__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3);
}
.rvp__actions .q-btn {
  flex: 0 0 auto;
}
.rvp__sure {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.rvp__surenote {
  flex: 1 1 16rem;
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
}
.rvp__bad {
  margin: var(--q-space-5) var(--q-space-6) var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.rvp__tabs {
  display: flex;
  gap: var(--q-space-5);
}
.rvp__tab {
  padding: 0 0 var(--q-space-3);
  margin-block-end: -1px;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  cursor: pointer;
}
.rvp__tab:hover {
  color: var(--q-text-strong);
}
.rvp__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.rvp__tab--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.rvo,
.rvd,
.rvn {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 21rem;
  gap: var(--q-space-5);
  align-items: start;
}
.rvo__main,
.rvo__side,
.rvd__main,
.rvd__side,
.rvn__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
  min-inline-size: 0;
}
.rvo__figures {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rvo__figure {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: var(--q-space-4) var(--q-space-5);
  border-inline-start: 1px solid var(--q-hairline);
}
.rvo__figure:first-child {
  border-inline-start: 0;
}
.rvo__big {
  font-family: var(--q-font-brand);
  font-size: var(--q-text-2xl);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rvo__big--bad {
  color: var(--q-danger);
}
.rvo__small {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvo__card,
.rvd__card {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rvo__cardhead,
.rvd__cardhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.rvo__cardname,
.rvd__cardname {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rvo__quiet,
.rvd__quiet {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rvo__rides {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rvo__ride {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 9rem;
  align-items: center;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.rvo__ride:first-child {
  border-block-start: 0;
}
.rvo__where {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.rvo__trip {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.rvo__who {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvo__when,
.rvo__money {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.rvo__money {
  color: var(--q-text);
}
.rvo__chip {
  justify-self: end;
  padding: 0.125rem var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  white-space: nowrap;
  border-radius: var(--q-radius-pill);
}
.rvo__chip--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.rvo__chip--warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.rvo__chip--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.rvo__chip--quiet {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.rvo__empty,
.rvd__empty {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-5);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.rvo__empty--flush {
  padding: 0;
}
.rvo__rows {
  margin: 0;
  padding: 0;
}
.rvo__row {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr);
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.rvo__row:first-child {
  border-block-start: 0;
}
.rvo__key {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.rvo__val {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.0625rem;
  margin: 0;
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  overflow-wrap: anywhere;
}
.rvo__under {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvo__apps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.rvo__address {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  padding: var(--q-space-4) var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.rvo__addrline {
  display: block;
}
.rvo__note {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-5) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.rvd__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rvd__item {
  border-block-start: 1px solid var(--q-hairline);
}
.rvd__item:first-child {
  border-block-start: 0;
}
.rvd__row {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) 11rem 16rem;
  align-items: center;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-5);
}
.rvd__thumb {
  display: grid;
  place-items: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  overflow: hidden;
  border-radius: var(--q-radius-control);
  background: var(--q-surface-sunken);
}
.rvd__thumb img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.rvd__thumb--ok {
  color: var(--q-success);
}
.rvd__thumb--warn {
  color: var(--q-warning-strong);
}
.rvd__thumb--bad {
  color: var(--q-danger);
}
.rvd__thumb--quiet {
  color: var(--q-text-muted);
}
.rvd__what {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.rvd__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.rvd__sub {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvd__missing {
  color: var(--q-warning-strong);
}
.rvd__state {
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
}
.rvd__state--ok {
  color: var(--q-success);
}
.rvd__state--warn {
  color: var(--q-warning-strong);
}
.rvd__state--bad {
  color: var(--q-danger);
}
.rvd__state--quiet {
  color: var(--q-text-muted);
}
.rvd__do {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
  gap: var(--q-space-3);
}
.rvd__do .q-btn {
  flex: 0 0 auto;
}
.rvd__editor {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: 0 var(--q-space-5) var(--q-space-4);
}
.rvd__drop {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rvd__drop:hover {
  border-color: var(--q-action);
  color: var(--q-text);
}
.rvd__drop:focus-within {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.rvd__dropicon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.rvd__dropsays {
  overflow-wrap: anywhere;
}
.rvd__file {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.rvd__fields {
  margin: 0;
}
.rvd__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.rvd__acts .q-btn {
  flex: 0 0 auto;
}
.rvd__actsays {
  flex: 1 1 10rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvd__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.rvd__tally {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-5);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-block-start: 1px solid var(--q-hairline);
  border-end-start-radius: var(--q-radius-card);
  border-end-end-radius: var(--q-radius-card);
}
.rvd__tally b {
  color: var(--q-text-strong);
}
.rvd__tallywarn {
  color: var(--q-warning-strong);
}
.rvd__where {
  margin-inline-start: auto;
}
.rvn__banner {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-5);
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.rvn__lock {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  block-size: 1.25rem;
  color: var(--q-text-muted);
}
.rvn__bannersays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
}
.rvn__bannersays b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.rvn__main {
  columns: 2;
  column-gap: var(--q-space-5);
  min-inline-size: 0;
}
.rvn__card {
  break-inside: avoid;
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rvn__cardhead {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.rvn__cardname {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rvn__readonly {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rvn__switches {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rvn__switch {
  border-block-start: 1px solid var(--q-hairline);
}
.rvn__switch:first-child {
  border-block-start: 0;
}
.rvn__toggle {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-5);
}
.rvn__what {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  flex: 1;
  min-inline-size: 0;
}
.rvn__name {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.rvn__says {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rvn__value {
  flex-shrink: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rvn__value--off {
  color: var(--q-text);
}
.rvd__note,
.rvn__note {
  padding: var(--q-space-4) var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rvd__note p,
.rvn__note p {
  margin: 0 0 var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.rvd__note p:last-child,
.rvn__note p:last-child {
  margin-block-end: 0;
}
.rvn__note--warm {
  background: var(--q-warning-surface);
  border-color: transparent;
}
.rvn__note--warm p {
  color: var(--q-text);
}
.rvd__notename,
.rvn__notename {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
@media (max-width: 64rem) {
  .rvo,
  .rvd,
  .rvn {
    grid-template-columns: minmax(0, 1fr);
  }
  .rvn__main {
    columns: 1;
  }
}
@media (max-width: 48rem) {
  .rvp__top,
  .rvp__body {
    padding-inline: var(--q-space-4);
  }
  .rvp__body {
    padding-block: var(--q-space-4);
  }
  .rvp__bad {
    margin-inline: var(--q-space-4);
  }
  .rvo__figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .rvo__figure:nth-child(odd) {
    border-inline-start: 0;
  }
  .rvo__figure:nth-child(n+3) {
    border-block-start: 1px solid var(--q-hairline);
  }
  .rvo__ride {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .rvo__when {
    display: none;
  }
  .rvd__row {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }
  .rvd__state,
  .rvd__do {
    grid-column: 2;
    justify-content: start;
  }
}
@media (max-width: 36rem) {
  .rvo__row {
    grid-template-columns: minmax(0, 1fr);
  }
  .rvp__head {
    flex-wrap: wrap;
  }
  .rvp__actions {
    inline-size: 100%;
  }
}
.gst {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
}
.gst__head {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-4);
}
.gst__headactions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-3);
}
.gst__headactions .q-btn {
  flex: 0 0 auto;
}
.gst__kinds {
  display: flex;
  gap: var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.gst__kind {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 0 var(--q-space-3);
  margin-block-end: -1px;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  border-block-end: 2px solid transparent;
}
.gst__kind:hover {
  color: var(--q-text-strong);
}
.gst__kind:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.gst__kind--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.gst__kindcount {
  color: var(--q-text-muted);
}
.gst__kindbadge {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.5rem;
  block-size: 1.25rem;
  padding-inline: 0.375rem;
  font-size: var(--q-text-xs);
  color: var(--q-action-fg);
  background: var(--q-action);
  border-radius: var(--q-radius-pill);
}
.gst__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.gst__search {
  position: relative;
  flex: 1 1 18rem;
  display: flex;
  align-items: center;
}
.gst__search svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  color: var(--q-text-muted);
  pointer-events: none;
}
.gst__search input {
  inline-size: 100%;
  padding-inline: calc(var(--q-space-3) * 2 + 0.9375rem) var(--q-space-3);
  block-size: var(--q-control-height);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
}
.gst__search input:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 1px;
}
.gst__tabs {
  display: flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.gst__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 var(--q-space-3);
  block-size: 2rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.gst__tab:hover {
  color: var(--q-text-strong);
}
.gst__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.gst__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.gst__sort {
  display: flex;
}
.gst__sort .q-select {
  inline-size: auto;
}
.gst__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.gst__table {
  inline-size: 100%;
  min-inline-size: 58rem;
  border-collapse: collapse;
}
.gst__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.gst__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.gst__table tbody tr:first-child td {
  border-block-start: 0;
}
.gst__row:hover td {
  background: var(--q-surface-sunken);
}
.gst__who {
  white-space: nowrap;
  overflow: hidden;
}
.gst__face {
  display: inline-grid;
  place-items: center;
  vertical-align: middle;
  margin-inline-end: var(--q-space-3);
  inline-size: 2.25rem;
  block-size: 2.25rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-ink-50);
  border-radius: var(--q-radius-pill);
}
.gst__whobody {
  display: inline-flex;
  flex-direction: column;
  gap: 0.0625rem;
  vertical-align: middle;
  min-inline-size: 0;
  white-space: normal;
  max-inline-size: 15rem;
}
.gst__firm {
  white-space: nowrap;
}
.gst__face--sm {
  inline-size: 1.5rem;
  block-size: 1.5rem;
  margin-inline-end: var(--q-space-2);
  font-size: 0.5625rem;
  object-fit: cover;
}
.gst__firmname {
  display: inline-block;
  vertical-align: middle;
  max-inline-size: 11rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.gst__firmnone {
  font-size: var(--q-text-sm);
  font-style: italic;
  color: var(--q-text-muted);
}
.gst__name {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.gst__contact {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.gst__phone {
  white-space: nowrap;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.gst__was {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.gst__bookings {
  white-space: nowrap;
}
.gst__count {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.gst__when {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.gst__spend {
  white-space: nowrap;
}
.gst__spark {
  display: inline-flex;
  vertical-align: middle;
  align-items: end;
  gap: 0.125rem;
  block-size: 1.25rem;
}
.gst__bar {
  inline-size: 0.3125rem;
  min-block-size: 0.125rem;
  background: var(--q-action);
  border-radius: 0.0625rem;
}
.gst__flat {
  align-self: center;
  inline-size: 2.5rem;
  block-size: 0.125rem;
  background: var(--q-border-strong);
  border-radius: 0.0625rem;
}
.gst__money {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.gst__flagcell {
  white-space: nowrap;
}
.gst__flag {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
}
.gst__flag svg {
  flex-shrink: 0;
}
.gst__none {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.gst__contact.gst__none {
  font-size: var(--q-text-xs);
}
.gst__actions {
  inline-size: 1px;
}
.gst__menuwrap {
  position: relative;
}
.gst__more {
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.gst__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.gst__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.gst__menu {
  position: absolute;
  z-index: 3;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 0.25rem);
  display: flex;
  flex-direction: column;
  min-inline-size: 14rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.gst__menuitem {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  text-align: start;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.gst__menuitem:hover {
  background: var(--q-surface-sunken);
}
.gst__menuitem:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.gst__menuitem svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.gst__menucount {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.gst__menusays {
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-2) var(--q-space-3);
  max-inline-size: 13rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.gst__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.gst__foot b {
  color: var(--q-text-strong);
}
.gst__note {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.gst__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.gst__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.co__field .gst__bad {
  display: block;
  margin-block-start: var(--q-space-1);
  font-size: var(--q-text-xs);
}
.gst__bad--band {
  margin-block-start: var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.gst__optional {
  font-weight: var(--q-weight-regular);
  color: var(--q-text-muted);
}
.gst__drawer {
  inline-size: min(32rem, 100vw);
}
.agd__field {
  position: relative;
  display: flex;
  flex: 1;
  min-inline-size: 0;
  direction: ltr;
}
.agd__field .q-input {
  inline-size: 100%;
  padding-inline-end: var(--q-tap-min);
}
.agd__mark {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-control-height);
  color: var(--q-warning-strong);
  pointer-events: none;
}
.agd__explain {
  margin: var(--q-space-2) 0 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.agd__explain b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.agd__note {
  margin: var(--q-space-4) 0 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.agd__note--warn {
  color: var(--q-text);
  background: var(--q-warning-surface);
}
@media (max-width: 66rem) {
  .gst__tablewrap {
    overflow-x: auto;
    position: relative;
  }
  .gst__table tbody tr:nth-child(n+4):nth-last-child(-n+2) .gst__menu {
    inset-block-start: auto;
    inset-block-end: calc(100% + 0.25rem);
  }
}
@media (max-width: 48rem) {
  .gst {
    padding: var(--q-space-4);
  }
  .gst__tabs {
    order: 3;
    inline-size: 100%;
  }
  .gst__tab {
    flex: 1 1 auto;
    justify-content: center;
  }
  .gst__sort {
    order: 4;
    inline-size: 100%;
  }
  .gst__sort .q-select {
    inline-size: 100%;
  }
}
.adm__pick {
  display: flex;
}
.adm__pick select {
  block-size: 2.25rem;
  padding-inline: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.adm .rdr__tabs {
  max-inline-size: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
}
.adm .rdr__tabs .rdr__tab {
  flex: 0 0 auto;
  white-space: nowrap;
}
.adm__role {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.adm__checked {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adm__reach {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.adm__works {
  display: block;
  max-inline-size: 16rem;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  overflow-wrap: anywhere;
}
.adm__stray {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adw.sdw {
  inline-size: min(52rem, 100vw);
}
.adw__parts {
  display: flex;
  gap: var(--q-space-1);
  padding-inline: var(--q-space-6);
  border-block-end: 1px solid var(--q-border);
}
.adw__part {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-3) var(--q-space-3);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  cursor: pointer;
}
.adw__part:hover {
  color: var(--q-text);
}
.adw__part:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.adw__part--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-brand);
}
.adw__dot {
  inline-size: 6px;
  block-size: 6px;
  border-radius: 50%;
  background: var(--q-danger);
}
.adw__fields {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-5);
}
.adw__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  flex: 1 1 18rem;
  min-inline-size: 0;
}
.adw__field--wide {
  flex-basis: 100%;
}
.adw__label {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.adw__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adw__bad {
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.adw__says {
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
  max-inline-size: 44rem;
}
.adw__note {
  flex-basis: 100%;
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  max-inline-size: 44rem;
}
.adw__warn {
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning);
  background: var(--q-warning-surface);
  border-inline-start: 3px solid var(--q-warning);
  border-radius: var(--q-radius-control);
}
.adw__pwrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
.adw__pwrow .q-input {
  flex: 1 1 12rem;
  min-inline-size: 0;
}
.adw__chosen {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
}
.adw__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 3px 8px;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: 999px;
}
.adw__chip--off {
  cursor: pointer;
}
.adw__chip--off:hover {
  border-color: var(--q-danger);
  color: var(--q-danger);
}
.adw__chip--off:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.adw__hits {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-block-size: 14rem;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}
.adw__hit {
  display: flex;
  flex-direction: column;
  gap: 1px;
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.adw__hit b {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  font-weight: var(--q-weight-medium);
}
.adw__hit span {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adw__hit:hover {
  background: var(--q-surface-sunken);
}
.adw__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.adw__hit--on {
  background: var(--q-brand-surface, var(--q-surface-sunken));
}
.adw__hit--on b {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.adw__grants {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-5);
}
.adw__group {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
}
.adw__grouphead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.adw__groupname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.adw__all {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  cursor: pointer;
}
.adw__matrix {
  inline-size: 100%;
  border-collapse: collapse;
}
.adw__matrix th,
.adw__matrix td {
  padding: var(--q-space-2) var(--q-space-2);
  text-align: start;
  border-block-end: 1px solid var(--q-border);
}
.adw__matrix thead th {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.adw__matrix thead th:not(:first-child),
.adw__matrix tbody td {
  text-align: center;
  inline-size: 4.5rem;
}
.adw__matrix tbody th {
  inline-size: auto;
  font-weight: var(--q-weight-regular);
}
.adw__screen {
  display: block;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.adw__path {
  display: block;
  font-family: var(--q-font-mono, ui-monospace, monospace);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  direction: ltr;
  text-align: start;
  unicode-bidi: isolate;
}
.adw__tick {
  display: inline-flex;
  cursor: pointer;
}
.adw__tick input {
  cursor: pointer;
}
.adw__na {
  color: var(--q-text-disabled);
  font-size: var(--q-text-sm);
}
.adw__group--stray {
  padding: var(--q-space-4);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
}
.adw__straylist {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.adw__straylist li {
  display: flex;
  align-items: baseline;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adw__footrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
}
@media (max-width: 64rem) {
  .adw.sdw {
    inline-size: 100vw;
  }
  .adw__matrix {
    display: block;
    overflow-x: auto;
  }
}
.prd {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
}
.prd__head {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-4);
}
.prd__head .q-btn {
  flex: 0 0 auto;
}
.prd__kinds {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.prd__kind {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 0 var(--q-space-3);
  margin-block-end: -1px;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-block-end: 2px solid transparent;
  cursor: pointer;
}
.prd__kind:hover {
  color: var(--q-text-strong);
}
.prd__kind:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prd__kind--on {
  color: var(--q-text-strong);
  border-block-end-color: var(--q-action);
}
.prd__kindcount {
  color: var(--q-text-muted);
}
.prd__kindbadge {
  display: inline-grid;
  place-items: center;
  min-inline-size: 1.75rem;
  block-size: 1.25rem;
  padding-inline: 0.375rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-pill);
}
.prd__alarm {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.prd__alarm svg {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
  color: var(--q-danger);
}
.prd__alarm b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-danger);
}
.prd__note {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.prd__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.prd__search {
  position: relative;
  flex: 1 1 16rem;
  display: flex;
  align-items: center;
}
.prd__search svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  color: var(--q-text-muted);
  pointer-events: none;
}
.prd__search input {
  inline-size: 100%;
  padding-inline: calc(var(--q-space-3) * 2 + 0.9375rem) var(--q-space-3);
  block-size: var(--q-control-height);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
}
.prd__search input:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 1px;
}
.prd__tabs {
  display: flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.prd__tab {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0 var(--q-space-3);
  block-size: 2rem;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.prd__tab:hover {
  color: var(--q-text-strong);
}
.prd__tab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prd__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.prd__pick {
  display: flex;
}
.prd__pick .q-select {
  inline-size: auto;
}
.prd__bulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  color: var(--q-ink-50);
  background: var(--q-action);
  border-radius: var(--q-radius-control);
}
.prd__bulk .q-btn {
  flex: 0 0 auto;
}
.prd__bulkgo {
  color: var(--q-action);
  background: var(--q-surface);
  border-color: var(--q-surface);
}
.prd__bulkgo:hover:not(:disabled) {
  background: var(--q-ink-50);
  border-color: var(--q-ink-50);
}
.prd__bulkno {
  color: var(--q-ink-50);
  background: transparent;
  border-color: var(--q-ink-400);
}
.prd__bulkno:hover:not(:disabled) {
  color: var(--q-action);
  background: var(--q-surface);
  border-color: var(--q-surface);
}
.prd__bulkcount {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-surface);
}
.prd__bulksays {
  flex: 1 1 14rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-ink-200);
  text-align: end;
}
.prd__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.prd__table {
  inline-size: 100%;
  min-inline-size: 62rem;
  border-collapse: collapse;
}
.prd__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.prd__table td {
  padding: var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.prd__table tbody tr:first-child td {
  border-block-start: 0;
}
.prd__row:hover td {
  background: var(--q-surface-sunken);
}
.prd__row--on td {
  background: var(--q-info-surface);
}
.prd__num {
  text-align: end;
}
.prd__tick {
  inline-size: 1px;
  padding-inline-end: 0;
}
.prd__box {
  inline-size: 1rem;
  block-size: 1rem;
  accent-color: var(--q-action);
  cursor: pointer;
}
.prd__box:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prd__what {
  min-inline-size: 18rem;
}
.prd__name {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.prd__about {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prd__flags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-2);
}
.prd__flag {
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-action);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-pill);
}
.prd__flag--quiet {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.prd__flag--money {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.prd__cost,
.prd__for {
  white-space: nowrap;
  min-inline-size: 9rem;
}
.prd__costbig {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.prd__costsays {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  white-space: normal;
  color: var(--q-text-muted);
}
.prd__forname {
  display: block;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.prd__terms {
  min-inline-size: 11rem;
}
.prd__doc {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.prd__doc svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.prd__doclink {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-action);
  background: none;
  border: 0;
  cursor: pointer;
}
.prd__doclink:hover {
  text-decoration: underline;
}
.prd__doclink:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prd__doclink svg {
  flex-shrink: 0;
}
.prd__termssays,
.prd__when,
.prd__countsays {
  display: block;
  margin-block-start: 0.0625rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prd__count {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.prd__waiting {
  display: block;
  inline-size: 100%;
  padding: 0;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-warning-strong);
  text-align: end;
  background: none;
  border: 0;
  cursor: pointer;
}
.prd__waiting:hover {
  text-decoration: underline;
}
.prd__waiting:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prd__waiting .prd__countsays {
  text-decoration: none;
}
.prd__waits {
  min-inline-size: 9rem;
}
.prd__days {
  display: block;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  white-space: nowrap;
}
.prd__days--quiet {
  color: var(--q-text);
}
.prd__days--warn {
  color: var(--q-warning-strong);
}
.prd__days--bad {
  color: var(--q-danger);
}
.prd__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0.125rem var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  white-space: nowrap;
  border-radius: var(--q-radius-pill);
}
.prd__chip--ok {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.prd__chip--warn {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.prd__chip--bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.prd__chip--quiet {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.prd__none {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.prd__actions {
  inline-size: 1px;
}
.prd__rowacts {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.prd__rowacts .q-btn {
  flex: 0 0 auto;
}
.prd__menuwrap {
  position: relative;
}
.prd__more {
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.prd__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.prd__more:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prd__menu {
  position: absolute;
  z-index: 3;
  inset-inline-end: 0;
  inset-block-start: calc(100% + 0.25rem);
  display: flex;
  flex-direction: column;
  min-inline-size: 14rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.prd__menuitem {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text);
  text-align: start;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.prd__menuitem:hover {
  background: var(--q-surface-sunken);
}
.prd__menuitem:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prd__menuitem svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.prd__menuitem--bad {
  color: var(--q-danger);
}
.prd__menuitem--bad:hover {
  background: var(--q-danger-surface);
}
.prd__menusays {
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-2) var(--q-space-3);
  max-inline-size: 13rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.prd__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.prd__foot b {
  color: var(--q-text-strong);
}
.prd__footlink {
  padding: 0;
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-warning-strong);
  background: none;
  border: 0;
  cursor: pointer;
}
.prd__footlink:hover {
  text-decoration: underline;
}
.prd__footlink:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prd__footlink b {
  color: inherit;
}
.prd__footsays {
  color: var(--q-text-muted);
}
.prd__cannot {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.prd__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  color: var(--q-danger);
}
.prw {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  inline-size: min(34rem, 100vw);
  background: var(--q-canvas);
  box-shadow: var(--q-shadow-over);
}
.prw:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -3px;
}
.prw__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-5);
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-hairline);
}
.prw__title {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.prw__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__close {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.prw__close:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.prw__close:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prw__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5);
  overflow-y: auto;
}
.prw__group {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.prw__groupname {
  margin: 0;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.prw__groupsays {
  margin: calc(var(--q-space-2) * -1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  min-inline-size: 0;
}
.prw__field--half {
  max-inline-size: 12rem;
}
.prw__label {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.prw__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__text {
  min-block-size: 4rem;
  resize: vertical;
}
.prw__bad {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.prw__switch {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  cursor: pointer;
}
.prw__switchwhat {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.prw__switchname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.prw__switchsays {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__money {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--q-space-3);
}
.prw__euro {
  position: relative;
  display: flex;
  align-items: center;
}
.prw__euro > span {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  pointer-events: none;
}
.prw__euro .q-input {
  inline-size: 100%;
  padding-inline-start: calc(var(--q-space-3) * 2 + 0.5rem);
}
.prw__sum {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.prw__sum svg {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
  color: var(--q-text-muted);
}
.prw__sum b {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.prw__drop {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.prw__drop:hover {
  border-color: var(--q-action);
  color: var(--q-text);
}
.prw__drop:focus-within {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.prw__dropicon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.prw__dropsays {
  overflow-wrap: anywhere;
}
.prw__file {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.prw__note {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__tags {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-hairline);
}
.prw__tagssays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.prw__taglist {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.prw__tag {
  display: flex;
  align-items: baseline;
  gap: var(--q-space-2);
  inline-size: 100%;
  padding: var(--q-space-2);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.prw__tag:hover {
  background: var(--q-surface-sunken);
}
.prw__tag:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prw__tag code {
  font-size: var(--q-text-xs);
  color: var(--q-action);
  unicode-bidi: isolate;
}
.prw__tagwhat {
  flex: 1;
  min-inline-size: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.prw__tagcopy {
  flex-shrink: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.prw__tag:hover .prw__tagcopy {
  color: var(--q-action);
}
.prw__langs {
  display: flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
  align-self: start;
}
.prw__lang {
  padding: 0 var(--q-space-3);
  block-size: 1.75rem;
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: calc(var(--q-radius-control) - 0.125rem);
  cursor: pointer;
}
.prw__lang:hover {
  color: var(--q-text-strong);
}
.prw__lang:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.prw__lang--on {
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.prw__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  background: var(--q-surface);
  border-block-start: 1px solid var(--q-hairline);
}
.prw__foot .q-btn {
  flex: 0 0 auto;
}
.prw__state {
  flex: 1 1 12rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  text-align: end;
}
@media (max-width: 72rem) {
  .prd__tablewrap {
    overflow-x: auto;
    position: relative;
  }
  .prd__table tbody tr:nth-child(n+4):nth-last-child(-n+2) .prd__menu {
    inset-block-start: auto;
    inset-block-end: calc(100% + 0.25rem);
  }
}
@media (max-width: 48rem) {
  .prd {
    padding: var(--q-space-4);
  }
  .prd__tabs {
    order: 3;
    inline-size: 100%;
    flex-wrap: wrap;
  }
  .prd__tab {
    flex: 1 1 8rem;
    justify-content: center;
  }
  .prd__pick {
    order: 4;
    flex: 1 1 10rem;
  }
  .prd__pick .q-select {
    inline-size: 100%;
  }
  .prd__bulksays {
    flex-basis: 100%;
    text-align: start;
  }
  .prw__money {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 36rem) {
  .prw__state {
    flex-basis: 100%;
    text-align: start;
  }
}
.adr {
  position: fixed;
  inset: 0;
  z-index: 61;
  display: flex;
  flex-direction: column;
  inline-size: 100vw;
  block-size: 100vh;
  block-size: 100svh;
  background: var(--q-surface);
  animation: adrIn var(--q-duration-panel) var(--q-ease-out) backwards;
}
.adr:focus {
  outline: none;
}
@keyframes adrIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .adr {
    animation: none;
  }
}
.adr__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-end: 1px solid var(--q-border);
}
.adr__title {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.adr__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adr__body {
  flex-grow: 1;
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  gap: var(--q-space-5);
  padding: var(--q-space-5) var(--q-space-6);
  background: var(--q-surface-sunken);
  align-items: start;
}
@media (min-width: 100rem) {
  .adr__body {
    justify-content: center;
  }
}
.adr__form,
.adr__side {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.adr__form .co__card,
.adr__side .co__card {
  margin-block-end: 0;
}
.adr .co__body > .adr__chain,
.adr .co__body > .adr__stopbar,
.adr .co__body > .adr__return {
  grid-column: 1/-1;
}
.adr__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-5);
  border-block-start: 1px solid var(--q-border);
}
.adr__foot .q-btn {
  flex: 0 0 auto;
}
.adr__state {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: end;
}
@media (max-width: 36rem) {
  .adr__state {
    flex-basis: 100%;
    margin-inline-start: 0;
    text-align: start;
  }
}
.adr__bad {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-danger);
}
.adr__warn {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
}
.adr__rel {
  position: relative;
}
.adr__hits {
  position: absolute;
  z-index: 5;
  inset-block-start: 100%;
  inset-inline: 0;
  max-block-size: 17rem;
  overflow-y: auto;
  margin-block-start: 0.25rem;
  padding-block: 0.25rem;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-raised);
}
.adr__hitgroup {
  margin: var(--q-space-1) 0 0.125rem;
  padding-inline: var(--q-space-3);
  max-inline-size: none;
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.adr__hit {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.adr__hit:hover:not(:disabled) {
  background: var(--q-surface-sunken);
}
.adr__hit:disabled {
  cursor: default;
  opacity: 0.6;
}
.adr__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.adr__hitname {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.adr__hitdetail {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__star {
  margin-inline-end: 0.25rem;
  color: var(--q-warning);
}
.adr__hitnote {
  margin: 0;
  padding: var(--q-space-2) var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__addr {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.adr__search {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.adr__search .q-input {
  flex-grow: 1;
  min-inline-size: 0;
}
.adr__picked {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  min-block-size: 2.5rem;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.adr__picked svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.adr__pickedtext {
  flex-grow: 1;
  min-inline-size: 0;
  overflow-wrap: anywhere;
}
.adr__change {
  flex-shrink: 0;
  padding: 0;
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-action);
  text-decoration: underline;
  background: none;
  border: 0;
  cursor: pointer;
}
.adr__change:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.adr__detail {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__dropstop {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  color: var(--q-text-disabled);
  background: none;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
}
.adr__dropstop:hover {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.adr__dropstop:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.adr__chain {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.adr__run {
  position: absolute;
  inset-inline-start: 0.34375rem;
  inset-block: 1.15rem;
  inline-size: 1px;
  background: var(--q-border-strong);
}
.adr__leg {
  position: relative;
  display: grid;
  grid-template-columns: 0.75rem 1.3125rem minmax(0, 1fr);
  column-gap: var(--q-space-2);
  align-items: start;
}
.adr__legbody {
  display: block;
  grid-column: 3;
  min-inline-size: 0;
}
.adr__pin {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  margin-block-start: 1.15rem;
  font-size: 0.5rem;
  font-weight: var(--q-weight-semibold);
  background: var(--q-surface);
}
.adr__pin--start {
  border: 2px solid var(--q-text-strong);
  border-radius: 50%;
}
.adr__pin--end {
  background: var(--q-brand);
  border-radius: 2px;
}
.adr__pin--via {
  color: var(--q-text-inverse);
  background: var(--q-text-strong);
  border-radius: 3px;
}
.adr__order {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-block-start: 1rem;
}
.adr__move {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.25rem;
  block-size: 1.125rem;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  cursor: pointer;
}
.adr__move:first-child {
  border-start-start-radius: var(--q-radius-control);
  border-start-end-radius: var(--q-radius-control);
  border-block-end: 0;
}
.adr__move:last-child {
  border-end-start-radius: var(--q-radius-control);
  border-end-end-radius: var(--q-radius-control);
}
.adr__move:hover:not(:disabled) {
  color: var(--q-text-strong);
  background: var(--q-surface-raised);
}
.adr__move:disabled {
  color: var(--q-text-disabled);
  opacity: 0.55;
  cursor: default;
}
.adr__move:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
  z-index: 1;
}
.adr__stopbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
}
.adr__addstop {
  display: flex;
  align-items: center;
  gap: var(--q-space-1);
  padding: 0;
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-action);
  background: none;
  border: 0;
  cursor: pointer;
}
.adr__addstop:disabled {
  color: var(--q-text-disabled);
  cursor: default;
}
.adr__addstop:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.adr__switchtext {
  font-weight: var(--q-weight-medium);
}
.adr__switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-2);
  inline-size: 100%;
  min-block-size: 2.5rem;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.adr__switch:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.adr__switch--on {
  color: var(--q-text-strong);
}
.adr__switch--on .adr__knob {
  background: var(--q-action);
}
.adr__switch--on .adr__knob::after {
  inset-inline-start: 1.0625rem;
}
.adr__knob {
  position: relative;
  flex-shrink: 0;
  inline-size: 2rem;
  block-size: 1.125rem;
  background: var(--q-border-strong);
  border-radius: 1rem;
  transition: background var(--q-duration-quick) var(--q-ease-out);
}
.adr__knob::after {
  content: "";
  position: absolute;
  inset-block-start: 0.125rem;
  inset-inline-start: 0.125rem;
  inline-size: 0.875rem;
  block-size: 0.875rem;
  background: var(--q-surface);
  border-radius: 50%;
  transition: inset-inline-start var(--q-duration-quick) var(--q-ease-out);
}
@media (prefers-reduced-motion: reduce) {
  .adr__knob,
  .adr__knob::after {
    transition: none;
  }
}
.adr__return {
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.adr__returnsays {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin: 0 0 var(--q-space-2);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__returnsays svg {
  flex-shrink: 0;
}
.adr__returnwhen {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  max-inline-size: 16rem;
}
.adr__mapcard {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.adr__map {
  block-size: clamp(11rem, 26svh, 20rem);
  background: var(--q-surface-sunken);
}
.adr__strip {
  display: flex;
  align-items: center;
  gap: var(--q-space-5);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.adr__fig {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.adr__fig strong {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.adr__figname {
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.adr__stripnote {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__stripnote--bad {
  color: var(--q-danger);
}
.adr__mapnote {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-disabled);
}
.adr__moneycard {
  padding-block-end: var(--q-space-3);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.adr__moneycard .co__groupname {
  border-block-end: 1px solid var(--q-border);
}
.adr__moneycard--off {
  opacity: 0.95;
}
.adr__leglabel {
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4) var(--q-space-1);
  max-inline-size: none;
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.adr__leglabel--back {
  border-block-start: 1px solid var(--q-border);
  margin-block-start: var(--q-space-2);
}
.adr__money {
  display: flex;
  flex-direction: column;
  padding: var(--q-space-2) var(--q-space-4) 0;
}
.adr__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding-block: var(--q-space-1);
}
.adr__rowname {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.adr__amount {
  inline-size: 7rem;
  text-align: end;
}
.adr__amount--pct {
  inline-size: 4.5rem;
}
.adr__pct {
  display: flex;
  align-items: center;
  gap: var(--q-space-1);
}
.adr__pctsign {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.adr__row--keep {
  margin-block-start: var(--q-space-2);
  padding-block-start: var(--q-space-2);
  border-block-start: 1px solid var(--q-border);
}
.adr__row--keep .adr__rowname {
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.adr__row--keep strong {
  font-size: var(--q-text-base);
  color: var(--q-text-strong);
}
.adr__quoting,
.adr__quotenote,
.adr__feenote,
.adr__requote {
  margin: var(--q-space-2) 0 0;
  padding-inline: var(--q-space-4);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adr__feenote {
  color: var(--q-text-disabled);
}
.adr__requote {
  color: var(--q-text);
}
.adr__takequote {
  padding: 0;
  margin-inline-start: 0.25rem;
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-action);
  text-decoration: underline;
  background: none;
  border: 0;
  cursor: pointer;
}
.adr__takequote:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.adr__meter {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-3) var(--q-space-4) 0;
  padding: var(--q-space-2) var(--q-space-3);
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.adr__meter svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
.adr__delivery {
  background: var(--q-surface);
  border: 1px dashed var(--q-text-disabled);
  border-radius: var(--q-radius-card);
}
.adr__delivery .co__groupname {
  border-block-end: 0;
  padding-block-end: 0;
}
.adr__deliverybody {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-4) var(--q-space-4);
}
.adr__deliverysays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adr__deliveryfield {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
}
.adr__deliveryfield .q-input {
  inline-size: 9rem;
  text-align: end;
}
@media (max-width: 64rem) {
  .adr__body {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--q-space-4);
    padding: var(--q-space-4);
  }
  .adr__side {
    order: -1;
  }
  .adr__amount {
    inline-size: 6rem;
  }
}
.adr__fromreceipt {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  padding: var(--q-space-4);
  background: var(--q-success-surface);
  border: 1px solid var(--q-success);
  border-radius: var(--q-radius-card);
}
.adr__frname {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-success);
}
.adr__frname svg {
  flex-shrink: 0;
}
.adr__frsays {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text);
}
.adr__frnotices {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  margin: 0;
  padding: 0;
  list-style: none;
}
.adr__frnotice {
  position: relative;
  padding-inline-start: var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.adr__frnotice::before {
  content: "";
  position: absolute;
  inset-inline-start: var(--q-space-1);
  inset-block-start: 0.4375rem;
  inline-size: 0.3125rem;
  block-size: 0.3125rem;
  border-radius: var(--q-radius-pill);
  background: currentColor;
}
.adr__frnotice--stop {
  color: var(--q-danger);
}
.adr__frsee {
  align-self: start;
  padding: 0;
  font: inherit;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-success);
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  background: none;
  border: 0;
  cursor: pointer;
}
.adr__frsee:hover {
  color: var(--q-text-strong);
}
.adr__frsee:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.adr__frlines {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  max-block-size: 14rem;
  overflow-y: auto;
  padding: var(--q-space-2);
  background: var(--q-surface);
  border-radius: var(--q-radius-control);
}
.adr__frline {
  display: grid;
  grid-template-columns: minmax(0, 11rem) minmax(0, 1fr);
  gap: var(--q-space-2);
  align-items: baseline;
}
.adr__frkey {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.adr__frvalue {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text);
  overflow-wrap: anywhere;
}
.adr__frnone {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.adr__order {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-3);
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-hairline);
}
.adr__ordernote {
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adr__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.adr__rule {
  grid-column: 1/-1;
  align-items: start;
}
.adr__days {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.adr__day {
  min-inline-size: 2.75rem;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.adr__day:hover {
  color: var(--q-text-strong);
}
.adr__day:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.adr__day--on {
  color: var(--q-action-fg);
  font-weight: var(--q-weight-semibold);
  background: var(--q-action);
  border-color: var(--q-action);
}
.adr__day--on:hover {
  color: var(--q-action-fg);
}
.adr__makes {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.adr__makeswarn {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.edr {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  background: var(--q-canvas);
}
.edr__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-border);
}
.edr__title {
  margin: 0;
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.edr__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.edr__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 26rem;
  gap: var(--q-space-5);
  align-items: start;
  padding: var(--q-space-5) var(--q-space-6) var(--q-space-8);
  overflow: auto;
}
.edr__form {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.edr__side {
  position: sticky;
  inset-block-start: 0;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.edr__driver {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.edr__avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-action-fg);
  background: var(--q-action);
  border-radius: var(--q-radius-pill);
}
.edr__driverwhat {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.edr__drivername {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.edr__dot {
  margin-inline: var(--q-space-2);
  color: var(--q-success);
}
.edr__accepted {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  color: var(--q-success);
}
.edr__driversays {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.edr__phone {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  flex: 0 0 auto;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.edr__phone:hover {
  background: var(--q-surface);
  border-color: var(--q-border-strong);
}
.edr__was {
  display: inline-flex;
  align-items: center;
  align-self: start;
  margin-inline-start: var(--q-space-2);
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-pill);
  unicode-bidi: isolate;
}
.co__field.edr__moved .q-input,
.co__field.edr__moved .q-select,
.co__field.edr__moved .adr__picked {
  border-color: var(--q-warning-strong);
}
.edr__locked {
  grid-column: 1/-1;
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.edr__locked svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.edr__locked b {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.edr__lockedsays::before {
  content: " \b7  ";
}
.edr__lockedsays {
  color: var(--q-text-disabled);
}
.edr__addstop {
  grid-column: 1/-1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-action);
  background: none;
  border: 0;
  cursor: pointer;
}
.edr__addstop:hover {
  text-decoration: underline;
}
.edr__route {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.edr__map {
  block-size: 11rem;
}
.edr__map q-ride-map {
  display: block;
  block-size: 100%;
}
.edr__figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--q-space-3);
  margin: 0;
  padding: var(--q-space-4);
}
.edr__figures dt {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--q-text-disabled);
}
.edr__figures dd {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.edr__money {
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.edr__moneyhead {
  margin: 0 0 var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--q-text-disabled);
}
.edr__rows {
  margin: 0;
}
.edr__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding-block: var(--q-space-2);
}
.edr__row dt {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.edr__row dd {
  margin: 0;
  flex: 0 0 auto;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.edr__good {
  color: var(--q-success);
}
.edr__editbtn {
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.edr__editbtn:hover {
  color: var(--q-text-strong);
  border-color: var(--q-border-strong);
}
.q-input.edr__moneyinput {
  inline-size: 6rem;
  block-size: 2rem;
  padding-inline: var(--q-space-2);
  font-size: var(--q-text-sm);
  text-align: end;
}
.edr__keep {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  margin: var(--q-space-3) 0 0;
  padding-block-start: var(--q-space-3);
  font-size: var(--q-text-base);
  color: var(--q-text-strong);
  border-block-start: 1px solid var(--q-border);
}
.edr__keep b {
  font-size: var(--q-text-lg);
  unicode-bidi: isolate;
}
.edr__requote {
  margin-block-start: var(--q-space-4);
  padding: var(--q-space-3);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.edr__requotesays {
  margin: 0 0 var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.edr__requotesays b {
  display: block;
}
.edr__requoteact {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.edr__requoteact .q-btn {
  flex: 0 1 auto;
}
.edr__quiet {
  margin: var(--q-space-3) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.edr__bad {
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-danger);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.edr__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-6);
  background: var(--q-surface);
  border-block-start: 1px solid var(--q-border);
}
.edr__foot .q-btn {
  flex: 0 0 auto;
}
.edr__state {
  flex: 1 1 14rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  text-align: end;
}
.erv {
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: calc(var(--q-z-overlay) + 1);
  display: flex;
  flex-direction: column;
  inline-size: min(34rem, 100vw - 2rem);
  max-block-size: min(44rem, 100vh - 2rem);
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.erv__head {
  padding: var(--q-space-5) var(--q-space-5) var(--q-space-4);
  border-block-end: 1px solid var(--q-hairline);
}
.erv__title {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.erv__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.erv__body {
  flex: 1 1 auto;
  padding: var(--q-space-4) var(--q-space-5);
  overflow-y: auto;
}
.erv__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.erv__row {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr) 1.25rem minmax(0, 1fr);
  align-items: baseline;
  gap: var(--q-space-2);
  padding-block: var(--q-space-3);
}
.erv__row + .erv__row {
  border-block-start: 1px solid var(--q-hairline);
}
.erv__what {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.erv__was {
  font-size: var(--q-text-sm);
  color: var(--q-text-disabled);
  text-decoration: line-through;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.erv__arrow {
  display: grid;
  place-items: center;
  color: var(--q-text-disabled);
}
.erv__now {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.erv__note {
  display: block;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  color: var(--q-text-muted);
}
.erv__row--money .erv__now {
  color: var(--q-warning-strong);
}
.erv__fee {
  margin: var(--q-space-4) 0 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.erv__fee b {
  display: block;
}
.erv__push {
  margin-block-start: var(--q-space-4);
}
.erv__pushhead {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--q-text-disabled);
}
.erv__card {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.erv__badge {
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-accent-fg);
  background: var(--q-accent);
  border-radius: var(--q-radius-control);
}
.erv__cardbody {
  min-inline-size: 0;
}
.erv__cardtitle {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.erv__cardtext {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.erv__when {
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.erv__pushsays {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.erv__quiet {
  margin: var(--q-space-4) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.erv__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.erv__foot .q-btn {
  flex: 0 0 auto;
}
.erv__state {
  flex: 1 1 8rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
  text-align: end;
}
@media (max-width: 68rem) {
  .edr__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .edr__side {
    position: static;
  }
}
@media (max-width: 48rem) {
  .edr__head,
  .edr__body,
  .edr__foot {
    padding-inline: var(--q-space-4);
  }
  .edr__driver {
    flex-wrap: wrap;
  }
  .edr__phone {
    inline-size: 100%;
    justify-content: center;
  }
  .edr__figures {
    grid-template-columns: minmax(0, 1fr);
  }
  .edr__state {
    flex-basis: 100%;
    text-align: start;
  }
  .erv__row {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--q-space-1);
  }
  .erv__arrow {
    display: none;
  }
  .erv__state {
    flex-basis: 100%;
    text-align: start;
  }
}
.rcr {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
}
.rcr__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.rcr__search {
  position: relative;
  flex: 1 1 20rem;
  display: flex;
  align-items: center;
}
.rcr__search svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  color: var(--q-text-disabled);
  pointer-events: none;
}
.rcr__search .q-input {
  padding-inline-start: var(--q-space-8);
}
.rcr__states {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-1);
  padding: var(--q-space-1);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.rcr__state {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rcr__state:hover {
  color: var(--q-text-strong);
}
.rcr__state--on {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.rcr__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rcr__table {
  inline-size: 100%;
  border-collapse: collapse;
}
.rcr__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--q-text-disabled);
  text-align: start;
  border-block-end: 1px solid var(--q-border);
}
.rcr__table td {
  padding: var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text);
  vertical-align: middle;
}
.rcr__table tbody tr + tr td {
  border-block-start: 1px solid var(--q-hairline);
}
.rcr__row {
  cursor: pointer;
}
.rcr__row:hover td {
  background: var(--q-surface-sunken);
}
.rcr__who {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
}
.rcr__avatar {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.rcr__avatar--sm {
  inline-size: 1.75rem;
  block-size: 1.75rem;
  font-size: var(--q-text-xs);
}
.rcr__whowhat {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.rcr__name {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.rcr__firm {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rcr__route {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.rcr__from {
  color: var(--q-text-strong);
}
.rcr__to {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-1);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rcr__rule {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
}
.rcr__repeat {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.rcr__rulewhat {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
}
.rcr__rulewhat b {
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.rcr__rulesays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  unicode-bidi: isolate;
}
.rcr__driver {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
}
.rcr__none {
  color: var(--q-text-disabled);
}
.rcr__progress {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  min-inline-size: 7rem;
}
.rcr__done {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.rcr__bar {
  display: block;
  block-size: 0.375rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
  overflow: hidden;
}
.rcr__barfill {
  display: block;
  block-size: 100%;
  background: var(--q-action);
  border-radius: var(--q-radius-pill);
}
.rcr__next {
  display: flex;
  flex-direction: column;
}
.rcr__next b {
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.rcr__madeto {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  unicode-bidi: isolate;
}
.rcr__chip {
  display: inline-flex;
  padding: 0.125rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  border-radius: var(--q-radius-pill);
}
.rcr__chip--running {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.rcr__chip--paused {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.rcr__chip--ended {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.rcr__act {
  inline-size: 3rem;
  text-align: end;
}
.rcr__menu {
  position: relative;
  display: inline-block;
}
.rcr__more {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rcr__more:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.rcr__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.rcr__footwhat {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--q-space-2);
}
.rcr__footwhat b {
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.rcr__batch {
  color: var(--q-text-disabled);
  unicode-bidi: isolate;
}
.rcr__pageof {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  unicode-bidi: isolate;
}
.srs {
  display: flex;
  flex-direction: column;
}
.srs__head {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-5) var(--q-space-6);
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-border);
}
.srs__back {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  block-size: 2rem;
  color: var(--q-text-muted);
  border-radius: var(--q-radius-control);
}
.srs__back:hover {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.srs__avatar {
  display: grid;
  place-items: center;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.srs__who {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.srs__title {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin: 0;
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.srs__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  unicode-bidi: isolate;
}
.srs__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.srs__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24rem;
  gap: var(--q-space-5);
  align-items: start;
  padding: var(--q-space-5) var(--q-space-6) var(--q-space-8);
}
.srs__main {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.srs__figures {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.srs__figures > div {
  padding: var(--q-space-4);
}
.srs__figures > div + div {
  border-inline-start: 1px solid var(--q-hairline);
}
.srs__figures dt {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  order: 2;
}
.srs__figures dd {
  margin: 0 0 var(--q-space-1);
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.srs__figures > div {
  display: flex;
  flex-direction: column;
}
.srs__batch {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.srs__batch svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
  color: var(--q-text-disabled);
}
.srs__batch b {
  color: var(--q-text-strong);
}
.srs__card {
  padding: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.srs__rule + .srs__rule,
.srs__rule + .srs__dates,
.srs__rule + .srs__exceptions,
.srs__dates + .srs__rule,
.srs__dates + .srs__dates,
.srs__dates + .srs__exceptions,
.srs__exceptions + .srs__rule,
.srs__exceptions + .srs__dates,
.srs__exceptions + .srs__exceptions {
  margin-block-start: var(--q-space-5);
  padding-block-start: var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.srs__month {
  min-inline-size: 0;
}
.srs__cardhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-4);
}
.srs__cardtitle {
  margin: 0;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.srs__link {
  font-size: var(--q-text-sm);
  color: var(--q-brand-strong);
  background: none;
  border: 0;
  cursor: pointer;
}
.srs__link:hover {
  text-decoration: underline;
}
.srs__label {
  margin: var(--q-space-4) 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--q-text-disabled);
}
.srs__label:first-child {
  margin-block-start: 0;
}
.srs__quiet {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--q-text-muted);
}
.srs__shape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
}
.srs__kinds,
.srs__chips {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--q-space-1);
}
.srs__kind {
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.srs__kind--on {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.srs__day {
  display: grid;
  place-items: center;
  min-inline-size: 2.25rem;
  padding: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.srs__day--on {
  color: var(--q-action-fg);
  background: var(--q-action);
}
.srs__window {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.srs__arrow {
  margin-inline-start: var(--q-space-2);
  color: var(--q-text-muted);
  unicode-bidi: plaintext;
}
.srs__months {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--q-space-4);
}
.srs__monthname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.srs__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.125rem;
}
.srs__gridhead {
  display: grid;
  place-items: center;
  padding-block: var(--q-space-1);
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.srs__cell {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
  border: 1px solid transparent;
  border-radius: var(--q-radius-chip);
}
.srs__cell--click {
  background: none;
  cursor: pointer;
}
.srs__cell--rule {
  color: var(--q-action-fg);
  background: var(--q-action);
  font-weight: var(--q-weight-medium);
}
.srs__cell--added {
  color: var(--q-success);
  background: var(--q-success-surface);
  border-color: var(--q-success);
  font-weight: var(--q-weight-medium);
}
.srs__cell--skipped {
  color: var(--q-danger);
  background: var(--q-danger-surface);
  text-decoration: line-through;
}
.srs__cell--off {
  color: var(--q-text-disabled);
}
.srs__cell--blank {
  visibility: hidden;
}
.srs__key {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-4);
  margin: var(--q-space-3) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.srs__keyone {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
}
.srs__swatch {
  inline-size: 0.75rem;
  block-size: 0.75rem;
  background: var(--q-action);
  border-radius: 0.1875rem;
}
.srs__swatch--rule {
  background: var(--q-action);
}
.srs__swatch--added {
  background: var(--q-success-surface);
  border: 1px solid var(--q-success);
}
.srs__swatch--skipped {
  background: var(--q-danger-surface);
  border: 1px solid var(--q-danger);
}
.srs__swatch--off {
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
}
.srs__exlist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.srs__exrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-2);
}
.srs__exrow + .srs__exrow {
  border-block-start: 1px solid var(--q-hairline);
}
.srs__exdate {
  flex: 0 0 11rem;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.srs__exsays {
  flex: 1 1 auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: end;
}
.srs__people {
  margin: 0;
  padding: 0;
  list-style: none;
}
.srs__person {
  display: grid;
  grid-template-columns: 1.75rem 9rem minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-3);
}
.srs__person + .srs__person {
  border-block-start: 1px solid var(--q-hairline);
}
.srs__initials {
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.srs__personname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.srs__place {
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.srs__place svg {
  flex: 0 0 auto;
  color: var(--q-text-disabled);
}
.srs__place--drop svg {
  color: var(--q-brand);
}
.srs__skips {
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
  unicode-bidi: isolate;
}
.srs__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-4);
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.srs__facts b {
  color: var(--q-text-strong);
}
.srs__driver {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.srs__notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--q-space-4);
}
.srs__notehead {
  margin: 0 0 var(--q-space-1);
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.srs__notebody {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.srs__rail {
  position: sticky;
  inset-block-start: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.srs__railhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-block-end: 1px solid var(--q-hairline);
}
.srs__railtitle {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.srs__days {
  margin: 0;
  padding: 0;
  list-style: none;
  max-block-size: 28rem;
  overflow-y: auto;
}
.srs__dayrow {
  display: grid;
  grid-template-columns: 6.5rem 5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-4);
}
.srs__dayrow + .srs__dayrow {
  border-block-start: 1px solid var(--q-hairline);
}
.srs__daydate {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.srs__daystate {
  display: inline-flex;
  justify-content: center;
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  border-radius: var(--q-radius-pill);
}
.srs__daystate--ran {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.srs__daystate--made {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.srs__daystate--planned {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.srs__daystate--out {
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
}
.srs__daydriver {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srs__daytag {
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  border-radius: var(--q-radius-pill);
}
.srs__daytag--changed {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.srs__daytag--removed {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.srs__railfoot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.srq {
  display: flex;
  flex-direction: column;
}
.srq__head {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-5) var(--q-space-6);
  background: var(--q-surface);
  border-block-end: 1px solid var(--q-border);
}
.srq__title {
  margin: 0;
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.srq__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.srq__acts {
  margin-inline-start: auto;
  display: flex;
  gap: var(--q-space-2);
}
.srq__warn {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-5) var(--q-space-6) 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.srq__warn svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.srq__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6) var(--q-space-8);
  align-items: start;
}
.srq__col {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.srq__hint {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.srq__new {
  margin: var(--q-space-3) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.srq__locked {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  margin: 0;
}
.srq__locked b {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.srq__lockedsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.srq__kinds {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-1);
  margin-block-end: var(--q-space-4);
}
.srq__kind {
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.srq__kind--on {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-raised);
}
.srq__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-1);
}
.srq__day {
  display: grid;
  place-items: center;
  min-inline-size: 2.5rem;
  padding: var(--q-space-2);
  font-size: var(--q-text-sm);
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.srq__day--on {
  color: var(--q-action-fg);
  background: var(--q-action);
}
.srq__drop {
  display: grid;
  place-items: center;
  inline-size: 2rem;
  block-size: 2rem;
  font-size: var(--q-text-md);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.srq__drop:hover {
  color: var(--q-danger);
  border-color: var(--q-danger);
}
.srq__money {
  margin: 0;
}
.srq__money > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding-block: var(--q-space-2);
}
.srq__money > div + div {
  border-block-start: 1px solid var(--q-hairline);
}
.srq__money > div dt {
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
.srq__money > div dd {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  unicode-bidi: isolate;
}
.q-input.srq__amount {
  inline-size: 7rem;
  block-size: 2rem;
  text-align: end;
}
.ends {
  position: fixed;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  z-index: calc(var(--q-z-overlay) + 1);
  display: flex;
  flex-direction: column;
  inline-size: min(34rem, 100vw - 2rem);
  max-block-size: calc(100vh - 2rem);
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.ends__head {
  padding: var(--q-space-5) var(--q-space-5) var(--q-space-4);
}
.ends__title {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.ends__says {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.ends__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
  padding: 0 var(--q-space-5) var(--q-space-4);
  overflow-y: auto;
}
.ends__choice {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.ends__choice:hover {
  border-color: var(--q-border-strong);
}
.ends__choice--on {
  border-color: var(--q-action);
  box-shadow: inset 0 0 0 1px var(--q-action);
}
.ends__choicewhat {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.ends__choicewhat b {
  font-size: var(--q-text-base);
  color: var(--q-text-strong);
}
.ends__warn {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.ends__warn svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.ends__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.ends__foot .q-btn {
  flex: 0 0 auto;
}
.ends__orpause {
  flex: 1 1 10rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: end;
}
.ends__link {
  font: inherit;
  color: var(--q-brand-strong);
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.ends__link:hover {
  text-decoration: underline;
}
.imp {
  position: fixed;
  inset-block-start: 50%;
  inset-inline: 0;
  margin-inline: auto;
  transform: translateY(-50%);
  z-index: calc(var(--q-z-overlay) + 1);
  display: flex;
  flex-direction: column;
  inline-size: min(32rem, 100vw - 2rem);
  max-block-size: calc(100vh - 2rem);
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
.imp__head {
  padding: var(--q-space-5) var(--q-space-5) var(--q-space-4);
}
.imp__title {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.imp__says {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.imp__body {
  flex: 1 1 auto;
  padding: 0 var(--q-space-5) var(--q-space-4);
  overflow-y: auto;
}
.imp__fields {
  margin: 0 0 var(--q-space-4);
  padding: var(--q-space-2) var(--q-space-3);
  list-style: none;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.imp__field {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr) 1.25rem minmax(0, 1fr);
  align-items: baseline;
  gap: var(--q-space-2);
  padding-block: var(--q-space-2);
}
.imp__field + .imp__field {
  border-block-start: 1px solid var(--q-hairline);
}
.imp__what {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.imp__was {
  font-size: var(--q-text-sm);
  color: var(--q-text-disabled);
  text-decoration: line-through;
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.imp__arrow {
  display: grid;
  place-items: center;
  color: var(--q-text-disabled);
}
.imp__now {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}
.imp__counts {
  margin: 0;
  padding: 0;
  list-style: none;
}
.imp__count {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.imp__count + .imp__count {
  margin-block-start: var(--q-space-2);
}
.imp__count b {
  display: block;
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.imp__count--go {
  border-color: var(--q-success);
}
.imp__count--warn {
  color: var(--q-warning-strong);
  border-color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.imp__icon {
  display: grid;
  place-items: start center;
  color: var(--q-text-disabled);
}
.imp__count--go .imp__icon {
  color: var(--q-success);
}
.imp__count--warn .imp__icon {
  color: var(--q-warning-strong);
}
.imp__sub {
  display: block;
  font-size: var(--q-text-xs);
}
.imp__dates {
  display: block;
  font-size: var(--q-text-xs);
  unicode-bidi: isolate;
}
.imp__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.imp__foot .q-btn {
  flex: 0 0 auto;
}
.imp__state {
  flex: 1 1 8rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
  text-align: end;
}
@media (max-width: 80rem) {
  .srs__body {
    grid-template-columns: minmax(0, 1fr);
  }
  .srs__rail {
    position: static;
  }
  .srq__body {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 72rem) {
  .rcr__tablewrap {
    overflow-x: auto;
    position: relative;
  }
  .rcr__table tbody tr:nth-child(n+4):nth-last-child(-n+2) .more {
    inset-block-start: auto;
    inset-block-end: calc(100% + 0.25rem);
  }
}
@media (max-width: 64rem) {
  .srs__figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .srs__figures > div + div {
    border-inline-start: 0;
    border-block-start: 1px solid var(--q-hairline);
  }
  .srs__months {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 48rem) {
  .srs__head,
  .srs__body,
  .srq__head,
  .srq__body {
    padding-inline: var(--q-space-4);
  }
  .srq__warn {
    margin-inline: var(--q-space-4);
  }
  .srs__notes {
    grid-template-columns: minmax(0, 1fr);
  }
  .srs__person {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--q-space-2);
  }
  .srq__cardbody {
    grid-template-columns: minmax(0, 1fr);
  }
  .srq__enter {
    flex-basis: 100%;
    text-align: start;
  }
  .imp__field {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--q-space-1);
  }
  .imp__arrow {
    display: none;
  }
  .srs__dayrow {
    grid-template-columns: 6rem 4.5rem minmax(0, 1fr);
  }
  .srs__daytag {
    grid-column: 2/-1;
    justify-self: start;
  }
  .ends__orpause,
  .imp__state {
    flex-basis: 100%;
    text-align: start;
  }
  .srq__head {
    flex-wrap: wrap;
  }
  .srq__acts {
    flex-basis: 100%;
    margin-inline-start: 0;
  }
  .srq__acts .q-btn {
    flex: 1 1 auto;
  }
}
.srq__warn--new {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.srq__pick {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  margin: 0;
}
.srq__picked {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-2) var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
  align-self: start;
}
.srq__picked b {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.srq__unpick {
  display: grid;
  place-items: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.srq__unpick:hover {
  color: var(--q-text-strong);
  background: var(--q-surface);
}
.srq__unpick:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.srq__hits {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 100%;
  z-index: 20;
  max-block-size: 14rem;
  margin: var(--q-space-1) 0 0;
  padding: var(--q-space-1);
  overflow-y: auto;
  list-style: none;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-over);
}
.srq__hit {
  inline-size: 100%;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  text-align: start;
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.srq__hit:hover {
  background: var(--q-surface-sunken);
}
.srq__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: -2px;
}
.srq__peopleacts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-4);
}
.srq__peopleacts:first-child {
  margin-block-start: 0;
}
.srq__route {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  unicode-bidi: plaintext;
}
.srq__pad {
  padding: var(--q-space-4);
}
.srq__run {
  margin: 0;
  padding: 0;
  list-style: none;
}
.srq__run .srq__runner:first-child {
  padding-block-start: 0;
}
.srq__runner {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding-block: var(--q-space-3);
}
.srq__runner + .srq__runner {
  border-block-start: 1px solid var(--q-hairline);
}
.srq__badge {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.srq__runwho {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--q-space-2) var(--q-space-4);
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.srq__runwho b {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.srq__runwho:hover b {
  text-decoration: underline;
}
.srq__runwho:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: var(--q-radius-control);
}
.srq__runroute {
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.srq__card {
  margin-block-start: var(--q-space-4);
  padding: var(--q-space-4);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-card);
}
.srq__cardbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--q-space-4);
}
.srq__who {
  position: relative;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
}
.srq__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.srq__find {
  position: relative;
  display: block;
}
.srq__find svg {
  position: absolute;
  inset-inline-start: var(--q-space-3);
  inset-block-start: 50%;
  transform: translateY(-50%);
  color: var(--q-text-disabled);
  pointer-events: none;
}
.srq__find .q-input {
  padding-inline-start: var(--q-space-8);
}
.srq__hitsays {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  unicode-bidi: plaintext;
}
.srq__hit {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
}
.srq__cardfoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-4);
}
.srq__enter {
  margin-inline-start: auto;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rte__head,
.srq .srs__cardhead {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  margin-block-end: 0;
  border-block-end: 1px solid var(--q-border);
}
.rte__head .co__groupname,
.srq .srs__cardhead .co__groupname {
  flex: 1 1 auto;
  border-block-end: 0;
}
.rte__head .srs__link,
.rte__head .srq__hint,
.srq .srs__cardhead .srs__link,
.srq .srs__cardhead .srq__hint {
  margin-inline-end: var(--q-space-4);
}
.srq .srs__cardhead .srq__hint {
  margin-block-start: 0;
}
.rte__list {
  margin: 0;
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-2);
  list-style: none;
}
.rte__stop {
  display: grid;
  grid-template-columns: 1.75rem 3.25rem minmax(0, 1fr) auto auto 1.5rem;
  align-items: start;
  column-gap: var(--q-space-3);
}
.rte__stop--moving {
  opacity: 0.45;
}
.rte__stop--over {
  outline: 2px dashed var(--q-action);
  outline-offset: 2px;
  border-radius: var(--q-radius-control);
}
.rte__spine {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}
.rte__mark {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border-strong);
  border-radius: var(--q-radius-pill);
}
.rte__mark--start {
  color: var(--q-text-strong);
  border-color: var(--q-action);
  border-width: 2px;
}
.rte__mark--end {
  color: var(--q-danger);
  border-color: var(--q-danger);
  border-width: 2px;
}
.rte__leg {
  flex: 1 1 auto;
  inline-size: 2px;
  min-block-size: var(--q-space-4);
  background: var(--q-border-strong);
}
.rte__leg--over {
  background: var(--q-warning-strong);
}
.rte__when {
  padding-block: 0.1875rem;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
  unicode-bidi: plaintext;
}
.rte__where {
  padding-block: 0.1875rem;
  min-inline-size: 0;
  font-size: var(--q-text-sm);
  color: var(--q-info);
}
.rte__moves {
  display: flex;
  gap: var(--q-space-1);
  padding-block: 0.125rem;
}
.rte__chip {
  padding: 0.0625rem var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  border-radius: var(--q-radius-chip);
  white-space: nowrap;
}
.rte__chip--on {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.rte__chip--off {
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
}
.rte__aboard {
  padding-block: 0.1875rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.rte__aboard--over {
  font-weight: var(--q-weight-semibold);
  color: var(--q-danger);
}
.rte__grab {
  display: grid;
  place-items: center;
  padding-block: 0.1875rem;
  color: var(--q-text-disabled);
  cursor: grab;
}
.rte__grab:active {
  cursor: grabbing;
}
.rte__grab:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
  border-radius: var(--q-radius-chip);
}
.rte__over {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0 var(--q-space-4) var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
  background: var(--q-danger-surface);
  border-radius: var(--q-radius-control);
}
.rte__over svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.rte__over b {
  color: var(--q-danger);
}
.rte__note {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-4);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rte__stop--no {
  opacity: 0.5;
  cursor: no-drop;
}
.rte__refused {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0 var(--q-space-4) var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.rte__refused svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.srq__suggest {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.srq__pager {
  display: flex;
  align-items: center;
  gap: var(--q-space-1);
  margin-inline-end: var(--q-space-4);
}
.srq__pagesays {
  min-inline-size: 9rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  text-align: center;
  unicode-bidi: plaintext;
}
.srq__page {
  display: grid;
  place-items: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: none;
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.srq__page svg {
  transform: scaleX(1);
}
.srq__page:hover:not(:disabled) {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.srq__page:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.srq__page:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
[dir=rtl] .srq__page svg {
  transform: scaleX(-1);
}
.srq__problems {
  margin: var(--q-space-4) var(--q-space-6) 0;
  padding: var(--q-space-3) var(--q-space-4);
  list-style: none;
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.srq__problems li {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
}
.srq__problems li + li {
  margin-block-start: var(--q-space-1);
}
.srq__problems svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.srq__must {
  font-weight: var(--q-weight-semibold);
  color: var(--q-danger);
}
.rcp {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  inline-size: min(32rem, 100vw - var(--q-space-8));
  max-block-size: min(44rem, 100svh - var(--q-space-8));
  background: var(--q-surface);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.rcp:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.rcp__head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-5) var(--q-space-4);
  border-block-end: 1px solid var(--q-hairline);
}
.rcp__title {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.rcp__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.rcp__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5);
  overflow-y: auto;
}
.rcp__company {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
}
.rcp__picked {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  min-inline-size: 0;
  padding: 0 var(--q-space-3);
  block-size: var(--q-control-height);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
}
.rcp__picked svg {
  flex-shrink: 0;
  color: var(--q-text-muted);
}
.rcp__pickedtext {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--q-text-sm);
}
.rcp__hits {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  inset-block-start: 100%;
  display: flex;
  flex-direction: column;
  max-block-size: 13rem;
  overflow-y: auto;
  margin-block-start: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-raised);
}
.rcp__hit {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.rcp__hit:hover {
  background: var(--q-surface-sunken);
}
.rcp__hit:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -2px;
}
.rcp__hitname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.rcp__hitdetail {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rcp__zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-7) var(--q-space-5);
  font: inherit;
  color: var(--q-text-muted);
  text-align: center;
  background: var(--q-surface-sunken);
  border: 2px dashed var(--q-border-strong);
  border-radius: var(--q-radius-card);
  cursor: pointer;
  transition: border-color var(--q-duration-quick) var(--q-ease-out), background var(--q-duration-quick) var(--q-ease-out);
}
.rcp__zone:hover:not(:disabled) {
  border-color: var(--q-action);
  color: var(--q-text);
}
.rcp__zone:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.rcp__zone:disabled {
  cursor: default;
  opacity: 0.6;
}
.rcp__zone svg {
  color: var(--q-action);
}
.rcp__zone--over {
  border-color: var(--q-action);
  border-style: solid;
  background: var(--q-ink-50);
}
.rcp__zonename {
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.rcp__zonesays {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
}
.rcp__input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.rcp__list {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcp__file {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) auto;
  gap: var(--q-space-3);
  align-items: center;
  padding: var(--q-space-2);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-hairline);
  border-radius: var(--q-radius-control);
}
.rcp__file--bad {
  border-color: var(--q-danger);
  background: var(--q-danger-surface);
}
.rcp__thumb {
  inline-size: 2.75rem;
  block-size: 2.75rem;
  object-fit: cover;
  border-radius: var(--q-radius-control);
  background: var(--q-ink-50);
}
.rcp__filebody {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.rcp__filename {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rcp__filesize {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.rcp__filebad {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.rcp__drop {
  display: grid;
  place-items: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.rcp__drop:hover:not(:disabled) {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.rcp__drop:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: 2px;
}
.rcp__drop:disabled {
  cursor: default;
  opacity: 0.5;
}
.rcp__oneorder {
  display: flex;
  gap: var(--q-space-2);
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-control);
}
.rcp__bad {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.rcp__detail {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow-wrap: anywhere;
}
.rcp__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.rcp__state {
  flex: 1 1 10rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  text-align: end;
}
@media (max-width: 36rem) {
  .rcp {
    inline-size: calc(100vw - var(--q-space-4));
    max-block-size: calc(100svh - var(--q-space-4));
  }
  .rcp__state {
    flex-basis: 100%;
    text-align: start;
  }
}
.kdr {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  inline-size: min(38rem, 100vw);
  background: var(--q-surface);
  box-shadow: var(--q-shadow-over);
}
.kdr:focus-visible {
  outline: var(--q-focus-width) solid var(--q-focus-ring);
  outline-offset: -3px;
}
.kdr__head {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  padding: var(--q-space-5);
  border-block-end: 1px solid var(--q-hairline);
}
.kdr__mark {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  inline-size: 2.25rem;
  block-size: 2.25rem;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-control);
}
.kdr__headtext {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.kdr__title {
  margin: 0;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  color: var(--q-text-strong);
}
.kdr__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.kdr__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5);
  overflow-y: auto;
}
.kdr__group {
  padding: var(--q-space-4);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-hairline);
  border-radius: var(--q-radius-card);
}
.kdr__groupname {
  margin: 0;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.kdr__groupsays {
  margin: var(--q-space-1) 0 0;
  max-inline-size: none;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.kdr__fields {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-3);
}
.kdr__field {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.kdr__field--wide {
  grid-column: span 8;
}
.kdr__field--narrow {
  grid-column: span 4;
}
.kdr__label {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.kdr__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.kdr__bad {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-danger);
}
.kdr__warn {
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning-strong);
  background: var(--q-warning-surface);
  border-radius: var(--q-radius-control);
}
.kdr__field .co__withbtn .q-btn {
  flex: 0 0 auto;
}
.kdr__field .co__withbtn .q-input {
  min-inline-size: 0;
}
.kdr__masked {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.kdr__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-5);
  border-block-start: 1px solid var(--q-hairline);
}
.kdr__foot .q-btn {
  flex: 0 0 auto;
}
.kdr__disconnect {
  margin-inline-start: auto;
}
.kdr__confirm {
  flex: 1 1 100%;
  margin: 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-strong);
}
@media (max-width: 40rem) {
  .kdr {
    inline-size: 100vw;
  }
  .kdr__field,
  .kdr__field--wide,
  .kdr__field--narrow {
    grid-column: 1/-1;
  }
  .kdr__disconnect {
    margin-inline-start: 0;
  }
}
.itg {
  margin-block-end: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.itg__head {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
}
.itg__mark {
  flex-shrink: 0;
  display: grid;
  place-items: center;
  inline-size: 2.5rem;
  block-size: 2.5rem;
  font-family: var(--q-font-brand);
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-inverse);
  background: var(--q-ink);
  border-radius: var(--q-radius-control);
}
.itg__what {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.itg__name {
  margin: 0;
  font-size: var(--q-text-base);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.itg__says {
  margin: 0.125rem 0 0;
  max-inline-size: none;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.itg__state {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
}
.itg__live {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.itg__dot {
  inline-size: 0.4375rem;
  block-size: 0.4375rem;
  border-radius: var(--q-radius-pill);
  background: var(--q-text-disabled);
}
.itg__live--on {
  color: var(--q-success);
}
.itg__live--on .itg__dot {
  background: currentColor;
}
.itg__tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: var(--q-space-3);
  padding: 0 var(--q-space-4) var(--q-space-3);
}
.itg__tile {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-hairline);
  border-radius: var(--q-radius-control);
}
.itg__tilename {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.itg__tilefig {
  font-size: var(--q-text-xl);
  font-weight: var(--q-weight-semibold);
  line-height: var(--q-leading-tight);
  color: var(--q-text-strong);
}
.itg__tilefig--none {
  font-size: var(--q-text-base);
  color: var(--q-text-muted);
}
.itg__tilesays {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.itg__cannot,
.itg__empty {
  margin: 0;
  max-inline-size: none;
  padding: 0 var(--q-space-4) var(--q-space-3);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-base);
  color: var(--q-text-muted);
}
.itg__empty {
  padding-block-start: 0;
  font-size: var(--q-text-sm);
}
.itg__only {
  display: flex;
  align-items: start;
  gap: var(--q-space-2);
  margin: 0;
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  border-block-start: 1px solid var(--q-hairline);
}
.itg__only svg {
  flex-shrink: 0;
  margin-block-start: 0.0625rem;
}
.itg__band {
  display: flex;
  align-items: start;
  gap: var(--q-space-3);
  margin: 0 0 var(--q-space-4);
  max-inline-size: none;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-info-surface);
  border-radius: var(--q-radius-card);
}
.itg__band svg {
  flex-shrink: 0;
  margin-block-start: 0.125rem;
  color: var(--q-text-muted);
}
.itg__band b {
  color: var(--q-text-strong);
}
.itg__body {
  margin: 0;
  max-inline-size: none;
  padding: 0 var(--q-space-4) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
}
.itg__pair {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2) var(--q-space-3);
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.itg__pair dt {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.itg__pair dd {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
@media (max-width: 40rem) {
  .itg__head {
    flex-wrap: wrap;
  }
  .itg__what {
    flex-basis: calc(100% - 3.5rem);
  }
  .itg__state {
    order: 3;
  }
}
q-step-drawer {
  display: block;
}
.asg {
  margin-block-end: var(--q-space-5);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.asg__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.asg__name {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.asg__says {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.asg__default {
  display: grid;
  grid-template-columns: auto 5.5rem;
  grid-template-areas: "name field" "says field";
  align-items: center;
  gap: 0 var(--q-space-3);
  text-align: end;
}
.asg__defaultname {
  grid-area: name;
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.asg__defaultsays {
  grid-area: says;
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.asg__defaultfield {
  grid-area: field;
}
.stp {
  border-block-start: 1px solid var(--q-border);
}
.stp:first-of-type {
  border-block-start: 0;
}
.stp__row {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
}
.stp__no {
  flex-shrink: 0;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  line-height: 1.5rem;
  text-align: center;
  color: var(--q-action-fg);
  background: var(--q-action);
  border-radius: 50%;
}
.stp__no--off {
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
}
.stp__no--end {
  color: var(--q-text-strong);
  background: transparent;
  border: 1px solid var(--q-border-strong);
}
.stp__open {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  flex-grow: 1;
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.stp__what {
  flex-grow: 1;
  min-inline-size: 0;
}
.stp__name {
  display: block;
  font-size: 0.875rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.stp__sep {
  margin-inline: var(--q-space-1);
  color: var(--q-text-disabled);
}
.stp__says,
.stp__endsays {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.stp__endsays {
  max-inline-size: 22rem;
}
.stp__clock {
  flex-shrink: 0;
  min-inline-size: 6.5rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.stp__clock strong {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.stp__arrow {
  margin-inline: var(--q-space-1);
  color: var(--q-text-disabled);
}
[dir=rtl] .stp__arrow {
  scale: -1 1;
}
.stp__wait {
  flex-shrink: 0;
  inline-size: 8.5rem;
}
.stp__money {
  flex-shrink: 0;
  min-inline-size: 11rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.stp__money strong {
  color: var(--q-text-strong);
  font-weight: var(--q-weight-semibold);
}
.stp__keep {
  display: block;
  color: var(--q-text-disabled);
}
.stp__switch {
  flex-shrink: 0;
}
.stp__chev {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.75rem;
  block-size: 1.75rem;
  color: var(--q-text-muted);
  background: none;
  border: 0;
  cursor: pointer;
  transition: rotate var(--q-duration-quick) var(--q-ease-out);
}
.stp--open .stp__chev {
  rotate: 180deg;
}
@media (prefers-reduced-motion: reduce) {
  .stp__chev {
    transition: none;
  }
}
.stp--off .stp__name,
.stp--off .stp__clock strong,
.stp--off .stp__money strong {
  color: var(--q-text-disabled);
}
.stp--dead {
  background: var(--q-surface-sunken);
}
.stp--dead .stp__name,
.stp--dead .stp__money strong {
  color: var(--q-text-disabled);
}
.stp__problem {
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-3);
  padding-inline-start: calc(var(--q-space-4) + 1.5rem + var(--q-space-3));
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-warning);
}
.stp__problem--bad {
  color: var(--q-danger);
}
.stp__body {
  padding: 0 var(--q-space-4) var(--q-space-4);
  padding-inline-start: calc(var(--q-space-4) + 1.5rem + var(--q-space-3));
  background: var(--q-surface-sunken);
}
.stp__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: var(--q-space-3);
  padding-block-start: var(--q-space-3);
}
.stp__field {
  display: block;
  min-inline-size: 0;
}
.stp__dest {
  text-align: start;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.stp__hint {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.stp__acts {
  display: flex;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  margin-block-start: var(--q-space-3);
}
.stp__remove {
  margin-inline-start: auto;
}
.stp--end .stp__row {
  background: var(--q-surface-sunken);
}
.asdw {
  inline-size: min(44rem, 100vw);
}
.dst {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: var(--q-space-2);
}
.dst__card {
  display: block;
  padding: var(--q-space-3);
  font: inherit;
  text-align: start;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  cursor: pointer;
}
.dst__card:hover {
  border-color: var(--q-border-strong);
}
.dst__card--on {
  border-color: var(--q-action);
  box-shadow: inset 0 0 0 1px var(--q-action);
}
.dst__name {
  display: block;
  font-size: 0.8125rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.dst__what {
  display: block;
  margin-block-start: 0.125rem;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.dst__badge {
  display: inline-block;
  margin-block-start: var(--q-space-2);
  padding: 0.125rem var(--q-space-2);
  font-size: 0.625rem;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.asdw__team {
  inline-size: min(100%, 22rem);
}
.asdw__when {
  display: flex;
  align-items: flex-end;
  gap: var(--q-space-3);
  flex-wrap: wrap;
}
.asdw__lands {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  padding: var(--q-space-3);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-card);
}
.asdw__no {
  flex-shrink: 0;
  inline-size: 1.5rem;
  block-size: 1.5rem;
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  line-height: 1.5rem;
  text-align: center;
  color: var(--q-action-fg);
  background: var(--q-action);
  border-radius: 50%;
}
.asdw__landssays {
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.asdw__warn {
  display: block;
  color: var(--q-warning);
}
.auc {
  margin-block-start: var(--q-space-6);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.auc__head {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-4);
  padding: var(--q-space-5);
  border-block-end: 1px solid var(--q-border);
}
.auc__title {
  margin: 0;
  font-size: var(--q-text-lg);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.auc__says {
  margin: var(--q-space-1) 0 0;
  max-inline-size: 52ch;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.auc__toggle {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  margin-inline-start: auto;
}
.auc__state {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.auc__body {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: var(--q-space-5);
  padding: var(--q-space-5);
}
.auc__col {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  min-inline-size: 0;
}
.auc__card {
  padding: var(--q-space-4);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.auc__card--preview {
  background: var(--q-warning-surface);
  border-color: transparent;
}
.auc__group {
  margin: 0 0 var(--q-space-3);
  font-size: 0.6875rem;
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--q-text-disabled);
}
.auc__whens {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--q-space-2);
}
.auc__when {
  display: block;
  padding: var(--q-space-3);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.auc__when input {
  margin-block-end: var(--q-space-2);
}
.auc__when:hover {
  border-color: var(--q-border-strong);
}
.auc__when:focus-within {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 2px;
}
.auc__when--on {
  border-color: var(--q-action);
  box-shadow: inset 0 0 0 1px var(--q-action);
}
.auc__whenwhat {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
}
.auc__whenwhat b {
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.auc__whenwhat span {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.auc__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--q-space-3);
}
.auc__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.auc__hint {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.auc__derived {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: var(--q-space-4) 0 0;
  padding: var(--q-space-3);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.auc__derived svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.auc__derived b {
  color: var(--q-text-strong);
}
.auc__early {
  display: grid;
  grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
  gap: var(--q-space-4);
  align-items: start;
}
.auc__withunit {
  position: relative;
  display: block;
}
.auc__withunit .q-input {
  padding-inline-end: var(--q-space-12);
}
.auc__unit {
  position: absolute;
  inset-inline-end: var(--q-space-3);
  inset-block-start: 50%;
  transform: translateY(-50%);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  pointer-events: none;
}
.auc__wrong {
  border-color: var(--q-danger);
}
.auc__wrong:focus-visible {
  outline-color: var(--q-danger);
}
.auc__bad,
.auc__good {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-2);
  margin: 0;
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  border-radius: var(--q-radius-control);
}
.auc__bad svg,
.auc__good svg {
  flex: 0 0 auto;
  margin-block-start: 0.125rem;
}
.auc__bad {
  color: var(--q-danger);
  background: var(--q-danger-surface);
}
.auc__bad b {
  color: var(--q-danger);
}
.auc__good {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.auc__preview {
  margin: 0;
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text-strong);
}
.auc__chart {
  display: block;
  inline-size: 100%;
  block-size: auto;
  margin-block-start: var(--q-space-4);
}
.auc__rule {
  stroke: var(--q-hairline);
  stroke-width: 1;
}
.auc__climb {
  stroke: var(--q-warning-strong);
  stroke-width: 1.5;
}
.auc__dot {
  fill: var(--q-warning-strong);
}
.auc__chartsays {
  margin: var(--q-space-3) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
@media (max-width: 72rem) {
  .auc__body {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 48rem) {
  .auc__head {
    flex-wrap: wrap;
  }
  .auc__toggle {
    margin-inline-start: 0;
  }
  .auc__whens {
    grid-template-columns: minmax(0, 1fr);
  }
  .auc__fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .auc__early {
    grid-template-columns: minmax(0, 1fr);
  }
}
.auc__follows {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  margin: 0 var(--q-space-4) var(--q-space-4);
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.auc__follows svg {
  flex: 0 0 auto;
  color: var(--q-text-disabled);
}
.auc__follows span {
  flex: 1 1 14rem;
  min-inline-size: 0;
}
.auc__own {
  flex: 0 0 auto;
}
.auc__body--company {
  grid-template-columns: minmax(0, 1fr);
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.auc__backtoyours {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--q-space-2);
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pgr {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.pgr__perpage .q-input {
  inline-size: auto;
  block-size: 2rem;
  font-size: var(--q-text-xs);
}
.pgr__range {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.pgr__page,
.pgr__step {
  min-inline-size: 2rem;
  block-size: 2rem;
  padding-inline: var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pgr__page:hover:not(:disabled),
.pgr__step:hover:not(:disabled) {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
}
.pgr__page:disabled,
.pgr__step:disabled {
  color: var(--q-text-disabled);
  cursor: not-allowed;
}
.pgr__page:focus-visible,
.pgr__step:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.pgr__page--on {
  color: var(--q-action-fg);
  background: var(--q-action);
  border-color: var(--q-action);
}
.pgr__page--on:hover {
  color: var(--q-action-fg);
  background: var(--q-action);
}
.pgr__gap {
  padding-inline: 0.25rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pgr__step {
  line-height: 1;
}
@media (max-width: 48rem) {
  .pgr__perpage,
  .pgr__range,
  .pgr__step--jump {
    display: none;
  }
}
[dir=rtl] .pgr__step {
  transform: scaleX(-1);
}
@media print {
  body:has(.qx) * {
    visibility: hidden;
  }
  .qx,
  .qx * {
    visibility: visible;
  }
  .qx {
    position: absolute;
    inset-block: 0 auto;
    inset-inline: 0 auto;
    display: block !important;
    inline-size: 100%;
    max-inline-size: none;
    border: 0;
    box-shadow: none;
    animation: none;
  }
  .qx .rdw__close,
  .qx .rdw__foot {
    display: none !important;
  }
  .qx .sdw__body {
    overflow: visible;
    padding: 0;
  }
  .qx__scroll {
    overflow: visible;
    break-inside: auto;
  }
  .qx__row {
    break-inside: avoid;
  }
  .qx__h {
    background: none;
  }
}
@keyframes qReveal {
  from {
    opacity: 0;
    transform: translateY(10px);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: blur(0);
  }
}
.q-reveal {
  animation: qReveal var(--q-duration-reveal) var(--q-ease-out) backwards;
}
.q-reveal--1 {
  animation-delay: 60ms;
}
.q-reveal--2 {
  animation-delay: 150ms;
}
.q-reveal--3 {
  animation-delay: 240ms;
}
@keyframes qSlipIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.q-slip {
  animation: qSlipIn var(--q-duration-menu) var(--q-ease-out) backwards;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
  .q-reveal,
  .q-slip {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}
@keyframes q-pop {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.q-pop {
  animation: q-pop var(--q-duration-menu) var(--q-ease-out) backwards;
}
@media (prefers-reduced-motion: reduce) {
  .q-pop {
    animation: none;
  }
}
.pvc__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.pvc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pvc__toolbar {
  display: flex;
  align-items: center;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  margin-block: var(--q-space-4);
}
.pvc__search {
  max-inline-size: 20rem;
}
.pvc__tabs {
  display: flex;
  gap: var(--q-space-2);
}
.pvc__tab {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pvc__tab:hover {
  background: var(--q-surface-sunken);
}
.pvc__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
}
.pvc__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.pvc__table {
  inline-size: 100%;
  min-inline-size: 60rem;
  border-collapse: collapse;
}
.pvc__table th:nth-child(1),
.pvc__table td:nth-child(1) {
  inline-size: 30%;
}
.pvc__table th:nth-child(3),
.pvc__table td:nth-child(3) {
  inline-size: 22%;
}
.pvc__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.pvc__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.pvc__table tbody tr:first-child td {
  border-block-start: 0;
}
.pvc__row {
  cursor: grab;
}
.pvc__row:active {
  cursor: grabbing;
}
.pvc__row:hover td {
  background: var(--q-surface-sunken);
}
.pvc__category {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.pvc__handle {
  flex-shrink: 0;
  color: var(--q-border-strong);
}
.pvc__icon {
  flex-shrink: 0;
  inline-size: 2rem;
  block-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.pvc__icon img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.pvc__initials {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.pvc__categorybtn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.pvc__name {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pvc__desc {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-inline-size: 16rem;
}
.pvc__capacity {
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pvc__mayalso {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-1);
}
.pvc__chip {
  padding: 2px var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-chip);
}
.pvc__topnote {
  font-size: var(--q-text-xs);
  color: var(--q-text-disabled);
}
.pvc__pill {
  display: inline-block;
  padding: 2px var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.pvc__pill--on {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.pvc__menucell {
  text-align: end;
}
.pvc__menu {
  position: relative;
}
.pvc__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pvc__menubtn:hover {
  background: var(--q-surface-sunken);
}
.pvc__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 10rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.pvc__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pvc__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.pvc__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pvc__foot b {
  color: var(--q-text-strong);
}
.pvc__footdrag {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pvd.sdw {
  inline-size: min(34rem, 100%);
}
.pvd__images {
  display: flex;
  gap: var(--q-space-5);
  margin-block-end: var(--q-space-4);
}
.pvd__pick {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  cursor: pointer;
}
.pvd__picklabel {
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-muted);
}
.pvd__box {
  inline-size: 4.5rem;
  block-size: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--q-text-disabled);
  background: var(--q-surface-sunken);
  border: 1px dashed var(--q-border-strong);
  border-radius: var(--q-radius-control);
}
.pvd__box img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}
.pvd__box--pin {
  inline-size: 3.25rem;
  block-size: 4.5rem;
}
.pvd__pickwhat {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  max-inline-size: 7rem;
}
.pvd__file {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  overflow: hidden;
}
.pvd__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--q-space-4);
}
.pvd__ladder {
  margin-block: var(--q-space-3);
}
.pvd__ladder p {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
}
.pvd__topnote {
  color: var(--q-text-disabled);
}
.pvd__ladderwhat {
  margin-block-start: var(--q-space-2);
  color: var(--q-text-muted);
}
.pvd__alsoaccept {
  position: relative;
}
.pvd__alsoacceptbtn {
  text-align: start;
  cursor: pointer;
}
.pvd__alsoacceptpanel {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  max-block-size: 14rem;
  overflow-y: auto;
  margin-block-start: var(--q-space-1);
  padding: var(--q-space-2);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.pvd__alsoacceptrow {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: var(--q-space-1) var(--q-space-2);
  font-size: var(--q-text-sm);
  cursor: pointer;
}
.pvd__alsoacceptrow:hover {
  background: var(--q-surface-sunken);
}
.pvd__alsoacceptempty {
  padding: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pvd__alsoacceptdone {
  align-self: flex-end;
}
.pvd__switches {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
  margin-block-start: var(--q-space-4);
}
.pvd__switchrow {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  cursor: pointer;
}
.pvd__switchname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.pvd__switchwhat {
  margin: 2px 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
@media (max-width: 40rem) {
  .pvd__images {
    gap: var(--q-space-3);
  }
  .pvd__grid {
    grid-template-columns: 1fr;
  }
}
.pdc__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.pdc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pdc__toolbar {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  margin-block: var(--q-space-4);
}
.pdc__search {
  max-inline-size: 18rem;
}
.pdc__country {
  max-inline-size: 14rem;
  margin-inline-start: auto;
}
.pdc__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.pdc__tab {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pdc__tab:hover {
  background: var(--q-surface-sunken);
}
.pdc__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
}
.pdc__group {
  margin-block-end: var(--q-space-5);
}
.pdc__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.pdc__groupcount {
  margin-inline-start: var(--q-space-2);
  font-weight: var(--q-weight-regular);
  text-transform: none;
  letter-spacing: normal;
}
.pdc__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.pdc__table {
  inline-size: 100%;
  min-inline-size: 60rem;
  border-collapse: collapse;
}
.pdc__table th:nth-child(1),
.pdc__table td:nth-child(1) {
  inline-size: 32%;
}
.pdc__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.pdc__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.pdc__table tbody tr:first-child td {
  border-block-start: 0;
}
.pdc__row {
  cursor: pointer;
}
.pdc__row:hover td {
  background: var(--q-surface-sunken);
}
.pdc__name {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pdc__heldby {
  display: inline-block;
  padding: 2px var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.pdc__heldby--driver {
  color: var(--q-info);
  background: var(--q-info-surface);
}
.pdc__heldby--vehicle {
  color: var(--q-warning);
  background: var(--q-warning-surface);
}
.pdc__heldbywhat {
  display: block;
  margin-block-start: 2px;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdc__pill {
  display: inline-block;
  padding: 2px var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.pdc__pill--on {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.pdc__muted {
  color: var(--q-text-disabled);
}
.pdc__menucell {
  text-align: end;
}
.pdc__menu {
  position: relative;
}
.pdc__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pdc__menubtn:hover {
  background: var(--q-surface-sunken);
}
.pdc__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 8rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.pdc__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pdc__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.pdc__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pdc__foot b {
  color: var(--q-text-strong);
}
.pdc__footnote {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdd {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline: 0;
  margin-inline: auto;
  translate: 0 -50%;
  inline-size: min(32rem, 100vw - 2rem);
  max-block-size: calc(100vh - 2rem);
  overflow-y: auto;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.pdd__head {
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-3);
}
.pdd__title {
  margin: 0 0 0.125rem;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pdd__says {
  margin: 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pdd__body {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.pdd__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--q-space-3);
}
.pdd__field {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-1);
  min-inline-size: 0;
}
.pdd__forbtns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-1);
}
.pdd__forbtn {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pdd__forbtn:hover {
  color: var(--q-text-strong);
}
.pdd__forbtn--on {
  color: var(--q-action-fg);
  background: var(--q-action);
  border-color: var(--q-action);
}
.pdd__forwhat {
  margin: var(--q-space-2) 0 0;
  font-size: var(--q-text-xs);
  line-height: var(--q-leading-snug);
  color: var(--q-text-muted);
}
.pdd__switches {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.pdd__switchrow {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  cursor: pointer;
}
.pdd__switchname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.pdd__switchwhat {
  margin: 2px 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pdd__insight {
  margin: 0;
}
.pdd__foot {
  display: flex;
  gap: var(--q-space-2);
  padding: var(--q-space-3) var(--q-space-4) var(--q-space-4);
}
@media (max-width: 40rem) {
  .pdd__grid {
    grid-template-columns: 1fr;
  }
}
.ctc__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.ctc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.ctc__search {
  max-inline-size: 18rem;
  margin-block: var(--q-space-4);
}
.ctc__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.ctc__table {
  inline-size: 100%;
  min-inline-size: 60rem;
  border-collapse: collapse;
}
.ctc__table th:nth-child(1),
.ctc__table td:nth-child(1) {
  inline-size: 28%;
}
.ctc__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.ctc__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.ctc__table tbody tr:first-child td {
  border-block-start: 0;
}
.ctc__row {
  cursor: pointer;
}
.ctc__row:hover td {
  background: var(--q-surface-sunken);
}
.ctc__name {
  display: block;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.ctc__sub {
  display: block;
  margin-block-start: 2px;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ctc__currency {
  white-space: nowrap;
}
.ctc__warn {
  color: var(--q-warning-strong);
}
.ctc__warnline {
  display: block;
  margin-block-start: 2px;
  font-size: var(--q-text-xs);
}
.ctc__menucell {
  text-align: end;
}
.ctc__menu {
  position: relative;
}
.ctc__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.ctc__menubtn:hover {
  background: var(--q-surface-sunken);
}
.ctc__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 8rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.ctc__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.ctc__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.ctc__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.ctc__foot b {
  color: var(--q-text-strong);
}
.ctc__footnote {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ctd__fixedname {
  margin: 0;
  padding: var(--q-space-2) 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.ctd__samenote {
  margin: calc(var(--q-space-3) * -1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-warning-strong);
}
.ctd__switches {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-3);
}
.ctd__switchrow {
  display: flex;
  align-items: flex-start;
  gap: var(--q-space-3);
  cursor: pointer;
}
.ctd__switchname {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
}
.ctd__switchwhat {
  margin: 2px 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ctd__advancedbtn {
  align-self: flex-start;
}
.ctd__section {
  padding-block-start: var(--q-space-3);
  border-block-start: 1px solid var(--q-border);
}
.ctd__sectiontitle {
  margin: 0;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.ctd__sectionwhat {
  margin: 2px 0 var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.ctd__grid3 {
  display: grid;
  grid-template-columns: 1fr repeat(2, 6rem);
  gap: var(--q-space-3);
}
.ctd__vatrow {
  display: grid;
  grid-template-columns: 1fr 6rem 6rem;
  align-items: end;
  gap: var(--q-space-3);
  margin-block-end: var(--q-space-3);
}
.ctd__vatrow:last-child {
  margin-block-end: 0;
}
.ctd__vatname {
  padding-block-end: calc(var(--q-space-2) + 1px);
  font-size: var(--q-text-sm);
  color: var(--q-text);
}
@media (max-width: 36rem) {
  .ctd__grid3 {
    grid-template-columns: 1fr;
  }
  .ctd__vatrow {
    grid-template-columns: 1fr;
  }
}
.cty__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.cty__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.cty__headbtns {
  display: flex;
  gap: var(--q-space-2);
}
.cty__toolbar {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  margin-block: var(--q-space-4);
}
.cty__search {
  max-inline-size: 18rem;
}
.cty__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.cty__tab {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cty__tab:hover {
  background: var(--q-surface-sunken);
}
.cty__tab--on {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
}
.cty__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.cty__table {
  inline-size: 100%;
  min-inline-size: 60rem;
  border-collapse: collapse;
}
.cty__table th:nth-child(1),
.cty__table td:nth-child(1) {
  inline-size: 55%;
}
.cty__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.cty__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.cty__table tbody tr:first-child td {
  border-block-start: 0;
}
.cty__row {
  cursor: pointer;
}
.cty__row:hover td {
  background: var(--q-surface-sunken);
}
.cty__name {
  display: block;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cty__sub {
  display: block;
  margin-block-start: 2px;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cty__warn {
  color: var(--q-warning-strong);
}
.cty__menucell {
  text-align: end;
}
.cty__menu {
  position: relative;
}
.cty__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cty__menubtn:hover {
  background: var(--q-surface-sunken);
}
.cty__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 8rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.cty__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cty__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.cty__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.cty__foot b {
  color: var(--q-text-strong);
}
.cty__footnote {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cid__startbtn {
  display: block;
  margin-block-start: var(--q-space-2);
}
.cid__canvas {
  display: block;
  inline-size: 100%;
  max-inline-size: 22rem;
  aspect-ratio: 1;
  margin-block-start: var(--q-space-2);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  touch-action: none;
}
.cid__vertex {
  fill: var(--q-surface);
  stroke: var(--q-action);
  stroke-width: 2;
  cursor: grab;
}
.cid__vertex:active {
  cursor: grabbing;
}
.cid__canvasbtns {
  display: flex;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-2);
}
.cid__pastebtn {
  display: inline-flex;
  margin-block-start: var(--q-space-2);
}
.cid__pastebox {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-2);
  margin-block-start: var(--q-space-2);
}
.cid__pastearea {
  font-family: var(--q-font-mono, monospace);
  font-size: var(--q-text-xs);
}
.cid__workingcitynote {
  margin-block: 0;
}
.cid__importdialog {
  inline-size: min(26rem, 100vw - 2rem);
}
.cid__importerrors {
  margin: var(--q-space-2) 0 0;
  padding-inline-start: 1.25rem;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.acs__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.acs__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.acs__search {
  max-inline-size: 18rem;
  margin-block: var(--q-space-4);
}
.acs__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.acs__table {
  inline-size: 100%;
  min-inline-size: 42rem;
  border-collapse: collapse;
}
.acs__table th:nth-child(1),
.acs__table td:nth-child(1) {
  inline-size: 55%;
}
.acs__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.acs__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.acs__table tbody tr:first-child td {
  border-block-start: 0;
}
.acs__row:hover td {
  background: var(--q-surface-sunken);
}
.acs__option {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.acs__icon {
  flex-shrink: 0;
  inline-size: 2rem;
  block-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-control);
}
.acs__optionbtn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.acs__name {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.acs__desc {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.acs__takenup {
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.acs__none {
  color: var(--q-text-disabled);
}
.acs__menucell {
  text-align: end;
}
.acs__menu {
  position: relative;
}
.acs__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.acs__menubtn:hover {
  background: var(--q-surface-sunken);
}
.acs__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 8rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.acs__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.acs__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.acs__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.acs__foot b {
  color: var(--q-text-strong);
}
.acs__footnote {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pln__screen {
  padding: var(--q-space-5) var(--q-space-6);
}
.pln__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
}
.pln__toolbar {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  flex-wrap: wrap;
  margin-block: var(--q-space-4);
}
.pln__search {
  max-inline-size: 18rem;
}
.pln__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--q-space-2);
}
.pln__chip {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pln__chip:hover {
  background: var(--q-surface-sunken);
}
.pln__chip--on {
  color: var(--q-text-strong);
  background: var(--q-surface-sunken);
  border-color: var(--q-border);
}
.pln__group {
  margin-block-end: var(--q-space-5);
}
.pln__group:last-of-type {
  margin-block-end: var(--q-space-4);
}
.pln__groupname {
  margin: 0 0 var(--q-space-2);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.pln__tablewrap {
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow-x: auto;
  position: relative;
}
.pln__table {
  inline-size: 100%;
  min-inline-size: 48rem;
  border-collapse: collapse;
}
.pln__table th:nth-child(1),
.pln__table td:nth-child(1) {
  inline-size: 32%;
}
.pln__table th {
  padding: var(--q-space-3) var(--q-space-4);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  text-align: start;
  color: var(--q-text-muted);
  border-block-end: 1px solid var(--q-hairline);
}
.pln__table td {
  padding: var(--q-space-3) var(--q-space-4);
  vertical-align: middle;
  border-block-start: 1px solid var(--q-hairline);
}
.pln__table tbody tr:first-child td {
  border-block-start: 0;
}
.pln__row:hover td {
  background: var(--q-surface-sunken);
}
.pln__planbtn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-inline-size: 0;
  padding: 0;
  font: inherit;
  text-align: start;
  background: none;
  border: 0;
  cursor: pointer;
}
.pln__name {
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pln__desc {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pln__price {
  display: block;
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pln__cadence {
  display: block;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pln__unlockscount {
  display: inline-block;
  padding: 2px var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-radius: var(--q-radius-pill);
}
.pln__unlockscount--full {
  color: var(--q-success);
  background: var(--q-success-surface);
}
.pln__menucell {
  text-align: end;
}
.pln__menu {
  position: relative;
}
.pln__menubtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--q-tap-min);
  block-size: var(--q-tap-min);
  color: var(--q-text-muted);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pln__menubtn:hover {
  background: var(--q-surface-sunken);
}
.pln__menupanel {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 100%;
  z-index: var(--q-z-overlay);
  display: flex;
  flex-direction: column;
  min-inline-size: 8rem;
  padding: var(--q-space-1);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  box-shadow: var(--q-shadow-pop);
}
.pln__menupanel button {
  padding: var(--q-space-2) var(--q-space-3);
  font: inherit;
  font-size: var(--q-text-sm);
  text-align: start;
  color: var(--q-text);
  background: none;
  border: 0;
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.pln__menupanel button:hover {
  background: var(--q-surface-sunken);
}
.pln__gap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--q-space-4);
  margin-block-end: var(--q-space-5);
  padding: var(--q-space-4);
  background: var(--q-warning-surface);
  border: 1px solid var(--q-warning-strong);
  border-radius: var(--q-radius-card);
}
.pln__gaptitle {
  margin: 0 0 2px;
  font-weight: var(--q-weight-semibold);
  color: var(--q-warning);
}
.pln__gapwhat {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pln__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-4);
  margin-block-start: var(--q-space-3);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pln__foot b {
  color: var(--q-text-strong);
}
.pln__footnote {
  margin: var(--q-space-1) 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pln__dialog {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline: 0;
  margin-inline: auto;
  translate: 0 -50%;
  inline-size: min(44rem, 100vw - 2rem);
  max-block-size: calc(100vh - 2rem);
  overflow-y: auto;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.pln__dialoghead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-3);
}
.pln__dialogtitle {
  margin: 0 0 0.125rem;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.pln__dialogsays {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.pln__dialogbody {
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.pln__billedrow {
  display: flex;
  gap: var(--q-space-2);
}
.pln__billedrow input {
  flex: 1 1 0;
  min-inline-size: 0;
}
.pln__billedrow select {
  flex: 1 1 0;
  min-inline-size: 0;
}
.pln__unlock {
  margin-block-start: var(--q-space-2);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  overflow: hidden;
}
.pln__unlockhead {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  font-weight: var(--q-weight-semibold);
  letter-spacing: var(--q-tracking-heading);
  text-transform: uppercase;
  color: var(--q-text-muted);
  background: var(--q-surface-sunken);
  border-block-end: 1px solid var(--q-border);
}
.pln__unlockcol {
  min-inline-size: 4.5rem;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  color: var(--q-text-strong);
}
.pln__unlockcol--ro {
  color: var(--q-text-muted);
}
.pln__unlockrow {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-2) var(--q-space-3);
}
.pln__unlockrow + .pln__unlockrow {
  border-block-start: 1px solid var(--q-hairline);
}
.pln__unlockname {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-strong);
}
.pln__unlockwhat {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.pln__unlockswitch {
  justify-self: center;
}
.pln__unlockcheck {
  min-inline-size: 4.5rem;
  text-align: center;
  color: var(--q-text-disabled);
}
.pln__unlockcheck--on {
  color: var(--q-text-strong);
}
.pln__dialogfoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4) var(--q-space-4);
}
.pln__keepnote {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  flex-basis: 100%;
}
.cpl__screen {
  display: flex;
  flex-direction: column;
  gap: var(--q-space-4);
  padding: var(--q-space-5) var(--q-space-6);
  block-size: calc(100svh - var(--q-bar-height));
  min-block-size: 0;
}
.cpl__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-4);
  flex-wrap: wrap;
  margin-block-end: 0;
}
.cpl__split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--q-space-4);
  flex: 1 1 auto;
  min-block-size: 24rem;
}
.cpl__mapside,
.cpl__listside {
  position: relative;
  min-block-size: 0;
  overflow: hidden;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
}
.cpl__canvas {
  inline-size: 100%;
  block-size: 100%;
  background: var(--q-surface-sunken);
}
.cpl__controls {
  position: absolute;
  inset-block-start: var(--q-space-3);
  inset-inline-start: var(--q-space-3);
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  z-index: 2;
}
.cpl__kinds,
.cpl__fit {
  box-shadow: var(--q-shadow-raised);
}
.cpl__kinds {
  background: var(--q-surface);
}
.cpl__legend {
  position: absolute;
  inset-block-end: var(--q-space-3);
  inset-inline-start: var(--q-space-3);
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  max-inline-size: 15rem;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
  box-shadow: var(--q-shadow-raised);
  z-index: 2;
}
.cpl__key {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
}
.cpl__keydot {
  flex-shrink: 0;
  inline-size: 0.5625rem;
  block-size: 0.5625rem;
  background: var(--q-success);
  border-radius: var(--q-radius-pill);
}
.cpl__keydot--taxi {
  background: var(--q-ink);
}
.cpl__nowhere,
.cpl__down {
  position: absolute;
  inset-block-start: var(--q-space-3);
  inset-inline-end: var(--q-space-3);
  max-inline-size: 14rem;
  margin: 0;
  padding: var(--q-space-2) var(--q-space-3);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-chip);
  box-shadow: var(--q-shadow-raised);
  z-index: 2;
}
.cpl__down {
  color: var(--q-danger);
}
.cpl__pop {
  position: absolute;
  inline-size: 0;
  block-size: 0;
}
.cpl__pop:not(.cpl__pop--open) {
  display: none;
}
.cpl__popcard {
  position: absolute;
  inset-block-end: 1.25rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inline-size: 18rem;
  max-inline-size: calc(100vw - 2rem);
  overflow: hidden;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-over);
}
:dir(rtl) .cpl__popcard,
:dir(rtl) .cpl__poptail {
  transform: translateX(50%);
}
.cpl__poptail {
  position: absolute;
  inset-block-end: 0.5rem;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inline-size: 0.875rem;
  block-size: 0.875rem;
  background: var(--q-surface);
  border-inline-end: 1px solid var(--q-border);
  border-block-end: 1px solid var(--q-border);
  rotate: 45deg;
}
.cpl__pophead {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-3);
}
.cpl__popdot {
  flex-shrink: 0;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  background: var(--q-success);
  border-radius: var(--q-radius-pill);
}
.cpl__popdot--taxi {
  background: var(--q-ink);
}
.cpl__popwho {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
  flex: 1 1 auto;
}
.cpl__popname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cpl__popstate {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cpl__popclose {
  margin-inline-start: auto;
}
.cpl__popfacts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--q-space-2) var(--q-space-4);
  margin: 0;
  padding: 0 var(--q-space-4) var(--q-space-3);
}
.cpl__popfact {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
}
.cpl__popfact dd {
  margin: 0;
  font-size: var(--q-text-xs);
  color: var(--q-text);
  overflow-wrap: anywhere;
}
.cpl__popfact--wide {
  grid-column: 1/-1;
}
.cpl__popfact dt {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-medium);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.cpl__popacts {
  display: flex;
  gap: var(--q-space-2);
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.cpl__popacts .q-btn {
  flex: 1 1 0;
  justify-content: center;
}
.cpl__popalso {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  border-block-start: 1px solid var(--q-border);
}
.cpl__popalsosays {
  font-size: 0.6875rem;
  font-weight: var(--q-weight-medium);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--q-text-muted);
}
.cpl__popalsoone {
  padding: 0.1875rem var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text);
  background: var(--q-surface-sunken);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.cpl__popalsoone:hover {
  color: var(--q-text-strong);
  border-color: var(--q-border-strong);
}
.cpl__popalsoone:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.cpl__popalsoone--on {
  color: var(--q-action-fg);
  background: var(--q-action);
  border-color: var(--q-action);
}
.cpl__listside {
  display: flex;
  flex-direction: column;
}
.cpl__listhead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.cpl__listtitle {
  margin: 0;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cpl__listsays {
  margin: 0.125rem 0 0;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
}
.cpl__refresh {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: var(--q-space-2);
  padding: 0.25rem var(--q-space-2);
  font: inherit;
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  background: none;
  border: 1px solid transparent;
  border-radius: var(--q-radius-pill);
  cursor: pointer;
}
.cpl__refresh:hover:not(:disabled) {
  color: var(--q-text-strong);
  border-color: var(--q-border);
}
.cpl__refresh:disabled {
  cursor: default;
  opacity: 0.7;
}
.cpl__filters {
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  flex-wrap: wrap;
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.cpl__showscount {
  margin-inline-start: var(--q-space-2);
  font-weight: var(--q-weight-semibold);
}
.cpl__search {
  flex: 1 1 9rem;
  min-inline-size: 0;
}
.cpl__rows {
  flex: 1 1 auto;
  min-block-size: 0;
  overflow-y: auto;
}
.cpl__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cpl__row {
  display: flex;
  align-items: center;
  gap: var(--q-space-3);
  padding: var(--q-space-3) var(--q-space-4);
  border-block-end: 1px solid var(--q-border);
}
.cpl__row:last-child {
  border-block-end: 0;
}
.cpl__row:hover {
  background: var(--q-surface-sunken);
}
.cpl__row--on {
  background: var(--q-brand-50);
  box-shadow: inset 0.1875rem 0 0 0 var(--q-brand);
}
.cpl__dot {
  flex-shrink: 0;
  inline-size: 0.625rem;
  block-size: 0.625rem;
  background: var(--q-success);
  border-radius: var(--q-radius-pill);
}
.cpl__dot--taxi {
  background: var(--q-ink);
}
.cpl__rowwho {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-inline-size: 0;
  flex: 1 1 auto;
}
.cpl__rowname {
  font-size: var(--q-text-sm);
  font-weight: var(--q-weight-medium);
  color: var(--q-text-strong);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpl__rowsub {
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpl__rowacts {
  flex-shrink: 0;
  display: flex;
  gap: var(--q-space-1);
}
.cpl__act {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.875rem;
  block-size: 1.875rem;
  color: var(--q-text-muted);
  background: none;
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  cursor: pointer;
}
.cpl__act:hover {
  color: var(--q-action);
  border-color: var(--q-action);
}
.cpl__act--danger:hover {
  color: var(--q-danger);
  border-color: var(--q-danger);
}
.cpl__sure {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--q-space-2);
  font-size: var(--q-text-xs);
  color: var(--q-text-muted);
  white-space: nowrap;
}
.cpl__empty {
  margin: 0;
  padding: var(--q-space-10) var(--q-space-4);
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
  text-align: center;
}
.cpl__foot {
  flex-shrink: 0;
  border-block-start: 1px solid var(--q-border);
}
.cpl__refresh:focus-visible,
.cpl__act:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.cpl__dialog {
  position: fixed;
  z-index: var(--q-z-overlay);
  inset-block-start: 50%;
  inset-inline: 0;
  margin-inline: auto;
  translate: 0 -50%;
  inline-size: min(38rem, 100vw - 2rem);
  max-block-size: calc(100vh - 2rem);
  overflow-y: auto;
  background: var(--q-surface);
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-card);
  box-shadow: var(--q-shadow-pop);
}
.cpl__dialoghead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--q-space-3);
  padding: var(--q-space-4) var(--q-space-4) var(--q-space-3);
}
.cpl__dialogtitle {
  margin: 0 0 0.125rem;
  font-size: var(--q-text-md);
  font-weight: var(--q-weight-semibold);
  color: var(--q-text-strong);
}
.cpl__dialogsays {
  margin: 0;
  font-size: var(--q-text-sm);
  color: var(--q-text-muted);
}
.cpl__dialogbody {
  padding: 0 var(--q-space-4) var(--q-space-4);
}
.cpl__dialogfoot {
  display: flex;
  gap: var(--q-space-2);
  padding: var(--q-space-3) var(--q-space-4) var(--q-space-4);
}
@media (width < 64rem) {
  .cpl__screen {
    block-size: auto;
  }
  .cpl__split {
    grid-template-columns: minmax(0, 1fr);
    flex: 0 0 auto;
  }
  .cpl__mapside {
    block-size: 22rem;
  }
  .cpl__listside {
    block-size: auto;
  }
  .cpl__rows {
    overflow-y: visible;
  }
  .cpl__popcard {
    inline-size: 16rem;
  }
}
@media (width < 30rem) {
  .cpl__screen {
    padding: var(--q-space-4);
  }
  .cpl__listhead {
    flex-wrap: wrap;
  }
  .cpl__search {
    flex-basis: 100%;
  }
  .cpl__legend {
    max-inline-size: calc(100% - var(--q-space-6));
  }
  .cpl__nowhere,
  .cpl__down {
    inset-block-start: 3.25rem;
    max-inline-size: calc(100% - var(--q-space-6));
  }
  .cpl__popfacts {
    grid-template-columns: minmax(0, 1fr);
  }
  .cpl__row {
    flex-wrap: wrap;
  }
  .cpl__sure {
    flex-basis: 100%;
    justify-content: flex-end;
  }
}
:root {
  --ae-gap: var(--q-space-1);
  --ae-text-area-border: 1px solid var(--q-border-strong);
  --ae-text-area-border-radius: var(--q-radius-control);
  --ae-focus-outline-color: var(--q-brand) auto var(--q-focus-width);
  --ae-toolbar-padding: var(--q-space-1);
  --ae-toolbar-bg-color: var(--q-surface-sunken);
  --ae-toolbar-border-radius: var(--q-radius-control);
  --ae-button-bg-color: transparent;
  --ae-button-hover-bg-color: var(--q-surface);
  --ae-button-active-bg-color: var(--q-surface);
  --ae-button-active-hover-bg-color: var(--q-surface);
  --ae-button-disabled-bg-color: transparent;
  --ae-button-border: 1px solid transparent;
  --ae-button-radius: var(--q-radius-chip);
  --ae-picker-label-color: var(--q-text-muted);
  --ae-picker-icon-bg-color: var(--q-surface);
  --ae-picker-option-bg-color: var(--q-surface);
  --ae-picker-option-hover-bg-color: var(--q-surface-sunken);
  --ae-picker-option-focused-bg-color: var(--q-surface-sunken);
  --ae-picker-option-active-bg-color: var(--q-surface-sunken);
}
.angular-editor {
  font-family: inherit;
}
.angular-editor .angular-editor-textarea {
  min-block-size: 22rem;
  padding: var(--q-space-4);
  font-size: var(--q-text-sm);
  line-height: var(--q-leading-base);
  color: var(--q-text);
  background: var(--q-surface);
  overflow-y: auto;
}
.angular-editor .angular-editor-textarea[hidden] {
  display: none;
}
.angular-editor .angular-editor-toolbar {
  border: 1px solid var(--q-border);
  border-radius: var(--q-radius-control);
  margin-block-end: var(--q-space-2);
}
.angular-editor .angular-editor-toolbar .angular-editor-button {
  color: var(--q-text-strong);
}
.angular-editor .angular-editor-toolbar .angular-editor-button:focus-visible {
  outline: var(--q-focus-width) solid var(--q-brand);
  outline-offset: 1px;
}
.angular-editor .angular-editor-toolbar .angular-editor-toolbar-set {
  margin-inline-end: var(--q-space-2);
}
.angular-editor textarea {
  font-family:
    ui-monospace,
    "SFMono-Regular",
    "Cascadia Mono",
    Menlo,
    monospace;
  font-size: var(--q-text-xs);
  direction: ltr;
  text-align: start;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */