.guidebg-tc-root {
  --gb4-gold: #b8904f;
  --gb4-gold-soft: #f7f1e7;
  --gb4-ink: #252436;
  --gb4-muted: #565a65;
  --gb4-soft-text: #474b55;
  --gb4-border: #ddd6ca;
  --gb4-panel: #ffffff;
  --gb4-bg: #fbfaf7;
  color: var(--gb4-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
}

.gb4 {
  background: var(--gb4-bg);
  border: 1px solid var(--gb4-border);
  border-radius: 14px;
  padding: 18px;
}

.gb4-header {
  margin-bottom: 18px;
}

.gb4-header h2 {
  margin: 0 0 6px;
  font-size: 28px;
  line-height: 1.14;
  font-weight: 650;
  letter-spacing: -0.015em;
}

.gb4-header p {
  margin: 0;
  max-width: 820px;
  color: var(--gb4-muted);
  font-size: 15px;
  line-height: 1.5;
}

.gb4-flow {
  display: grid;
  gap: 16px;
}

.gb4-module,
.gb4-summary,
.gb4-card {
  background: var(--gb4-panel);
  border: 1px solid var(--gb4-border);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 5px 18px rgba(31, 35, 45, 0.035);
}

.gb4-module-head {
  margin-bottom: 14px;
}

.gb4-module-head h3,
.gb4-card h3,
.gb4-summary h3 {
  margin: 0 0 7px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 650;
}

.gb4-module-head p {
  margin: 0;
  color: var(--gb4-muted);
  font-size: 14px;
  line-height: 1.45;
}

.gb4-month-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(48px, 1fr));
  gap: 7px;
}

.gb4-month,
.gb4-option,
.gb4-destination,
.gb4-trip-preset {
  border: 1px solid var(--gb4-border);
  background: #fff;
  color: var(--gb4-ink);
  border-radius: 9px;
  padding: 10px 11px;
  cursor: pointer;
  transition: .14s ease;
  text-align: left;
  min-height: 0;
}

.gb4-month {
  text-align: center;
  padding: 9px 4px;
}

.gb4-month span,
.gb4-option strong {
  display: block;
  font-weight: 650;
  font-size: 14px;
}

.gb4-option span,
.gb4-destination small,
.gb4-trip-preset small {
  display: block;
  color: var(--gb4-soft-text);
  font-size: 12px;
  margin-top: 4px;
  line-height: 1.38;
}

.gb4-option strong {
  font-size: 15px;
}

.gb4-month.is-active,
.gb4-option.is-active,
.gb4-destination.is-active,
.gb4-trip-preset.is-active,
.gb4-pill-row button.is-active {
  border-color: var(--gb4-gold);
  background: var(--gb4-gold-soft);
  box-shadow: inset 0 0 0 1px rgba(184, 144, 79, .25);
}

.gb4-destination:disabled,
.gb4-trip-preset:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.gb4-current-selection {
  border-radius: 10px;
  background: var(--gb4-gold-soft);
  border: 1px solid rgba(184, 144, 79, .28);
  padding: 10px 12px;
  color: var(--gb4-ink);
  font-weight: 650;
  margin-bottom: 12px;
}

.gb4-trip-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(170px, 1fr));
  gap: 10px;
  align-items: stretch;
}

.gb4-stepper,
.gb4-trip-detail-summary {
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 10px;
  padding: 12px;
}

.gb4-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gb4-stepper span {
  color: var(--gb4-muted);
  font-weight: 600;
}

.gb4-stepper div,
.gb4-mini-stepper {
  display: flex;
  align-items: center;
  gap: 7px;
}

