/* Grades colors */

:root {
    --c-grade2-H: 109.8; --c-grade2-S: 86.7%; --c-grade2-L: 41.4%;
    --c-grade3-H: 213.2; --c-grade3-S:  100%; --c-grade3-L: 61.4%;
    --c-grade4-H:   274; --c-grade4-S: 92.6%; --c-grade4-L: 57.5%;
    --c-grade5-H:  24.1; --c-grade5-S:  100%; --c-grade5-L: 59.4%;
    --c-grade6-H:     4; --c-grade6-S:  100%; --c-grade6-L: 62.5%;
    --c-grade7-H:    45; --c-grade7-S:  100%; --c-grade7-L:   51%;
}

.bg-grade1, .bgHov-grade1:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade1, .cHovOut1:is(:hover, :active) .bgHovIn1-grade1, .cHovOut2:is(:hover, :active) .bgHovIn2-grade1, .bgAct-grade1:active:active, .cActOut:active:active .bgActIn-grade1, .bgSel-grade1.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade1, .bgChk-grade1:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade1, .cLbtSib:checked:checked ~ .bgLbtLing-grade1, .bgFoc-grade1:focus:focus, .bgFow-grade1:focus-within:focus-within { --bg-H-main: var(--c-primary-H); --bg-S-main: var(--c-primary-S); --bg-L-main: calc(var(--c-primary-L) - 20%); }
.br-grade1, .brHov-grade1:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade1, .cHovOut1:is(:hover, :active) .brHovIn1-grade1, .cHovOut2:is(:hover, :active) .brHovIn2-grade1, .brAct-grade1:active:active, .cActOut:active:active .brActIn-grade1, .brSel-grade1.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade1, .brChk-grade1:checked:checked, .cLblSib:checked:checked + .brLblLing-grade1, .cLbtSib:checked:checked ~ .brLbtLing-grade1, .brFoc-grade1:focus:focus, .brFow-grade1:focus-within:focus-within { --br-H-main: var(--c-primary-H); --br-S-main: var(--c-primary-S); --br-L-main: calc(var(--c-primary-L) - 20%); }
.fn-grade1, .fnHov-grade1:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade1, .cHovOut1:is(:hover, :active) .fnHovIn1-grade1, .cHovOut2:is(:hover, :active) .fnHovIn2-grade1, .fnAct-grade1:active:active, .cActOut:active:active .fnActIn-grade1, .fnSel-grade1.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade1, .fnChk-grade1:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade1, .cLbtSib:checked:checked ~ .fnLbtLing-grade1, .fnFoc-grade1:focus:focus, .fnFow-grade1:focus-within:focus-within { --fn-H-main: var(--c-primary-H); --fn-S-main: var(--c-primary-S); --fn-L-main: calc(var(--c-primary-L) - 20%); }

.gr-grade1 { background: linear-gradient(135deg, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) - 20%), 1) 0%, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) - 20%), 0) 100%); }



