Tiny File Manager

Back Back Up Advanced Editor

.burst-wizard-help {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--rsp-spacing-xs);
  details{
    font-size: var(--rsp-fs-200);
    .burst-help-more-info {
      display: flex;
      flex-direction: row;
      margin-top: 12px;
    }
    summary {
      display: grid;
      grid-template-columns: 1fr auto;
      justify-content: space-between;
      font-size: var(--rsp-fs-300);
      font-weight: 500;
      cursor: pointer;
      &::-webkit-details-marker {
        display:none;
      }
      &:first-of-type {
        list-style-type: none;
      }
      .burst-icon{
        transition: all .25s ease-in-out;
        transform: rotate(0deg);
      }
    }
  }
  summary, p {
    font-size: var(--rsp-fs-200);
  }
  details[open]{
    padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
    summary{
      padding: 0;
      padding-bottom: var(--rsp-spacing-xs);
      .burst-icon{
        transform: rotate(180deg);
      }
    }
  }
}

.burst-wizard-help {
  .burst-help-header {
    width:100%;
    display:flex;
    padding:10px;
    .burst-help-title{
      font-size: var(--rsp-fs-400);
      font-weight: 500;
    }
    .burst-help-control {
      margin-left:auto;
      cursor:pointer;
    }

}
}

.burst-wizard-help-notice {
  width: 100%;
  @include burst-block;
  border-radius: var(--rsp-border-radius-s);
  height: fit-content;
  background-color: var(--rsp-dark-blue-faded);
  &.burst-warning {
    background-color: var(--rsp-yellow-faded);
  }
  summary, p{
    padding: var(--rsp-spacing-s) var(--rsp-spacing-m);
  }
}