/* stylelint-disable no-eol-whitespace */
:root {
  /* ===============================================================
     pixels
     ============================================================== */
    --fwds-button-smaller-space: 5px;
    --fwds-button-space: 10px;
    --fwds-opacity-button: 0.65;
  
  /* ===============================================================
     colors
     ============================================================== */
    --fwds-black: black;
    --fwds-button-box-shadows-primary: 0 0 0 0.25rem rgb(50 128 196 / 50%);
    --fwds-button-box-shadows-secondary: 0 0 0 0.25rem rgb(178 179 180 / 50%);
    --fwds-deep-orange-revoke-dark-mode-hover: #ff3e3e;
    --fwds-deep-orange-revoke-hover: #a22;
    --fwds-orange-revoke: #da2e27;
    --fwds-primary-blue-hover-bg: #0c5a9e;
    --fwds-primary-blue-hover-border: #0b5595;
    --fwds-primary-blue: #0e6aba;
    --fwds-primary-dark-mode-blue-hover-bg: #129ed5;
    --fwds-primary-dark-mode-blue: #21b3ec;
    --fwds-primary-dark-mode-link-hover: #adadad;
    --fwds-primary-dark-mode-link: #d3d3d3;
    --fwds-primary-link-hover: #094173;
    --fwds-secondary-border-hover: #b3b3b3;
    --fwds-secondary-border: #ccc;
    --fwds-secondary-dark-mode-bg: #3c3f42;
    --fwds-secondary-dark-mode-border-hover: #242627;
    --fwds-secondary-dark-mode-font: #ced4da;
    --fwds-secondary-font: #212529;
    --fwds-secondary-grey: #f3f5f5;
    --fwds-text-danger-dark-mode: #ff7171;
    --fwds-text-danger: #d8302f;
    --fwds-white: white;
  }
  
  .K_ZoYm {
    background-color: inherit !important;
    border: 1px solid var(--fwds-orange-revoke);
    color: var(--fwds-orange-revoke);
  }
  
  .K_ZoYm:active,
    .K_ZoYm:focus,
    .K_ZoYm:hover {
      background-color: inherit !important;
      border-color: var(--fwds-deep-orange-revoke-hover);
      color: var(--fwds-deep-orange-revoke-hover);
    }
  
  .Gvs4B1 {
    padding-top: var(--fwds-button-space);
  }
  
  .XUCAaY {
    margin-right: 20px;
  }
  
  .eyxYQ2 {
    margin-left: 20px;
  }
  
  .cem3xt {
    font-weight: normal;
  }
  
  .c8jiT3 {
    border-radius: 2px;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    padding: 4px 12px;
    vertical-align: top;
    white-space: nowrap;
  }
  
  .c8jiT3:disabled {
      opacity: var(--fwds-opacity-button);
    }
  
  .z3YP3r {
      background-color: var(--fwds-primary-blue);
      border: var(--fwds-primary-blue);
      color: var(--fwds-white);
  }
  
  .z3YP3r:hover,
      .z3YP3r:focus {
        background-color: var(--fwds-primary-blue-hover-bg);
        border: var(--fwds-primary-blue-hover-border);
        color: var(--fwds-white);
      }
  
  .z3YP3r:disabled:hover {
        background-color: var(--fwds-primary-blue);
        border: var(--fwds-primary-blue);
        color: var(--fwds-white);
      }
  
  .z3YP3r:focus {
        box-shadow: var(--fwds-button-box-shadows-primary);
      }
  
  .z3YP3r input[type="file"] {
    display: none;
  }
  
  .jHGsnl {
    background-color: var(--fwds-secondary-grey);
    border: 1px solid var(--fwds-secondary-border);
    color: var(--fwds-secondary-font);
  }
  
  .jHGsnl:hover,
    .jHGsnl:focus {
      border: 1px solid var(--fwds-secondary-border-hover);
      color: var(--fwds-black);
    }
  
  .jHGsnl:disabled:hover {
      background-color: var(--fwds-secondary-grey);
      border: 1px solid var(--fwds-secondary-border);
      color: var(--fwds-secondary-font);
      opacity: var(--fwds-opacity-button);
    }
  
  .jHGsnl:focus {
      box-shadow: var(--fwds-button-box-shadows-secondary);
    }
  
  .cem3xt {
    color: var(--fwds-primary-blue);
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 400;
  }
  
  .cem3xt:hover,
    .cem3xt:focus {
      text-decoration: underline;
    }
  
  .cem3xt:hover {
      color: var(--fwds-primary-link-hover);
    }
  
  .sHqDAp {
    color: var(--fwds-text-danger);
  }
  
  .sHqDAp:hover {
      color: var(--fwds-text-danger);
      opacity: 0.6;
    }
  
  .xzXdBZ {
    padding: 20px;
  }
  
  .xzXdBZ .z3YP3r {
    margin-right: var(--fwds-button-space);
  }
  
  .xibsAn {
    height: 30px;
    width: 30px;
  }
  
  .uSh5GJ {
    border-radius: 2px;
    line-height: 18px;
    padding: 0 4px;
    vertical-align: middle;
    margin-right: var(--fwds-button-space);
  }

  .uYjLGz {
    padding: 0 8px;
  }

  .LYrhhg {
    margin-left: var(--fwds-button-smaller-space);
  }
  
  /* ===============================================================
     Dark mode CSS modules
     ============================================================== */
  .fotoweb-dark .c8jiT3 {
    border-radius: 2px;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    padding: 4px 12px;
    vertical-align: top;
    white-space: nowrap;
  }
  .fotoweb-dark .c8jiT3:disabled {
      opacity: 0.65;
    }
  
  .fotoweb-dark .z3YP3r {
    background-color: var(--fwds-primary-dark-mode-blue);
    border: var(--fwds-primary-dark-mode-blue);
    color: var(--fwds-black);
  }
  
  .fotoweb-dark .z3YP3r:hover,
    .fotoweb-dark .z3YP3r:focus {
      background-color: var(--fwds-primary-dark-mode-blue-hover-bg);
      border: var(--fwds-primary-dark-mode-blue-hover-bg);
      color: var(--fwds-black);
    }
  
  .fotoweb-dark .z3YP3r:disabled:hover {
      background-color: var(--fwds-primary-dark-mode-blue);
      border: var(--fwds-primary-dark-mode-blue);
      color: var(--fwds-black);
      }
  
  .fotoweb-dark .z3YP3r:focus {
      box-shadow: var(--fwds-button-box-shadows-primary);
    }
  
  .fotoweb-dark .jHGsnl {
    background-color: var(--fwds-secondary-dark-mode-bg);
    border: 1px solid var(--fwds-secondary-dark-mode-bg);
    color: var(--fwds-secondary-dark-mode-font);
  }
  
  .fotoweb-dark .jHGsnl:hover,
    .fotoweb-dark .jHGsnl:focus {
      border: 1px solid var(--fwds-secondary-dark-mode-border-hover);
      color: var(--fwds-secondary-dark-mode-font);
    }
  
  .fotoweb-dark .jHGsnl:disabled:hover {
      background-color: var(--fwds-secondary-dark-mode-bg);
      border: 1px solid var(--fwds-secondary-dark-mode-bg);
      color: var(--fwds-secondary-dark-mode-font);
    }
  
  .fotoweb-dark .jHGsnl:focus {
      box-shadow: var(--fwds-button-box-shadows-secondary);
    }
  
  .fotoweb-dark .cem3xt {
    color: var(--fwds-primary-dark-mode-link);
    font-size: 14px;
    font-weight: 400;
  }
  
  .fotoweb-dark .cem3xt:hover {
      color: var(--fwds-primary-dark-mode-link-hover);
    }
  
  .fotoweb-dark .K_ZoYm {
      border: 1px solid var(--fwds-text-danger-dark-mode);
      color: var(--fwds-text-danger-dark-mode);
    }
  
  .fotoweb-dark .K_ZoYm:active,
      .fotoweb-dark .K_ZoYm:focus,
      .fotoweb-dark .K_ZoYm:hover {
        border-color: var(--fwds-deep-orange-revoke-dark-mode-hover);
        color: var(--fwds-deep-orange-revoke-dark-mode-hover);
      }
  
  .fotoweb-dark .sHqDAp {
    color: var(--fwds-text-danger-dark-mode);
  }
  
  .fotoweb-dark .sHqDAp:hover {
      color: var(--fwds-text-danger-dark-mode);
    }
  
  .fotoweb-dark .uSh5GJ {
    border-radius: 2px;
    line-height: 18px;
    padding: 0 4px;
    vertical-align: middle;
    margin-right: var(--fwds-button-space);
  }

  .fotoweb-dark .uYjLGz {
    padding: 0 8px;
  }

  /* ===============================================================
     global button wrappers classes
     ============================================================== */
  .settings-bottom-buttons .z3YP3r {
    margin-right: var(--fwds-button-space);
  }
  
  .prompt-bottom-buttons .z3YP3r {
    margin-right: var(--fwds-button-space);
  }
  
  .management-bottom-buttons .jHGsnl {
    margin-right: var(--fwds-button-space);
  }
  
  .appearance-bottom-buttons .jHGsnl {
    margin-right: var(--fwds-button-space);
  }
  
  .buttons-form .jHGsnl {
    margin-right: var(--fwds-button-space);
  }

  .modal-custom-footer .jHGsnl {
    margin-right: var(--fwds-button-space);
  }
  
  .align-flex-start .jHGsnl {
    margin-left: var(--fwds-button-smaller-space);
  }

  .label-column-form .jHGsnl {
    margin-left: var(--fwds-button-smaller-space);
  }
  
  .full-width .c8jiT3 {
    margin-left: var(--fwds-button-smaller-space);
  }

  .left-align .c8jiT3 {
    margin-right: var(--fwds-button-space);
  }
  
  .ag-react-container .xibsAn {
    height: 20px;
    width: 20px;
  }
  
  .identification-form .c8jiT3 {
    line-height: var(--fwds-button-space);
  }