.title {
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}

.title h1 {
    font-weight: 100 !important;
}

.subtitle {
    margin-bottom: -5px;
}

.catalog-button {
    /* // align left 
        smaller font, lighter
        no border no shadow
        make more compact
    */
    justify-content: flex-start;
    background-color: transparent;
    box-shadow: none;

}

.selected {
    border: 1px solid #585BE9;
}

.sidebar {
    margin-right: 4rem;
}

.column-gap {
    gap: 2rem
}

.accordion-align span  {
    display: block;
    text-align: left;
    font-weight: 600 !important;
}


.read-only label textarea,input {
    cursor: not-allowed !important;
}

.result-text p {
    box-shadow: none;
    padding: var(--input-padding);
}

.result-container {
    background-color: var(--block-background-fill);
    padding: var(--block-padding);
}

.result-title span{
    display: inline-block;
    position: relative;
    z-index: var(--layer-4);
    border: solid var(--block-title-border-width) var(--block-title-border-color);
    border-radius: var(--block-title-radius);
    background: var(--block-title-background-fill);
    padding: var(--block-title-padding);
    color: var(--block-title-text-color);
    font-weight: var(--block-title-text-weight);
    font-size: var(--block-title-text-size);
    line-height: var(--line-sm);
}

.modal .modal-container .modal-block{
    padding: 1.5rem;
}

.result-text .pending {
    padding-top: -4rem
}