.gb4-stepper button,
.gb4-mini-stepper button {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid var(--gb4-border);
  background: var(--gb4-gold-soft);
  cursor: pointer;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.gb4-stepper button:disabled,
.gb4-mini-stepper button:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.gb4-stepper strong {
  min-width: 24px;
  text-align: center;
  font-size: 18px;
  font-weight: 650;
}

.gb4-places-intro,
.gb4-notice,
.gb4-trip-suggestion,
.gb4-context-note,
.gb4-empty-selection {
  border-radius: 10px;
  background: var(--gb4-gold-soft);
  border: 1px solid rgba(184, 144, 79, .28);
  padding: 10px 12px;
  margin-bottom: 12px;
  color: var(--gb4-ink);
  line-height: 1.45;
  font-size: 14px;
}

.gb4-context-note--activities {
  margin-top: 14px;
  margin-bottom: 0;
}

.gb4-places-intro {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.gb4-subsection-title {
  margin: 4px 0 9px;
  color: var(--gb4-muted);
  font-weight: 650;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.gb4-trip-preset-grid,
.gb4-destination-grid,
.gb4-option-grid {
  display: grid;
  gap: 9px;
}

.gb4-trip-preset-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 14px;
}

.gb4-destination-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gb4-option-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gb4-transport-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gb4-destination {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: start;
  gap: 8px;
  min-height: 92px;
}

.gb4-destination > span:not(.gb4-dest-icon) {
  font-weight: 620;
  line-height: 1.25;
}

.gb4-destination small {
  grid-column: 2 / 3;
  min-height: 32px;
  color: var(--gb4-soft-text);
}

.gb4-dest-icon,
.gb4-symbol {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: var(--gb4-gold-soft);
  color: var(--gb4-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  border: 1px solid rgba(184, 144, 79, .25);
}

.gb4-selected-destinations {
  display: grid;
  gap: 9px;
  margin: 14px 0;
}

.gb4-selected-destination {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid var(--gb4-border);
  background: #fff;
  padding: 10px 12px;
}

.gb4-selected-destination > span {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 8px;
  align-items: start;
}

.gb4-selected-destination > span .gb4-symbol {
  grid-row: 1 / 3;
}

.gb4-selected-destination b {
  font-weight: 650;
  line-height: 1.25;
}

.gb4-selected-destination small {
  color: var(--gb4-soft-text);
  line-height: 1.35;
  font-size: 12px;
}

.gb4-remove {
  width: auto !important;
  padding: 0 9px !important;
  font-size: 12px;
}

.gb4-pill-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.gb4-pill-row button {
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  cursor: pointer;
  font-weight: 650;
}

.gb4-transport-config {
  margin-top: 14px;
}

.gb4-transport-row {
  display: grid;
  grid-template-columns: minmax(140px, 1fr) repeat(3, minmax(130px, 1fr));
  gap: 10px;
  align-items: end;
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 10px;
  padding: 11px;
  margin-bottom: 9px;
}

.gb4-transport-row strong {
  align-self: center;
  font-weight: 650;
}

.gb4-transport-row label,
.gb4-advanced-grid label {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: var(--gb4-muted);
  font-weight: 600;
  font-size: 12px;
}

.gb4-transport-row small {
  color: var(--gb4-soft-text);
  line-height: 1.35;
}

.gb4-transport-row select,
.gb4-transport-row input,
.gb4-advanced-grid select,
.gb4-advanced-grid input {
  min-height: 38px;
  border-radius: 9px;
  border: 1px solid var(--gb4-border);
  padding: 7px 10px;
  background: #fff;
  color: var(--gb4-ink);
  font-size: 14px;
}

.gb4-advanced-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.gb4-advanced-toggle {
  margin-top: 8px;
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 9px;
  padding: 9px 12px;
  color: var(--gb4-ink);
  font-weight: 650;
  cursor: pointer;
}

.gb4-summary {
  margin-top: 18px;
  text-align: center;
  border-color: var(--scenario-color);
  background: #fff;
}

.gb4-summary h3 {
  margin-bottom: 12px;
}

.gb4-summary-line {
  display: inline-block;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--scenario-color);
  padding: 7px 13px;
  color: var(--gb4-ink);
  font-weight: 650;
  margin-bottom: 13px;
  font-size: 14px;
}

.gb4-summary-headline span {
  display: block;
  color: var(--scenario-color);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 750;
}

.gb4-summary-headline strong {
  display: block;
  font-size: 38px;
  line-height: 1.05;
  color: var(--scenario-color);
  font-weight: 650;
}

.gb4-summary-headline small {
  display: block;
  color: var(--gb4-muted);
  font-size: 14px;
  margin-top: 6px;
}

.gb4-range-cards,
.gb4-item-summary,
.gb4-results {
  display: grid;
  gap: 10px;
}

.gb4-range-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.gb4-scenario {
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 10px;
  padding: 11px;
  cursor: pointer;
}

.gb4-scenario span,
.gb4-item-summary span,
.gb4-budget-total span {
  display: block;
  color: var(--gb4-muted);
  font-size: 12px;
  font-weight: 650;
}

.gb4-scenario strong,
.gb4-item-summary strong {
  display: block;
  font-size: 18px;
  margin-top: 3px;
  font-weight: 650;
}

.gb4-scenario.is-active {
  border-color: var(--scenario-color);
  background: var(--scenario-soft);
  box-shadow: inset 0 0 0 1px var(--scenario-color);
}

.gb4-item-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 10px;
  padding: 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.66);
  border: 1px solid var(--scenario-color);
}

