@use "sass:map";
@use "sass:list";
@use "./functions.scss" as *;

$resizerId: "[data-cms-tool='cms-element-resizer']";
$resizeActive: '[data-cms-element-resizer="true"]';
[data-div-type="element"] {
  &[data-element-type="addExistingForm"] {
    & > div {
      &.wrapper {
        width: 100%;
        min-height: prepareMediaVariable(--_ctm-lt-ht);
      }
    }

    .grid_container {
    }
    .psw__contain {
      margin-bottom: 24px;
      margin-top: 8px;

      .psw_status {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        .step {
          // width: 20%;1
          height: 3px;
          border-radius: 4px;
          background-color: var(--_gray-300);
          flex-grow: 1;
          &.active {
            background-color: var(--_success-600);
          }
        }
      }
      .psw_content {
        background-color: var(--_gray-50);
        padding: 16px;
        border-radius: 6px !important;
        // height: 100px;
        max-height: 160px;
        overflow-y: auto;
        // margin-top: 20px;
        margin-top: 5px;
        .title {
          font-size: 14px;
          font-weight: 600;
          color: var(--_gray-700);
          margin-bottom: 16px;
        }
        ul {
          li {
            color: var(--_gray-700);
            font-size: 14px;
            & > span {
              display: inline-flex;
            }
            &:not(:last-child) {
              margin-bottom: 8px;
            }
          }
        }
      }
    }
  }
}