.elzTheme-dark .bg-grade1, .elzTheme-dark .bgHov-grade1:is(:hover, :active), .elzTheme-dark .cHovOut:is(:hover, :active) .bgHovIn-grade1, .elzTheme-dark .cHovOut1:is(:hover, :active) .bgHovIn1-grade1, .elzTheme-dark .cHovOut2:is(:hover, :active) .bgHovIn2-grade1, .elzTheme-dark .bgAct-grade1:active:active, .elzTheme-dark .cActOut:active:active .bgActIn-grade1, .elzTheme-dark .bgSel-grade1.sel.sel.sel, .elzTheme-dark .cSelOut.sel.sel.sel .bgSelIn-grade1, .elzTheme-dark .bgChk-grade1:checked:checked, .elzTheme-dark .cLblSib:checked:checked + .bgLblLing-grade1, .elzTheme-dark .cLbtSib:checked:checked ~ .bgLbtLing-grade1, .elzTheme-dark .bgFoc-grade1:focus:focus, .elzTheme-dark .bgFow-grade1:focus-within:focus-within { --bg-H-main: var(--c-primary-H); --bg-S-main: var(--c-primary-S); --bg-L-main: calc(var(--c-primary-L) + 25%); }
.elzTheme-dark .br-grade1, .elzTheme-dark .brHov-grade1:is(:hover, :active), .elzTheme-dark .cHovOut:is(:hover, :active) .brHovIn-grade1, .elzTheme-dark .cHovOut1:is(:hover, :active) .brHovIn1-grade1, .elzTheme-dark .cHovOut2:is(:hover, :active) .brHovIn2-grade1, .elzTheme-dark .brAct-grade1:active:active, .elzTheme-dark .cActOut:active:active .brActIn-grade1, .elzTheme-dark .brSel-grade1.sel.sel.sel, .elzTheme-dark .cSelOut.sel.sel.sel .brSelIn-grade1, .elzTheme-dark .brChk-grade1:checked:checked, .elzTheme-dark .cLblSib:checked:checked + .brLblLing-grade1, .elzTheme-dark .cLbtSib:checked:checked ~ .brLbtLing-grade1, .elzTheme-dark .brFoc-grade1:focus:focus, .elzTheme-dark .brFow-grade1:focus-within:focus-within { --br-H-main: var(--c-primary-H); --br-S-main: var(--c-primary-S); --br-L-main: calc(var(--c-primary-L) + 25%); }
.elzTheme-dark .fn-grade1, .elzTheme-dark .fnHov-grade1:is(:hover, :active), .elzTheme-dark .cHovOut:is(:hover, :active) .fnHovIn-grade1, .elzTheme-dark .cHovOut1:is(:hover, :active) .fnHovIn1-grade1, .elzTheme-dark .cHovOut2:is(:hover, :active) .fnHovIn2-grade1, .elzTheme-dark .fnAct-grade1:active:active, .elzTheme-dark .cActOut:active:active .fnActIn-grade1, .elzTheme-dark .fnSel-grade1.sel.sel.sel, .elzTheme-dark .cSelOut.sel.sel.sel .fnSelIn-grade1, .elzTheme-dark .fnChk-grade1:checked:checked, .elzTheme-dark .cLblSib:checked:checked + .fnLblLing-grade1, .elzTheme-dark .cLbtSib:checked:checked ~ .fnLbtLing-grade1, .elzTheme-dark .fnFoc-grade1:focus:focus, .elzTheme-dark .fnFow-grade1:focus-within:focus-within { --fn-H-main: var(--c-primary-H); --fn-S-main: var(--c-primary-S); --fn-L-main: calc(var(--c-primary-L) + 25%); }

.elzTheme-dark .gr-grade1 { background: linear-gradient(135deg, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) + 25%), 1) 0%, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) + 25%), 0) 100%); }

