:root {
    --pico-spacing: .5rem;
    --pico-form-element-spacing-vertical: 0.4rem;
    --pico-form-element-spacing-horizontal: 0.5rem;
    --color-error: #d93526;
    --color-success: #19c022;
;
}

[v-cloak] {
    display: none;
}

details.dropdown summary + ul {
    left: auto;
    right: 0;
}

button {
    margin-top: .2rem;
}

.center {
    text-align: center;
}

.floatright {
    float: right;
}

.error {
    color: var(--color-error);
}
.success-msg {
    font-weight: bold;
    color: var(--color-success);
}

form.nostyle {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}
form.nostyle button {
    display: block;
    width: 150%;
    margin: calc(var(--pico-form-element-spacing-vertical) * -0.5) calc(var(--pico-form-element-spacing-horizontal) * -1);
    padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--pico-primary);
    text-align: left;
}