.settings-section {

  margin: var(--space-m) 0;

  h2 {
    font-weight: 600;
    font-size: 1.4rem;
    border-bottom: 1px solid var(--color-200);
    color: var(--color-800);
  }

  .infos{

    position: relative;
    padding-left: 2.5ch;
    

    .info-icon{
        position: absolute;
        left: 0px;
        top: -5px;
        svg{
            width: 16px;
            fill: var(--color-interface-400);
        }
    }

    p{
        font-size: 0.8rem;
        color: var(--color-interface-400);
    }
  }

  .container{
    margin-top: var(--space-xs);
  }


}

   
  
.settings-subsection:not(:last-child) {
    border-bottom: 1px solid var(--color-interface-100);
  }

  .settings-subsection {
    padding: var(--space-xs) 0;

    h3 {
        margin-top: calc(var(--space-xs)*1.5);
        margin-bottom: calc(var(--space-xs)*2);
        font-size: 1rem;
        font-weight: 600;
        color: var(--color-800);
    }
  }