.gb4-item-summary div {
  border: 1px solid rgba(255,255,255,.82);
  background: #fff;
  border-radius: 10px;
  padding: 11px;
}

.gb4-results--v42 {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  margin-top: 18px;
  align-items: start;
}

.gb4-card {
  background: #fff;
}

.gb4-estimation-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 9px 14px;
  align-items: start;
  font-size: 14px;
}

.gb4-estimation-grid span {
  color: var(--gb4-muted);
}

.gb4-estimation-grid strong {
  text-align: right;
  font-weight: 650;
}

.gb4-pie {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  margin: 8px auto 12px;
  border: 10px solid #fff;
  box-shadow: inset 0 0 0 1px var(--gb4-border), 0 8px 22px rgba(31,35,45,.06);
}

.gb4-budget-total {
  text-align: center;
  margin-bottom: 12px;
}

.gb4-budget-total strong {
  display: block;
  font-size: 28px;
  line-height: 1.05;
  margin: 3px 0;
  font-weight: 650;
}

.gb4-budget-total small {
  color: var(--gb4-muted);
}

.gb4-legend {
  display: grid;
  gap: 7px;
  font-size: 13px;
}

.gb4-legend div {
  display: grid;
  grid-template-columns: 12px 1fr auto;
  gap: 8px;
  align-items: center;
}

.gb4-legend i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.gb4-notes {
  margin-top: 18px;
}

.gb4-notes p {
  margin: 0 0 10px;
  line-height: 1.62;
  color: var(--gb4-ink);
  font-size: 14px;
}

.gb4-notes p:first-of-type {
  background: var(--gb4-gold-soft);
  border: 1px solid rgba(184, 144, 79, .28);
  border-radius: 10px;
  padding: 10px 12px;
}

.gb4-notes a {
  color: var(--gb4-gold);
  font-weight: 650;
}

@media (max-width: 1120px) {
  .gb4-month-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .gb4-results--v42 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 980px) {
  .gb4-destination-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gb4-trip-details,
  .gb4-transport-row {
    grid-template-columns: 1fr;
  }
  .gb4-item-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gb4-trip-preset-grid,
  .gb4-transport-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .gb4 {
    padding: 13px;
    border-radius: 12px;
  }
  .gb4-header h2 {
    font-size: 24px;
  }
  .gb4-month-grid,
  .gb4-destination-grid,
  .gb4-option-grid,
  .gb4-range-cards,
  .gb4-item-summary,
  .gb4-results--v42,
  .gb4-advanced-grid {
    grid-template-columns: 1fr;
  }
  .gb4-selected-destination,
  .gb4-places-intro {
    align-items: flex-start;
    grid-template-columns: 1fr;
  }
  .gb4-summary-headline strong {
    font-size: 32px;
  }
}

.gb4-summary-line.is-empty,
.gb4-selection-empty {
  color: #AE253B !important;
  border-color: rgba(174, 37, 59, .45) !important;
}

.gb4-selection-affirmation {
  margin: -4px auto 14px;
  max-width: 820px;
  color: var(--gb4-muted);
  font-size: 14px;
  line-height: 1.45;
}

.gb4-selection-affirmation span {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 650;
  color: var(--gb4-muted);
  margin-bottom: 2px;
}

.gb4-selection-affirmation strong {
  display: block;
  color: var(--gb4-ink);
  font-weight: 650;
}

