.elementor-10771 .elementor-element.elementor-element-7065a17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10771 .elementor-element.elementor-element-c78f53e .elementor-button:hover, .elementor-10771 .elementor-element.elementor-element-c78f53e .elementor-button:focus{background-color:#00585C;}.elementor-10771 .elementor-element.elementor-element-f7fab0f{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10771 .elementor-element.elementor-element-f7fab0f:not(.elementor-motion-effects-element-type-background), .elementor-10771 .elementor-element.elementor-element-f7fab0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-10771 .elementor-element.elementor-element-b364a19{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10771 .elementor-element.elementor-element-b364a19:not(.elementor-motion-effects-element-type-background), .elementor-10771 .elementor-element.elementor-element-b364a19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#54595F;}.elementor-10771 .elementor-element.elementor-element-dcfe638{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10771 .elementor-element.elementor-element-dcfe638:not(.elementor-motion-effects-element-type-background), .elementor-10771 .elementor-element.elementor-element-dcfe638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#54595F;}.elementor-10771 .elementor-element.elementor-element-2357756{--display:flex;}@media(max-width:1024px){.elementor-10771 .elementor-element.elementor-element-f7fab0f{--min-height:100vh;}}@media(min-width:768px){.elementor-10771 .elementor-element.elementor-element-f7fab0f{--content-width:1600px;}.elementor-10771 .elementor-element.elementor-element-b364a19{--width:800px;}.elementor-10771 .elementor-element.elementor-element-dcfe638{--width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-10771 .elementor-element.elementor-element-f7fab0f{--content-width:100%;}}@media(max-width:767px){.elementor-10771 .elementor-element.elementor-element-f7fab0f{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-7065a17 *//* Make parent stretch properly */
.tryit-wrapper {
  display: flex;
  height: 80vh;
}

/* LEFT (Editor) */
.tryit-container {
  height: 100%;
}

/* RIGHT (Output) */
.tryit-output {
  height: 100%;
  border: none;
  background: #fff;
}

/* CodeMirror full height */
.CodeMirror {
  height: 100% !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .tryit-wrapper {
    flex-direction: column;
    height: auto;
  }

  .tryit-container,
  .tryit-output {
    width: 100%;
    height: 60vh;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .tryit-container,
  .tryit-output {
    height: 45vh;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61a8107 *//* CodeMirror full-height editor */
.CodeMirror {
  height: 90vh;
  max-height: 90vh;
  font-size: 14px;
}

/* Proper scrolling */
.CodeMirror-scroll {
  overflow-y: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7fab0f *//* Elementor container fix */
.elementor-container,
.elementor-widget-html {
  height: 100%;
}

/* CodeMirror full height */
.CodeMirror {
  height: 100% !important;
  min-height: 100vh;
}

/* Scroll only when content exceeds height */
.CodeMirror-scroll {
  overflow-y: auto !important;
}/* End custom CSS */