@media (prefers-color-scheme: dark) {
    .elzTheme-device .bg-grade1, .elzTheme-device .bgHov-grade1:is(:hover, :active), .elzTheme-device .cHovOut:is(:hover, :active) .bgHovIn-grade1, .elzTheme-device .cHovOut1:is(:hover, :active) .bgHovIn1-grade1, .elzTheme-device .cHovOut2:is(:hover, :active) .bgHovIn2-grade1, .elzTheme-device .bgAct-grade1:active:active, .elzTheme-device .cActOut:active:active .bgActIn-grade1, .elzTheme-device .bgSel-grade1.sel.sel.sel, .elzTheme-device .cSelOut.sel.sel.sel .bgSelIn-grade1, .elzTheme-device .bgChk-grade1:checked:checked, .elzTheme-device .cLblSib:checked:checked + .bgLblLing-grade1, .elzTheme-device .cLbtSib:checked:checked ~ .bgLbtLing-grade1, .elzTheme-device .bgFoc-grade1:focus:focus, .elzTheme-device .bgFow-grade1:focus-within:focus-within { --bg-H-main: var(--c-primary-H); --bg-S-main: var(--c-primary-S); --bg-L-main: calc(var(--c-primary-L) + 25%); }
    .elzTheme-device .br-grade1, .elzTheme-device .brHov-grade1:is(:hover, :active), .elzTheme-device .cHovOut:is(:hover, :active) .brHovIn-grade1, .elzTheme-device .cHovOut1:is(:hover, :active) .brHovIn1-grade1, .elzTheme-device .cHovOut2:is(:hover, :active) .brHovIn2-grade1, .elzTheme-device .brAct-grade1:active:active, .elzTheme-device .cActOut:active:active .brActIn-grade1, .elzTheme-device .brSel-grade1.sel.sel.sel, .elzTheme-device .cSelOut.sel.sel.sel .brSelIn-grade1, .elzTheme-device .brChk-grade1:checked:checked, .elzTheme-device .cLblSib:checked:checked + .brLblLing-grade1, .elzTheme-device .cLbtSib:checked:checked ~ .brLbtLing-grade1, .elzTheme-device .brFoc-grade1:focus:focus, .elzTheme-device .brFow-grade1:focus-within:focus-within { --br-H-main: var(--c-primary-H); --br-S-main: var(--c-primary-S); --br-L-main: calc(var(--c-primary-L) + 25%); }
    .elzTheme-device .fn-grade1, .elzTheme-device .fnHov-grade1:is(:hover, :active), .elzTheme-device .cHovOut:is(:hover, :active) .fnHovIn-grade1, .elzTheme-device .cHovOut1:is(:hover, :active) .fnHovIn1-grade1, .elzTheme-device .cHovOut2:is(:hover, :active) .fnHovIn2-grade1, .elzTheme-device .fnAct-grade1:active:active, .elzTheme-device .cActOut:active:active .fnActIn-grade1, .elzTheme-device .fnSel-grade1.sel.sel.sel, .elzTheme-device .cSelOut.sel.sel.sel .fnSelIn-grade1, .elzTheme-device .fnChk-grade1:checked:checked, .elzTheme-device .cLblSib:checked:checked + .fnLblLing-grade1, .elzTheme-device .cLbtSib:checked:checked ~ .fnLbtLing-grade1, .elzTheme-device .fnFoc-grade1:focus:focus, .elzTheme-device .fnFow-grade1:focus-within:focus-within { --fn-H-main: var(--c-primary-H); --fn-S-main: var(--c-primary-S); --fn-L-main: calc(var(--c-primary-L) + 25%); }

    .elzTheme-device .gr-grade1 { background: linear-gradient(135deg, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) + 25%), 1) 0%, hsla(var(--c-primary-H), var(--c-primary-S), calc(var(--c-primary-L) + 25%), 0) 100%); }
}



.bg-grade2, .bgHov-grade2:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade2, .cHovOut1:is(:hover, :active) .bgHovIn1-grade2, .cHovOut2:is(:hover, :active) .bgHovIn2-grade2, .bgAct-grade2:active:active, .cActOut:active:active .bgActIn-grade2, .bgSel-grade2.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade2, .bgChk-grade2:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade2, .cLbtSib:checked:checked ~ .bgLbtLing-grade2, .bgFoc-grade2:focus:focus, .bgFow-grade2:focus-within:focus-within { --bg-H-main: var(--c-grade2-H); --bg-S-main: var(--c-grade2-S); --bg-L-main: var(--c-grade2-L); }
.br-grade2, .brHov-grade2:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade2, .cHovOut1:is(:hover, :active) .brHovIn1-grade2, .cHovOut2:is(:hover, :active) .brHovIn2-grade2, .brAct-grade2:active:active, .cActOut:active:active .brActIn-grade2, .brSel-grade2.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade2, .brChk-grade2:checked:checked, .cLblSib:checked:checked + .brLblLing-grade2, .cLbtSib:checked:checked ~ .brLbtLing-grade2, .brFoc-grade2:focus:focus, .brFow-grade2:focus-within:focus-within { --br-H-main: var(--c-grade2-H); --br-S-main: var(--c-grade2-S); --br-L-main: var(--c-grade2-L); }
.fn-grade2, .fnHov-grade2:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade2, .cHovOut1:is(:hover, :active) .fnHovIn1-grade2, .cHovOut2:is(:hover, :active) .fnHovIn2-grade2, .fnAct-grade2:active:active, .cActOut:active:active .fnActIn-grade2, .fnSel-grade2.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade2, .fnChk-grade2:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade2, .cLbtSib:checked:checked ~ .fnLbtLing-grade2, .fnFoc-grade2:focus:focus, .fnFow-grade2:focus-within:focus-within { --fn-H-main: var(--c-grade2-H); --fn-S-main: var(--c-grade2-S); --fn-L-main: var(--c-grade2-L); }

