.elementor-28 .elementor-element.elementor-element-86589cc{--display:flex;}.elementor-28 .elementor-element.elementor-element-86589cc:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-86589cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#242424;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-d77e6bb{background-color:#252525;font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-28 .elementor-element.elementor-element-88d602f{--display:flex;--justify-content:flex-start;}.elementor-28 .elementor-element.elementor-element-4aa020c{width:100%;max-width:100%;background-color:#111111;}/* Start custom CSS for html, class: .elementor-element-4aa020c */.chord {
  font-family: monospace;
  background: #111;
  color: #fff;
  padding: 16px;
  border-radius: 8px;
  overflow-x: auto;
  white-space: pre;
}

.chord .ch {
  color: #00ffcc;
  font-weight: bold;
}

.scroll-control, .transpose {
  margin-bottom: 10px;
}

.scroll-control button, .transpose button {
  padding: 6px 12px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}/* End custom CSS */