a,
a:hover,
a:focus {
    color: var(--color-px-darker);
}

a:hover {
    text-decoration: underline;
}

a:focus,
button:focus,
input[type=button]:focus,
input[type=submit]:focus {
    outline: var(--color-secondary) solid 2px;
}

button:focus,
input[type=button]:focus,
input[type=submit]:focus {
    outline-offset: -2px;
}

.bp4-button {
    text-align: center;
}

.bp4-input:focus, .bp4-input.bp4-active {
    -webkit-box-shadow: inset 0 0 0 1px var(--color-primary), 0 0 0 2px rgba(114, 129, 116, 0.3), inset 0 1px 1px rgba(17, 20, 24, 0.2);
    box-shadow: inset 0 0 0 1px var(--color-primary), 0 0 0 2px rgba(114, 129, 116, 0.3), inset 0 1px 1px rgba(17, 20, 24, 0.2);
}

.bp4-control {
    margin-bottom: 0;
}

.bp4-checkbox .bp4-control-indicator {
    outline: unset !important;
}

.bp4-progress-bar,
.bp4-progress-meter {
    border-radius: 0;
}

.bp4-progress-bar {
    margin-top: -4px;
    margin-bottom: -4px;
}