.error{
    padding-block: 20px;
}

.create-account-container{
    padding-inline: 20px;
    max-width: 800px;
    margin-inline: auto;
    margin-block: 30px;
}

.qr-code-result{
    text-align: center;
    margin-block: 24px;
}

.qr-code-result img{
    border: 1px solid #ddd;
    padding: 12px;
    background: #fff;
}

.qr-code-fallback-id{
    margin-top: 12px;
    font-family: monospace;
    word-break: break-all;
    color: #555;
    padding: 8px 10px;
    background-color:var(--brand--color--var-4);
}

.qr-code-copy-row{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    text-align: left;
    flex-direction: column;
}

.qr-code-copy-row .qr-code-fallback-id{
    margin-top: 0;
    flex: 1;
    min-width: 0;
}

.qr-code-copy-row .btn{
    width: auto;
    flex-shrink: 0;
}

.form-group{
    padding-top:20px;
    label{
        color:var(--font--color--paragraph);
    }
}

.honeypot{
    position: absolute;
    left: -9999px;
}

.form-group-container{
    background-color: var(--brand--color--var-4);
    padding: 20px;
    margin-block: 20px;
}

.margin-top--20px{
    margin-top: 20px;
}

.accordion{
    border: 2px solid #4a4a4a;
    padding: 10px 20px 10px 10px;

}


.accordion-toggle{
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.accordion-arrow{
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.5s ease-in-out;
}

.accordion-toggle[aria-expanded="true"] .accordion-arrow{
    transform: rotate(225deg);
}

.accordion-content{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-in-out;
}

.accordion-content.expanded{
    grid-template-rows: 1fr;
}

.accordion-content-inner{
    overflow: hidden;
    min-height: 0;
}

.accordion-content-inner p{
    margin-top: 10px;
    margin-bottom: 0;
}

h2,h3{
    margin:0px;
}

.create-account-container__title{
    margin-top: 20px;
    margin-bottom: 30px;
}

.btn-illustration{
    background-color: #d8daeb;
    border-radius: 4px;
    padding: 3px 10px;
    line-height:1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.create-account-container__save-to-wallet{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 10px;
   flex-direction:column;
}

.border-radius-0{
  border-radius: 0px;
}