:root {
    color-scheme: light;
    --pf: 259 94% 44%;
    --sf: 314 100% 40%;
    --af: 174 75% 39%;
    --nf: 214 20% 14%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 259 94% 51%;
    --pc: 259 96% 91%;
    --s: 314 100% 47%;
    --sc: 314 100% 91%;
    --a: 174 75% 46%;
    --ac: 174 75% 11%;
    --n: 214 20% 21%;
    --nc: 212 19% 87%;
    --b1: 0 0% 100%;
    --b2: 0 0% 95%;
    --b3: 180 2% 90%;
    --bc: 215 28% 17%
}
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
        --pf: 262 80% 43%;
        --sf: 316 70% 43%;
        --af: 175 70% 34%;
        --in: 198 93% 60%;
        --su: 158 64% 52%;
        --wa: 43 96% 56%;
        --er: 0 91% 71%;
        --inc: 198 100% 12%;
        --suc: 158 100% 10%;
        --wac: 43 100% 11%;
        --erc: 0 100% 14%;
        --rounded-box: 1rem;
        --rounded-btn: 0.5rem;
        --rounded-badge: 1.9rem;
        --animation-btn: 0.25s;
        --animation-input: .2s;
        --btn-text-case: uppercase;
        --btn-focus-scale: 0.95;
        --border-btn: 1px;
        --tab-border: 1px;
        --tab-radius: 0.5rem;
        --p: 262 80% 50%;
        --pc: 0 0% 100%;
        --s: 316 70% 50%;
        --sc: 0 0% 100%;
        --a: 175 70% 41%;
        --ac: 0 0% 100%;
        --n: 213 18% 20%;
        --nf: 212 17% 17%;
        --nc: 220 13% 69%;
        --b1: 212 18% 14%;
        --b2: 213 18% 12%;
        --b3: 213 18% 10%;
        --bc: 220 13% 69%
    }
}
[data-theme=light] {
    color-scheme: light;
    --pf: 259 94% 44%;
    --sf: 314 100% 40%;
    --af: 174 75% 39%;
    --nf: 214 20% 14%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 259 94% 51%;
    --pc: 259 96% 91%;
    --s: 314 100% 47%;
    --sc: 314 100% 91%;
    --a: 174 75% 46%;
    --ac: 174 75% 11%;
    --n: 214 20% 21%;
    --nc: 212 19% 87%;
    --b1: 0 0% 100%;
    --b2: 0 0% 95%;
    --b3: 180 2% 90%;
    --bc: 215 28% 17%
}
[data-theme=dark] {
    color-scheme: dark;
    --pf: 262 80% 43%;
    --sf: 316 70% 43%;
    --af: 175 70% 34%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 262 80% 50%;
    --pc: 0 0% 100%;
    --s: 316 70% 50%;
    --sc: 0 0% 100%;
    --a: 175 70% 41%;
    --ac: 0 0% 100%;
    --n: 213 18% 20%;
    --nf: 212 17% 17%;
    --nc: 220 13% 69%;
    --b1: 212 18% 14%;
    --b2: 213 18% 12%;
    --b3: 213 18% 10%;
    --bc: 220 13% 69%
}
[data-theme=cupcake] {
    color-scheme: light;
    --pf: 183 47% 52%;
    --sf: 338 71% 71%;
    --af: 39 84% 51%;
    --nf: 280 46% 7%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 183 20% 13%;
    --sc: 340 15% 16%;
    --ac: 37 41% 13%;
    --nc: 283 9% 81%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --p: 183 47% 59%;
    --s: 338 71% 78%;
    --a: 39 84% 58%;
    --n: 280 46% 14%;
    --b1: 24 33% 97%;
    --b2: 27 22% 92%;
    --b3: 23 14% 89%;
    --bc: 280 46% 14%;
    --rounded-btn: 1.9rem;
    --tab-border: 2px;
    --tab-radius: .5rem
}
[data-theme=bumblebee] {
    color-scheme: light;
    --pf: 50 94% 51%;
    --sf: 41 74% 46%;
    --af: 24 67% 52%;
    --nf: 240 33% 7%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 146 0% 19%;
    --ac: 23 34% 13%;
    --nc: 247 7% 81%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 50 94% 58%;
    --pc: 240 33% 14%;
    --s: 41 74% 53%;
    --sc: 240 33% 14%;
    --a: 24 67% 59%;
    --n: 240 33% 14%;
    --b1: 0 0% 100%
}
[data-theme=emerald] {
    color-scheme: light;
    --pf: 141 50% 53%;
    --sf: 219 96% 53%;
    --af: 10 81% 49%;
    --nf: 219 20% 18%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 141 50% 60%;
    --pc: 151 28% 19%;
    --s: 219 96% 60%;
    --sc: 210 20% 98%;
    --a: 10 81% 56%;
    --ac: 210 20% 98%;
    --n: 219 20% 25%;
    --nc: 210 20% 98%;
    --b1: 0 0% 100%;
    --bc: 219 20% 25%;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1
}
[data-theme=corporate] {
    color-scheme: light;
    --pf: 229 96% 57%;
    --sf: 215 26% 52%;
    --af: 154 49% 53%;
    --nf: 233 27% 6%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 243 100% 94%;
    --sc: 216 13% 13%;
    --ac: 151 21% 13%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 229 96% 64%;
    --s: 215 26% 59%;
    --a: 154 49% 60%;
    --n: 233 27% 13%;
    --nc: 210 38% 95%;
    --b1: 0 0% 100%;
    --bc: 233 27% 13%;
    --rounded-box: 0.25rem;
    --rounded-btn: .125rem;
    --rounded-badge: .125rem;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1
}
[data-theme=synthwave] {
    color-scheme: dark;
    --pf: 321 70% 62%;
    --sf: 197 87% 58%;
    --af: 48 89% 50%;
    --nf: 253 59% 13%;
    --b2: 253 58% 8%;
    --b3: 253 58% 1%;
    --pc: 323 23% 15%;
    --sc: 199 28% 14%;
    --ac: 45 42% 13%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 321 70% 69%;
    --s: 197 87% 65%;
    --a: 48 89% 57%;
    --n: 253 59% 20%;
    --nc: 260 60% 98%;
    --b1: 253 58% 15%;
    --bc: 260 60% 98%;
    --in: 199 87% 64%;
    --inc: 257 63% 17%;
    --su: 168 74% 68%;
    --suc: 257 63% 17%;
    --wa: 48 89% 57%;
    --wac: 257 63% 17%;
    --er: 352 74% 57%;
    --erc: 260 60% 98%
}
[data-theme=retro] {
    color-scheme: light;
    --pf: 3 74% 69%;
    --sf: 145 27% 65%;
    --af: 24 67% 52%;
    --nf: 340 7% 10%;
    --inc: 239 85% 93%;
    --suc: 126 38% 89%;
    --wac: 29 59% 11%;
    --erc: 11 100% 91%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 3 74% 76%;
    --pc: 345 5% 15%;
    --s: 145 27% 72%;
    --sc: 345 5% 15%;
    --a: 24 67% 59%;
    --ac: 345 5% 15%;
    --n: 340 7% 17%;
    --nc: 43 41% 88%;
    --b1: 45 47% 80%;
    --b2: 44 47% 73%;
    --b3: 44 47% 68%;
    --bc: 345 5% 15%;
    --in: 221 83% 53%;
    --su: 142 76% 36%;
    --wa: 32 95% 44%;
    --er: 0 72% 51%;
    --rounded-box: 0.4rem;
    --rounded-btn: 0.4rem;
    --rounded-badge: 0.4rem
}
[data-theme=cyberpunk] {
    color-scheme: light;
    --pf: 345 100% 66%;
    --sf: 195 80% 63%;
    --af: 276 74% 64%;
    --nf: 57 100% 6%;
    --b2: 56 100% 43%;
    --b3: 56 100% 36%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 53 46% 13%;
    --pc: 348 27% 15%;
    --sc: 196 23% 15%;
    --ac: 277 22% 15%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    --p: 345 100% 73%;
    --s: 195 80% 70%;
    --a: 276 74% 71%;
    --n: 57 100% 13%;
    --nc: 56 100% 50%;
    --b1: 56 100% 50%;
    --rounded-box: 0;
    --rounded-btn: 0;
    --rounded-badge: 0;
    --tab-radius: 0
}
[data-theme=valentine] {
    color-scheme: light;
    --pf: 353 74% 60%;
    --sf: 254 86% 70%;
    --af: 181 56% 63%;
    --nf: 336 43% 41%;
    --b2: 318 46% 82%;
    --b3: 318 46% 75%;
    --pc: 356 26% 14%;
    --sc: 256 20% 15%;
    --ac: 181 16% 15%;
    --inc: 239 85% 93%;
    --suc: 126 38% 89%;
    --wac: 29 59% 11%;
    --erc: 11 100% 91%;
    --rounded-box: 1rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 353 74% 67%;
    --s: 254 86% 77%;
    --a: 181 56% 70%;
    --n: 336 43% 48%;
    --nc: 318 46% 89%;
    --b1: 318 46% 89%;
    --bc: 344 38% 28%;
    --in: 221 83% 53%;
    --su: 142 76% 36%;
    --wa: 32 95% 44%;
    --er: 0 72% 51%;
    --rounded-btn: 1.9rem
}
[data-theme=halloween] {
    color-scheme: dark;
    --pf: 32 89% 45%;
    --sf: 271 46% 35%;
    --af: 91 100% 26%;
    --nf: 31 81% 3%;
    --b2: 0 0% 6%;
    --b3: 0 0% 0%;
    --bc: 145 0% 81%;
    --sc: 275 36% 88%;
    --nc: 26 11% 80%;
    --inc: 239 85% 93%;
    --suc: 126 38% 89%;
    --wac: 29 59% 11%;
    --erc: 11 100% 91%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 32 89% 52%;
    --pc: 180 7% 8%;
    --s: 271 46% 42%;
    --a: 91 100% 33%;
    --ac: 0 0% 0%;
    --n: 31 81% 10%;
    --b1: 0 0% 13%;
    --in: 221 83% 53%;
    --su: 142 76% 36%;
    --wa: 32 95% 44%;
    --er: 0 72% 51%
}
[data-theme=garden] {
    color-scheme: light;
    --pf: 331 100% 41%;
    --sf: 334 37% 34%;
    --af: 139 16% 36%;
    --nf: 44 100% 1%;
    --b2: 0 4% 84%;
    --b3: 0 4% 77%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 346 100% 93%;
    --sc: 340 30% 88%;
    --ac: 136 12% 88%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 331 100% 48%;
    --s: 334 37% 41%;
    --a: 139 16% 43%;
    --n: 44 100% 8%;
    --nc: 0 4% 91%;
    --b1: 0 4% 91%;
    --bc: 0 3% 6%
}
[data-theme=forest] {
    color-scheme: dark;
    --pf: 141 72% 35%;
    --sf: 164 73% 35%;
    --af: 175 73% 35%;
    --nf: 161 37% 8%;
    --b2: 0 12% 1%;
    --b3: 0 0% 0%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 360 1% 79%;
    --sc: 158 32% 11%;
    --ac: 172 31% 11%;
    --nc: 157 7% 81%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 141 72% 42%;
    --pc: 0 0% 0%;
    --s: 164 73% 42%;
    --a: 175 73% 42%;
    --n: 161 37% 15%;
    --b1: 0 12% 8%;
    --rounded-btn: 1.9rem
}
[data-theme=aqua] {
    color-scheme: dark;
    --pf: 182 93% 42%;
    --sf: 274 31% 50%;
    --af: 47 100% 73%;
    --nf: 205 54% 43%;
    --b2: 219 53% 36%;
    --b3: 219 53% 29%;
    --bc: 228 38% 89%;
    --sc: 276 17% 12%;
    --ac: 46 19% 16%;
    --nc: 212 51% 91%;
    --inc: 239 85% 93%;
    --suc: 126 38% 89%;
    --wac: 29 59% 11%;
    --erc: 11 100% 91%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 182 93% 49%;
    --pc: 181 100% 17%;
    --s: 274 31% 57%;
    --a: 47 100% 80%;
    --n: 205 54% 50%;
    --b1: 219 53% 43%;
    --in: 221 83% 53%;
    --su: 142 76% 36%;
    --wa: 32 95% 44%;
    --er: 0 72% 51%
}
[data-theme=lofi] {
    color-scheme: light;
    --pf: 0 0% 0%;
    --sf: 0 2% 3%;
    --af: 0 0% 8%;
    --nf: 0 0% 0%;
    --btn-text-case: uppercase;
    --border-btn: 1px;
    --tab-border: 1px;
    --p: 0 0% 5%;
    --pc: 0 0% 100%;
    --s: 0 2% 10%;
    --sc: 0 0% 100%;
    --a: 0 0% 15%;
    --ac: 0 0% 100%;
    --n: 0 0% 0%;
    --nc: 0 0% 100%;
    --b1: 0 0% 100%;
    --b2: 0 0% 95%;
    --b3: 0 2% 90%;
    --bc: 0 0% 0%;
    --in: 212 100% 48%;
    --inc: 0 0% 100%;
    --su: 137 72% 46%;
    --suc: 0 0% 0%;
    --wa: 5 100% 66%;
    --wac: 0 0% 100%;
    --er: 325 78% 49%;
    --erc: 0 0% 100%;
    --rounded-box: 0.25rem;
    --rounded-btn: 0.125rem;
    --rounded-badge: 0.125rem;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-focus-scale: 1;
    --tab-radius: 0
}
[data-theme=pastel] {
    color-scheme: light;
    --pf: 284 22% 73%;
    --sf: 352 70% 81%;
    --af: 158 55% 74%;
    --nf: 199 44% 54%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 146 0% 19%;
    --pc: 284 4% 16%;
    --sc: 352 7% 17%;
    --ac: 158 10% 16%;
    --nc: 200 19% 13%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 284 22% 80%;
    --s: 352 70% 88%;
    --a: 158 55% 81%;
    --n: 199 44% 61%;
    --b1: 0 0% 100%;
    --b2: 210 20% 98%;
    --b3: 216 12% 84%;
    --rounded-btn: 1.9rem
}
[data-theme=fantasy] {
    color-scheme: light;
    --pf: 296 83% 18%;
    --sf: 200 100% 30%;
    --af: 31 94% 44%;
    --nf: 215 28% 10%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --pc: 302 27% 85%;
    --sc: 212 51% 90%;
    --ac: 28 57% 12%;
    --nc: 218 6% 82%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 296 83% 25%;
    --s: 200 100% 37%;
    --a: 31 94% 51%;
    --n: 215 28% 17%;
    --b1: 0 0% 100%;
    --bc: 215 28% 17%
}
[data-theme=wireframe] {
    color-scheme: light;
    --pf: 0 0% 65%;
    --sf: 0 0% 65%;
    --af: 0 0% 65%;
    --nf: 0 0% 85%;
    --bc: 146 0% 19%;
    --pc: 145 0% 15%;
    --sc: 145 0% 15%;
    --ac: 145 0% 15%;
    --nc: 145 0% 18%;
    --inc: 263 100% 91%;
    --suc: 105 32% 85%;
    --wac: 58 21% 11%;
    --erc: 17 100% 90%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
    --p: 0 0% 72%;
    --s: 0 0% 72%;
    --a: 0 0% 72%;
    --n: 0 0% 92%;
    --b1: 0 0% 100%;
    --b2: 0 0% 93%;
    --b3: 0 0% 87%;
    --in: 240 100% 50%;
    --su: 120 100% 25%;
    --wa: 60 30% 50%;
    --er: 0 100% 50%;
    --rounded-box: 0.2rem;
    --rounded-btn: 0.2rem;
    --rounded-badge: 0.2rem;
    --tab-radius: 0.2rem
}
[data-theme=black] {
    color-scheme: dark;
    --pf: 0 2% 13%;
    --sf: 0 2% 13%;
    --af: 0 2% 13%;
    --bc: 145 0% 78%;
    --pc: 0 1% 82%;
    --sc: 0 1% 82%;
    --ac: 0 1% 82%;
    --nc: 0 0% 81%;
    --inc: 263 100% 91%;
    --suc: 105 32% 85%;
    --wac: 58 45% 13%;
    --erc: 17 100% 90%;
    --border-btn: 1px;
    --tab-border: 1px;
    --p: 0 2% 20%;
    --s: 0 2% 20%;
    --a: 0 2% 20%;
    --b1: 0 0% 0%;
    --b2: 0 0% 5%;
    --b3: 0 2% 10%;
    --n: 0 1% 15%;
    --nf: 0 2% 20%;
    --in: 240 100% 50%;
    --su: 120 100% 25%;
    --wa: 60 100% 50%;
    --er: 0 100% 50%;
    --rounded-box: 0;
    --rounded-btn: 0;
    --rounded-badge: 0;
    --animation-btn: 0;
    --animation-input: 0;
    --btn-text-case: lowercase;
    --btn-focus-scale: 1;
    --tab-radius: 0
}
[data-theme=luxury] {
    color-scheme: dark;
    --pf: 0 0% 93%;
    --sf: 218 54% 11%;
    --af: 319 22% 19%;
    --nf: 28 100% 3%;
    --pc: 146 0% 19%;
    --sc: 227 12% 82%;
    --ac: 322 9% 84%;
    --inc: 205 27% 15%;
    --suc: 88 35% 12%;
    --wac: 52 28% 14%;
    --erc: 3 31% 15%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 0 0% 100%;
    --s: 218 54% 18%;
    --a: 319 22% 26%;
    --n: 28 100% 10%;
    --nc: 44 100% 82%;
    --b1: 240 10% 4%;
    --b2: 270 4% 9%;
    --b3: 270 2% 18%;
    --bc: 37 67% 58%;
    --in: 202 100% 70%;
    --su: 89 62% 52%;
    --wa: 54 69% 64%;
    --er: 0 100% 72%
}
[data-theme=dracula] {
    color-scheme: dark;
    --pf: 326 100% 67%;
    --sf: 265 89% 71%;
    --af: 31 100% 64%;
    --nf: 230 15% 23%;
    --b2: 231 15% 11%;
    --b3: 231 15% 4%;
    --pc: 328 26% 15%;
    --sc: 266 19% 16%;
    --ac: 30 30% 15%;
    --nc: 232 7% 85%;
    --inc: 191 20% 16%;
    --suc: 128 30% 14%;
    --wac: 64 20% 15%;
    --erc: 5 39% 14%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 326 100% 74%;
    --s: 265 89% 78%;
    --a: 31 100% 71%;
    --n: 230 15% 30%;
    --b1: 231 15% 18%;
    --bc: 60 30% 96%;
    --in: 191 97% 77%;
    --su: 135 94% 65%;
    --wa: 65 92% 76%;
    --er: 0 100% 67%
}
[data-theme=cmyk] {
    color-scheme: light;
    --pf: 203 83% 53%;
    --sf: 335 78% 53%;
    --af: 56 100% 53%;
    --nf: 0 0% 3%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --bc: 146 0% 19%;
    --pc: 207 32% 14%;
    --sc: 344 100% 93%;
    --ac: 54 41% 14%;
    --nc: 145 0% 80%;
    --inc: 194 26% 12%;
    --suc: 295 30% 87%;
    --wac: 24 46% 13%;
    --erc: 12 100% 91%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 203 83% 60%;
    --s: 335 78% 60%;
    --a: 56 100% 60%;
    --n: 0 0% 10%;
    --b1: 0 0% 100%;
    --in: 192 48% 52%;
    --su: 291 48% 38%;
    --wa: 25 85% 57%;
    --er: 4 81% 56%
}
[data-theme=autumn] {
    color-scheme: light;
    --pf: 344 96% 21%;
    --sf: 0 63% 51%;
    --af: 27 56% 56%;
    --nf: 22 17% 37%;
    --b2: 0 0% 88%;
    --b3: 0 0% 81%;
    --bc: 145 0% 18%;
    --pc: 2 46% 87%;
    --sc: 6 87% 92%;
    --ac: 27 25% 13%;
    --nc: 21 15% 88%;
    --inc: 188 26% 12%;
    --suc: 161 25% 89%;
    --wac: 28 55% 12%;
    --erc: 8 100% 91%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 344 96% 28%;
    --s: 0 63% 58%;
    --a: 27 56% 63%;
    --n: 22 17% 44%;
    --b1: 0 0% 95%;
    --in: 187 48% 50%;
    --su: 165 34% 43%;
    --wa: 30 84% 50%;
    --er: 354 79% 49%
}
[data-theme=business] {
    color-scheme: dark;
    --pf: 210 64% 24%;
    --sf: 200 13% 48%;
    --af: 13 80% 53%;
    --nf: 213 14% 9%;
    --b2: 0 0% 6%;
    --b3: 0 0% 0%;
    --bc: 145 0% 80%;
    --pc: 219 26% 86%;
    --sc: 200 7% 12%;
    --ac: 14 40% 13%;
    --nc: 214 3% 81%;
    --inc: 210 64% 91%;
    --suc: 141 16% 12%;
    --wac: 37 30% 13%;
    --erc: 11 59% 89%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 210 64% 31%;
    --s: 200 13% 55%;
    --a: 13 80% 60%;
    --n: 213 14% 16%;
    --b1: 0 0% 13%;
    --in: 199 100% 42%;
    --su: 144 31% 56%;
    --wa: 39 64% 60%;
    --er: 6 56% 43%;
    --rounded-box: 0.25rem;
    --rounded-btn: .125rem;
    --rounded-badge: .125rem
}
[data-theme=acid] {
    color-scheme: light;
    --pf: 303 100% 43%;
    --sf: 27 100% 43%;
    --af: 72 98% 43%;
    --nf: 238 43% 10%;
    --b2: 0 0% 91%;
    --b3: 0 0% 84%;
    --bc: 145 0% 19%;
    --pc: 302 100% 93%;
    --sc: 25 62% 12%;
    --ac: 73 44% 13%;
    --nc: 248 11% 82%;
    --inc: 217 36% 14%;
    --suc: 145 23% 13%;
    --wac: 50 42% 13%;
    --erc: 15 100% 90%;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 303 100% 50%;
    --s: 27 100% 50%;
    --a: 72 98% 50%;
    --n: 238 43% 17%;
    --b1: 0 0% 98%;
    --in: 210 92% 58%;
    --su: 149 50% 58%;
    --wa: 53 93% 57%;
    --er: 1 100% 45%;
    --rounded-box: 1.25rem;
    --rounded-btn: 1rem;
    --rounded-badge: 1rem
}
[data-theme=lemonade] {
    color-scheme: light;
    --pf: 89 96% 24%;
    --sf: 60 81% 48%;
    --af: 63 80% 81%;
    --nf: 238 43% 10%;
    --b2: 0 0% 93%;
    --b3: 0 0% 86%;
    --bc: 146 0% 19%;
    --pc: 89 39% 87%;
    --sc: 58 39% 13%;
    --ac: 62 8% 17%;
    --nc: 248 11% 82%;
    --inc: 192 5% 17%;
    --suc: 74 15% 16%;
    --wac: 49 21% 15%;
    --erc: 2 11% 16%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 89 96% 31%;
    --s: 60 81% 55%;
    --a: 63 80% 88%;
    --n: 238 43% 17%;
    --b1: 0 0% 100%;
    --in: 192 39% 85%;
    --su: 74 76% 79%;
    --wa: 50 87% 75%;
    --er: 1 70% 83%
}
[data-theme=night] {
    color-scheme: dark;
    --pf: 198 93% 53%;
    --sf: 234 89% 67%;
    --af: 329 86% 63%;
    --b2: 222 47% 4%;
    --b3: 0 0% 0%;
    --bc: 229 7% 80%;
    --pc: 202 34% 14%;
    --sc: 239 22% 15%;
    --ac: 332 26% 15%;
    --nc: 221 7% 82%;
    --suc: 169 31% 13%;
    --wac: 39 36% 14%;
    --erc: 354 28% 15%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 198 93% 60%;
    --s: 234 89% 74%;
    --a: 329 86% 70%;
    --n: 217 33% 17%;
    --nf: 217 30% 22%;
    --b1: 222 47% 11%;
    --in: 198 90% 48%;
    --inc: 0 0% 0%;
    --su: 172 66% 50%;
    --wa: 41 88% 64%;
    --er: 351 95% 71%
}
[data-theme=coffee] {
    color-scheme: dark;
    --pf: 30 67% 51%;
    --sf: 182 25% 13%;
    --af: 194 74% 18%;
    --nf: 0 0% 0%;
    --b2: 306 19% 4%;
    --b3: 0 0% 0%;
    --pc: 28 35% 13%;
    --sc: 182 6% 83%;
    --ac: 199 20% 85%;
    --nc: 300 1% 79%;
    --inc: 170 12% 14%;
    --suc: 92 11% 13%;
    --wac: 41 33% 14%;
    --erc: 11 25% 15%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 30 67% 58%;
    --s: 182 25% 20%;
    --a: 194 74% 25%;
    --n: 300 20% 6%;
    --b1: 306 19% 11%;
    --bc: 37 8% 42%;
    --in: 171 37% 67%;
    --su: 93 25% 62%;
    --wa: 43 100% 69%;
    --er: 10 95% 75%
}
[data-theme=winter] {
    color-scheme: light;
    --pf: 212 100% 44%;
    --sf: 247 47% 36%;
    --af: 310 49% 45%;
    --nf: 217 92% 3%;
    --pc: 231 100% 93%;
    --sc: 256 40% 88%;
    --ac: 316 56% 91%;
    --nc: 229 10% 80%;
    --inc: 192 18% 16%;
    --suc: 181 16% 14%;
    --wac: 32 9% 16%;
    --erc: 2 19% 15%;
    --rounded-box: 1rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;
    --p: 212 100% 51%;
    --s: 247 47% 43%;
    --a: 310 49% 52%;
    --n: 217 92% 10%;
    --b1: 0 0% 100%;
    --b2: 217 100% 97%;
    --b3: 219 44% 92%;
    --bc: 214 30% 32%;
    --in: 192 93% 78%;
    --su: 182 47% 66%;
    --wa: 32 62% 84%;
    --er: 0 63% 72%
}