* {
    background-color: inherit;
    border-style: none;
    border-color: inherit;
    box-shadow: none;
    color: inherit;
    cursor: inherit;
    outline: none;
    user-select: none;
}

:root {
    --hue: 0;
    background-color: light-dark(hsl(var(--hue) 0% 100%), hsl(var(--hue) 0% 0%));
    border-color: light-dark(hsl(var(--hue) 0% 0%), hsl(var(--hue) 0% 100%));
    color: light-dark(hsl(var(--hue) 0% 0%), hsl(var(--hue) 0% 100%));
    color-scheme: light dark;
    cursor: default;
}

[contenteditable] {
    cursor: text;
}

a,button,input,label[for] {
    cursor: pointer;
}

button:disabled {
    cursor: default;
    background-color: light-dark(hsl(var(--hue) 0% 100%), hsl(var(--hue) 0% 0%));
    color: light-dark(hsl(var(--hue) 0% 50%), hsl(var(--hue) 0% 50%));
}

a {
    color: light-dark(hsl(var(--hue) 100% 10%), hsl(var(--hue) 100% 90%));
}

input[type="checkbox"] {
    appearance: none;
    border-color: light-dark(hsl(var(--hue) 0% 0%), hsl(var(--hue) 0% 100%));
    border-radius: 100%;
    border-style: solid;
    border-width: 2pt;
    background-color: light-dark(hsl(var(--hue) 0% 100%), hsl(var(--hue) 0% 0%));
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: light-dark(hsl(var(--hue) 100% 50%), hsl(var(--hue) 100% 50%));
}

input[type="checkbox"]:disabled {
    background-color: light-dark(hsl(var(--hue) 0% 50%), hsl(var(--hue) 0% 50%));
    border-color: light-dark(hsl(var(--hue) 0% 20%), hsl(var(--hue) 0% 80%));
}

.border {
    border-style: solid;
}

.border-bottom {
    border-bottom-style: solid;
}

.border-top {
    border-top-style: solid;
}

.color-default {
    background-color: light-dark(hsl(var(--hue) 0% 100%), hsl(var(--hue) 0% 0%));
}

.color-highlight {
    background-color: light-dark(hsl(var(--hue) 10% 90%), hsl(var(--hue) 10% 10%));
}

.round {
    border-radius: 7pt;
}

.thin {
    border-width: 0.5pt;
}

.error {
    border-color: red;
}

.success {
    border-color: limegreen;
}

.award-level-black .award-image {
    border-color: #000000;
}

.award-level-bronze .award-image {
    border-color: #a97142;
}

.award-level-gold .award-image {
    border-color: #d4af37;
}

.award-level-silver .award-image {
    border-color: #aaaacc;
}

.award-level-white .award-image {
    border-color: #ffffff;
}

.thick {
    border-width: 2pt;
}

.thicker {
    border-width: 3pt;
}

.tab-controls label {
    background-color: light-dark(hsl(var(--hue) 10% 90%), hsl(var(--hue) 10% 10%));
    border-color: light-dark(hsl(var(--hue) 10% 90%), hsl(var(--hue) 10% 10%));
    border-style: solid solid none solid;
    border-width: 2pt;
}

.tab-controls .active {
    background-color: light-dark(hsl(var(--hue) 50% 80%), hsl(var(--hue) 50% 20%));
    border-color: light-dark(hsl(var(--hue) 0% 0%), hsl(var(--hue) 0% 100%));
    border-style: solid;
    border-width: 2pt;
}