.siv-vfa-variant-selection {
    display: flex;
    flex-direction: column;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    font-size: 20px;
}

.siv-vfa-record-button,
.siv-vfa-submit-button {
    text-align: center;
}

.siv-vfa-record-button button,
.siv-vfa-submit-button button,
.siv-vfa-legitimation-form button {
    width: auto;
    display: inline-block;
    padding: 18px 30px;
    border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(192, 117, 0);
    border-style: solid;
    border-width: 1px 1px 4px;
    border-image: none 100% / 1 / 0 stretch;
    box-shadow: rgba(0, 0, 0, 0.4) 4px 7px 12px 0px;
    background-image: none;
    background-color: rgb(255, 155, 0);
    border-bottom: 4px solid rgb(192, 117, 0);
    border-radius: 5px;
    overflow: hidden;
    line-height: 1.2em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(0, 0, 0);
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 15px;
}

.siv-vfa-record-button button:hover,
.siv-vfa-submit-button button:hover,
.siv-vfa-legitimation-form button:hover {
	background-color: rgb(229, 142, 0);
}

.siv-vfa-record-button button:disabled,
.siv-vfa-submit-button button:disabled,
.siv-vfa-legitimation-form button:disabled {
    background: lightgray;
    border-color: gray;
}

.siv-vfa-record-button button:hover:disabled,
.siv-vfa-submit-button button:hover:disabled,
.siv-vfa-legitimation-form button:hover:disabled {
    cursor: not-allowed;
}

.siv-vfa-profile label,
.siv-vfa-legitimation-form label {
    display: inline-block;
    width: 30%;
    margin-right: 17px;
    font-family: Arial, Helvetica, sans-serif;
}

.siv-vfa-legitimation-form label {
    width: 100%;
    color: #17458b;
    font-weight: bold;
}

.siv-vfa-profile label input,
.siv-vfa-legitimation-form label input {
    width: 100%;
    color: #17458b;
    padding: 20px;
    min-height: 10px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.4) 4px 7px 12px 0px;
    border: none;
    font-size: 21px;
    margin-top: .5rem;
}

.siv-vfa-legitimation-form form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* .siv-vfa-legitimation-form .components-spinner {
    width: 7rem;
    height: 7rem;
}

.siv-vfa-legitimation-form .components-spinner circle {
    stroke: #fff;
    stroke-width: .2rem;
}

.siv-vfa-legitimation-form .components-spinner path {
    stroke: rgb(255, 155, 0);
    stroke-width: .2rem;
} */

.siv-vfa-progress-bar {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: rgb(192, 117, 0);
    margin-top: 1rem;
}

.siv-vfa-progress-bar > div {
    height: 10px;
    border-radius: 5px;
    background: rgb(255, 155, 0);
}

.siv-vfa-modal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
}

.siv-vfa-countdown,
.siv-vfa-error {
    color: #f00;
    font-weight: bold;
}

.siv-vfa-recording {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}