.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    stroke: currentColor;
}

header .icon {
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.125em;
    stroke: currentColor;
}

.login {
    max-width: 30rem;
    margin: 0 auto;
}

.text-danger {
    color: var(--pico-color-red-500);
}

.text-info {
    color: var(--pico-color-azure-500);
}

.btn-danger {
    background-color: var(--pico-color-red-500);
    border-color: var(--pico-color-red-500);
}

.btn-info {
    background-color: var(--pico-color-azure-500);
    border-color: var(--pico-color-azure-500);
}

.btn-success {
    background-color: var(--pico-color-jade-350);
    border-color: var(--pico-color-jade-350);
}

.dynamic-textarea {
    field-sizing: content;
}

.clipboard-container {
    position: relative;
}

.clipboard-container button {
    position: absolute;
    top: .5rem;
    right: .5rem;
}