.gr-grade2 { background: linear-gradient(135deg, hsla(var(--c-grade2-H), var(--c-grade2-S), var(--c-grade2-L), 1) 0%, hsla(var(--c-grade2-H), var(--c-grade2-S), var(--c-grade2-L), 0) 100%); }



.bg-grade3, .bgHov-grade3:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade3, .cHovOut1:is(:hover, :active) .bgHovIn1-grade3, .cHovOut2:is(:hover, :active) .bgHovIn2-grade3, .bgAct-grade3:active:active, .cActOut:active:active .bgActIn-grade3, .bgSel-grade3.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade3, .bgChk-grade3:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade3, .cLbtSib:checked:checked ~ .bgLbtLing-grade3, .bgFoc-grade3:focus:focus, .bgFow-grade3:focus-within:focus-within { --bg-H-main: var(--c-grade3-H); --bg-S-main: var(--c-grade3-S); --bg-L-main: var(--c-grade3-L); }
.br-grade3, .brHov-grade3:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade3, .cHovOut1:is(:hover, :active) .brHovIn1-grade3, .cHovOut2:is(:hover, :active) .brHovIn2-grade3, .brAct-grade3:active:active, .cActOut:active:active .brActIn-grade3, .brSel-grade3.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade3, .brChk-grade3:checked:checked, .cLblSib:checked:checked + .brLblLing-grade3, .cLbtSib:checked:checked ~ .brLbtLing-grade3, .brFoc-grade3:focus:focus, .brFow-grade3:focus-within:focus-within { --br-H-main: var(--c-grade3-H); --br-S-main: var(--c-grade3-S); --br-L-main: var(--c-grade3-L); }
.fn-grade3, .fnHov-grade3:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade3, .cHovOut1:is(:hover, :active) .fnHovIn1-grade3, .cHovOut2:is(:hover, :active) .fnHovIn2-grade3, .fnAct-grade3:active:active, .cActOut:active:active .fnActIn-grade3, .fnSel-grade3.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade3, .fnChk-grade3:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade3, .cLbtSib:checked:checked ~ .fnLbtLing-grade3, .fnFoc-grade3:focus:focus, .fnFow-grade3:focus-within:focus-within { --fn-H-main: var(--c-grade3-H); --fn-S-main: var(--c-grade3-S); --fn-L-main: var(--c-grade3-L); }

.gr-grade3 { background: linear-gradient(135deg, hsla(var(--c-grade3-H), var(--c-grade3-S), var(--c-grade3-L), 1) 0%, hsla(var(--c-grade3-H), var(--c-grade3-S), var(--c-grade3-L), 0) 100%); }



.bg-grade4, .bgHov-grade4:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade4, .cHovOut1:is(:hover, :active) .bgHovIn1-grade4, .cHovOut2:is(:hover, :active) .bgHovIn2-grade4, .bgAct-grade4:active:active, .cActOut:active:active .bgActIn-grade4, .bgSel-grade4.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade4, .bgChk-grade4:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade4, .cLbtSib:checked:checked ~ .bgLbtLing-grade4, .bgFoc-grade4:focus:focus, .bgFow-grade4:focus-within:focus-within { --bg-H-main: var(--c-grade4-H); --bg-S-main: var(--c-grade4-S); --bg-L-main: var(--c-grade4-L); }
.br-grade4, .brHov-grade4:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade4, .cHovOut1:is(:hover, :active) .brHovIn1-grade4, .cHovOut2:is(:hover, :active) .brHovIn2-grade4, .brAct-grade4:active:active, .cActOut:active:active .brActIn-grade4, .brSel-grade4.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade4, .brChk-grade4:checked:checked, .cLblSib:checked:checked + .brLblLing-grade4, .cLbtSib:checked:checked ~ .brLbtLing-grade4, .brFoc-grade4:focus:focus, .brFow-grade4:focus-within:focus-within { --br-H-main: var(--c-grade4-H); --br-S-main: var(--c-grade4-S); --br-L-main: var(--c-grade4-L); }
.fn-grade4, .fnHov-grade4:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade4, .cHovOut1:is(:hover, :active) .fnHovIn1-grade4, .cHovOut2:is(:hover, :active) .fnHovIn2-grade4, .fnAct-grade4:active:active, .cActOut:active:active .fnActIn-grade4, .fnSel-grade4.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade4, .fnChk-grade4:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade4, .cLbtSib:checked:checked ~ .fnLbtLing-grade4, .fnFoc-grade4:focus:focus, .fnFow-grade4:focus-within:focus-within { --fn-H-main: var(--c-grade4-H); --fn-S-main: var(--c-grade4-S); --fn-L-main: var(--c-grade4-L); }

