main {
    margin-top: 59px;
}


textarea {
    resize: none;
    cursor: default;
}


/* Mode button on input */
.dropup #mode {
    min-width: 10rem;
    transition: opacity 0.5s;
}

/* Custom cards */


.card textarea {
    padding: 0;
    border: none;
    outline: none;
}

.card:has(textarea:focus) {
    border-color: #f5b4b2;
    box-shadow: 0 0 0 .25rem rgba(235,104,100,.25)
}

/* Choice card */

/* Textarea */
.card-choice > div:nth-of-type(1) {
    margin: 1rem 1rem 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    flex-basis: 100%;
}
/* Radio */
.card-choice > div:nth-of-type(2) {
    margin: 1rem;
    flex-grow: 1;
}
/* Buttons */
.card-choice > div:nth-of-type(3), .card-numeric > div:nth-of-type(2) {
    display: flex;
    align-items: end;
}

.card button {
    margin: 0 .25rem .25rem 0;
}

.card-footer {
    flex-basis: 100%;
}

.card-footer:empty {
    display: none;
}

@media (min-width: 992px) {
    /* Choice card */

    /* Textarea */
    .card-choice > div:nth-of-type(1) {
        margin-bottom: 1rem;
        padding-right: 1rem;
        padding-bottom: 0;
        border-bottom: 0;
        border-right: 1px solid var(--bs-border-color-translucent);
        flex-grow: 1;
        flex-basis: auto;
    }
    /* Radio */
    .card-choice > div:nth-of-type(2) {
        margin-left: 0;
        /*margin right 32 */

        flex-grow: 0;
    }

    /* Numeric card */
    .card-numeric {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .card-numeric > div:nth-of-type(1) {
        flex-grow: 1;
    }



    .card button:nth-of-type(1) {
        margin-top: .25rem;
    }
}

/* Numeric card */
.card-numeric .textarea-wrapper {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    margin-bottom: 1rem;
}

.card-numeric input {
    border: none;
    outline: none;
}

.card-numeric label {
    pointer-events: none;
}

.card-numeric input {
    display: block;
    width: 100%;
}

.card-numeric:has(input:focus) {
    border-color: #f5b4b2;
    box-shadow: 0 0 0 .25rem rgba(235,104,100,.25)
}


.card-numeric > div:nth-of-type(1) {
    margin: 1rem;


}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
    /* TODO */
    appearance: textfield;
  }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*
.card-numeric > div:nth-of-type(1) > div {
    margin-top: 1rem;

    border-top: 1px solid var(--bs-border-color-translucent);

}
*/





/* Add 'margin' to sticky-bottom buttons */
.sticky-bottom {
    bottom: 1rem;
}


.card.is-valid {

    border-color: var(--bs-form-valid-border-color);
}

.card.is-invalid {

    border-color: var(--bs-form-invalid-border-color);
}




.mirror {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    border-color: transparent !important;

    overflow: hidden;

    z-index: -1;
}

/* Fix for bootstrap icons */
.bi {
    vertical-align: -.125em;
    width: 1em;
    height: 1em;
  }