:root { /* Standard colors */ --c-red-H: 4; --c-red-S: 90%; --c-red-L: 58%; --c-pink-H: 340; --c-pink-S: 82%; --c-pink-L: 52%; --c-purple-H: 291; --c-purple-S: 64%; --c-purple-L: 42%; --c-deep-purple-H: 262; --c-deep-purple-S: 52%; --c-deep-purple-L: 47%; --c-indigo-H: 231; --c-indigo-S: 48%; --c-indigo-L: 48%; --c-blue-H: 207; --c-blue-S: 90%; --c-blue-L: 54%; --c-light-blue-H: 199; --c-light-blue-S: 98%; --c-light-blue-L: 48%; --c-cyan-H: 187; --c-cyan-S: 100%; --c-cyan-L: 42%; --c-teal-H: 174; --c-teal-S: 100%; --c-teal-L: 29%; --c-green-H: 122; --c-green-S: 39%; --c-green-L: 49%; --c-light-green-H: 88; --c-light-green-S: 50%; --c-light-green-L: 53%; --c-lime-H: 66; --c-lime-S: 70%; --c-lime-L: 54%; --c-yellow-H: 54; --c-yellow-S: 100%; --c-yellow-L: 62%; --c-amber-H: 45; --c-amber-S: 100%; --c-amber-L: 51%; --c-orange-H: 36; --c-orange-S: 100%; --c-orange-L: 50%; --c-deep-orange-H: 14; --c-deep-orange-S: 100%; --c-deep-orange-L: 57%; --c-brown-H: 16; --c-brown-S: 25%; --c-brown-L: 38%; --c-grey-H: 0; --c-grey-S: 0%; --c-grey-L: 50%; --c-blue-grey-H: 200; --c-blue-grey-S: 18%; --c-blue-grey-L: 50%; --c-black-H: 0; --c-black-S: 0%; --c-black-L: 0%; --c-white-H: 0; --c-white-S: 0%; --c-white-L: 100%; --c-male-H: 225; --c-male-S: 71%; --c-male-L: 40%; --c-female-H: 300; --c-female-S: 100%; --c-female-L: 37%; /* Engine panel colors */ --c-EP-H: 0; --c-EP-S: 0%; --c-EP-L: 15%; --c-EP-t-H: 0; --c-EP-t-S: 0%; --c-EP-t-L: 88%; /* Social colors */ /* https://brandcolors.net/ */ --c-s-fb-H: 221; --c-s-fb-S: 44%; --c-s-fb-L: 41%; /* Facebook */ --c-s-inst-H: 340; --c-s-inst-S: 75%; --c-s-inst-L: 65%; /* Instagram */ --c-s-tw-H: 203; --c-s-tw-S: 89%; --c-s-tw-L: 53%; /* Twitter */ --c-s-tg-H: 200; --c-s-tg-S: 100%; --c-s-tg-L: 40%; /* Telegram */ --c-s-ds-H: 227; --c-s-ds-S: 58%; --c-s-ds-L: 65%; /* Discord */ --c-s-steam-H: 0; --c-s-steam-S: 0%; --c-s-steam-L: 0%; /* Steam */ --c-s-xbox-H: 112; --c-s-xbox-S: 45%; --c-s-xbox-L: 48%; /* XBOX */ --c-s-psn-H: 219; --c-s-psn-S: 100%; --c-s-psn-L: 26%; /* Playstation */ --c-s-twitch-H: 264; --c-s-twitch-S: 100%; --c-s-twitch-L: 64%; /* Twitch */ --c-s-pt-H: 7; --c-s-pt-S: 93%; --c-s-pt-L: 65%; /* Patreon */ --c-s-yt-H: 0; --c-s-yt-S: 100%; --c-s-yt-L: 50%; /* Youtube */ --c-s-g-H: 7; --c-s-g-S: 71%; --c-s-g-L: 55%; /* Google */ --c-s-yh-H: 267; --c-s-yh-S: 100%; --c-s-yh-L: 29%; /* Yahoo */ --c-s-fl-H: 213; --c-s-fl-S: 100%; --c-s-fl-L: 43%; /* Flickr */ --c-s-fl1-H: 329; --c-s-fl1-S: 100%; --c-s-fl1-L: 50%; /* Flickr color 1 */ --c-s-pn-H: 351; --c-s-pn-S: 100%; --c-s-pn-L: 45%; /* Pinterest */ --c-s-in-H: 201; --c-s-in-S: 100%; --c-s-in-L: 35%; /* LinkedIn */ --c-s-sp-H: 141; --c-s-sp-S: 73%; --c-s-sp-L: 42%; /* Spotify */ --c-s-bl-H: 31; --c-s-bl-S: 100%; --c-s-bl-L: 48%; /* Blogger */ --c-s-bnet-H: 267; --c-s-bnet-S: 75%; --c-s-bnet-L: 31%; /* BattleNet */ --c-s-bnet1-H: 199; --c-s-bnet1-S: 92%; --c-s-bnet1-L: 74%; /* BattleNet color 1 */ --c-s-vk-H: 213; --c-s-vk-S: 35%; --c-s-vk-L: 41%; /* VK */ --c-s-ok-H: 27; --c-s-ok-S: 84%; --c-s-ok-L: 55%; /* OK */ --c-s-mailru-H: 205; --c-s-mailru-S: 82%; --c-s-mailru-L: 49%; /* MailRu */ --c-s-mailru1-H: 35; --c-s-mailru1-S: 100%; --c-s-mailru1-L: 59%; /* MailRu color 1 */ /* Grades */ --c-grade1-L: calc(var(--c-primary-L) - 20%); --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%; /* Theme colors */ --c-primary-H: 0; --c-primary-S: 0%; --c-primary-L: 90%; --c-primary-t-H: 0; --c-primary-t-S: 0%; --c-primary-t-L: 30%; --c-secondary-H: 0; --c-secondary-S: 0%; --c-secondary-L: 40%; --c-secondary-t-H: 0; --c-secondary-t-S: 0%; --c-secondary-t-L: 90%; --c-brand-H: 227; --c-brand-S: 58%; --c-brand-L: 65%; --c-brand-t-H: 0; --c-brand-t-S: 0%; --c-brand-t-L: 100%; --c-ok-H: 207; --c-ok-S: 90%; --c-ok-L: 54%; --c-ok-t-H: 0; --c-ok-t-S: 0%; --c-ok-t-L: 100%; --c-success-H: 122; --c-success-S: 39%; --c-success-L: 49%; --c-success-t-H: 0; --c-success-t-S: 0%; --c-success-t-L: 100%; --c-warning-H: 54; --c-warning-S: 100%; --c-warning-L: 55%; --c-warning-t-H: 0; --c-warning-t-S: 0%; --c-warning-t-L: 30%; --c-danger-H: 36; --c-danger-S: 100%; --c-danger-L: 50%; --c-danger-t-H: 0; --c-danger-t-S: 0%; --c-danger-t-L: 100%; --c-error-H: 4; --c-error-S: 90%; --c-error-L: 58%; --c-error-t-H: 0; --c-error-t-S: 0%; --c-error-t-L: 100%; --c-link-inline-H: 212; --c-link-inline-S: 80%; --c-link-inline-L: 42%; --c-link-context-H: 0; --c-link-context-S: 0%; --c-link-context-L: 100%; --c-focus-H: 207; --c-focus-S: 90%; --c-focus-L: 54%; } .elzTheme-light { /* Theme colors */ } .elzTheme-dark { /* Theme colors */ --c-primary-H: 223; --c-primary-S: 7%; --c-primary-L: 20%; --c-primary-t-H: 223; --c-primary-t-S: 7%; --c-primary-t-L: 88%; --c-secondary-H: 223; --c-secondary-S: 7%; --c-secondary-L: 10%; --c-secondary-t-H: 223; --c-secondary-t-S: 7%; --c-secondary-t-L: 90%; --c-ok-L: 40%; --c-success-L: 40%; --c-error-L: 45%; --c-danger-L: 40%; --c-link-inline-L: 60%; --c-link-inline-S: 60%; --c-male-L: 70%; --c-female-L: 67%; /* Grades */ --c-grade1-L: calc(var(--c-primary-L) + 25%); } @media (prefers-color-scheme: dark) { .elzTheme-device { /* Theme colors */ --c-primary-H: 223; --c-primary-S: 7%; --c-primary-L: 20%; --c-primary-t-H: 223; --c-primary-t-S: 7%; --c-primary-t-L: 88%; --c-secondary-H: 223; --c-secondary-S: 7%; --c-secondary-L: 10%; --c-secondary-t-H: 223; --c-secondary-t-S: 7%; --c-secondary-t-L: 90%; --c-ok-L: 40%; --c-success-L: 40%; --c-error-L: 45%; --c-danger-L: 40%; --c-link-inline-L: 60%; --c-link-inline-S: 60%; --c-male-L: 70%; --c-female-L: 67%; /* Grades */ --c-grade1-L: calc(var(--c-primary-L) + 25%); } } /* Engine panel color */ .bg-EP, .bgHov-EP:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-EP, .cHovOut1:is(:hover, :active) .bgHovIn1-EP, .cHovOut2:is(:hover, :active) .bgHovIn2-EP, .bgAct-EP:active:active, .cActOut:active:active .bgActIn-EP, .bgSel-EP.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-EP, .bgChk-EP:checked:checked, .cLblSib:checked:checked + .bgLblLing-EP, .cLbtSib:checked:checked ~ .bgLbtLing-EP, .bgFoc-EP:focus:focus, .bgFow-EP:focus-within:focus-within { --bg-H-main: var(--c-EP-H); --bg-S-main: var(--c-EP-S); --bg-L-main: var(--c-EP-L); } .br-EP, .brHov-EP:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-EP, .cHovOut1:is(:hover, :active) .brHovIn1-EP, .cHovOut2:is(:hover, :active) .brHovIn2-EP, .brAct-EP:active:active, .cActOut:active:active .brActIn-EP, .brSel-EP.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-EP, .brChk-EP:checked:checked, .cLblSib:checked:checked + .brLblLing-EP, .cLbtSib:checked:checked ~ .brLbtLing-EP, .brFoc-EP:focus:focus, .brFow-EP:focus-within:focus-within { --br-H-main: var(--c-EP-H); --br-S-main: var(--c-EP-S); --br-L-main: var(--c-EP-L); } .fn-EP, .fnHov-EP:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-EP, .cHovOut1:is(:hover, :active) .fnHovIn1-EP, .cHovOut2:is(:hover, :active) .fnHovIn2-EP, .fnAct-EP:active:active, .cActOut:active:active .fnActIn-EP, .fnSel-EP.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-EP, .fnChk-EP:checked:checked, .cLblSib:checked:checked + .fnLblLing-EP, .cLbtSib:checked:checked ~ .fnLbtLing-EP, .fnFoc-EP:focus:focus, .fnFow-EP:focus-within:focus-within { --fn-H-main: var(--c-EP-H); --fn-S-main: var(--c-EP-S); --fn-L-main: var(--c-EP-L); } /* Engine panel text color */ .bg-EP-t, .bgHov-EP-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-EP-t, .cHovOut1:is(:hover, :active) .bgHovIn1-EP-t, .cHovOut2:is(:hover, :active) .bgHovIn2-EP-t, .bgAct-EP-t:active:active, .cActOut:active:active .bgActIn-EP-t, .bgSel-EP-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-EP-t, .bgChk-EP-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-EP-t, .cLbtSib:checked:checked ~ .bgLbtLing-EP-t, .bgFoc-EP-t:focus:focus, .bgFow-EP-t:focus-within:focus-within { --bg-H-main: var(--c-EP-t-H); --bg-S-main: var(--c-EP-t-S); --bg-L-main: var(--c-EP-t-L); } .br-EP-t, .brHov-EP-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-EP-t, .cHovOut1:is(:hover, :active) .brHovIn1-EP-t, .cHovOut2:is(:hover, :active) .brHovIn2-EP-t, .brAct-EP-t:active:active, .cActOut:active:active .brActIn-EP-t, .brSel-EP-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-EP-t, .brChk-EP-t:checked:checked, .cLblSib:checked:checked + .brLblLing-EP-t, .cLbtSib:checked:checked ~ .brLbtLing-EP-t, .brFoc-EP-t:focus:focus, .brFow-EP-t:focus-within:focus-within { --br-H-main: var(--c-EP-t-H); --br-S-main: var(--c-EP-t-S); --br-L-main: var(--c-EP-t-L); } .fn-EP-t, .fnHov-EP-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-EP-t, .cHovOut1:is(:hover, :active) .fnHovIn1-EP-t, .cHovOut2:is(:hover, :active) .fnHovIn2-EP-t, .fnAct-EP-t:active:active, .cActOut:active:active .fnActIn-EP-t, .fnSel-EP-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-EP-t, .fnChk-EP-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-EP-t, .cLbtSib:checked:checked ~ .fnLbtLing-EP-t, .fnFoc-EP-t:focus:focus, .fnFow-EP-t:focus-within:focus-within { --fn-H-main: var(--c-EP-t-H); --fn-S-main: var(--c-EP-t-S); --fn-L-main: var(--c-EP-t-L); } /* Primary color */ .bg-primary, .bgHov-primary:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-primary, .cHovOut1:is(:hover, :active) .bgHovIn1-primary, .cHovOut2:is(:hover, :active) .bgHovIn2-primary, .bgAct-primary:active:active, .cActOut:active:active .bgActIn-primary, .bgSel-primary.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-primary, .bgChk-primary:checked:checked, .cLblSib:checked:checked + .bgLblLing-primary, .cLbtSib:checked:checked ~ .bgLbtLing-primary, .bgFoc-primary:focus:focus, .bgFow-primary:focus-within:focus-within { --bg-H-main: var(--c-primary-H); --bg-S-main: var(--c-primary-S); --bg-L-main: var(--c-primary-L); } .br-primary, .brHov-primary:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-primary, .cHovOut1:is(:hover, :active) .brHovIn1-primary, .cHovOut2:is(:hover, :active) .brHovIn2-primary, .brAct-primary:active:active, .cActOut:active:active .brActIn-primary, .brSel-primary.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-primary, .brChk-primary:checked:checked, .cLblSib:checked:checked + .brLblLing-primary, .cLbtSib:checked:checked ~ .brLbtLing-primary, .brFoc-primary:focus:focus, .brFow-primary:focus-within:focus-within { --br-H-main: var(--c-primary-H); --br-S-main: var(--c-primary-S); --br-L-main: var(--c-primary-L); } .fn-primary, .fnHov-primary:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-primary, .cHovOut1:is(:hover, :active) .fnHovIn1-primary, .cHovOut2:is(:hover, :active) .fnHovIn2-primary, .fnAct-primary:active:active, .cActOut:active:active .fnActIn-primary, .fnSel-primary.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-primary, .fnChk-primary:checked:checked, .cLblSib:checked:checked + .fnLblLing-primary, .cLbtSib:checked:checked ~ .fnLbtLing-primary, .fnFoc-primary:focus:focus, .fnFow-primary:focus-within:focus-within { --fn-H-main: var(--c-primary-H); --fn-S-main: var(--c-primary-S); --fn-L-main: var(--c-primary-L); } /* Primary text color */ .bg-primary-t, .bgHov-primary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-primary-t, .cHovOut1:is(:hover, :active) .bgHovIn1-primary-t, .cHovOut2:is(:hover, :active) .bgHovIn2-primary-t, .bgAct-primary-t:active:active, .cActOut:active:active .bgActIn-primary-t, .bgSel-primary-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-primary-t, .bgChk-primary-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-primary-t, .cLbtSib:checked:checked ~ .bgLbtLing-primary-t, .bgFoc-primary-t:focus:focus, .bgFow-primary-t:focus-within:focus-within { --bg-H-main: var(--c-primary-t-H); --bg-S-main: var(--c-primary-t-S); --bg-L-main: var(--c-primary-t-L); } .br-primary-t, .brHov-primary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-primary-t, .cHovOut1:is(:hover, :active) .brHovIn1-primary-t, .cHovOut2:is(:hover, :active) .brHovIn2-primary-t, .brAct-primary-t:active:active, .cActOut:active:active .brActIn-primary-t, .brSel-primary-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-primary-t, .brChk-primary-t:checked:checked, .cLblSib:checked:checked + .brLblLing-primary-t, .cLbtSib:checked:checked ~ .brLbtLing-primary-t, .brFoc-primary-t:focus:focus, .brFow-primary-t:focus-within:focus-within { --br-H-main: var(--c-primary-t-H); --br-S-main: var(--c-primary-t-S); --br-L-main: var(--c-primary-t-L); } .fn-primary-t, .fnHov-primary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-primary-t, .cHovOut1:is(:hover, :active) .fnHovIn1-primary-t, .cHovOut2:is(:hover, :active) .fnHovIn2-primary-t, .fnAct-primary-t:active:active, .cActOut:active:active .fnActIn-primary-t, .fnSel-primary-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-primary-t, .fnChk-primary-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-primary-t, .cLbtSib:checked:checked ~ .fnLbtLing-primary-t, .fnFoc-primary-t:focus:focus, .fnFow-primary-t:focus-within:focus-within { --fn-H-main: var(--c-primary-t-H); --fn-S-main: var(--c-primary-t-S); --fn-L-main: var(--c-primary-t-L); } /* Secondary color */ .bg-secondary, .bgHov-secondary:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-secondary, .cHovOut1:is(:hover, :active) .bgHovIn1-secondary, .cHovOut2:is(:hover, :active) .bgHovIn2-secondary, .bgAct-secondary:active:active, .cActOut:active:active .bgActIn-secondary, .bgSel-secondary.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-secondary, .bgChk-secondary:checked:checked, .cLblSib:checked:checked + .bgLblLing-secondary, .cLbtSib:checked:checked ~ .bgLbtLing-secondary, .bgFoc-secondary:focus:focus, .bgFow-secondary:focus-within:focus-within { --bg-H-main: var(--c-secondary-H); --bg-S-main: var(--c-secondary-S); --bg-L-main: var(--c-secondary-L); } .br-secondary, .brHov-secondary:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-secondary, .cHovOut1:is(:hover, :active) .brHovIn1-secondary, .cHovOut2:is(:hover, :active) .brHovIn2-secondary, .brAct-secondary:active:active, .cActOut:active:active .brActIn-secondary, .brSel-secondary.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-secondary, .brChk-secondary:checked:checked, .cLblSib:checked:checked + .brLblLing-secondary, .cLbtSib:checked:checked ~ .brLbtLing-secondary, .brFoc-secondary:focus:focus, .brFow-secondary:focus-within:focus-within { --br-H-main: var(--c-secondary-H); --br-S-main: var(--c-secondary-S); --br-L-main: var(--c-secondary-L); } .fn-secondary, .fnHov-secondary:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-secondary, .cHovOut1:is(:hover, :active) .fnHovIn1-secondary, .cHovOut2:is(:hover, :active) .fnHovIn2-secondary, .fnAct-secondary:active:active, .cActOut:active:active .fnActIn-secondary, .fnSel-secondary.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-secondary, .fnChk-secondary:checked:checked, .cLblSib:checked:checked + .fnLblLing-secondary, .cLbtSib:checked:checked ~ .fnLbtLing-secondary, .fnFoc-secondary:focus:focus, .fnFow-secondary:focus-within:focus-within { --fn-H-main: var(--c-secondary-H); --fn-S-main: var(--c-secondary-S); --fn-L-main: var(--c-secondary-L); } /* Secondary text color */ .bg-secondary-t, .bgHov-secondary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-secondary-t, .cHovOut1:is(:hover, :active) .bgHovIn1-secondary-t, .cHovOut2:is(:hover, :active) .bgHovIn2-secondary-t, .bgAct-secondary-t:active:active, .cActOut:active:active .bgActIn-secondary-t, .bgSel-secondary-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-secondary-t, .bgChk-secondary-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-secondary-t, .cLbtSib:checked:checked ~ .bgLbtLing-secondary-t, .bgFoc-secondary-t:focus:focus, .bgFow-secondary-t:focus-within:focus-within { --bg-H-main: var(--c-secondary-t-H); --bg-S-main: var(--c-secondary-t-S); --bg-L-main: var(--c-secondary-t-L); } .br-secondary-t, .brHov-secondary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-secondary-t, .cHovOut1:is(:hover, :active) .brHovIn1-secondary-t, .cHovOut2:is(:hover, :active) .brHovIn2-secondary-t, .brAct-secondary-t:active:active, .cActOut:active:active .brActIn-secondary-t, .brSel-secondary-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-secondary-t, .brChk-secondary-t:checked:checked, .cLblSib:checked:checked + .brLblLing-secondary-t, .cLbtSib:checked:checked ~ .brLbtLing-secondary-t, .brFoc-secondary-t:focus:focus, .brFow-secondary-t:focus-within:focus-within { --br-H-main: var(--c-secondary-t-H); --br-S-main: var(--c-secondary-t-S); --br-L-main: var(--c-secondary-t-L); } .fn-secondary-t, .fnHov-secondary-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-secondary-t, .cHovOut1:is(:hover, :active) .fnHovIn1-secondary-t, .cHovOut2:is(:hover, :active) .fnHovIn2-secondary-t, .fnAct-secondary-t:active:active, .cActOut:active:active .fnActIn-secondary-t, .fnSel-secondary-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-secondary-t, .fnChk-secondary-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-secondary-t, .cLbtSib:checked:checked ~ .fnLbtLing-secondary-t, .fnFoc-secondary-t:focus:focus, .fnFow-secondary-t:focus-within:focus-within { --fn-H-main: var(--c-secondary-t-H); --fn-S-main: var(--c-secondary-t-S); --fn-L-main: var(--c-secondary-t-L); } /* Brand color */ .bg-brand, .bgHov-brand:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-brand, .cHovOut1:is(:hover, :active) .bgHovIn1-brand, .cHovOut2:is(:hover, :active) .bgHovIn2-brand, .bgHov-brand:active, .bgAct-brand:active:active, .cActOut:active:active .bgActIn-brand, .bgSel-brand.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-brand, .bgChk-brand:checked:checked, .cLblSib:checked:checked + .bgLblLing-brand, .cLbtSib:checked:checked ~ .bgLbtLing-brand, .bgFoc-brand:focus:focus, .bgFow-brand:focus-within:focus-within { --bg-H-main: var(--c-brand-H); --bg-S-main: var(--c-brand-S); --bg-L-main: var(--c-brand-L); } .br-brand, .brHov-brand:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-brand, .cHovOut1:is(:hover, :active) .brHovIn1-brand, .cHovOut2:is(:hover, :active) .brHovIn2-brand, .brHov-brand:active, .brAct-brand:active:active, .cActOut:active:active .brActIn-brand, .brSel-brand.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-brand, .brChk-brand:checked:checked, .cLblSib:checked:checked + .brLblLing-brand, .cLbtSib:checked:checked ~ .brLbtLing-brand, .brFoc-brand:focus:focus, .brFow-brand:focus-within:focus-within { --br-H-main: var(--c-brand-H); --br-S-main: var(--c-brand-S); --br-L-main: var(--c-brand-L); } .fn-brand, .fnHov-brand:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-brand, .cHovOut1:is(:hover, :active) .fnHovIn1-brand, .cHovOut2:is(:hover, :active) .fnHovIn2-brand, .fnHov-brand:active, .fnAct-brand:active:active, .cActOut:active:active .fnActIn-brand, .fnSel-brand.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-brand, .fnChk-brand:checked:checked, .cLblSib:checked:checked + .fnLblLing-brand, .cLbtSib:checked:checked ~ .fnLbtLing-brand, .fnFoc-brand:focus:focus, .fnFow-brand:focus-within:focus-within { --fn-H-main: var(--c-brand-H); --fn-S-main: var(--c-brand-S); --fn-L-main: var(--c-brand-L); } /* Brand text color */ .bg-brand-t, .bgHov-brand-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-brand-t, .cHovOut1:is(:hover, :active) .bgHovIn1-brand-t, .cHovOut2:is(:hover, :active) .bgHovIn2-brand-t, .bgAct-brand-t:active:active, .cActOut:active:active .bgActIn-brand-t, .bgSel-brand-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-brand-t, .bgChk-brand-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-brand-t, .cLbtSib:checked:checked ~ .bgLbtLing-brand-t, .bgFoc-brand-t:focus:focus, .bgFow-brand-t:focus-within:focus-within { --bg-H-main: var(--c-brand-t-H); --bg-S-main: var(--c-brand-t-S); --bg-L-main: var(--c-brand-t-L); } .br-brand-t, .brHov-brand-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-brand-t, .cHovOut1:is(:hover, :active) .brHovIn1-brand-t, .cHovOut2:is(:hover, :active) .brHovIn2-brand-t, .brAct-brand-t:active:active, .cActOut:active:active .brActIn-brand-t, .brSel-brand-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-brand-t, .brChk-brand-t:checked:checked, .cLblSib:checked:checked + .brLblLing-brand-t, .cLbtSib:checked:checked ~ .brLbtLing-brand-t, .brFoc-brand-t:focus:focus, .brFow-brand-t:focus-within:focus-within { --br-H-main: var(--c-brand-t-H); --br-S-main: var(--c-brand-t-S); --br-L-main: var(--c-brand-t-L); } .fn-brand-t, .fnHov-brand-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-brand-t, .cHovOut1:is(:hover, :active) .fnHovIn1-brand-t, .cHovOut2:is(:hover, :active) .fnHovIn2-brand-t, .fnAct-brand-t:active:active, .cActOut:active:active .fnActIn-brand-t, .fnSel-brand-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-brand-t, .fnChk-brand-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-brand-t, .cLbtSib:checked:checked ~ .fnLbtLing-brand-t, .fnFoc-brand-t:focus:focus, .fnFow-brand-t:focus-within:focus-within { --fn-H-main: var(--c-brand-t-H); --fn-S-main: var(--c-brand-t-S); --fn-L-main: var(--c-brand-t-L); } /* Ok color */ .bg-ok, .bgHov-ok:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-ok, .cHovOut1:is(:hover, :active) .bgHovIn1-ok, .cHovOut2:is(:hover, :active) .bgHovIn2-ok, .bgAct-ok:active:active, .cActOut:active:active .bgActIn-ok, .bgSel-ok.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-ok, .bgChk-ok:checked:checked, .cLblSib:checked:checked + .bgLblLing-ok, .cLbtSib:checked:checked ~ .bgLbtLing-ok, .bgFoc-ok:focus:focus, .bgFow-ok:focus-within:focus-within { --bg-H-main: var(--c-ok-H); --bg-S-main: var(--c-ok-S); --bg-L-main: var(--c-ok-L); } .br-ok, .brHov-ok:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-ok, .cHovOut1:is(:hover, :active) .brHovIn1-ok, .cHovOut2:is(:hover, :active) .brHovIn2-ok, .brAct-ok:active:active, .cActOut:active:active .brActIn-ok, .brSel-ok.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-ok, .brChk-ok:checked:checked, .cLblSib:checked:checked + .brLblLing-ok, .cLbtSib:checked:checked ~ .brLbtLing-ok, .brFoc-ok:focus:focus, .brFow-ok:focus-within:focus-within { --br-H-main: var(--c-ok-H); --br-S-main: var(--c-ok-S); --br-L-main: var(--c-ok-L); } .fn-ok, .fnHov-ok:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-ok, .cHovOut1:is(:hover, :active) .fnHovIn1-ok, .cHovOut2:is(:hover, :active) .fnHovIn2-ok, .fnAct-ok:active:active, .cActOut:active:active .fnActIn-ok, .fnSel-ok.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-ok, .fnChk-ok:checked:checked, .cLblSib:checked:checked + .fnLblLing-ok, .cLbtSib:checked:checked ~ .fnLbtLing-ok, .fnFoc-ok:focus:focus, .fnFow-ok:focus-within:focus-within { --fn-H-main: var(--c-ok-H); --fn-S-main: var(--c-ok-S); --fn-L-main: var(--c-ok-L); } /* Ok text color */ .bg-ok-t, .bgHov-ok-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-ok-t, .cHovOut1:is(:hover, :active) .bgHovIn1-ok-t, .cHovOut2:is(:hover, :active) .bgHovIn2-ok-t, .bgAct-ok-t:active:active, .cActOut:active:active .bgActIn-ok-t, .bgSel-ok-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-ok-t, .bgChk-ok-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-ok-t, .cLbtSib:checked:checked ~ .bgLbtLing-ok-t, .bgFoc-ok-t:focus:focus, .bgFow-ok-t:focus-within:focus-within { --bg-H-main: var(--c-ok-t-H); --bg-S-main: var(--c-ok-t-S); --bg-L-main: var(--c-ok-t-L); } .br-ok-t, .brHov-ok-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-ok-t, .cHovOut1:is(:hover, :active) .brHovIn1-ok-t, .cHovOut2:is(:hover, :active) .brHovIn2-ok-t, .brAct-ok-t:active:active, .cActOut:active:active .brActIn-ok-t, .brSel-ok-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-ok-t, .brChk-ok-t:checked:checked, .cLblSib:checked:checked + .brLblLing-ok-t, .cLbtSib:checked:checked ~ .brLbtLing-ok-t, .brFoc-ok-t:focus:focus, .brFow-ok-t:focus-within:focus-within { --br-H-main: var(--c-ok-t-H); --br-S-main: var(--c-ok-t-S); --br-L-main: var(--c-ok-t-L); } .fn-ok-t, .fnHov-ok-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-ok-t, .cHovOut1:is(:hover, :active) .fnHovIn1-ok-t, .cHovOut2:is(:hover, :active) .fnHovIn2-ok-t, .fnAct-ok-t:active:active, .cActOut:active:active .fnActIn-ok-t, .fnSel-ok-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-ok-t, .fnChk-ok-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-ok-t, .cLbtSib:checked:checked ~ .fnLbtLing-ok-t, .fnFoc-ok-t:focus:focus, .fnFow-ok-t:focus-within:focus-within { --fn-H-main: var(--c-ok-t-H); --fn-S-main: var(--c-ok-t-S); --fn-L-main: var(--c-ok-t-L); } /* Success color */ .bg-success, .bgHov-success:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-success, .cHovOut1:is(:hover, :active) .bgHovIn1-success, .cHovOut2:is(:hover, :active) .bgHovIn2-success, .bgAct-success:active:active, .cActOut:active:active .bgActIn-success, .bgSel-success.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-success, .bgChk-success:checked:checked, .cLblSib:checked:checked + .bgLblLing-success, .cLbtSib:checked:checked ~ .bgLbtLing-success, .bgFoc-success:focus:focus, .bgFow-success:focus-within:focus-within { --bg-H-main: var(--c-success-H); --bg-S-main: var(--c-success-S); --bg-L-main: var(--c-success-L); } .br-success, .brHov-success:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-success, .cHovOut1:is(:hover, :active) .brHovIn1-success, .cHovOut2:is(:hover, :active) .brHovIn2-success, .brAct-success:active:active, .cActOut:active:active .brActIn-success, .brSel-success.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-success, .brChk-success:checked:checked, .cLblSib:checked:checked + .brLblLing-success, .cLbtSib:checked:checked ~ .brLbtLing-success, .brFoc-success:focus:focus, .brFow-success:focus-within:focus-within { --br-H-main: var(--c-success-H); --br-S-main: var(--c-success-S); --br-L-main: var(--c-success-L); } .fn-success, .fnHov-success:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-success, .cHovOut1:is(:hover, :active) .fnHovIn1-success, .cHovOut2:is(:hover, :active) .fnHovIn2-success, .fnAct-success:active:active, .cActOut:active:active .fnActIn-success, .fnSel-success.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-success, .fnChk-success:checked:checked, .cLblSib:checked:checked + .fnLblLing-success, .cLbtSib:checked:checked ~ .fnLbtLing-success, .fnFoc-success:focus:focus, .fnFow-success:focus-within:focus-within { --fn-H-main: var(--c-success-H); --fn-S-main: var(--c-success-S); --fn-L-main: var(--c-success-L); } /* Success text color */ .bg-success-t, .bgHov-success-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-success-t, .cHovOut1:is(:hover, :active) .bgHovIn1-success-t, .cHovOut2:is(:hover, :active) .bgHovIn2-success-t, .bgAct-success-t:active:active, .cActOut:active:active .bgActIn-success-t, .bgSel-success-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-success-t, .bgChk-success-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-success-t, .cLbtSib:checked:checked ~ .bgLbtLing-success-t, .bgFoc-success-t:focus:focus, .bgFow-success-t:focus-within:focus-within { --bg-H-main: var(--c-success-t-H); --bg-S-main: var(--c-success-t-S); --bg-L-main: var(--c-success-t-L); } .br-success-t, .brHov-success-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-success-t, .cHovOut1:is(:hover, :active) .brHovIn1-success-t, .cHovOut2:is(:hover, :active) .brHovIn2-success-t, .brAct-success-t:active:active, .cActOut:active:active .brActIn-success-t, .brSel-success-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-success-t, .brChk-success-t:checked:checked, .cLblSib:checked:checked + .brLblLing-success-t, .cLbtSib:checked:checked ~ .brLbtLing-success-t, .brFoc-success-t:focus:focus, .brFow-success-t:focus-within:focus-within { --br-H-main: var(--c-success-t-H); --br-S-main: var(--c-success-t-S); --br-L-main: var(--c-success-t-L); } .fn-success-t, .fnHov-success-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-success-t, .cHovOut1:is(:hover, :active) .fnHovIn1-success-t, .cHovOut2:is(:hover, :active) .fnHovIn2-success-t, .fnAct-success-t:active:active, .cActOut:active:active .fnActIn-success-t, .fnSel-success-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-success-t, .fnChk-success-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-success-t, .cLbtSib:checked:checked ~ .fnLbtLing-success-t, .fnFoc-success-t:focus:focus, .fnFow-success-t:focus-within:focus-within { --fn-H-main: var(--c-success-t-H); --fn-S-main: var(--c-success-t-S); --fn-L-main: var(--c-success-t-L); } /* Warning color */ .bg-warning, .bgHov-warning:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-warning, .cHovOut1:is(:hover, :active) .bgHovIn1-warning, .cHovOut2:is(:hover, :active) .bgHovIn2-warning, .bgAct-warning:active:active, .cActOut:active:active .bgActIn-warning, .bgSel-warning.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-warning, .bgChk-warning:checked:checked, .cLblSib:checked:checked + .bgLblLing-warning, .cLbtSib:checked:checked ~ .bgLbtLing-warning, .bgFoc-warning:focus:focus, .bgFow-warning:focus-within:focus-within { --bg-H-main: var(--c-warning-H); --bg-S-main: var(--c-warning-S); --bg-L-main: var(--c-warning-L); } .br-warning, .brHov-warning:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-warning, .cHovOut1:is(:hover, :active) .brHovIn1-warning, .cHovOut2:is(:hover, :active) .brHovIn2-warning, .brAct-warning:active:active, .cActOut:active:active .brActIn-warning, .brSel-warning.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-warning, .brChk-warning:checked:checked, .cLblSib:checked:checked + .brLblLing-warning, .cLbtSib:checked:checked ~ .brLbtLing-warning, .brFoc-warning:focus:focus, .brFow-warning:focus-within:focus-within { --br-H-main: var(--c-warning-H); --br-S-main: var(--c-warning-S); --br-L-main: var(--c-warning-L); } .fn-warning, .fnHov-warning:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-warning, .cHovOut1:is(:hover, :active) .fnHovIn1-warning, .cHovOut2:is(:hover, :active) .fnHovIn2-warning, .fnAct-warning:active:active, .cActOut:active:active .fnActIn-warning, .fnSel-warning.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-warning, .fnChk-warning:checked:checked, .cLblSib:checked:checked + .fnLblLing-warning, .cLbtSib:checked:checked ~ .fnLbtLing-warning, .fnFoc-warning:focus:focus, .fnFow-warning:focus-within:focus-within { --fn-H-main: var(--c-warning-H); --fn-S-main: var(--c-warning-S); --fn-L-main: var(--c-warning-L); } /* Warning text color */ .bg-warning-t, .bgHov-warning-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-warning-t, .cHovOut1:is(:hover, :active) .bgHovIn1-warning-t, .cHovOut2:is(:hover, :active) .bgHovIn2-warning-t, .bgAct-warning-t:active:active, .cActOut:active:active .bgActIn-warning-t, .bgSel-warning-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-warning-t, .bgChk-warning-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-warning-t, .cLbtSib:checked:checked ~ .bgLbtLing-warning-t, .bgFoc-warning-t:focus:focus, .bgFow-warning-t:focus-within:focus-within { --bg-H-main: var(--c-warning-t-H); --bg-S-main: var(--c-warning-t-S); --bg-L-main: var(--c-warning-t-L); } .br-warning-t, .brHov-warning-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-warning-t, .cHovOut1:is(:hover, :active) .brHovIn1-warning-t, .cHovOut2:is(:hover, :active) .brHovIn2-warning-t, .brAct-warning-t:active:active, .cActOut:active:active .brActIn-warning-t, .brSel-warning-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-warning-t, .brChk-warning-t:checked:checked, .cLblSib:checked:checked + .brLblLing-warning-t, .cLbtSib:checked:checked ~ .brLbtLing-warning-t, .brFoc-warning-t:focus:focus, .brFow-warning-t:focus-within:focus-within { --br-H-main: var(--c-warning-t-H); --br-S-main: var(--c-warning-t-S); --br-L-main: var(--c-warning-t-L); } .fn-warning-t, .fnHov-warning-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-warning-t, .cHovOut1:is(:hover, :active) .fnHovIn1-warning-t, .cHovOut2:is(:hover, :active) .fnHovIn2-warning-t, .fnAct-warning-t:active:active, .cActOut:active:active .fnActIn-warning-t, .fnSel-warning-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-warning-t, .fnChk-warning-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-warning-t, .cLbtSib:checked:checked ~ .fnLbtLing-warning-t, .fnFoc-warning-t:focus:focus, .fnFow-warning-t:focus-within:focus-within { --fn-H-main: var(--c-warning-t-H); --fn-S-main: var(--c-warning-t-S); --fn-L-main: var(--c-warning-t-L); } /* Danger color */ .bg-danger, .bgHov-danger:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-danger, .cHovOut1:is(:hover, :active) .bgHovIn1-danger, .cHovOut2:is(:hover, :active) .bgHovIn2-danger, .bgAct-danger:active:active, .cActOut:active:active .bgActIn-danger, .bgSel-danger.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-danger, .bgChk-danger:checked:checked, .cLblSib:checked:checked + .bgLblLing-danger, .cLbtSib:checked:checked ~ .bgLbtLing-danger, .bgFoc-danger:focus:focus, .bgFow-danger:focus-within:focus-within { --bg-H-main: var(--c-danger-H); --bg-S-main: var(--c-danger-S); --bg-L-main: var(--c-danger-L); } .br-danger, .brHov-danger:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-danger, .cHovOut1:is(:hover, :active) .brHovIn1-danger, .cHovOut2:is(:hover, :active) .brHovIn2-danger, .brAct-danger:active:active, .cActOut:active:active .brActIn-danger, .brSel-danger.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-danger, .brChk-danger:checked:checked, .cLblSib:checked:checked + .brLblLing-danger, .cLbtSib:checked:checked ~ .brLbtLing-danger, .brFoc-danger:focus:focus, .brFow-danger:focus-within:focus-within { --br-H-main: var(--c-danger-H); --br-S-main: var(--c-danger-S); --br-L-main: var(--c-danger-L); } .fn-danger, .fnHov-danger:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-danger, .cHovOut1:is(:hover, :active) .fnHovIn1-danger, .cHovOut2:is(:hover, :active) .fnHovIn2-danger, .fnAct-danger:active:active, .cActOut:active:active .fnActIn-danger, .fnSel-danger.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-danger, .fnChk-danger:checked:checked, .cLblSib:checked:checked + .fnLblLing-danger, .cLbtSib:checked:checked ~ .fnLbtLing-danger, .fnFoc-danger:focus:focus, .fnFow-danger:focus-within:focus-within { --fn-H-main: var(--c-danger-H); --fn-S-main: var(--c-danger-S); --fn-L-main: var(--c-danger-L); } /* Danger text color */ .bg-danger-t, .bgHov-danger-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-danger-t, .cHovOut1:is(:hover, :active) .bgHovIn1-danger-t, .cHovOut2:is(:hover, :active) .bgHovIn2-danger-t, .bgAct-danger-t:active:active, .cActOut:active:active .bgActIn-danger-t, .bgSel-danger-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-danger-t, .bgChk-danger-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-danger-t, .cLbtSib:checked:checked ~ .bgLbtLing-danger-t, .bgFoc-danger-t:focus:focus, .bgFow-danger-t:focus-within:focus-within { --bg-H-main: var(--c-danger-t-H); --bg-S-main: var(--c-danger-t-S); --bg-L-main: var(--c-danger-t-L); } .br-danger-t, .brHov-danger-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-danger-t, .cHovOut1:is(:hover, :active) .brHovIn1-danger-t, .cHovOut2:is(:hover, :active) .brHovIn2-danger-t, .brAct-danger-t:active:active, .cActOut:active:active .brActIn-danger-t, .brSel-danger-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-danger-t, .brChk-danger-t:checked:checked, .cLblSib:checked:checked + .brLblLing-danger-t, .cLbtSib:checked:checked ~ .brLbtLing-danger-t, .brFoc-danger-t:focus:focus, .brFow-danger-t:focus-within:focus-within { --br-H-main: var(--c-danger-t-H); --br-S-main: var(--c-danger-t-S); --br-L-main: var(--c-danger-t-L); } .fn-danger-t, .fnHov-danger-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-danger-t, .cHovOut1:is(:hover, :active) .fnHovIn1-danger-t, .cHovOut2:is(:hover, :active) .fnHovIn2-danger-t, .fnAct-danger-t:active:active, .cActOut:active:active .fnActIn-danger-t, .fnSel-danger-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-danger-t, .fnChk-danger-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-danger-t, .cLbtSib:checked:checked ~ .fnLbtLing-danger-t, .fnFoc-danger-t:focus:focus, .fnFow-danger-t:focus-within:focus-within { --fn-H-main: var(--c-danger-t-H); --fn-S-main: var(--c-danger-t-S); --fn-L-main: var(--c-danger-t-L); } /* Error color */ .bg-error, .bgHov-error:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-error, .cHovOut1:is(:hover, :active) .bgHovIn1-error, .cHovOut2:is(:hover, :active) .bgHovIn2-error, .bgAct-error:active:active, .cActOut:active:active .bgActIn-error, .bgSel-error.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-error, .bgChk-error:checked:checked, .cLblSib:checked:checked + .bgLblLing-error, .cLbtSib:checked:checked ~ .bgLbtLing-error, .bgFoc-error:focus:focus, .bgFow-error:focus-within:focus-within { --bg-H-main: var(--c-error-H); --bg-S-main: var(--c-error-S); --bg-L-main: var(--c-error-L); } .br-error, .brHov-error:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-error, .cHovOut1:is(:hover, :active) .brHovIn1-error, .cHovOut2:is(:hover, :active) .brHovIn2-error, .brAct-error:active:active, .cActOut:active:active .brActIn-error, .brSel-error.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-error, .brChk-error:checked:checked, .cLblSib:checked:checked + .brLblLing-error, .cLbtSib:checked:checked ~ .brLbtLing-error, .brFoc-error:focus:focus, .brFow-error:focus-within:focus-within { --br-H-main: var(--c-error-H); --br-S-main: var(--c-error-S); --br-L-main: var(--c-error-L); } .fn-error, .fnHov-error:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-error, .cHovOut1:is(:hover, :active) .fnHovIn1-error, .cHovOut2:is(:hover, :active) .fnHovIn2-error, .fnAct-error:active:active, .cActOut:active:active .fnActIn-error, .fnSel-error.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-error, .fnChk-error:checked:checked, .cLblSib:checked:checked + .fnLblLing-error, .cLbtSib:checked:checked ~ .fnLbtLing-error, .fnFoc-error:focus:focus, .fnFow-error:focus-within:focus-within { --fn-H-main: var(--c-error-H); --fn-S-main: var(--c-error-S); --fn-L-main: var(--c-error-L); } /* Error text color */ .bg-error-t, .bgHov-error-t:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-error-t, .cHovOut1:is(:hover, :active) .bgHovIn1-error-t, .cHovOut2:is(:hover, :active) .bgHovIn2-error-t, .bgAct-error-t:active:active, .cActOut:active:active .bgActIn-error-t, .bgSel-error-t.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-error-t, .bgChk-error-t:checked:checked, .cLblSib:checked:checked + .bgLblLing-error-t, .cLbtSib:checked:checked ~ .bgLbtLing-error-t, .bgFoc-error-t:focus:focus, .bgFow-error-t:focus-within:focus-within { --bg-H-main: var(--c-error-t-H); --bg-S-main: var(--c-error-t-S); --bg-L-main: var(--c-error-t-L); } .br-error-t, .brHov-error-t:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-error-t, .cHovOut1:is(:hover, :active) .brHovIn1-error-t, .cHovOut2:is(:hover, :active) .brHovIn2-error-t, .brAct-error-t:active:active, .cActOut:active:active .brActIn-error-t, .brSel-error-t.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-error-t, .brChk-error-t:checked:checked, .cLblSib:checked:checked + .brLblLing-error-t, .cLbtSib:checked:checked ~ .brLbtLing-error-t, .brFoc-error-t:focus:focus, .brFow-error-t:focus-within:focus-within { --br-H-main: var(--c-error-t-H); --br-S-main: var(--c-error-t-S); --br-L-main: var(--c-error-t-L); } .fn-error-t, .fnHov-error-t:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-error-t, .cHovOut1:is(:hover, :active) .fnHovIn1-error-t, .cHovOut2:is(:hover, :active) .fnHovIn2-error-t, .fnAct-error-t:active:active, .cActOut:active:active .fnActIn-error-t, .fnSel-error-t.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-error-t, .fnChk-error-t:checked:checked, .cLblSib:checked:checked + .fnLblLing-error-t, .cLbtSib:checked:checked ~ .fnLbtLing-error-t, .fnFoc-error-t:focus:focus, .fnFow-error-t:focus-within:focus-within { --fn-H-main: var(--c-error-t-H); --fn-S-main: var(--c-error-t-S); --fn-L-main: var(--c-error-t-L); } /* Link inline color */ .bg-link-inline, .bgHov-link-inline:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-link-inline, .cHovOut1:is(:hover, :active) .bgHovIn1-link-inline, .cHovOut2:is(:hover, :active) .bgHovIn2-link-inline, .bgAct-link-inline:active:active, .cActOut:active:active .bgActIn-link-inline, .bgSel-link-inline.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-link-inline, .bgChk-link-inline:checked:checked, .cLblSib:checked:checked + .bgLblLing-link-inline, .cLbtSib:checked:checked ~ .bgLbtLing-link-inline, .bgFoc-link-inline:focus:focus, .bgFow-link-inline:focus-within:focus-within { --bg-H-main: var(--c-link-inline-H); --bg-S-main: var(--c-link-inline-S); --bg-L-main: var(--c-link-inline-L); } .br-link-inline, .brHov-link-inline:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-link-inline, .cHovOut1:is(:hover, :active) .brHovIn1-link-inline, .cHovOut2:is(:hover, :active) .brHovIn2-link-inline, .brAct-link-inline:active:active, .cActOut:active:active .brActIn-link-inline, .brSel-link-inline.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-link-inline, .brChk-link-inline:checked:checked, .cLblSib:checked:checked + .brLblLing-link-inline, .cLbtSib:checked:checked ~ .brLbtLing-link-inline, .brFoc-link-inline:focus:focus, .brFow-link-inline:focus-within:focus-within { --br-H-main: var(--c-link-inline-H); --br-S-main: var(--c-link-inline-S); --br-L-main: var(--c-link-inline-L); } .fn-link-inline, .fnHov-link-inline:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-link-inline, .cHovOut1:is(:hover, :active) .fnHovIn1-link-inline, .cHovOut2:is(:hover, :active) .fnHovIn2-link-inline, .fnAct-link-inline:active:active, .cActOut:active:active .fnActIn-link-inline, .fnSel-link-inline.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-link-inline, .fnChk-link-inline:checked:checked, .cLblSib:checked:checked + .fnLblLing-link-inline, .cLbtSib:checked:checked ~ .fnLbtLing-link-inline, .fnFoc-link-inline:focus:focus, .fnFow-link-inline:focus-within:focus-within { --fn-H-main: var(--c-link-inline-H); --fn-S-main: var(--c-link-inline-S); --fn-L-main: var(--c-link-inline-L); } /* Link context color */ .bg-link-context, .bgHov-link-context:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-link-context, .cHovOut1:is(:hover, :active) .bgHovIn1-link-context, .cHovOut2:is(:hover, :active) .bgHovIn2-link-context, .bgAct-link-context:active:active, .cActOut:active:active .bgActIn-link-context, .bgSel-link-context.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-link-context, .bgChk-link-context:checked:checked, .cLblSib:checked:checked + .bgLblLing-link-context, .cLbtSib:checked:checked ~ .bgLbtLing-link-context, .bgFoc-link-context:focus:focus, .bgFow-link-context:focus-within:focus-within { --bg-H-main: var(--c-link-context-H); --bg-S-main: var(--c-link-context-S); --bg-L-main: var(--c-link-context-L); } .br-link-context, .brHov-link-context:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-link-context, .cHovOut1:is(:hover, :active) .brHovIn1-link-context, .cHovOut2:is(:hover, :active) .brHovIn2-link-context, .brAct-link-context:active:active, .cActOut:active:active .brActIn-link-context, .brSel-link-context.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-link-context, .brChk-link-context:checked:checked, .cLblSib:checked:checked + .brLblLing-link-context, .cLbtSib:checked:checked ~ .brLbtLing-link-context, .brFoc-link-context:focus:focus, .brFow-link-context:focus-within:focus-within { --br-H-main: var(--c-link-context-H); --br-S-main: var(--c-link-context-S); --br-L-main: var(--c-link-context-L); } .fn-link-context, .fnHov-link-context:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-link-context, .cHovOut1:is(:hover, :active) .fnHovIn1-link-context, .cHovOut2:is(:hover, :active) .fnHovIn2-link-context, .fnAct-link-context:active:active, .cActOut:active:active .fnActIn-link-context, .fnSel-link-context.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-link-context, .fnChk-link-context:checked:checked, .cLblSib:checked:checked + .fnLblLing-link-context, .cLbtSib:checked:checked ~ .fnLbtLing-link-context, .fnFoc-link-context:focus:focus, .fnFow-link-context:focus-within:focus-within { --fn-H-main: var(--c-link-context-H); --fn-S-main: var(--c-link-context-S); --fn-L-main: var(--c-link-context-L); } /* Form focus color */ .bg-focus, .bgHov-focus:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-focus, .cHovOut1:is(:hover, :active) .bgHovIn1-focus, .cHovOut2:is(:hover, :active) .bgHovIn2-focus, .bgAct-focus:active:active, .cActOut:active:active .bgActIn-focus, .bgSel-focus.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-focus, .bgChk-focus:checked:checked, .cLblSib:checked:checked + .bgLblLing-focus, .cLbtSib:checked:checked ~ .bgLbtLing-focus, .bgFoc-focus:focus:focus, .bgFow-focus:focus-within:focus-within { --bg-H-main: var(--c-focus-H); --bg-S-main: var(--c-focus-S); --bg-L-main: var(--c-focus-L); } .br-focus, .brHov-focus:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-focus, .cHovOut1:is(:hover, :active) .brHovIn1-focus, .cHovOut2:is(:hover, :active) .brHovIn2-focus, .brAct-focus:active:active, .cActOut:active:active .brActIn-focus, .brSel-focus.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-focus, .brChk-focus:checked:checked, .cLblSib:checked:checked + .brLblLing-focus, .cLbtSib:checked:checked ~ .brLbtLing-focus, .brFoc-focus:focus:focus, .brFow-focus:focus-within:focus-within { --br-H-main: var(--c-focus-H); --br-S-main: var(--c-focus-S); --br-L-main: var(--c-focus-L); } .fn-focus, .fnHov-focus:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-focus, .cHovOut1:is(:hover, :active) .fnHovIn1-focus, .cHovOut2:is(:hover, :active) .fnHovIn2-focus, .fnAct-focus:active:active, .cActOut:active:active .fnActIn-focus, .fnSel-focus.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-focus, .fnChk-focus:checked:checked, .cLblSib:checked:checked + .fnLblLing-focus, .cLbtSib:checked:checked ~ .fnLbtLing-focus, .fnFoc-focus:focus:focus, .fnFow-focus:focus-within:focus-within { --fn-H-main: var(--c-focus-H); --fn-S-main: var(--c-focus-S); --fn-L-main: var(--c-focus-L); } /* Grades */ .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: var(--c-grade1-L); } .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: var(--c-grade1-L); } .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: var(--c-grade1-L); } .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); } .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); } .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); } .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); } .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); } .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); } /* Red color */ .bg-red, .bgHov-red:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-red, .cHovOut1:is(:hover, :active) .bgHovIn1-red, .cHovOut2:is(:hover, :active) .bgHovIn2-red, .bgAct-red:active:active, .cActOut:active:active .bgActIn-red, .bgSel-red.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-red, .bgChk-red:checked:checked, .cLblSib:checked:checked + .bgLblLing-red, .cLbtSib:checked:checked ~ .bgLbtLing-red, .bgFoc-red:focus:focus, .bgFow-red:focus-within:focus-within { --bg-H-main: var(--c-red-H); --bg-S-main: var(--c-red-S); --bg-L-main: var(--c-red-L); } .br-red, .brHov-red:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-red, .cHovOut1:is(:hover, :active) .brHovIn1-red, .cHovOut2:is(:hover, :active) .brHovIn2-red, .brAct-red:active:active, .cActOut:active:active .brActIn-red, .brSel-red.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-red, .brChk-red:checked:checked, .cLblSib:checked:checked + .brLblLing-red, .cLbtSib:checked:checked ~ .brLbtLing-red, .brFoc-red:focus:focus, .brFow-red:focus-within:focus-within { --br-H-main: var(--c-red-H); --br-S-main: var(--c-red-S); --br-L-main: var(--c-red-L); } .fn-red, .fnHov-red:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-red, .cHovOut1:is(:hover, :active) .fnHovIn1-red, .cHovOut2:is(:hover, :active) .fnHovIn2-red, .fnAct-red:active:active, .cActOut:active:active .fnActIn-red, .fnSel-red.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-red, .fnChk-red:checked:checked, .cLblSib:checked:checked + .fnLblLing-red, .cLbtSib:checked:checked ~ .fnLbtLing-red, .fnFoc-red:focus:focus, .fnFow-red:focus-within:focus-within { --fn-H-main: var(--c-red-H); --fn-S-main: var(--c-red-S); --fn-L-main: var(--c-red-L); } /* Pink color */ .bg-pink, .bgHov-pink:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-pink, .cHovOut1:is(:hover, :active) .bgHovIn1-pink, .cHovOut2:is(:hover, :active) .bgHovIn2-pink, .bgAct-pink:active:active, .cActOut:active:active .bgActIn-pink, .bgSel-pink.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-pink, .bgChk-pink:checked:checked, .cLblSib:checked:checked + .bgLblLing-pink, .cLbtSib:checked:checked ~ .bgLbtLing-pink, .bgFoc-pink:focus:focus, .bgFow-pink:focus-within:focus-within { --bg-H-main: var(--c-pink-H); --bg-S-main: var(--c-pink-S); --bg-L-main: var(--c-pink-L); } .br-pink, .brHov-pink:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-pink, .cHovOut1:is(:hover, :active) .brHovIn1-pink, .cHovOut2:is(:hover, :active) .brHovIn2-pink, .brAct-pink:active:active, .cActOut:active:active .brActIn-pink, .brSel-pink.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-pink, .brChk-pink:checked:checked, .cLblSib:checked:checked + .brLblLing-pink, .cLbtSib:checked:checked ~ .brLbtLing-pink, .brFoc-pink:focus:focus, .brFow-pink:focus-within:focus-within { --br-H-main: var(--c-pink-H); --br-S-main: var(--c-pink-S); --br-L-main: var(--c-pink-L); } .fn-pink, .fnHov-pink:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-pink, .cHovOut1:is(:hover, :active) .fnHovIn1-pink, .cHovOut2:is(:hover, :active) .fnHovIn2-pink, .fnAct-pink:active:active, .cActOut:active:active .fnActIn-pink, .fnSel-pink.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-pink, .fnChk-pink:checked:checked, .cLblSib:checked:checked + .fnLblLing-pink, .cLbtSib:checked:checked ~ .fnLbtLing-pink, .fnFoc-pink:focus:focus, .fnFow-pink:focus-within:focus-within { --fn-H-main: var(--c-pink-H); --fn-S-main: var(--c-pink-S); --fn-L-main: var(--c-pink-L); } /* Purple color */ .bg-purple, .bgHov-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-purple, .cHovOut1:is(:hover, :active) .bgHovIn1-purple, .cHovOut2:is(:hover, :active) .bgHovIn2-purple, .bgAct-purple:active:active, .cActOut:active:active .bgActIn-purple, .bgSel-purple.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-purple, .bgChk-purple:checked:checked, .cLblSib:checked:checked + .bgLblLing-purple, .cLbtSib:checked:checked ~ .bgLbtLing-purple, .bgFoc-purple:focus:focus, .bgFow-purple:focus-within:focus-within { --bg-H-main: var(--c-purple-H); --bg-S-main: var(--c-purple-S); --bg-L-main: var(--c-purple-L); } .br-purple, .brHov-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-purple, .cHovOut1:is(:hover, :active) .brHovIn1-purple, .cHovOut2:is(:hover, :active) .brHovIn2-purple, .brAct-purple:active:active, .cActOut:active:active .brActIn-purple, .brSel-purple.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-purple, .brChk-purple:checked:checked, .cLblSib:checked:checked + .brLblLing-purple, .cLbtSib:checked:checked ~ .brLbtLing-purple, .brFoc-purple:focus:focus, .brFow-purple:focus-within:focus-within { --br-H-main: var(--c-purple-H); --br-S-main: var(--c-purple-S); --br-L-main: var(--c-purple-L); } .fn-purple, .fnHov-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-purple, .cHovOut1:is(:hover, :active) .fnHovIn1-purple, .cHovOut2:is(:hover, :active) .fnHovIn2-purple, .fnAct-purple:active:active, .cActOut:active:active .fnActIn-purple, .fnSel-purple.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-purple, .fnChk-purple:checked:checked, .cLblSib:checked:checked + .fnLblLing-purple, .cLbtSib:checked:checked ~ .fnLbtLing-purple, .fnFoc-purple:focus:focus, .fnFow-purple:focus-within:focus-within { --fn-H-main: var(--c-purple-H); --fn-S-main: var(--c-purple-S); --fn-L-main: var(--c-purple-L); } /* Deep-purple color */ .bg-deep-purple, .bgHov-deep-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-deep-purple, .cHovOut1:is(:hover, :active) .bgHovIn1-deep-purple, .cHovOut2:is(:hover, :active) .bgHovIn2-deep-purple, .bgAct-deep-purple:active:active, .cActOut:active:active .bgActIn-deep-purple, .bgSel-deep-purple.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-deep-purple, .bgChk-deep-purple:checked:checked, .cLblSib:checked:checked + .bgLblLing-deep-purple, .cLbtSib:checked:checked ~ .bgLbtLing-deep-purple, .bgFoc-deep-purple:focus:focus, .bgFow-deep-purple:focus-within:focus-within { --bg-H-main: var(--c-deep-purple-H); --bg-S-main: var(--c-deep-purple-S); --bg-L-main: var(--c-deep-purple-L); } .br-deep-purple, .brHov-deep-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-deep-purple, .cHovOut1:is(:hover, :active) .brHovIn1-deep-purple, .cHovOut2:is(:hover, :active) .brHovIn2-deep-purple, .brAct-deep-purple:active:active, .cActOut:active:active .brActIn-deep-purple, .brSel-deep-purple.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-deep-purple, .brChk-deep-purple:checked:checked, .cLblSib:checked:checked + .brLblLing-deep-purple, .cLbtSib:checked:checked ~ .brLbtLing-deep-purple, .brFoc-deep-purple:focus:focus, .brFow-deep-purple:focus-within:focus-within { --br-H-main: var(--c-deep-purple-H); --br-S-main: var(--c-deep-purple-S); --br-L-main: var(--c-deep-purple-L); } .fn-deep-purple, .fnHov-deep-purple:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-deep-purple, .cHovOut1:is(:hover, :active) .fnHovIn1-deep-purple, .cHovOut2:is(:hover, :active) .fnHovIn2-deep-purple, .fnAct-deep-purple:active:active, .cActOut:active:active .fnActIn-deep-purple, .fnSel-deep-purple.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-deep-purple, .fnChk-deep-purple:checked:checked, .cLblSib:checked:checked + .fnLblLing-deep-purple, .cLbtSib:checked:checked ~ .fnLbtLing-deep-purple, .fnFoc-deep-purple:focus:focus, .fnFow-deep-purple:focus-within:focus-within { --fn-H-main: var(--c-deep-purple-H); --fn-S-main: var(--c-deep-purple-S); --fn-L-main: var(--c-deep-purple-L); } /* Indigo color */ .bg-indigo, .bgHov-indigo:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-indigo, .cHovOut1:is(:hover, :active) .bgHovIn1-indigo, .cHovOut2:is(:hover, :active) .bgHovIn2-indigo, .bgAct-indigo:active:active, .cActOut:active:active .bgActIn-indigo, .bgSel-indigo.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-indigo, .bgChk-indigo:checked:checked, .cLblSib:checked:checked + .bgLblLing-indigo, .cLbtSib:checked:checked ~ .bgLbtLing-indigo, .bgFoc-indigo:focus:focus, .bgFow-indigo:focus-within:focus-within { --bg-H-main: var(--c-indigo-H); --bg-S-main: var(--c-indigo-S); --bg-L-main: var(--c-indigo-L); } .br-indigo, .brHov-indigo:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-indigo, .cHovOut1:is(:hover, :active) .brHovIn1-indigo, .cHovOut2:is(:hover, :active) .brHovIn2-indigo, .brAct-indigo:active:active, .cActOut:active:active .brActIn-indigo, .brSel-indigo.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-indigo, .brChk-indigo:checked:checked, .cLblSib:checked:checked + .brLblLing-indigo, .cLbtSib:checked:checked ~ .brLbtLing-indigo, .brFoc-indigo:focus:focus, .brFow-indigo:focus-within:focus-within { --br-H-main: var(--c-indigo-H); --br-S-main: var(--c-indigo-S); --br-L-main: var(--c-indigo-L); } .fn-indigo, .fnHov-indigo:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-indigo, .cHovOut1:is(:hover, :active) .fnHovIn1-indigo, .cHovOut2:is(:hover, :active) .fnHovIn2-indigo, .fnAct-indigo:active:active, .cActOut:active:active .fnActIn-indigo, .fnSel-indigo.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-indigo, .fnChk-indigo:checked:checked, .cLblSib:checked:checked + .fnLblLing-indigo, .cLbtSib:checked:checked ~ .fnLbtLing-indigo, .fnFoc-indigo:focus:focus, .fnFow-indigo:focus-within:focus-within { --fn-H-main: var(--c-indigo-H); --fn-S-main: var(--c-indigo-S); --fn-L-main: var(--c-indigo-L); } /* Blue color */ .bg-blue, .bgHov-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-blue, .cHovOut1:is(:hover, :active) .bgHovIn1-blue, .cHovOut2:is(:hover, :active) .bgHovIn2-blue, .bgAct-blue:active:active, .cActOut:active:active .bgActIn-blue, .bgSel-blue.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-blue, .bgChk-blue:checked:checked, .cLblSib:checked:checked + .bgLblLing-blue, .cLbtSib:checked:checked ~ .bgLbtLing-blue, .bgFoc-blue:focus:focus, .bgFow-blue:focus-within:focus-within { --bg-H-main: var(--c-blue-H); --bg-S-main: var(--c-blue-S); --bg-L-main: var(--c-blue-L); } .br-blue, .brHov-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-blue, .cHovOut1:is(:hover, :active) .brHovIn1-blue, .cHovOut2:is(:hover, :active) .brHovIn2-blue, .brAct-blue:active:active, .cActOut:active:active .brActIn-blue, .brSel-blue.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-blue, .brChk-blue:checked:checked, .cLblSib:checked:checked + .brLblLing-blue, .cLbtSib:checked:checked ~ .brLbtLing-blue, .brFoc-blue:focus:focus, .brFow-blue:focus-within:focus-within { --br-H-main: var(--c-blue-H); --br-S-main: var(--c-blue-S); --br-L-main: var(--c-blue-L); } .fn-blue, .fnHov-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-blue, .cHovOut1:is(:hover, :active) .fnHovIn1-blue, .cHovOut2:is(:hover, :active) .fnHovIn2-blue, .fnAct-blue:active:active, .cActOut:active:active .fnActIn-blue, .fnSel-blue.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-blue, .fnChk-blue:checked:checked, .cLblSib:checked:checked + .fnLblLing-blue, .cLbtSib:checked:checked ~ .fnLbtLing-blue, .fnFoc-blue:focus:focus, .fnFow-blue:focus-within:focus-within { --fn-H-main: var(--c-blue-H); --fn-S-main: var(--c-blue-S); --fn-L-main: var(--c-blue-L); } /* Light-blue color */ .bg-light-blue, .bgHov-light-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-light-blue, .cHovOut1:is(:hover, :active) .bgHovIn1-light-blue, .cHovOut2:is(:hover, :active) .bgHovIn2-light-blue, .bgAct-light-blue:active:active, .cActOut:active:active .bgActIn-light-blue, .bgSel-light-blue.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-light-blue, .bgChk-light-blue:checked:checked, .cLblSib:checked:checked + .bgLblLing-light-blue, .cLbtSib:checked:checked ~ .bgLbtLing-light-blue, .bgFoc-light-blue:focus:focus, .bgFow-light-blue:focus-within:focus-within { --bg-H-main: var(--c-light-blue-H); --bg-S-main: var(--c-light-blue-S); --bg-L-main: var(--c-light-blue-L); } .br-light-blue, .brHov-light-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-light-blue, .cHovOut1:is(:hover, :active) .brHovIn1-light-blue, .cHovOut2:is(:hover, :active) .brHovIn2-light-blue, .brAct-light-blue:active:active, .cActOut:active:active .brActIn-light-blue, .brSel-light-blue.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-light-blue, .brChk-light-blue:checked:checked, .cLblSib:checked:checked + .brLblLing-light-blue, .cLbtSib:checked:checked ~ .brLbtLing-light-blue, .brFoc-light-blue:focus:focus, .brFow-light-blue:focus-within:focus-within { --br-H-main: var(--c-light-blue-H); --br-S-main: var(--c-light-blue-S); --br-L-main: var(--c-light-blue-L); } .fn-light-blue, .fnHov-light-blue:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-light-blue, .cHovOut1:is(:hover, :active) .fnHovIn1-light-blue, .cHovOut2:is(:hover, :active) .fnHovIn2-light-blue, .fnAct-light-blue:active:active, .cActOut:active:active .fnActIn-light-blue, .fnSel-light-blue.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-light-blue, .fnChk-light-blue:checked:checked, .cLblSib:checked:checked + .fnLblLing-light-blue, .cLbtSib:checked:checked ~ .fnLbtLing-light-blue, .fnFoc-light-blue:focus:focus, .fnFow-light-blue:focus-within:focus-within { --fn-H-main: var(--c-light-blue-H); --fn-S-main: var(--c-light-blue-S); --fn-L-main: var(--c-light-blue-L); } /* Cyan color */ .bg-cyan, .bgHov-cyan:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-cyan, .cHovOut1:is(:hover, :active) .bgHovIn1-cyan, .cHovOut2:is(:hover, :active) .bgHovIn2-cyan, .bgAct-cyan:active:active, .cActOut:active:active .bgActIn-cyan, .bgSel-cyan.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-cyan, .bgChk-cyan:checked:checked, .cLblSib:checked:checked + .bgLblLing-cyan, .cLbtSib:checked:checked ~ .bgLbtLing-cyan, .bgFoc-cyan:focus:focus, .bgFow-cyan:focus-within:focus-within { --bg-H-main: var(--c-cyan-H); --bg-S-main: var(--c-cyan-S); --bg-L-main: var(--c-cyan-L); } .br-cyan, .brHov-cyan:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-cyan, .cHovOut1:is(:hover, :active) .brHovIn1-cyan, .cHovOut2:is(:hover, :active) .brHovIn2-cyan, .brAct-cyan:active:active, .cActOut:active:active .brActIn-cyan, .brSel-cyan.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-cyan, .brChk-cyan:checked:checked, .cLblSib:checked:checked + .brLblLing-cyan, .cLbtSib:checked:checked ~ .brLbtLing-cyan, .brFoc-cyan:focus:focus, .brFow-cyan:focus-within:focus-within { --br-H-main: var(--c-cyan-H); --br-S-main: var(--c-cyan-S); --br-L-main: var(--c-cyan-L); } .fn-cyan, .fnHov-cyan:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-cyan, .cHovOut1:is(:hover, :active) .fnHovIn1-cyan, .cHovOut2:is(:hover, :active) .fnHovIn2-cyan, .fnAct-cyan:active:active, .cActOut:active:active .fnActIn-cyan, .fnSel-cyan.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-cyan, .fnChk-cyan:checked:checked, .cLblSib:checked:checked + .fnLblLing-cyan, .cLbtSib:checked:checked ~ .fnLbtLing-cyan, .fnFoc-cyan:focus:focus, .fnFow-cyan:focus-within:focus-within { --fn-H-main: var(--c-cyan-H); --fn-S-main: var(--c-cyan-S); --fn-L-main: var(--c-cyan-L); } /* Teal color */ .bg-teal, .bgHov-teal:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-teal, .cHovOut1:is(:hover, :active) .bgHovIn1-teal, .cHovOut2:is(:hover, :active) .bgHovIn2-teal, .bgAct-teal:active:active, .cActOut:active:active .bgActIn-teal, .bgSel-teal.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-teal, .bgChk-teal:checked:checked, .cLblSib:checked:checked + .bgLblLing-teal, .cLbtSib:checked:checked ~ .bgLbtLing-teal, .bgFoc-teal:focus:focus, .bgFow-teal:focus-within:focus-within { --bg-H-main: var(--c-teal-H); --bg-S-main: var(--c-teal-S); --bg-L-main: var(--c-teal-L); } .br-teal, .brHov-teal:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-teal, .cHovOut1:is(:hover, :active) .brHovIn1-teal, .cHovOut2:is(:hover, :active) .brHovIn2-teal, .brAct-teal:active:active, .cActOut:active:active .brActIn-teal, .brSel-teal.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-teal, .brChk-teal:checked:checked, .cLblSib:checked:checked + .brLblLing-teal, .cLbtSib:checked:checked ~ .brLbtLing-teal, .brFoc-teal:focus:focus, .brFow-teal:focus-within:focus-within { --br-H-main: var(--c-teal-H); --br-S-main: var(--c-teal-S); --br-L-main: var(--c-teal-L); } .fn-teal, .fnHov-teal:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-teal, .cHovOut1:is(:hover, :active) .fnHovIn1-teal, .cHovOut2:is(:hover, :active) .fnHovIn2-teal, .fnAct-teal:active:active, .cActOut:active:active .fnActIn-teal, .fnSel-teal.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-teal, .fnChk-teal:checked:checked, .cLblSib:checked:checked + .fnLblLing-teal, .cLbtSib:checked:checked ~ .fnLbtLing-teal, .fnFoc-teal:focus:focus, .fnFow-teal:focus-within:focus-within { --fn-H-main: var(--c-teal-H); --fn-S-main: var(--c-teal-S); --fn-L-main: var(--c-teal-L); } /* Green color */ .bg-green, .bgHov-green:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-green, .cHovOut1:is(:hover, :active) .bgHovIn1-green, .cHovOut2:is(:hover, :active) .bgHovIn2-green, .bgAct-green:active:active, .cActOut:active:active .bgActIn-green, .bgSel-green.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-green, .bgChk-green:checked:checked, .cLblSib:checked:checked + .bgLblLing-green, .cLbtSib:checked:checked ~ .bgLbtLing-green, .bgFoc-green:focus:focus, .bgFow-green:focus-within:focus-within { --bg-H-main: var(--c-green-H); --bg-S-main: var(--c-green-S); --bg-L-main: var(--c-green-L); } .br-green, .brHov-green:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-green, .cHovOut1:is(:hover, :active) .brHovIn1-green, .cHovOut2:is(:hover, :active) .brHovIn2-green, .brAct-green:active:active, .cActOut:active:active .brActIn-green, .brSel-green.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-green, .brChk-green:checked:checked, .cLblSib:checked:checked + .brLblLing-green, .cLbtSib:checked:checked ~ .brLbtLing-green, .brFoc-green:focus:focus, .brFow-green:focus-within:focus-within { --br-H-main: var(--c-green-H); --br-S-main: var(--c-green-S); --br-L-main: var(--c-green-L); } .fn-green, .fnHov-green:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-green, .cHovOut1:is(:hover, :active) .fnHovIn1-green, .cHovOut2:is(:hover, :active) .fnHovIn2-green, .fnAct-green:active:active, .cActOut:active:active .fnActIn-green, .fnSel-green.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-green, .fnChk-green:checked:checked, .cLblSib:checked:checked + .fnLblLing-green, .cLbtSib:checked:checked ~ .fnLbtLing-green, .fnFoc-green:focus:focus, .fnFow-green:focus-within:focus-within { --fn-H-main: var(--c-green-H); --fn-S-main: var(--c-green-S); --fn-L-main: var(--c-green-L); } /* Light-green color */ .bg-light-green, .bgHov-light-green:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-light-green, .cHovOut1:is(:hover, :active) .bgHovIn1-light-green, .cHovOut2:is(:hover, :active) .bgHovIn2-light-green, .bgAct-light-green:active:active, .cActOut:active:active .bgActIn-light-green, .bgSel-light-green.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-light-green, .bgChk-light-green:checked:checked, .cLblSib:checked:checked + .bgLblLing-light-green, .cLbtSib:checked:checked ~ .bgLbtLing-light-green, .bgFoc-light-green:focus:focus, .bgFow-light-green:focus-within:focus-within { --bg-H-main: var(--c-light-green-H); --bg-S-main: var(--c-light-green-S); --bg-L-main: var(--c-light-green-L); } .br-light-green, .brHov-light-green:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-light-green, .cHovOut1:is(:hover, :active) .brHovIn1-light-green, .cHovOut2:is(:hover, :active) .brHovIn2-light-green, .brAct-light-green:active:active, .cActOut:active:active .brActIn-light-green, .brSel-light-green.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-light-green, .brChk-light-green:checked:checked, .cLblSib:checked:checked + .brLblLing-light-green, .cLbtSib:checked:checked ~ .brLbtLing-light-green, .brFoc-light-green:focus:focus, .brFow-light-green:focus-within:focus-within { --br-H-main: var(--c-light-green-H); --br-S-main: var(--c-light-green-S); --br-L-main: var(--c-light-green-L); } .fn-light-green, .fnHov-light-green:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-light-green, .cHovOut1:is(:hover, :active) .fnHovIn1-light-green, .cHovOut2:is(:hover, :active) .fnHovIn2-light-green, .fnAct-light-green:active:active, .cActOut:active:active .fnActIn-light-green, .fnSel-light-green.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-light-green, .fnChk-light-green:checked:checked, .cLblSib:checked:checked + .fnLblLing-light-green, .cLbtSib:checked:checked ~ .fnLbtLing-light-green, .fnFoc-light-green:focus:focus, .fnFow-light-green:focus-within:focus-within { --fn-H-main: var(--c-light-green-H); --fn-S-main: var(--c-light-green-S); --fn-L-main: var(--c-light-green-L); } /* Lime color */ .bg-lime, .bgHov-lime:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-lime, .cHovOut1:is(:hover, :active) .bgHovIn1-lime, .cHovOut2:is(:hover, :active) .bgHovIn2-lime, .bgAct-lime:active:active, .cActOut:active:active .bgActIn-lime, .bgSel-lime.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-lime, .bgChk-lime:checked:checked, .cLblSib:checked:checked + .bgLblLing-lime, .cLbtSib:checked:checked ~ .bgLbtLing-lime, .bgFoc-lime:focus:focus, .bgFow-lime:focus-within:focus-within { --bg-H-main: var(--c-lime-H); --bg-S-main: var(--c-lime-S); --bg-L-main: var(--c-lime-L); } .br-lime, .brHov-lime:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-lime, .cHovOut1:is(:hover, :active) .brHovIn1-lime, .cHovOut2:is(:hover, :active) .brHovIn2-lime, .brAct-lime:active:active, .cActOut:active:active .brActIn-lime, .brSel-lime.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-lime, .brChk-lime:checked:checked, .cLblSib:checked:checked + .brLblLing-lime, .cLbtSib:checked:checked ~ .brLbtLing-lime, .brFoc-lime:focus:focus, .brFow-lime:focus-within:focus-within { --br-H-main: var(--c-lime-H); --br-S-main: var(--c-lime-S); --br-L-main: var(--c-lime-L); } .fn-lime, .fnHov-lime:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-lime, .cHovOut1:is(:hover, :active) .fnHovIn1-lime, .cHovOut2:is(:hover, :active) .fnHovIn2-lime, .fnAct-lime:active:active, .cActOut:active:active .fnActIn-lime, .fnSel-lime.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-lime, .fnChk-lime:checked:checked, .cLblSib:checked:checked + .fnLblLing-lime, .cLbtSib:checked:checked ~ .fnLbtLing-lime, .fnFoc-lime:focus:focus, .fnFow-lime:focus-within:focus-within { --fn-H-main: var(--c-lime-H); --fn-S-main: var(--c-lime-S); --fn-L-main: var(--c-lime-L); } /* Yellow color */ .bg-yellow, .bgHov-yellow:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-yellow, .cHovOut1:is(:hover, :active) .bgHovIn1-yellow, .cHovOut2:is(:hover, :active) .bgHovIn2-yellow, .bgAct-yellow:active:active, .cActOut:active:active .bgActIn-yellow, .bgSel-yellow.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-yellow, .bgChk-yellow:checked:checked, .cLblSib:checked:checked + .bgLblLing-yellow, .cLbtSib:checked:checked ~ .bgLbtLing-yellow, .bgFoc-yellow:focus:focus, .bgFow-yellow:focus-within:focus-within { --bg-H-main: var(--c-yellow-H); --bg-S-main: var(--c-yellow-S); --bg-L-main: var(--c-yellow-L); } .br-yellow, .brHov-yellow:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-yellow, .cHovOut1:is(:hover, :active) .brHovIn1-yellow, .cHovOut2:is(:hover, :active) .brHovIn2-yellow, .brAct-yellow:active:active, .cActOut:active:active .brActIn-yellow, .brSel-yellow.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-yellow, .brChk-yellow:checked:checked, .cLblSib:checked:checked + .brLblLing-yellow, .cLbtSib:checked:checked ~ .brLbtLing-yellow, .brFoc-yellow:focus:focus, .brFow-yellow:focus-within:focus-within { --br-H-main: var(--c-yellow-H); --br-S-main: var(--c-yellow-S); --br-L-main: var(--c-yellow-L); } .fn-yellow, .fnHov-yellow:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-yellow, .cHovOut1:is(:hover, :active) .fnHovIn1-yellow, .cHovOut2:is(:hover, :active) .fnHovIn2-yellow, .fnAct-yellow:active:active, .cActOut:active:active .fnActIn-yellow, .fnSel-yellow.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-yellow, .fnChk-yellow:checked:checked, .cLblSib:checked:checked + .fnLblLing-yellow, .cLbtSib:checked:checked ~ .fnLbtLing-yellow, .fnFoc-yellow:focus:focus, .fnFow-yellow:focus-within:focus-within { --fn-H-main: var(--c-yellow-H); --fn-S-main: var(--c-yellow-S); --fn-L-main: var(--c-yellow-L); } /* Amber color */ .bg-amber, .bgHov-amber:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-amber, .cHovOut1:is(:hover, :active) .bgHovIn1-amber, .cHovOut2:is(:hover, :active) .bgHovIn2-amber, .bgAct-amber:active:active, .cActOut:active:active .bgActIn-amber, .bgSel-amber.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-amber, .bgChk-amber:checked:checked, .cLblSib:checked:checked + .bgLblLing-amber, .cLbtSib:checked:checked ~ .bgLbtLing-amber, .bgFoc-amber:focus:focus, .bgFow-amber:focus-within:focus-within { --bg-H-main: var(--c-amber-H); --bg-S-main: var(--c-amber-S); --bg-L-main: var(--c-amber-L); } .br-amber, .brHov-amber:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-amber, .cHovOut1:is(:hover, :active) .brHovIn1-amber, .cHovOut2:is(:hover, :active) .brHovIn2-amber, .brAct-amber:active:active, .cActOut:active:active .brActIn-amber, .brSel-amber.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-amber, .brChk-amber:checked:checked, .cLblSib:checked:checked + .brLblLing-amber, .cLbtSib:checked:checked ~ .brLbtLing-amber, .brFoc-amber:focus:focus, .brFow-amber:focus-within:focus-within { --br-H-main: var(--c-amber-H); --br-S-main: var(--c-amber-S); --br-L-main: var(--c-amber-L); } .fn-amber, .fnHov-amber:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-amber, .cHovOut1:is(:hover, :active) .fnHovIn1-amber, .cHovOut2:is(:hover, :active) .fnHovIn2-amber, .fnAct-amber:active:active, .cActOut:active:active .fnActIn-amber, .fnSel-amber.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-amber, .fnChk-amber:checked:checked, .cLblSib:checked:checked + .fnLblLing-amber, .cLbtSib:checked:checked ~ .fnLbtLing-amber, .fnFoc-amber:focus:focus, .fnFow-amber:focus-within:focus-within { --fn-H-main: var(--c-amber-H); --fn-S-main: var(--c-amber-S); --fn-L-main: var(--c-amber-L); } /* Orange color */ .bg-orange, .bgHov-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-orange, .cHovOut1:is(:hover, :active) .bgHovIn1-orange, .cHovOut2:is(:hover, :active) .bgHovIn2-orange, .bgAct-orange:active:active, .cActOut:active:active .bgActIn-orange, .bgSel-orange.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-orange, .bgChk-orange:checked:checked, .cLblSib:checked:checked + .bgLblLing-orange, .cLbtSib:checked:checked ~ .bgLbtLing-orange, .bgFoc-orange:focus:focus, .bgFow-orange:focus-within:focus-within { --bg-H-main: var(--c-orange-H); --bg-S-main: var(--c-orange-S); --bg-L-main: var(--c-orange-L); } .br-orange, .brHov-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-orange, .cHovOut1:is(:hover, :active) .brHovIn1-orange, .cHovOut2:is(:hover, :active) .brHovIn2-orange, .brAct-orange:active:active, .cActOut:active:active .brActIn-orange, .brSel-orange.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-orange, .brChk-orange:checked:checked, .cLblSib:checked:checked + .brLblLing-orange, .cLbtSib:checked:checked ~ .brLbtLing-orange, .brFoc-orange:focus:focus, .brFow-orange:focus-within:focus-within { --br-H-main: var(--c-orange-H); --br-S-main: var(--c-orange-S); --br-L-main: var(--c-orange-L); } .fn-orange, .fnHov-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-orange, .cHovOut1:is(:hover, :active) .fnHovIn1-orange, .cHovOut2:is(:hover, :active) .fnHovIn2-orange, .fnAct-orange:active:active, .cActOut:active:active .fnActIn-orange, .fnSel-orange.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-orange, .fnChk-orange:checked:checked, .cLblSib:checked:checked + .fnLblLing-orange, .cLbtSib:checked:checked ~ .fnLbtLing-orange, .fnFoc-orange:focus:focus, .fnFow-orange:focus-within:focus-within { --fn-H-main: var(--c-orange-H); --fn-S-main: var(--c-orange-S); --fn-L-main: var(--c-orange-L); } /* Deep-orange color */ .bg-deep-orange, .bgHov-deep-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-deep-orange, .cHovOut1:is(:hover, :active) .bgHovIn1-deep-orange, .cHovOut2:is(:hover, :active) .bgHovIn2-deep-orange, .bgAct-deep-orange:active:active, .cActOut:active:active .bgActIn-deep-orange, .bgSel-deep-orange.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-deep-orange, .bgChk-deep-orange:checked:checked, .cLblSib:checked:checked + .bgLblLing-deep-orange, .cLbtSib:checked:checked ~ .bgLbtLing-deep-orange, .bgFoc-deep-orange:focus:focus, .bgFow-deep-orange:focus-within:focus-within { --bg-H-main: var(--c-deep-orange-H); --bg-S-main: var(--c-deep-orange-S); --bg-L-main: var(--c-deep-orange-L); } .br-deep-orange, .brHov-deep-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-deep-orange, .cHovOut1:is(:hover, :active) .brHovIn1-deep-orange, .cHovOut2:is(:hover, :active) .brHovIn2-deep-orange, .brAct-deep-orange:active:active, .cActOut:active:active .brActIn-deep-orange, .brSel-deep-orange.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-deep-orange, .brChk-deep-orange:checked:checked, .cLblSib:checked:checked + .brLblLing-deep-orange, .cLbtSib:checked:checked ~ .brLbtLing-deep-orange, .brFoc-deep-orange:focus:focus, .brFow-deep-orange:focus-within:focus-within { --br-H-main: var(--c-deep-orange-H); --br-S-main: var(--c-deep-orange-S); --br-L-main: var(--c-deep-orange-L); } .fn-deep-orange, .fnHov-deep-orange:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-deep-orange, .cHovOut1:is(:hover, :active) .fnHovIn1-deep-orange, .cHovOut2:is(:hover, :active) .fnHovIn2-deep-orange, .fnAct-deep-orange:active:active, .cActOut:active:active .fnActIn-deep-orange, .fnSel-deep-orange.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-deep-orange, .fnChk-deep-orange:checked:checked, .cLblSib:checked:checked + .fnLblLing-deep-orange, .cLbtSib:checked:checked ~ .fnLbtLing-deep-orange, .fnFoc-deep-orange:focus:focus, .fnFow-deep-orange:focus-within:focus-within { --fn-H-main: var(--c-deep-orange-H); --fn-S-main: var(--c-deep-orange-S); --fn-L-main: var(--c-deep-orange-L); } /* Brown color */ .bg-brown, .bgHov-brown:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-brown, .cHovOut1:is(:hover, :active) .bgHovIn1-brown, .cHovOut2:is(:hover, :active) .bgHovIn2-brown, .bgHov-brown:active, .cHovOut:active .bgHovIn-brown, .cHovOut1:active .bgHovIn1-brown, .cHovOut2:active .bgHovIn2-brown, .bgAct-brown:active:active, .cActOut:active:active .bgActIn-brown, .bgSel-brown.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-brown, .bgChk-brown:checked:checked, .cLblSib:checked:checked + .bgLblLing-brown, .cLbtSib:checked:checked ~ .bgLbtLing-brown, .bgFoc-brown:focus:focus, .bgFow-brown:focus-within:focus-within { --bg-H-main: var(--c-brown-H); --bg-S-main: var(--c-brown-S); --bg-L-main: var(--c-brown-L); } .br-brown, .brHov-brown:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-brown, .cHovOut1:is(:hover, :active) .brHovIn1-brown, .cHovOut2:is(:hover, :active) .brHovIn2-brown, .brHov-brown:active, .cHovOut:active .brHovIn-brown, .cHovOut1:active .brHovIn1-brown, .cHovOut2:active .brHovIn2-brown, .brAct-brown:active:active, .cActOut:active:active .brActIn-brown, .brSel-brown.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-brown, .brChk-brown:checked:checked, .cLblSib:checked:checked + .brLblLing-brown, .cLbtSib:checked:checked ~ .brLbtLing-brown, .brFoc-brown:focus:focus, .brFow-brown:focus-within:focus-within { --br-H-main: var(--c-brown-H); --br-S-main: var(--c-brown-S); --br-L-main: var(--c-brown-L); } .fn-brown, .fnHov-brown:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-brown, .cHovOut1:is(:hover, :active) .fnHovIn1-brown, .cHovOut2:is(:hover, :active) .fnHovIn2-brown, .fnHov-brown:active, .cHovOut:active .fnHovIn-brown, .cHovOut1:active .fnHovIn1-brown, .cHovOut2:active .fnHovIn2-brown, .fnAct-brown:active:active, .cActOut:active:active .fnActIn-brown, .fnSel-brown.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-brown, .fnChk-brown:checked:checked, .cLblSib:checked:checked + .fnLblLing-brown, .cLbtSib:checked:checked ~ .fnLbtLing-brown, .fnFoc-brown:focus:focus, .fnFow-brown:focus-within:focus-within { --fn-H-main: var(--c-brown-H); --fn-S-main: var(--c-brown-S); --fn-L-main: var(--c-brown-L); } /* Grey color */ .bg-grey, .bgHov-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-grey, .cHovOut1:is(:hover, :active) .bgHovIn1-grey, .cHovOut2:is(:hover, :active) .bgHovIn2-grey, .bgAct-grey:active:active, .cActOut:active:active .bgActIn-grey, .bgSel-grey.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-grey, .bgChk-grey:checked:checked, .cLblSib:checked:checked + .bgLblLing-grey, .cLbtSib:checked:checked ~ .bgLbtLing-grey, .bgFoc-grey:focus:focus, .bgFow-grey:focus-within:focus-within { --bg-H-main: var(--c-grey-H); --bg-S-main: var(--c-grey-S); --bg-L-main: var(--c-grey-L); } .br-grey, .brHov-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-grey, .cHovOut1:is(:hover, :active) .brHovIn1-grey, .cHovOut2:is(:hover, :active) .brHovIn2-grey, .brAct-grey:active:active, .cActOut:active:active .brActIn-grey, .brSel-grey.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-grey, .brChk-grey:checked:checked, .cLblSib:checked:checked + .brLblLing-grey, .cLbtSib:checked:checked ~ .brLbtLing-grey, .brFoc-grey:focus:focus, .brFow-grey:focus-within:focus-within { --br-H-main: var(--c-grey-H); --br-S-main: var(--c-grey-S); --br-L-main: var(--c-grey-L); } .fn-grey, .fnHov-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-grey, .cHovOut1:is(:hover, :active) .fnHovIn1-grey, .cHovOut2:is(:hover, :active) .fnHovIn2-grey, .fnAct-grey:active:active, .cActOut:active:active .fnActIn-grey, .fnSel-grey.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-grey, .fnChk-grey:checked:checked, .cLblSib:checked:checked + .fnLblLing-grey, .cLbtSib:checked:checked ~ .fnLbtLing-grey, .fnFoc-grey:focus:focus, .fnFow-grey:focus-within:focus-within { --fn-H-main: var(--c-grey-H); --fn-S-main: var(--c-grey-S); --fn-L-main: var(--c-grey-L); } /* Blue-grey color */ .bg-blue-grey, .bgHov-blue-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-blue-grey, .cHovOut1:is(:hover, :active) .bgHovIn1-blue-grey, .cHovOut2:is(:hover, :active) .bgHovIn2-blue-grey, .bgAct-blue-grey:active:active, .cActOut:active:active .bgActIn-blue-grey, .bgSel-blue-grey.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-blue-grey, .bgChk-blue-grey:checked:checked, .cLblSib:checked:checked + .bgLblLing-blue-grey, .cLbtSib:checked:checked ~ .bgLbtLing-blue-grey, .bgFoc-blue-grey:focus:focus, .bgFow-blue-grey:focus-within:focus-within { --bg-H-main: var(--c-blue-grey-H); --bg-S-main: var(--c-blue-grey-S); --bg-L-main: var(--c-blue-grey-L); } .br-blue-grey, .brHov-blue-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-blue-grey, .cHovOut1:is(:hover, :active) .brHovIn1-blue-grey, .cHovOut2:is(:hover, :active) .brHovIn2-blue-grey, .brAct-blue-grey:active:active, .cActOut:active:active .brActIn-blue-grey, .brSel-blue-grey.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-blue-grey, .brChk-blue-grey:checked:checked, .cLblSib:checked:checked + .brLblLing-blue-grey, .cLbtSib:checked:checked ~ .brLbtLing-blue-grey, .brFoc-blue-grey:focus:focus, .brFow-blue-grey:focus-within:focus-within { --br-H-main: var(--c-blue-grey-H); --br-S-main: var(--c-blue-grey-S); --br-L-main: var(--c-blue-grey-L); } .fn-blue-grey, .fnHov-blue-grey:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-blue-grey, .cHovOut1:is(:hover, :active) .fnHovIn1-blue-grey, .cHovOut2:is(:hover, :active) .fnHovIn2-blue-grey, .fnAct-blue-grey:active:active, .cActOut:active:active .fnActIn-blue-grey, .fnSel-blue-grey.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-blue-grey, .fnChk-blue-grey:checked:checked, .cLblSib:checked:checked + .fnLblLing-blue-grey, .cLbtSib:checked:checked ~ .fnLbtLing-blue-grey, .fnFoc-blue-grey:focus:focus, .fnFow-blue-grey:focus-within:focus-within { --fn-H-main: var(--c-blue-grey-H); --fn-S-main: var(--c-blue-grey-S); --fn-L-main: var(--c-blue-grey-L); } /* Black color */ .bg-black, .bgHov-black:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-black, .cHovOut1:is(:hover, :active) .bgHovIn1-black, .cHovOut2:is(:hover, :active) .bgHovIn2-black, .bgAct-black:active:active, .cActOut:active:active .bgActIn-black, .bgSel-black.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-black, .bgChk-black:checked:checked, .cLblSib:checked:checked + .bgLblLing-black, .cLbtSib:checked:checked ~ .bgLbtLing-black, .bgFoc-black:focus:focus, .bgFow-black:focus-within:focus-within { --bg-H-main: var(--c-black-H); --bg-S-main: var(--c-black-S); --bg-L-main: var(--c-black-L); } .br-black, .brHov-black:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-black, .cHovOut1:is(:hover, :active) .brHovIn1-black, .cHovOut2:is(:hover, :active) .brHovIn2-black, .brAct-black:active:active, .cActOut:active:active .brActIn-black, .brSel-black.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-black, .brChk-black:checked:checked, .cLblSib:checked:checked + .brLblLing-black, .cLbtSib:checked:checked ~ .brLbtLing-black, .brFoc-black:focus:focus, .brFow-black:focus-within:focus-within { --br-H-main: var(--c-black-H); --br-S-main: var(--c-black-S); --br-L-main: var(--c-black-L); } .fn-black, .fnHov-black:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-black, .cHovOut1:is(:hover, :active) .fnHovIn1-black, .cHovOut2:is(:hover, :active) .fnHovIn2-black, .fnAct-black:active:active, .cActOut:active:active .fnActIn-black, .fnSel-black.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-black, .fnChk-black:checked:checked, .cLblSib:checked:checked + .fnLblLing-black, .cLbtSib:checked:checked ~ .fnLbtLing-black, .fnFoc-black:focus:focus, .fnFow-black:focus-within:focus-within { --fn-H-main: var(--c-black-H); --fn-S-main: var(--c-black-S); --fn-L-main: var(--c-black-L); } /* White color */ .bg-white, .bgHov-white:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-white, .cHovOut1:is(:hover, :active) .bgHovIn1-white, .cHovOut2:is(:hover, :active) .bgHovIn2-white, .bgAct-white:active:active, .cActOut:active:active .bgActIn-white, .bgSel-white.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-white, .bgChk-white:checked:checked, .cLblSib:checked:checked + .bgLblLing-white, .cLbtSib:checked:checked ~ .bgLbtLing-white, .bgFoc-white:focus:focus, .bgFow-white:focus-within:focus-within { --bg-H-main: var(--c-white-H); --bg-S-main: var(--c-white-S); --bg-L-main: var(--c-white-L); } .br-white, .brHov-white:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-white, .cHovOut1:is(:hover, :active) .brHovIn1-white, .cHovOut2:is(:hover, :active) .brHovIn2-white, .brAct-white:active:active, .cActOut:active:active .brActIn-white, .brSel-white.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-white, .brChk-white:checked:checked, .cLblSib:checked:checked + .brLblLing-white, .cLbtSib:checked:checked ~ .brLbtLing-white, .brFoc-white:focus:focus, .brFow-white:focus-within:focus-within { --br-H-main: var(--c-white-H); --br-S-main: var(--c-white-S); --br-L-main: var(--c-white-L); } .fn-white, .fnHov-white:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-white, .cHovOut1:is(:hover, :active) .fnHovIn1-white, .cHovOut2:is(:hover, :active) .fnHovIn2-white, .fnAct-white:active:active, .cActOut:active:active .fnActIn-white, .fnSel-white.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-white, .fnChk-white:checked:checked, .cLblSib:checked:checked + .fnLblLing-white, .cLbtSib:checked:checked ~ .fnLbtLing-white, .fnFoc-white:focus:focus, .fnFow-white:focus-within:focus-within { --fn-H-main: var(--c-white-H); --fn-S-main: var(--c-white-S); --fn-L-main: var(--c-white-L); } .bg-transparent, .bgHov-transparent:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-transparent, .cHovOut1:is(:hover, :active) .bgHovIn1-transparent, .cHovOut2:is(:hover, :active) .bgHovIn2-transparent, .bgAct-transparent:active:active, .cActOut:active:active .bgActIn-transparent, .bgSel-transparent.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-transparent, .bgChk-transparent:checked:checked, .cLblSib:checked:checked + .bgLblLing-transparent, .cLbtSib:checked:checked ~ .bgLbtLing-transparent, .bgFoc-transparent:focus:focus, .bgFow-transparent:focus-within:focus-within { background-color: transparent; } .br-transparent, .brHov-transparent:is(:hover, :active), .cHovOut:is(:hover, :active) .brHovIn-transparent, .cHovOut1:is(:hover, :active) .brHovIn1-transparent, .cHovOut2:is(:hover, :active) .brHovIn2-transparent, .brAct-transparent:active:active, .cActOut:active:active .brActIn-transparent, .brSel-transparent.sel.sel.sel, .cSelOut.sel.sel.sel .brSelIn-transparent, .brChk-transparent:checked:checked, .cLblSib:checked:checked + .brLblLing-transparent, .cLbtSib:checked:checked ~ .brLbtLing-transparent, .brFoc-transparent:focus:focus, .brFow-transparent:focus-within:focus-within { border-color: transparent; } .fn-transparent, .fnHov-transparent:is(:hover, :active), .cHovOut:is(:hover, :active) .fnHovIn-transparent, .cHovOut1:is(:hover, :active) .fnHovIn1-transparent, .cHovOut2:is(:hover, :active) .fnHovIn2-transparent, .fnAct-transparent:active:active, .cActOut:active:active .fnActIn-transparent, .fnSel-transparent.sel.sel.sel, .cSelOut.sel.sel.sel .fnSelIn-transparent, .fnChk-transparent:checked:checked, .cLblSib:checked:checked + .fnLblLing-transparent, .cLbtSib:checked:checked ~ .fnLbtLing-transparent, .fnFoc-transparent:focus:focus, .fnFow-transparent:focus-within:focus-within { color: transparent; } .bg-none, .bgHov-none:is(:hover, :active), .cHovOut:is(:hover, :active) .bgHovIn-none, .cHovOut1:is(:hover, :active) .bgHovIn1-none, .cHovOut2:is(:hover, :active) .bgHovIn2-none, .bgAct-none:active:active, .cActOut:active:active .bgActIn-none, .bgSel-none.sel.sel.sel, .cSelOut.sel.sel.sel .bgSelIn-none, .bgChk-none:checked:checked, .cLblSib:checked:checked + .bgLblLing-none, .cLbtSib:checked:checked ~ .bgLbtLing-none, .bgFoc-none:focus:focus, .bgFow-none:focus-within:focus-within { background: none; } /* Male color */ .bg-male { --bg-H-main: var(--c-male-H); --bg-S-main: var(--c-male-S); --bg-L-main: var(--c-male-L); } .br-male { --br-H-main: var(--c-male-H); --br-S-main: var(--c-male-S); --br-L-main: var(--c-male-L); } .fn-male { --fn-H-main: var(--c-male-H); --fn-S-main: var(--c-male-S); --fn-L-main: var(--c-male-L); } /* Female color */ .bg-female { --bg-H-main: var(--c-female-H); --bg-S-main: var(--c-female-S); --bg-L-main: var(--c-female-L); } .br-female { --br-H-main: var(--c-female-H); --br-S-main: var(--c-female-S); --br-L-main: var(--c-female-L); } .fn-female { --fn-H-main: var(--c-female-H); --fn-S-main: var(--c-female-S); --fn-L-main: var(--c-female-L); } /* Socials */ .bg-s-fb { --bg-H-main: var(--c-s-fb-H); --bg-S-main: var(--c-s-fb-S); --bg-L-main: var(--c-s-fb-L); } .br-s-fb { --br-H-main: var(--c-s-fb-H); --br-S-main: var(--c-s-fb-S); --br-L-main: var(--c-s-fb-L); } .fn-s-fb { --fn-H-main: var(--c-s-fb-H); --fn-S-main: var(--c-s-fb-S); --fn-L-main: var(--c-s-fb-L); } .bg-s-vk { --bg-H-main: var(--c-s-vk-H); --bg-S-main: var(--c-s-vk-S); --bg-L-main: var(--c-s-vk-L); } .br-s-vk { --br-H-main: var(--c-s-vk-H); --br-S-main: var(--c-s-vk-S); --br-L-main: var(--c-s-vk-L); } .fn-s-vk { --fn-H-main: var(--c-s-vk-H); --fn-S-main: var(--c-s-vk-S); --fn-L-main: var(--c-s-vk-L); } .bg-s-inst { --bg-H-main: var(--c-s-inst-H); --bg-S-main: var(--c-s-inst-S); --bg-L-main: var(--c-s-inst-L); } .br-s-inst { --br-H-main: var(--c-s-inst-H); --br-S-main: var(--c-s-inst-S); --br-L-main: var(--c-s-inst-L); } .fn-s-inst { --fn-H-main: var(--c-s-inst-H); --fn-S-main: var(--c-s-inst-S); --fn-L-main: var(--c-s-inst-L); } .bg-s-tw { --bg-H-main: var(--c-s-tw-H); --bg-S-main: var(--c-s-tw-S); --bg-L-main: var(--c-s-tw-L); } .br-s-tw { --br-H-main: var(--c-s-tw-H); --br-S-main: var(--c-s-tw-S); --br-L-main: var(--c-s-tw-L); } .fn-s-tw { --fn-H-main: var(--c-s-tw-H); --fn-S-main: var(--c-s-tw-S); --fn-L-main: var(--c-s-tw-L); } .bg-s-tg { --bg-H-main: var(--c-s-tg-H); --bg-S-main: var(--c-s-tg-S); --bg-L-main: var(--c-s-tg-L); } .br-s-tg { --br-H-main: var(--c-s-tg-H); --br-S-main: var(--c-s-tg-S); --br-L-main: var(--c-s-tg-L); } .fn-s-tg { --fn-H-main: var(--c-s-tg-H); --fn-S-main: var(--c-s-tg-S); --fn-L-main: var(--c-s-tg-L); } .bg-s-ds { --bg-H-main: var(--c-s-ds-H); --bg-S-main: var(--c-s-ds-S); --bg-L-main: var(--c-s-ds-L); } .br-s-ds { --br-H-main: var(--c-s-ds-H); --br-S-main: var(--c-s-ds-S); --br-L-main: var(--c-s-ds-L); } .fn-s-ds { --fn-H-main: var(--c-s-ds-H); --fn-S-main: var(--c-s-ds-S); --fn-L-main: var(--c-s-ds-L); } .bg-s-steam { --bg-H-main: var(--c-s-steam-H); --bg-S-main: var(--c-s-steam-S); --bg-L-main: var(--c-s-steam-L); } .br-s-steam { --br-H-main: var(--c-s-steam-H); --br-S-main: var(--c-s-steam-S); --br-L-main: var(--c-s-steam-L); } .fn-s-steam { --fn-H-main: var(--c-s-steam-H); --fn-S-main: var(--c-s-steam-S); --fn-L-main: var(--c-s-steam-L); } .bg-s-xbox { --bg-H-main: var(--c-s-xbox-H); --bg-S-main: var(--c-s-xbox-S); --bg-L-main: var(--c-s-xbox-L); } .br-s-xbox { --br-H-main: var(--c-s-xbox-H); --br-S-main: var(--c-s-xbox-S); --br-L-main: var(--c-s-xbox-L); } .fn-s-xbox { --fn-H-main: var(--c-s-xbox-H); --fn-S-main: var(--c-s-xbox-S); --fn-L-main: var(--c-s-xbox-L); } .bg-s-psn { --bg-H-main: var(--c-s-psn-H); --bg-S-main: var(--c-s-psn-S); --bg-L-main: var(--c-s-psn-L); } .br-s-psn { --br-H-main: var(--c-s-psn-H); --br-S-main: var(--c-s-psn-S); --br-L-main: var(--c-s-psn-L); } .fn-s-psn { --fn-H-main: var(--c-s-psn-H); --fn-S-main: var(--c-s-psn-S); --fn-L-main: var(--c-s-psn-L); } .bg-s-twitch { --bg-H-main: var(--c-s-twitch-H); --bg-S-main: var(--c-s-twitch-S); --bg-L-main: var(--c-s-twitch-L); } .br-s-twitch { --br-H-main: var(--c-s-twitch-H); --br-S-main: var(--c-s-twitch-S); --br-L-main: var(--c-s-twitch-L); } .fn-s-twitch { --fn-H-main: var(--c-s-twitch-H); --fn-S-main: var(--c-s-twitch-S); --fn-L-main: var(--c-s-twitch-L); } .bg-s-pt { --bg-H-main: var(--c-s-pt-H); --bg-S-main: var(--c-s-pt-S); --bg-L-main: var(--c-s-pt-L); } .br-s-pt { --br-H-main: var(--c-s-pt-H); --br-S-main: var(--c-s-pt-S); --br-L-main: var(--c-s-pt-L); } .fn-s-pt { --fn-H-main: var(--c-s-pt-H); --fn-S-main: var(--c-s-pt-S); --fn-L-main: var(--c-s-pt-L); } .bg-s-yt { --bg-H-main: var(--c-s-yt-H); --bg-S-main: var(--c-s-yt-S); --bg-L-main: var(--c-s-yt-L); } .br-s-yt { --br-H-main: var(--c-s-yt-H); --br-S-main: var(--c-s-yt-S); --br-L-main: var(--c-s-yt-L); } .fn-s-yt { --fn-H-main: var(--c-s-yt-H); --fn-S-main: var(--c-s-yt-S); --fn-L-main: var(--c-s-yt-L); } .bg-s-fl { --bg-H-main: var(--c-s-fl-H); --bg-S-main: var(--c-s-fl-S); --bg-L-main: var(--c-s-fl-L); } .br-s-fl { --br-H-main: var(--c-s-fl-H); --br-S-main: var(--c-s-fl-S); --br-L-main: var(--c-s-fl-L); } .fn-s-fl { --fn-H-main: var(--c-s-fl-H); --fn-S-main: var(--c-s-fl-S); --fn-L-main: var(--c-s-fl-L); } .bg-s-fl1 { --bg-H-main: var(--c-s-fl1-H); --bg-S-main: var(--c-s-fl1-S); --bg-L-main: var(--c-s-fl1-L); } .br-s-fl1 { --br-H-main: var(--c-s-fl1-H); --br-S-main: var(--c-s-fl1-S); --br-L-main: var(--c-s-fl1-L); } .fn-s-fl1 { --fn-H-main: var(--c-s-fl1-H); --fn-S-main: var(--c-s-fl1-S); --fn-L-main: var(--c-s-fl1-L); } .bg-s-pn { --bg-H-main: var(--c-s-pn-H); --bg-S-main: var(--c-s-pn-S); --bg-L-main: var(--c-s-pn-L); } .br-s-pn { --br-H-main: var(--c-s-pn-H); --br-S-main: var(--c-s-pn-S); --br-L-main: var(--c-s-pn-L); } .fn-s-pn { --fn-H-main: var(--c-s-pn-H); --fn-S-main: var(--c-s-pn-S); --fn-L-main: var(--c-s-pn-L); } .bg-s-in { --bg-H-main: var(--c-s-in-H); --bg-S-main: var(--c-s-in-S); --bg-L-main: var(--c-s-in-L); } .br-s-in { --br-H-main: var(--c-s-in-H); --br-S-main: var(--c-s-in-S); --br-L-main: var(--c-s-in-L); } .fn-s-in { --fn-H-main: var(--c-s-in-H); --fn-S-main: var(--c-s-in-S); --fn-L-main: var(--c-s-in-L); } .bg-s-sp { --bg-H-main: var(--c-s-sp-H); --bg-S-main: var(--c-s-sp-S); --bg-L-main: var(--c-s-sp-L); } .br-s-sp { --br-H-main: var(--c-s-sp-H); --br-S-main: var(--c-s-sp-S); --br-L-main: var(--c-s-sp-L); } .fn-s-sp { --fn-H-main: var(--c-s-sp-H); --fn-S-main: var(--c-s-sp-S); --fn-L-main: var(--c-s-sp-L); } .bg-s-bl { --bg-H-main: var(--c-s-bl-H); --bg-S-main: var(--c-s-bl-S); --bg-L-main: var(--c-s-bl-L); } .br-s-bl { --br-H-main: var(--c-s-bl-H); --br-S-main: var(--c-s-bl-S); --br-L-main: var(--c-s-bl-L); } .fn-s-bl { --fn-H-main: var(--c-s-bl-H); --fn-S-main: var(--c-s-bl-S); --fn-L-main: var(--c-s-bl-L); } .bg-s-bnet { --bg-H-main: var(--c-s-bnet-H); --bg-S-main: var(--c-s-bnet-S); --bg-L-main: var(--c-s-bnet-L); } .br-s-bnet { --br-H-main: var(--c-s-bnet-H); --br-S-main: var(--c-s-bnet-S); --br-L-main: var(--c-s-bnet-L); } .fn-s-bnet { --fn-H-main: var(--c-s-bnet-H); --fn-S-main: var(--c-s-bnet-S); --fn-L-main: var(--c-s-bnet-L); } .bg-s-bnet1 { --bg-H-main: var(--c-s-bnet1-H); --bg-S-main: var(--c-s-bnet1-S); --bg-L-main: var(--c-s-bnet1-L); } .br-s-bnet1 { --br-H-main: var(--c-s-bnet1-H); --br-S-main: var(--c-s-bnet1-S); --br-L-main: var(--c-s-bnet1-L); } .fn-s-bnet1 { --fn-H-main: var(--c-s-bnet1-H); --fn-S-main: var(--c-s-bnet1-S); --fn-L-main: var(--c-s-bnet1-L); } .bg-s-vk { --bg-H-main: var(--c-s-vk-H); --bg-S-main: var(--c-s-vk-S); --bg-L-main: var(--c-s-vk-L); } .br-s-vk { --br-H-main: var(--c-s-vk-H); --br-S-main: var(--c-s-vk-S); --br-L-main: var(--c-s-vk-L); } .fn-s-vk { --fn-H-main: var(--c-s-vk-H); --fn-S-main: var(--c-s-vk-S); --fn-L-main: var(--c-s-vk-L); } .bg-s-ok { --bg-H-main: var(--c-s-ok-H); --bg-S-main: var(--c-s-ok-S); --bg-L-main: var(--c-s-ok-L); } .br-s-ok { --br-H-main: var(--c-s-ok-H); --br-S-main: var(--c-s-ok-S); --br-L-main: var(--c-s-ok-L); } .fn-s-ok { --fn-H-main: var(--c-s-ok-H); --fn-S-main: var(--c-s-ok-S); --fn-L-main: var(--c-s-ok-L); } .bg-s-mailru { --bg-H-main: var(--c-s-mailru-H); --bg-S-main: var(--c-s-mailru-S); --bg-L-main: var(--c-s-mailru-L); } .br-s-mailru { --br-H-main: var(--c-s-mailru-H); --br-S-main: var(--c-s-mailru-S); --br-L-main: var(--c-s-mailru-L); } .fn-s-mailru { --fn-H-main: var(--c-s-mailru-H); --fn-S-main: var(--c-s-mailru-S); --fn-L-main: var(--c-s-mailru-L); } .bg-s-mailru1 { --bg-H-main: var(--c-s-mailru1-H); --bg-S-main: var(--c-s-mailru1-S); --bg-L-main: var(--c-s-mailru1-L); } .br-s-mailru1 { --br-H-main: var(--c-s-mailru1-H); --br-S-main: var(--c-s-mailru1-S); --br-L-main: var(--c-s-mailru1-L); } .fn-s-mailru1 { --fn-H-main: var(--c-s-mailru1-H); --fn-S-main: var(--c-s-mailru1-S); --fn-L-main: var(--c-s-mailru1-L); }