Na}{

File Content: `modal.scss`

.rsssl-modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  z-index: 12; //higher than rsssl-locked
}

.rsssl-modal {
  width: clamp(300px, 75ch, 100vw - 50px);
  height: max-content;
  position: absolute;
  z-index: 9999;//ensure the modal is over the WP menu in the sidebar.
  border-radius: var(--rsp-border-radius);
  background-color: var(--rsp-white);
  top: 25vh;
  left: -20px;
  right: 0;
  bottom: 0;
  /* transform: translate(-50%, -50%); */
  margin: 25px auto;

  &-header {
    @include rsssl-block-padding;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--rsp-border-radius);
    .modal-title {
      margin: 0;
    }
    .rsssl-modal-close {
      cursor: pointer;
      background: none;
      border: none;
      font-weight: 700;
    }
    button {
      img {
        height: 16px;
        width: 16px;
      }
    }
  }

  &-content {
    position: relative;
    font-size: var(--rsp-fs-300);
    line-height: 1.5;
    @include rsssl-block-padding;
    &-subtitle {
      font-size: var(--rsp-fs-600);
      font-weight: 600;
      margin-bottom: var(--rsp-spacing-xs);
    }
    &-description {
      overflow-wrap: anywhere;
      margin-top: 0;
      font-weight: 400;
      line-height: 1.5;
      margin-bottom: var(--rsp-spacing-s);
    }
  }
  &-footer {
    display: flex;
    flex-direction: row;
    @include rsssl-block-padding;
    gap:10px;
    // text-align: right;
    .button {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      min-width: 105px;

      //height: 45px;
      //width: 100%;
      text-align: center;
      // margin-right: 20px;
      border-radius: 6px;
    }

    .rsssl-button-help {
      background-color: #D7263D;
      color: white;
      border-color: #D7263D;
      &:hover {
        opacity: 0.9;
      }
    }
  }
}
//this has to apply both to modal and LE activation step
.rsssl-modal-content-step {
  input[type="email"]{
    width: 100%;
    margin-bottom: var(--rsp-spacing-m);
    border: 2px solid;
    height: 50px;
    border-color: var(--rsp-grey-300);
  }
  ul{
    margin-bottom: var(--rsp-spacing-m);
    li {
      display: flex;
      align-items: flex-start;
      margin-bottom: var(--rsp-spacing-xxs);
      &.rsssl-is-plugin{
        background-color: var(--rsp-grey-100);
        border: none;
        margin: 10px 0 0 0;
        padding:2px 0;
        position:relative;
        a.button-default.rsssl-read-more{
          position:absolute;
          display:none;
          top:17px;
          right:20px;
          z-index:5;
          @media(max-width: 620px) {
            position:relative;
            margin-left:20px;
            z-index:5;
          }
        }
      }
      .rsssl-icon{
        margin-right:7px;
      }

    }
  }
}

.components-modal__frame {
  width: clamp(300px, 75ch, 100vw - 50px);
}

Name	Size	Permission
wizard	---	0755
animations.scss	0 bytes	0644
badges.scss	1053 bytes	0644
bullets.scss	1177 bytes	0644
buttons.scss	1350 bytes	0644
dashboard.scss	4291 bytes	0644
datatables.scss	3040 bytes	0644
header.scss	817 bytes	0644
icons.scss	116 bytes	0644
introcontainer.scss	1404 bytes	0644
modal.scss	3000 bytes	0644
new-features.scss	765 bytes	0644
notices.scss	22 bytes	0644
onboarding.scss	958 bytes	0644
other-plugins.scss	2074 bytes	0644
placeholder.scss	1742 bytes	0644
progress.scss	5376 bytes	0644
ssltest.scss	0 bytes	0644
tips-tricks.scss	1165 bytes	0644
tooltip.scss	273 bytes	0644
wizard.scss	1976 bytes	0644

File Content: modal.scss

File Content: `modal.scss`