.gr-grade4 { background: linear-gradient(135deg, hsla(var(--c-grade4-H), var(--c-grade4-S), var(--c-grade4-L), 1) 0%, hsla(var(--c-grade4-H), var(--c-grade4-S), var(--c-grade4-L), 0) 100%); }



.bg-grade5, .bgHov-grade5:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade5, .cHovOut1:is(:hover, :active) .bgHovIn1-grade5, .cHovOut2:is(:hover, :active) .bgHovIn2-grade5, .bgAct-grade5:active:active, .cActOut:active:active .bgActIn-grade5, .bgSel-grade5.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade5, .bgChk-grade5:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade5, .cLbtSib:checked:checked ~ .bgLbtLing-grade5, .bgFoc-grade5:focus:focus, .bgFow-grade5:focus-within:focus-within { --bg-H-main: var(--c-grade5-H); --bg-S-main: var(--c-grade5-S); --bg-L-main: var(--c-grade5-L); }
.br-grade5, .brHov-grade5:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade5, .cHovOut1:is(:hover, :active) .brHovIn1-grade5, .cHovOut2:is(:hover, :active) .brHovIn2-grade5, .brAct-grade5:active:active, .cActOut:active:active .brActIn-grade5, .brSel-grade5.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade5, .brChk-grade5:checked:checked, .cLblSib:checked:checked + .brLblLing-grade5, .cLbtSib:checked:checked ~ .brLbtLing-grade5, .brFoc-grade5:focus:focus, .brFow-grade5:focus-within:focus-within { --br-H-main: var(--c-grade5-H); --br-S-main: var(--c-grade5-S); --br-L-main: var(--c-grade5-L); }
.fn-grade5, .fnHov-grade5:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade5, .cHovOut1:is(:hover, :active) .fnHovIn1-grade5, .cHovOut2:is(:hover, :active) .fnHovIn2-grade5, .fnAct-grade5:active:active, .cActOut:active:active .fnActIn-grade5, .fnSel-grade5.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade5, .fnChk-grade5:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade5, .cLbtSib:checked:checked ~ .fnLbtLing-grade5, .fnFoc-grade5:focus:focus, .fnFow-grade5:focus-within:focus-within { --fn-H-main: var(--c-grade5-H); --fn-S-main: var(--c-grade5-S); --fn-L-main: var(--c-grade5-L); }

.gr-grade5 { background: linear-gradient(135deg, hsla(var(--c-grade5-H), var(--c-grade5-S), var(--c-grade5-L), 1) 0%, hsla(var(--c-grade5-H), var(--c-grade5-S), var(--c-grade5-L), 0) 100%); }



