h1.centered {
    text-align: center;
    margin-top: 200px;
}

.toggle-section {
    display: none;
}

.tagify {
    margin-bottom: var(--pico-spacing);
    padding: calc(var(--pico-form-element-spacing-vertical) - 5px) calc(var(--pico-form-element-spacing-horizontal) - 5px);
    width: 100%;
    --pico-background-color: var(--pico-form-element-background-color);
    --pico-border-color: var(--pico-form-element-border-color);
    --pico-box-shadow: none;
    border: var(--pico-border-width) solid var(--pico-border-color);
    border-radius: var(--pico-border-radius);
    outline: 0;
    background-color: var(--pico-background-color);
    box-shadow: var(--pico-box-shadow);
    color: var(--pico-form-element-color);
    font-weight: var(--pico-font-weight);
    transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);
}

.tagify .tagify__tag {
    color: var(--pico-color);
}

.tagify .tagify__tag>[role="button"] {
    padding: 0.5rem;
    margin-top: 2px;
}

.tagify .tagify__tag>div,
.tagify .tagify__tag>[role="button"] {
    color: inherit;
}

.tagify .tagify__tag>div::before {
    box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--pico-switch-background-color) inset;
}

.tagify .tagify__tag__removeBtn {
    background-color: transparent;
    border: 0;
}

.tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before {
    animation: none;
}

.badge {
    text-transform: uppercase;
    padding: 0.1rem 0.3rem;
    border-radius: var(--pico-border-radius);
    border: var(--pico-border-width) solid var(--pico-contrast-hover);
}

.badge.expired {
    color: var(--pico-form-element-invalid-active-border-color);
    border: var(--pico-border-width) solid var(--pico-form-element-invalid-active-border-color);
}

.badge.active {
    color: var(--pico-form-element-valid-active-border-color);
    border: var(--pico-border-width) solid var(--pico-form-element-valid-active-border-color);
}

.status {
    display: flex;
    align-items: center;
}

.status.right {
    justify-content: flex-end;
}

.errorlist {
    background-color: #D93526;
    color: white;
    border-radius: var(--pico-border-radius);
    padding: var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);
}

.errorlist li {
    margin-left: var(--pico-spacing);
}


article header h3 {
    margin-bottom: 0;
}

nav {
    flex-wrap: wrap;
}

nav h2 {
    margin-bottom: 0;
}

.muted {
    color: var(--pico-muted-color);
}

.license-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--pico-spacing);
}

.destructive {
    background-color: var(--pico-form-element-invalid-active-border-color);
    border: var(--pico-border-width) solid var(--pico-form-element-invalid-active-border-color);
    color: white;
}

.flex-right {
    margin-left: auto;
}

.tagify-container {
    display: flex;
}