.pm-cost-control {
  --cost-ink: #101e3d; --cost-border: #c7d5e8; --cost-orange: #ff6b00;
  display: flex; width: 100%; height: 34px; min-width: 0;
  box-sizing: border-box; border: 1px solid var(--cost-border); border-radius: 3px;
  background: #fff; color: var(--cost-ink);
}
.pm-cost-control > button {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  min-width: 0; border: 0; border-radius: 2px; padding: 0 5px;
  background: transparent; color: inherit; font: inherit; font-size: 11px;
  font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap;
}
.pm-cost-control > .pm-cost-control__toggle { flex: 1; }
.pm-cost-control > .pm-cost-control__calculate { flex: 1; border-left: 1px solid var(--cost-border); margin: 5px 0; border-radius: 0; }
.pm-cost-control__track { position: relative; flex: 0 0 28px; width: 28px; height: 17px; border-radius: 12px; background: #cbd5e1; }
.pm-cost-control__track::after { content: ''; position: absolute; width: 13px; height: 13px; top: 2px; left: 2px; border-radius: 50%; background: #fff; }
.pm-cost-control__toggle[aria-checked="true"] .pm-cost-control__track { background: var(--cost-orange); }
.pm-cost-control__toggle[aria-checked="true"] .pm-cost-control__track::after { left: 13px; }
.pm-cost-control > button:hover { background: #fff3e8; }
.pm-cost-control > button:focus-visible { outline: 2px solid var(--cost-orange); outline-offset: 2px; }
.pm-cost-control__calculate svg { flex-shrink: 0; }
.pm-cost-control__hint { display: block; margin-top: 3px; text-align: center; color: #526985; font-size: 11px; line-height: 1.3; }
/*$vite$:1*/