.bg-grade6, .bgHov-grade6:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade6, .cHovOut1:is(:hover, :active) .bgHovIn1-grade6, .cHovOut2:is(:hover, :active) .bgHovIn2-grade6, .bgAct-grade6:active:active, .cActOut:active:active .bgActIn-grade6, .bgSel-grade6.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade6, .bgChk-grade6:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade6, .cLbtSib:checked:checked ~ .bgLbtLing-grade6, .bgFoc-grade6:focus:focus, .bgFow-grade6:focus-within:focus-within { --bg-H-main: var(--c-grade6-H); --bg-S-main: var(--c-grade6-S); --bg-L-main: var(--c-grade6-L); }
.br-grade6, .brHov-grade6:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade6, .cHovOut1:is(:hover, :active) .brHovIn1-grade6, .cHovOut2:is(:hover, :active) .brHovIn2-grade6, .brAct-grade6:active:active, .cActOut:active:active .brActIn-grade6, .brSel-grade6.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade6, .brChk-grade6:checked:checked, .cLblSib:checked:checked + .brLblLing-grade6, .cLbtSib:checked:checked ~ .brLbtLing-grade6, .brFoc-grade6:focus:focus, .brFow-grade6:focus-within:focus-within { --br-H-main: var(--c-grade6-H); --br-S-main: var(--c-grade6-S); --br-L-main: var(--c-grade6-L); }
.fn-grade6, .fnHov-grade6:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade6, .cHovOut1:is(:hover, :active) .fnHovIn1-grade6, .cHovOut2:is(:hover, :active) .fnHovIn2-grade6, .fnAct-grade6:active:active, .cActOut:active:active .fnActIn-grade6, .fnSel-grade6.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade6, .fnChk-grade6:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade6, .cLbtSib:checked:checked ~ .fnLbtLing-grade6, .fnFoc-grade6:focus:focus, .fnFow-grade6:focus-within:focus-within { --fn-H-main: var(--c-grade6-H); --fn-S-main: var(--c-grade6-S); --fn-L-main: var(--c-grade6-L); }

.gr-grade6 { background: linear-gradient(135deg, hsla(var(--c-grade6-H), var(--c-grade6-S), var(--c-grade6-L), 1) 0%, hsla(var(--c-grade6-H), var(--c-grade6-S), var(--c-grade6-L), 0) 100%); }



.bg-grade7, .bgHov-grade7:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grade7, .cHovOut1:is(:hover, :active) .bgHovIn1-grade7, .cHovOut2:is(:hover, :active) .bgHovIn2-grade7, .bgAct-grade7:active:active, .cActOut:active:active .bgActIn-grade7, .bgSel-grade7.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grade7, .bgChk-grade7:checked:checked, .cLblSib:checked:checked + .bgLblLing-grade7, .cLbtSib:checked:checked ~ .bgLbtLing-grade7, .bgFoc-grade7:focus:focus, .bgFow-grade7:focus-within:focus-within { --bg-H-main: var(--c-grade7-H); --bg-S-main: var(--c-grade7-S); --bg-L-main: var(--c-grade7-L); }
.br-grade7, .brHov-grade7:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grade7, .cHovOut1:is(:hover, :active) .brHovIn1-grade7, .cHovOut2:is(:hover, :active) .brHovIn2-grade7, .brAct-grade7:active:active, .cActOut:active:active .brActIn-grade7, .brSel-grade7.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grade7, .brChk-grade7:checked:checked, .cLblSib:checked:checked + .brLblLing-grade7, .cLbtSib:checked:checked ~ .brLbtLing-grade7, .brFoc-grade7:focus:focus, .brFow-grade7:focus-within:focus-within { --br-H-main: var(--c-grade7-H); --br-S-main: var(--c-grade7-S); --br-L-main: var(--c-grade7-L); }
.fn-grade7, .fnHov-grade7:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grade7, .cHovOut1:is(:hover, :active) .fnHovIn1-grade7, .cHovOut2:is(:hover, :active) .fnHovIn2-grade7, .fnAct-grade7:active:active, .cActOut:active:active .fnActIn-grade7, .fnSel-grade7.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grade7, .fnChk-grade7:checked:checked, .cLblSib:checked:checked + .fnLblLing-grade7, .cLbtSib:checked:checked ~ .fnLbtLing-grade7, .fnFoc-grade7:focus:focus, .fnFow-grade7:focus-within:focus-within { --fn-H-main: var(--c-grade7-H); --fn-S-main: var(--c-grade7-S); --fn-L-main: var(--c-grade7-L); }

.gr-grade7 { background: linear-gradient(135deg, hsla(var(--c-grade7-H), var(--c-grade7-S), var(--c-grade7-L), 1) 0%, hsla(var(--c-grade7-H), var(--c-grade7-S), var(--c-grade7-L), 0) 100%); }

/* end */