/* One set of fields at every breakpoint. Styles are isolated from Elementor. */
#rl-request-dialog, #rl-request-dialog * { box-sizing: border-box; }
#rl-request-dialog {
  color-scheme: dark; padding: 0; border: 0; border-radius: 20px;
  width: min(711px, calc(100% - 48px)); max-width: none;
  max-height: min(90vh, calc(100vh - 48px)); max-height: min(90dvh, calc(100dvh - 48px));
  margin: 24px auto; overflow: auto; overscroll-behavior: contain;
  background: #1c1c1c; color: #eef0f3; font: 400 16px/1.5 Manrope, sans-serif;
  text-align: left; box-shadow: none; scrollbar-gutter: stable;
}
#rl-request-dialog:not([open]) { display: none; }
#rl-request-dialog::backdrop { background: rgb(0 0 0 / 55%); backdrop-filter: blur(3px); }
html.rl-form-open, html.rl-form-open body { overflow: hidden !important; }
#rl-request-dialog .rl-panel { position: relative; padding: 60px; }
#rl-request-dialog .rl-close {
  position: absolute; top: 22px; right: 27px; display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 4px;
  background: transparent; color: #eef0f3; font: 300 32px/1 Arial, sans-serif; cursor: pointer;
}
#rl-request-dialog h2 { margin: 0 0 20px; padding: 0; color: #eef0f3; font: 600 32px/1.2 Manrope, sans-serif; text-align: center; letter-spacing: normal; }
#rl-request-dialog #rl-request-description { margin: 0 0 50px; padding: 0; color: #eef0f3; font: 400 18px/1.45 Manrope, sans-serif; text-align: center; }
#rl-request-dialog form { margin: 0; padding: 0; }
#rl-request-dialog .rl-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
#rl-request-dialog .rl-field { min-width: 0; }
#rl-request-dialog .rl-wide { grid-column: 1 / -1; }
#rl-request-dialog .rl-field > label:not(.rl-consent) { display: block; margin: 0 0 4px; padding: 0; color: #eef0f3; font: 400 14px/1 Manrope, sans-serif; }
#rl-request-dialog input:not([type="checkbox"]), #rl-request-dialog select, #rl-request-dialog textarea {
  display: block; width: 100%; min-width: 0; height: 47px; margin: 0; padding: 6px 16px;
  border: 0; border-radius: 10px; background: #eef0f3; color: #000;
  font: 400 16px/1.4 Manrope, sans-serif; letter-spacing: normal; box-shadow: none; color-scheme: light;
}
#rl-request-dialog input::placeholder, #rl-request-dialog textarea::placeholder { color: #696b6d; opacity: 1; }
#rl-request-dialog textarea { height: 114px; min-height: 114px; padding: 12px; resize: vertical; }
#rl-request-dialog .rl-select { position: relative; }
#rl-request-dialog select { appearance: none; padding-right: 28px; cursor: pointer; }
#rl-request-dialog .rl-select::after { content: ""; position: absolute; right: 10px; top: 21px; border: 6px solid transparent; border-bottom: 0; border-top-color: #000; pointer-events: none; }
#rl-request-dialog .rl-consent { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #eef0f3; font: 400 16px/24px Manrope, sans-serif; cursor: pointer; }
#rl-request-dialog input[type="checkbox"] { appearance: none; flex: 0 0 24px; width: 24px; height: 24px; margin: 0; padding: 0; border: 1px solid #7f8582; border-radius: 4px; background: transparent; cursor: pointer; }
#rl-request-dialog input[type="checkbox"]:checked { background: #2bbf6a; border-color: #2bbf6a; }
#rl-request-dialog input[type="checkbox"]:checked::after { content: ""; display: block; width: 6px; height: 12px; border: solid #000102; border-width: 0 2px 2px 0; transform: translate(8px,3px) rotate(45deg); }
#rl-request-dialog a { color: inherit; text-decoration: none; }
#rl-request-dialog a[href]:hover { text-decoration: underline; }
#rl-request-dialog .rl-submit { display: block; width: 100%; height: 56px; margin: 20px 0 0; padding: 20px 12px; border: 1px solid #000102; border-radius: 500px; background: #2bbf6a; color: #000102; font: 500 14px/14px Manrope, sans-serif; text-transform: none; letter-spacing: normal; cursor: pointer; box-shadow: none; }
#rl-request-dialog .rl-submit:hover { background: #39cc78; }
#rl-request-dialog .rl-submit:disabled { opacity: .65; cursor: wait; }
#rl-request-dialog :focus-visible { outline: 2px solid #2bbf6a; outline-offset: 3px; }
#rl-request-dialog .rl-submit:focus-visible { outline-color: #eef0f3; }
#rl-request-dialog .rl-status { margin: 20px 0 0; font-size: 14px; line-height: 1.5; color: #eef0f3; }
#rl-request-dialog .rl-status[data-kind="error"] { color: #ffb4b4; }
#rl-request-dialog .rl-status[data-kind="success"] { color: #6de79e; }
#rl-request-dialog .rl-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 767px) {
  #rl-request-dialog { width: calc(100% - 24px); margin: 12px auto; max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); scrollbar-gutter: auto; }
  #rl-request-dialog .rl-panel { padding: 60px 24px 28px; }
  #rl-request-dialog h2 { font-size: 26px; }
  #rl-request-dialog #rl-request-description { font-size: 16px; margin-bottom: 30px; }
  #rl-request-dialog .rl-grid { grid-template-columns: minmax(0,1fr); }
  #rl-request-dialog .rl-close { top: 10px; right: 10px; }
}
