remix-dev-tools-portal.liftportalplaceholder-preview.com Open in urlscan Pro
172.67.176.150 Public Scan

Back to summary

Submitted URL:
https://remix-dev-tools-practice.liftportalplaceholder-preview.com/
Effective URL:
https://remix-dev-tools-portal.liftportalplaceholder-preview.com/login
Submission: On December 17 via api (December 17th 2024, 2:48:57 am UTC) from US — Scanned from DE

Form analysis
1 forms found in the DOM

POST /login

<form data-discover="true" action="/login" method="post">
  <style data-emotion="css 1ucnu3w-MuiStack-root">
    .css-1ucnu3w-MuiStack-root {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px;
    }
  </style>
  <div class="MuiStack-root css-1ucnu3w-MuiStack-root"><input type="hidden" name="redirectTo">
    <div class="MuiStack-root css-nen11g-MuiStack-root">
      <style data-emotion="css ymudgf-MuiInputLabel-root">
        .css-ymudgf-MuiInputLabel-root {
          display: block;
          transform-origin: top left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
          -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
          transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
        }
      </style>
      <style data-emotion="css 1d9pnvm-MuiFormLabel-root-MuiInputLabel-root">
        .css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root {
          color: rgba(0, 0, 0, 0.6);
          font-family: Lato, sans-serif;
          font-weight: 400;
          font-size: 1rem;
          line-height: 1.4375em;
          padding: 0;
          position: relative;
          display: block;
          transform-origin: top left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
          -webkit-transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, -webkit-transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
          transition: color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
        }

        .css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root.Mui-focused {
          color: #25837E;
        }

        .css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root.Mui-disabled {
          color: rgba(0, 0, 0, 0.38);
        }

        .css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root.Mui-error {
          color: #DC3449;
        }
      </style><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root" for="username">
        <style data-emotion="css 1ycazy4-MuiTypography-root">
          .css-1ycazy4-MuiTypography-root {
            margin: 0;
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
          }
        </style><span class="MuiTypography-root MuiTypography-component-regular-xxs css-1ycazy4-MuiTypography-root">Username or email address</span>
      </label>
      <style data-emotion="css-global 1prfaxn">
        @-webkit-keyframes mui-auto-fill {
          from {
            display: block;
          }
        }

        @keyframes mui-auto-fill {
          from {
            display: block;
          }
        }

        @-webkit-keyframes mui-auto-fill-cancel {
          from {
            display: block;
          }
        }

        @keyframes mui-auto-fill-cancel {
          from {
            display: block;
          }
        }
      </style>
      <style data-emotion="css 1si9enr-MuiInputBase-root-MuiOutlinedInput-root">
        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root {
          font-family: Lato, sans-serif;
          font-weight: 400;
          font-size: 1rem;
          line-height: 1.4375em;
          color: #1F1F1F;
          box-sizing: border-box;
          position: relative;
          cursor: text;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          position: relative;
          border-radius: 4px;
          padding: 8px;
          background-color: white;
        }

        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled {
          color: rgba(0, 0, 0, 0.38);
          cursor: default;
        }

        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
          border-color: #1F1F1F;
        }

        @media (hover: none) {
          .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
            border-color: rgba(0, 0, 0, 0.23);
          }
        }

        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
          border-color: #25837E;
          border-width: 2px;
        }

        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
          border-color: #DC3449;
        }

        .css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
          border-color: rgba(0, 0, 0, 0.26);
        }
      </style>
      <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-sizeSmall css-1si9enr-MuiInputBase-root-MuiOutlinedInput-root">
        <style data-emotion="css 1n4twyu-MuiInputBase-input-MuiOutlinedInput-input">
          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input {
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            padding: 4px 0 5px;
            border: 0;
            box-sizing: content-box;
            background: none;
            height: 1.4375em;
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            padding-top: 1px;
            padding: 8.5px 14px;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus {
            outline: 0;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:invalid {
            box-shadow: none;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-search-decoration {
            -webkit-appearance: none;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-webkit-input-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-moz-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus:-ms-input-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:focus::-ms-input-placeholder {
            opacity: 0.42;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
            opacity: 1;
            -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill {
            -webkit-animation-duration: 5000s;
            animation-duration: 5000s;
            -webkit-animation-name: mui-auto-fill;
            animation-name: mui-auto-fill;
          }

          .css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill {
            border-radius: inherit;
          }
        </style><input aria-invalid="false" autocomplete="username" autofocus="" id="username" placeholder="e.g. annie@laerdal.com" type="text" title="Between 3-64 characters; no spaces" minlength="3" maxlength="64" pattern="^\S+$"
          class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall css-1n4twyu-MuiInputBase-input-MuiOutlinedInput-input" name="username">
        <style data-emotion="css rki20w-MuiOutlinedInput-notchedOutline">
          .css-rki20w-MuiOutlinedInput-notchedOutline {
            border-color: rgba(0, 0, 0, 0.23);
          }
        </style>
        <style data-emotion="css 1d3z3hw-MuiOutlinedInput-notchedOutline">
          .css-1d3z3hw-MuiOutlinedInput-notchedOutline {
            text-align: left;
            position: absolute;
            bottom: 0;
            right: 0;
            top: -5px;
            left: 0;
            margin: 0;
            padding: 0 8px;
            pointer-events: none;
            border-radius: inherit;
            border-style: solid;
            border-width: 1px;
            overflow: hidden;
            min-width: 0%;
            border-color: rgba(0, 0, 0, 0.23);
          }
        </style>
        <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline">
          <style data-emotion="css ihdtdm">
            .css-ihdtdm {
              float: unset;
              width: auto;
              overflow: hidden;
              padding: 0;
              line-height: 11px;
              -webkit-transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
              transition: width 150ms cubic-bezier(0.0, 0, 0.2, 1) 0ms;
            }
          </style>
          <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
        </fieldset>
      </div>
    </div>
    <div class="MuiStack-root css-nen11g-MuiStack-root"><label class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-animated MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-animated css-1d9pnvm-MuiFormLabel-root-MuiInputLabel-root"
        for="password"><span class="MuiTypography-root MuiTypography-component-regular-xxs css-1ycazy4-MuiTypography-root">Password</span></label>
      <style data-emotion="css-global 1odhsjm">
        ::-ms-reveal {
          display: none;
        }
      </style>
      <style data-emotion="css-global 1prfaxn">
        @-webkit-keyframes mui-auto-fill {
          from {
            display: block;
          }
        }

        @keyframes mui-auto-fill {
          from {
            display: block;
          }
        }

        @-webkit-keyframes mui-auto-fill-cancel {
          from {
            display: block;
          }
        }

        @keyframes mui-auto-fill-cancel {
          from {
            display: block;
          }
        }
      </style>
      <style data-emotion="css d2gijy-MuiInputBase-root-MuiOutlinedInput-root">
        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root {
          font-family: Lato, sans-serif;
          font-weight: 400;
          font-size: 1rem;
          line-height: 1.4375em;
          color: #1F1F1F;
          box-sizing: border-box;
          position: relative;
          cursor: text;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          width: 100%;
          position: relative;
          border-radius: 4px;
          padding-right: 14px;
          background-color: white;
        }

        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled {
          color: rgba(0, 0, 0, 0.38);
          cursor: default;
        }

        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
          border-color: #1F1F1F;
        }

        @media (hover: none) {
          .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
            border-color: rgba(0, 0, 0, 0.23);
          }
        }

        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
          border-color: #25837E;
          border-width: 2px;
        }

        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline {
          border-color: #DC3449;
        }

        .css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
          border-color: rgba(0, 0, 0, 0.26);
        }
      </style>
      <div required="" class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-adornedEnd css-d2gijy-MuiInputBase-root-MuiOutlinedInput-root">
        <style data-emotion="css nxo287-MuiInputBase-input-MuiOutlinedInput-input">
          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input {
            font: inherit;
            letter-spacing: inherit;
            color: currentColor;
            padding: 4px 0 5px;
            border: 0;
            box-sizing: content-box;
            background: none;
            height: 1.4375em;
            margin: 0;
            -webkit-tap-highlight-color: transparent;
            display: block;
            min-width: 0;
            width: 100%;
            -webkit-animation-name: mui-auto-fill-cancel;
            animation-name: mui-auto-fill-cancel;
            -webkit-animation-duration: 10ms;
            animation-duration: 10ms;
            padding: 16.5px 14px;
            padding-right: 0;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder {
            color: currentColor;
            opacity: 0.42;
            -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
            transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:focus {
            outline: 0;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:invalid {
            box-shadow: none;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-webkit-search-decoration {
            -webkit-appearance: none;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-webkit-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-moz-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:-ms-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input::-ms-input-placeholder {
            opacity: 0 !important;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:focus::-webkit-input-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:focus::-moz-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:focus:-ms-input-placeholder {
            opacity: 0.42;
          }

          label[data-shrink=false]+.MuiInputBase-formControl .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:focus::-ms-input-placeholder {
            opacity: 0.42;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
            opacity: 1;
            -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill {
            -webkit-animation-duration: 5000s;
            animation-duration: 5000s;
            -webkit-animation-name: mui-auto-fill;
            animation-name: mui-auto-fill;
          }

          .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input:-webkit-autofill {
            border-radius: inherit;
          }
        </style><input aria-invalid="false" autocomplete="current-password" id="password" placeholder="Enter your password" required="" type="password"
          class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedEnd css-nxo287-MuiInputBase-input-MuiOutlinedInput-input" name="password" value="">
        <style data-emotion="css 1laqsz7-MuiInputAdornment-root">
          .css-1laqsz7-MuiInputAdornment-root {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            height: 0.01em;
            max-height: 2em;
            -webkit-align-items: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            white-space: nowrap;
            color: rgba(0, 0, 0, 0.54);
            margin-left: 8px;
          }
        </style>
        <div class="MuiInputAdornment-root MuiInputAdornment-positionEnd css-1laqsz7-MuiInputAdornment-root">
          <style data-emotion="css do3kej-MuiIconButton-root">
            .css-do3kej-MuiIconButton-root {
              text-align: center;
              -webkit-flex: 0 0 auto;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
              font-size: 1.5rem;
              padding: 8px;
              border-radius: 50%;
              overflow: visible;
              color: rgba(0, 0, 0, 0.54);
              -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              margin-right: -12px;
            }

            .css-do3kej-MuiIconButton-root:hover {
              background-color: rgba(0, 0, 0, 0.04);
            }

            @media (hover: none) {
              .css-do3kej-MuiIconButton-root:hover {
                background-color: transparent;
              }
            }

            .css-do3kej-MuiIconButton-root.Mui-disabled {
              background-color: transparent;
              color: rgba(0, 0, 0, 0.26);
            }
          </style>
          <style data-emotion="css 1yq5fb3-MuiButtonBase-root-MuiIconButton-root">
            .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root {
              display: -webkit-inline-box;
              display: -webkit-inline-flex;
              display: -ms-inline-flexbox;
              display: inline-flex;
              -webkit-align-items: center;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              -webkit-justify-content: center;
              justify-content: center;
              position: relative;
              box-sizing: border-box;
              -webkit-tap-highlight-color: transparent;
              background-color: transparent;
              outline: 0;
              border: 0;
              margin: 0;
              border-radius: 0;
              padding: 0;
              cursor: pointer;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
              vertical-align: middle;
              -moz-appearance: none;
              -webkit-appearance: none;
              -webkit-text-decoration: none;
              text-decoration: none;
              color: inherit;
              text-align: center;
              -webkit-flex: 0 0 auto;
              -ms-flex: 0 0 auto;
              flex: 0 0 auto;
              font-size: 1.5rem;
              padding: 8px;
              border-radius: 50%;
              overflow: visible;
              color: rgba(0, 0, 0, 0.54);
              -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
              margin-right: -12px;
            }

            .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root::-moz-focus-inner {
              border-style: none;
            }

            .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
              pointer-events: none;
              cursor: default;
            }

            @media print {
              .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root {
                -webkit-print-color-adjust: exact;
                color-adjust: exact;
              }
            }

            .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root:hover {
              background-color: rgba(0, 0, 0, 0.04);
            }

            @media (hover: none) {
              .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root:hover {
                background-color: transparent;
              }
            }

            .css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root.Mui-disabled {
              background-color: transparent;
              color: rgba(0, 0, 0, 0.26);
            }
          </style><button class="MuiButtonBase-root MuiIconButton-root MuiIconButton-edgeEnd MuiIconButton-sizeMedium css-1yq5fb3-MuiButtonBase-root-MuiIconButton-root" tabindex="0" type="button" aria-label="toggle password visibility">
            <style data-emotion="css i4bv87-MuiSvgIcon-root">
              .css-i4bv87-MuiSvgIcon-root {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                width: 1em;
                height: 1em;
                display: inline-block;
                fill: currentColor;
                -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
                font-size: 1.5rem;
              }
            </style><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" focusable="false" aria-hidden="true" viewBox="0 0 24 24" fill="none" data-testid="VisibleOnIcon">
              <g fill="currentColor">
                <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6"></path>
                <path
                  d="m1.916 10.34-.737 1.078c-.239.35-.239.813 0 1.164l.737 1.078c4.862 7.12 15.306 7.12 20.168 0l.737-1.078c.239-.35.239-.813 0-1.164l-.737-1.078c-4.862-7.12-15.306-7.12-20.168 0m18.517 1.128.363.532-.363.532c-4.069 5.957-12.797 5.957-16.866 0L3.204 12l.363-.532c4.069-5.957 12.797-5.957 16.866 0">
                </path>
              </g>
            </svg>
          </button>
        </div>
        <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline">
          <legend class="css-ihdtdm"><span class="notranslate"></span></legend>
        </fieldset>
      </div>
    </div>
    <style data-emotion="css 181c0ax-MuiStack-root">
      .css-181c0ax-MuiStack-root {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
      }
    </style>
    <div class="MuiStack-root css-181c0ax-MuiStack-root"></div>
    <div class="MuiStack-root css-nen11g-MuiStack-root">
      <style data-emotion="css 28m2nt-MuiLoadingButton-root">
        .css-28m2nt-MuiLoadingButton-root {
          -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          height: 40px;
          border-radius: 8px;
          padding: 8px 12px;
          font-size: 18px;
          font-weight: 700;
          line-height: 24px;
        }

        .css-28m2nt-MuiLoadingButton-root .MuiLoadingButton-startIconLoadingStart,
        .css-28m2nt-MuiLoadingButton-root .MuiLoadingButton-endIconLoadingEnd {
          -webkit-transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          opacity: 0;
        }

        .css-28m2nt-MuiLoadingButton-root.MuiLoadingButton-loading {
          color: transparent;
        }

        .css-28m2nt-MuiLoadingButton-root backgroundColor {
          main: #25837E;
          light: rgb(80, 155, 151);
          dark: rgb(25, 91, 88);
          contrast-text: #fff;
        }
      </style>
      <style data-emotion="css zyoczp-MuiButton-root-MuiLoadingButton-root">
        .css-zyoczp-MuiButton-root-MuiLoadingButton-root {
          text-transform: none;
          font-family: Lato, sans-serif;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.75;
          min-width: 64px;
          padding: 6px 16px;
          border-radius: 4px;
          -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          color: #fff;
          background-color: #25837E;
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          height: 40px;
          border-radius: 8px;
          padding: 8px 12px;
          font-size: 18px;
          font-weight: 700;
          line-height: 24px;
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root:hover {
          -webkit-text-decoration: none;
          text-decoration: none;
          background-color: rgb(25, 91, 88);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        }

        @media (hover: none) {
          .css-zyoczp-MuiButton-root-MuiLoadingButton-root:hover {
            background-color: #25837E;
          }
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root:active {
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root.Mui-focusVisible {
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root.Mui-disabled {
          color: rgba(0, 0, 0, 0.26);
          box-shadow: none;
          background-color: rgba(0, 0, 0, 0.12);
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root .MuiLoadingButton-startIconLoadingStart,
        .css-zyoczp-MuiButton-root-MuiLoadingButton-root .MuiLoadingButton-endIconLoadingEnd {
          -webkit-transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          opacity: 0;
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root.MuiLoadingButton-loading {
          color: transparent;
        }

        .css-zyoczp-MuiButton-root-MuiLoadingButton-root backgroundColor {
          main: #25837E;
          light: rgb(80, 155, 151);
          dark: rgb(25, 91, 88);
          contrast-text: #fff;
        }
      </style>
      <style data-emotion="css 14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root">
        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root {
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex;
          -webkit-align-items: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          position: relative;
          box-sizing: border-box;
          -webkit-tap-highlight-color: transparent;
          background-color: transparent;
          outline: 0;
          border: 0;
          margin: 0;
          border-radius: 0;
          padding: 0;
          cursor: pointer;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          vertical-align: middle;
          -moz-appearance: none;
          -webkit-appearance: none;
          -webkit-text-decoration: none;
          text-decoration: none;
          color: inherit;
          text-transform: none;
          font-family: Lato, sans-serif;
          font-weight: 500;
          font-size: 0.875rem;
          line-height: 1.75;
          min-width: 64px;
          padding: 6px 16px;
          border-radius: 4px;
          -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          color: #fff;
          background-color: #25837E;
          box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
          -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          height: 40px;
          border-radius: 8px;
          padding: 8px 12px;
          font-size: 18px;
          font-weight: 700;
          line-height: 24px;
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root::-moz-focus-inner {
          border-style: none;
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root.Mui-disabled {
          pointer-events: none;
          cursor: default;
        }

        @media print {
          .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
          }
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root:hover {
          -webkit-text-decoration: none;
          text-decoration: none;
          background-color: rgb(25, 91, 88);
          box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        }

        @media (hover: none) {
          .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root:hover {
            background-color: #25837E;
          }
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root:active {
          box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root.Mui-focusVisible {
          box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root.Mui-disabled {
          color: rgba(0, 0, 0, 0.26);
          box-shadow: none;
          background-color: rgba(0, 0, 0, 0.12);
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root .MuiLoadingButton-startIconLoadingStart,
        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root .MuiLoadingButton-endIconLoadingEnd {
          -webkit-transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
          opacity: 0;
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root.MuiLoadingButton-loading {
          color: transparent;
        }

        .css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root backgroundColor {
          main: #25837E;
          light: rgb(80, 155, 151);
          dark: rgb(25, 91, 88);
          contrast-text: #fff;
        }
      </style><button
        class="MuiButtonBase-root MuiButton-root MuiLoadingButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiLoadingButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-14ivcy2-MuiButtonBase-root-MuiButton-root-MuiLoadingButton-root"
        tabindex="0" type="submit" id=":Rarlakl5:">Sign in</button>
    </div>
  </div>
</form>

Text Content

LIFT PORTAL





LIFT PORTAL

Username or email address

Password


Sign in

remix-dev-tools-portal.liftportalplaceholder-preview.com Open in urlscan Pro 172.67.176.150 Public Scan

Form analysis 1 forms found in the DOM

POST /login

Text Content

remix-dev-tools-portal.liftportalplaceholder-preview.com Open in urlscan Pro
172.67.176.150 Public Scan

Form analysis
1 forms found in the DOM