.options-tabs {
  margin-top: 30px;
  a {
    text-decoration: none;
    color: #222;
    transition: 0.1s;
    &:hover {
      text-decoration: underline;
    }
    &:focus {
      box-shadow: none;
    }
  }
  li { 
    padding: .5em 1em;
    margin-inline-start: -1em;
    &:has(.active){
      background-color: #ffffffba;
    }
  }
  .active {
    font-weight: bold;
  }
}

.content-region {
  .theme-options {
    &__save-controls {
      justify-content: end;
      position: sticky;
      top: 0;
      z-index: 99;
      background: #f0f8ff;
      padding-block: 1em;
      border-bottom: 1px solid #e1ecf5;
      p {
        margin: 0;
        padding: 0;
        &:last-child {
          padding-inline-end: 2rem;
        }
      }
      
    }
    display: flex;
    min-height: calc(100% - 200px);
    padding: 0px !important;
    &__sidebar {
      position: sticky;
      top: 0;
      background: rgba(211, 222, 135, 0.09);
      padding: 50px;
      flex: 0 0 250px;
      &__wrapper {
        position: sticky;
        top: 4rem;
      }
    }
    &__form {
      flex: 1;
      position: relative;
    }
  }
}

.options-content {
    padding: 4rem;
    .assets_options > li {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid rgba(230, 230, 230, 0.7);
      padding: 20px 20px;
      .title-option {
        width: calc(100% / 3);
        float: left;
        flex: 0 0 30%;
        label {
          padding: 0 15px 0 0;
          font-size: 16px;
          color: #000000;
          font-weight: 500;
        }
        p {
          margin-top: 14px;
          font-size: 14px;
          line-height: 1.4;
          color: #797979;
          margin-top: 5px;
        }
      }
      .value-option {
        width: calc(100% - 100% / 3);
        float: left;
        position: relative;
      }
    }
  }

  .remove-upload {
    position: absolute;
    top: -15px;
    right: 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    transition: .3s ease;
    cursor: pointer;
    border: none;
    box-shadow: 0px 0px 3px -1px #000000a3;
    &:hover {
      background-color: rgba(255, 0, 0, 0.096);
      box-shadow: 0px 0px 5px 0px #fb0000;
    }
  }