.gb4-transport-row--carshare {
  grid-template-columns: minmax(140px, 1fr) minmax(150px, 180px) minmax(0, 2.4fr);
}

.gb4-carshare-help {
  align-self: center;
  color: var(--gb4-soft-text);
  background: var(--gb4-gold-soft);
  border: 1px solid rgba(184, 144, 79, .25);
  border-radius: 9px;
  padding: 9px 10px;
}

.gb4-notes strong {
  font-weight: 760;
  color: var(--gb4-ink);
}

.gb4-notes p:first-of-type {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.gb4-notes p:last-of-type {
  background: var(--gb4-gold-soft);
  border: 1px solid rgba(184, 144, 79, .28);
  border-radius: 10px;
  padding: 10px 12px;
}

.gb4-context-note + .gb4-option-grid,
.gb4-option-grid + .gb4-context-note {
  margin-top: 14px;
}

@media (max-width: 980px) {
  .gb4-transport-row--carshare {
    grid-template-columns: 1fr;
  }
}

.gb4-item-summary--active span,
.gb4-item-summary--active strong {
  color: var(--scenario-color) !important;
}

.gb4-item-summary--active div {
  border-color: color-mix(in srgb, var(--scenario-color) 28%, #ffffff);
}

.gb4-summary-headline strong {
  color: var(--scenario-color) !important;
}

.gb4-room-hint,
.gb4-zero-state-note {
  margin-top: 10px;
  color: var(--gb4-soft-text);
  font-size: 13px;
  line-height: 1.45;
}

.gb4-zero-state-note {
  color: #AE253B;
  font-weight: 650;
}

.gb4-start-city-row {
  margin-top: 12px;
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  display: grid;
  grid-template-columns: minmax(140px, .8fr) 2fr;
  gap: 12px;
  align-items: center;
}

.gb4-start-city-row > span {
  color: var(--gb4-muted);
  font-weight: 650;
}

.gb4-start-city-row > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gb4-start-option {
  border: 1px solid var(--gb4-border);
  background: #fff;
  border-radius: 9px;
  padding: 8px 12px;
  font-weight: 650;
  cursor: pointer;
}

.gb4-start-option.is-active {
  border-color: var(--gb4-gold);
  background: var(--gb4-gold-soft);
  box-shadow: inset 0 0 0 1px rgba(184, 144, 79, .25);
}

.gb4-start-suggestions {
  background: #fff;
  border: 1px solid rgba(184, 144, 79, .28);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 12px;
}

.gb4-start-suggestions strong {
  display: block;
  margin-bottom: 4px;
}

.gb4-start-suggestions p {
  margin: 0 0 8px;
  color: var(--gb4-soft-text);
  line-height: 1.48;
}

.gb4-suggestion-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.gb4-suggestion-links a {
  display: inline-flex;
  border: 1px solid var(--gb4-border);
  border-radius: 999px;
  padding: 5px 9px;
  color: var(--gb4-gold);
  text-decoration: none;
  font-weight: 650;
  font-size: 12px;
}

.gb4-allocation--remaining {
  color: #AE253B;
}

.gb4-allocation--complete {
  color: #4F5136;
}

.gb4-destination.is-suggested {
  border-color: rgba(184, 144, 79, .65);
}

.gb4-destination em {
  display: inline-flex;
  margin-left: 6px;
  font-style: normal;
  font-size: 10px;
  padding: 2px 5px;
  border-radius: 999px;
  background: var(--gb4-gold-soft);
  color: var(--gb4-gold);
  vertical-align: middle;
}

.gb4-scenario em {
  display: block;
  font-style: normal;
  color: var(--gb4-soft-text);
  font-size: 12px;
  line-height: 1.35;
  margin: 4px 0 6px;
}

@media (max-width: 720px) {
  .gb4-start-city-row {
    grid-template-columns: 1fr;
  }
}

.gb4-summary-line.has-unallocated {
  color: #AE253B !important;
  border-color: rgba(174, 37, 59, .55) !important;
}

.gb4-summary-unallocated {
  margin: -6px auto 14px;
  color: #AE253B;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.45;
}

.gb4-summary-headline em {
  display: block;
  margin: 4px auto 7px;
  max-width: 520px;
  color: var(--scenario-color);
  font-style: normal;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

.gb4-scenario em {
  display: none !important;
}

.gb4-month,
.gb4-start-option,
.gb4-option,
.gb4-destination,
.gb4-trip-preset {
  position: relative;
}

.gb4-info {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 15px;
  height: 15px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  font-weight: 750;
  color: var(--gb4-gold);
  border: 1px solid rgba(184, 144, 79, .45);
  background: #fff;
  z-index: 2;
}

.gb4-start-option .gb4-info {
  top: 3px;
  right: 4px;
}

.gb4-built-title {
  margin-top: 14px;
}

.gb4-built-box {
  border: 1.5px solid var(--built-color);
  border-radius: 12px;
  padding: 10px;
  background: #fff;
}

.gb4-built-box .gb4-selected-destination {
  border-color: color-mix(in srgb, var(--built-color) 30%, #ffffff);
}

.gb4-built-box .gb4-symbol {
  color: var(--built-color);
  border-color: color-mix(in srgb, var(--built-color) 45%, #ffffff);
  background: color-mix(in srgb, var(--built-color) 9%, #ffffff);
}

.gb4-built-box .gb4-empty-selection {
  margin-bottom: 0;
}

.gb4-trip-preset .gb4-symbol {
  min-width: 26px;
}

/* v4.9 refinements */

.gb4-info {
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  max-width: 12px !important;
  max-height: 12px !important;
  font-size: 8px !important;
  line-height: 1 !important;
  top: 4px !important;
  right: 4px !important;
  padding: 0 !important;
}

.gb4-start-option .gb4-info {
  width: 12px !important;
  height: 12px !important;
  font-size: 8px !important;
  top: 4px !important;
  right: 4px !important;
}

.gb4-results--v42 > .gb4-card {
  border-color: var(--scenario-color);
}

.gb4-results--v42 .gb4-card h3 {
  color: var(--scenario-color);
}

.gb4-built-title {
  margin-top: 16px;
}

.gb4-built-box {
  border: 1.5px solid var(--built-color);
  border-radius: 12px;
  padding: 10px;
  background: #fff;
}

.gb4-built-box .gb4-selected-destination {
  border-color: color-mix(in srgb, var(--built-color) 30%, #ffffff);
}

.gb4-built-box .gb4-symbol {
  color: var(--built-color);
  border-color: color-mix(in srgb, var(--built-color) 45%, #ffffff);
  background: color-mix(in srgb, var(--built-color) 9%, #ffffff);
}

.gb4-built-box .gb4-empty-selection {
  margin-bottom: 0;
}

.gb4-trip-preset .gb4-symbol {
  min-width: 26px;
}

.gb4-route-advisory {
  color: #AE253B;
  font-weight: 650;
}
.gb4-transport-row label small {
  margin-top: 4px;
  color: var(--gb4-soft-text);
  font-weight: 500;
  line-height: 1.35;
}

.gb4-route-advisory {
  font-weight: 400 !important;
}

.gb4-selected-destination[draggable="true"] {
  cursor: grab;
}

.gb4-selected-destination[draggable="true"]:active,
.gb4-selected-destination.is-dragging {
  cursor: grabbing;
  opacity: .78;
}

.gb4-drag-hint {
  margin: -2px 0 8px;
  color: var(--gb4-soft-text);
  font-size: 12px;
  line-height: 1.35;
}

.gb4-route-increase-note {
  border: 1px solid rgba(174, 37, 59, .35);
  background: rgba(174, 37, 59, .06);
  color: #AE253B;
  border-radius: 10px;
  padding: 10px 12px;
  margin: 8px 0 10px;
  font-size: 13px;
  line-height: 1.45;
}

.gb4-route-increase-note strong {
  display: block;
  margin-bottom: 2px;
  letter-spacing: .04em;
  font-size: 11px;
}

.gb4-route-increase-note span {
  display: block;
}

.gb4-repeat-note {
  margin: -2px 0 9px;
  color: var(--gb4-soft-text);
  font-size: 12px;
  line-height: 1.35;
}

.gb4-destination span em + em {
  margin-top: 3px;
}

.gb4-destination span em {
  display: inline-flex;
  margin-left: 6px;
  margin-top: 2px;
}