*,*::before,*::after {box-sizing:border-box}
.appearance-none {appearance:none}
:root {--p:1rem;--angle:90deg;--blue-h:207;--blue-s:89.7%;--blue1:hsl(var(--blue-h),var(--blue-s),60%);--blue2:hsl(var(--blue-h),var(--blue-s),70%);--blue3:hsl(var(--blue-h),var(--blue-s),80%);--blue4:hsl(var(--blue-h),var(--blue-s),90%);--blue5:hsl(var(--blue-h),var(--blue-s),95%);--blue-4:hsl(var(--blue-h),var(--blue-s),10%);--blue-3:hsl(var(--blue-h),var(--blue-s),20%);--blue-2:hsl(var(--blue-h),var(--blue-s),30%);--blue-1:hsl(var(--blue-h),var(--blue-s),40%);--blue:hsl(var(--blue-h),var(--blue-s),50%);--gray-h:218;--gray-s:6.4%;--gray1:hsl(var(--gray-h),var(--gray-s),60%);--gray2:hsl(var(--gray-h),var(--gray-s),70%);--gray3:hsl(var(--gray-h),var(--gray-s),80%);--gray4:hsl(var(--gray-h),var(--gray-s),90%);--gray5:hsl(var(--gray-h),var(--gray-s),95%);--gray-4:hsl(var(--gray-h),var(--gray-s),10%);--gray-3:hsl(var(--gray-h),var(--gray-s),20%);--gray-2:hsl(var(--gray-h),var(--gray-s),30%);--gray-1:hsl(var(--gray-h),var(--gray-s),40%);--gray:hsl(var(--gray-h),var(--gray-s),50%);--green-h:120;--green-s:60.7%;--green1:hsl(var(--green-h),var(--green-s),60%);--green2:hsl(var(--green-h),var(--green-s),70%);--green3:hsl(var(--green-h),var(--green-s),80%);--green4:hsl(var(--green-h),var(--green-s),90%);--green5:hsl(var(--green-h),var(--green-s),95%);--green-4:hsl(var(--green-h),var(--green-s),10%);--green-3:hsl(var(--green-h),var(--green-s),20%);--green-2:hsl(var(--green-h),var(--green-s),30%);--green-1:hsl(var(--green-h),var(--green-s),40%);--green:hsl(var(--green-h),var(--green-s),50%);--red-h:354;--red-s:66.5%;--red1:hsl(var(--red-h),var(--red-s),60%);--red2:hsl(var(--red-h),var(--red-s),70%);--red3:hsl(var(--red-h),var(--red-s),80%);--red4:hsl(var(--red-h),var(--red-s),90%);--red5:hsl(var(--red-h),var(--red-s),95%);--red-4:hsl(var(--red-h),var(--red-s),10%);--red-3:hsl(var(--red-h),var(--red-s),20%);--red-2:hsl(var(--red-h),var(--red-s),30%);--red-1:hsl(var(--red-h),var(--red-s),40%);--red:hsl(var(--red-h),var(--red-s),50%);--orange-h:33;--orange-s:100%;--orange1:hsl(var(--orange-h),var(--orange-s),60%);--orange2:hsl(var(--orange-h),var(--orange-s),70%);--orange3:hsl(var(--orange-h),var(--orange-s),80%);--orange4:hsl(var(--orange-h),var(--orange-s),90%);--orange5:hsl(var(--orange-h),var(--orange-s),95%);--orange-4:hsl(var(--orange-h),var(--orange-s),10%);--orange-3:hsl(var(--orange-h),var(--orange-s),20%);--orange-2:hsl(var(--orange-h),var(--orange-s),30%);--orange-1:hsl(var(--orange-h),var(--orange-s),40%);--orange:hsl(var(--orange-h),var(--orange-s),50%);--cyan-h:193;--cyan-s:68.1%;--cyan1:hsl(var(--cyan-h),var(--cyan-s),60%);--cyan2:hsl(var(--cyan-h),var(--cyan-s),70%);--cyan3:hsl(var(--cyan-h),var(--cyan-s),80%);--cyan4:hsl(var(--cyan-h),var(--cyan-s),90%);--cyan5:hsl(var(--cyan-h),var(--cyan-s),95%);--cyan-4:hsl(var(--cyan-h),var(--cyan-s),10%);--cyan-3:hsl(var(--cyan-h),var(--cyan-s),20%);--cyan-2:hsl(var(--cyan-h),var(--cyan-s),30%);--cyan-1:hsl(var(--cyan-h),var(--cyan-s),40%);--cyan:hsl(var(--cyan-h),var(--cyan-s),50%);--purple-h:300;--purple-s:100%;--purple1:hsl(var(--purple-h),var(--purple-s),60%);--purple2:hsl(var(--purple-h),var(--purple-s),70%);--purple3:hsl(var(--purple-h),var(--purple-s),80%);--purple4:hsl(var(--purple-h),var(--purple-s),90%);--purple5:hsl(var(--purple-h),var(--purple-s),95%);--purple-4:hsl(var(--purple-h),var(--purple-s),10%);--purple-3:hsl(var(--purple-h),var(--purple-s),20%);--purple-2:hsl(var(--purple-h),var(--purple-s),30%);--purple-1:hsl(var(--purple-h),var(--purple-s),40%);--purple:hsl(var(--purple-h),var(--purple-s),50%);--pink-h:332;--pink-s:70.4%;--pink1:hsl(var(--pink-h),var(--pink-s),60%);--pink2:hsl(var(--pink-h),var(--pink-s),70%);--pink3:hsl(var(--pink-h),var(--pink-s),80%);--pink4:hsl(var(--pink-h),var(--pink-s),90%);--pink5:hsl(var(--pink-h),var(--pink-s),95%);--pink-4:hsl(var(--pink-h),var(--pink-s),10%);--pink-3:hsl(var(--pink-h),var(--pink-s),20%);--pink-2:hsl(var(--pink-h),var(--pink-s),30%);--pink-1:hsl(var(--pink-h),var(--pink-s),40%);--pink:hsl(var(--pink-h),var(--pink-s),50%);--yellow-h:59;--yellow-s:100%;--yellow1:hsl(var(--yellow-h),var(--yellow-s),60%);--yellow2:hsl(var(--yellow-h),var(--yellow-s),70%);--yellow3:hsl(var(--yellow-h),var(--yellow-s),80%);--yellow4:hsl(var(--yellow-h),var(--yellow-s),90%);--yellow5:hsl(var(--yellow-h),var(--yellow-s),95%);--yellow-4:hsl(var(--yellow-h),var(--yellow-s),10%);--yellow-3:hsl(var(--yellow-h),var(--yellow-s),20%);--yellow-2:hsl(var(--yellow-h),var(--yellow-s),30%);--yellow-1:hsl(var(--yellow-h),var(--yellow-s),40%);--yellow:hsl(var(--yellow-h),var(--yellow-s),50%);--darkblue-h:240;--darkblue-s:100%;--darkblue1:hsl(var(--darkblue-h),var(--darkblue-s),60%);--darkblue2:hsl(var(--darkblue-h),var(--darkblue-s),70%);--darkblue3:hsl(var(--darkblue-h),var(--darkblue-s),80%);--darkblue4:hsl(var(--darkblue-h),var(--darkblue-s),90%);--darkblue5:hsl(var(--darkblue-h),var(--darkblue-s),95%);--darkblue-4:hsl(var(--darkblue-h),var(--darkblue-s),10%);--darkblue-3:hsl(var(--darkblue-h),var(--darkblue-s),20%);--darkblue-2:hsl(var(--darkblue-h),var(--darkblue-s),30%);--darkblue-1:hsl(var(--darkblue-h),var(--darkblue-s),40%);--darkblue:hsl(var(--darkblue-h),var(--darkblue-s),50%)}
/* colors*/
.angle0,.angle0-h:hover,.angle0-f:focus {--angle:0deg}
.angle45,.angle45-h:hover,.angle45-f:focus {--angle:45deg}
.angle90,.angle90-h:hover,.angle90-f:focus {--angle:90deg}
.angle135,.angle135-h:hover,.angle135-f:focus {--angle:135deg}
.angle180,.angle180-h:hover,.angle180-f:focus {--angle:180deg}
.angle225,.angle225-h:hover,.angle225-f:focus {--angle:225deg}
.angle270,.angle270-h:hover,.angle270-f:focus {--angle:270deg}
.angle315,.angle315-h:hover,.angle315-f:focus {--angle:315deg}
.angle360,.angle360-h:hover,.angle360-f:focus {--angle:360deg}
.bgc-blue1 {background-color:var(--blue1) !important}
.b-blue1 {border-color:var(--blue1);border-style:solid}
.c-blue1 {color:var(--blue1) !important}
.accent-blue1 {accent-color:var(--blue1) !important}
.shadow-blue1 {box-shadow:hsla(var(--blue-h),var(--blue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue1-h:not(:disabled):hover {background-color:var(--blue1) !important}
.b-blue1-h:not(:disabled):hover {border-color:var(--blue1);border-style:solid}
.c-blue1-h:not(:disabled):hover {color:var(--blue1) !important}
.accent-blue1-h:not(:disabled):hover {accent-color:var(--blue1) !important}
.shadow-blue1-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue1-f:not(:disabled):focus {background-color:var(--blue1) !important}
.b-blue1-f:not(:disabled):focus {border-color:var(--blue1);border-style:solid}
.c-blue1-f:not(:disabled):focus {color:var(--blue1) !important}
.accent-blue1-f:not(:disabled):focus {accent-color:var(--blue1) !important}
.shadow-blue1-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue1-a:not(:disabled):active {background-color:var(--blue1) !important}
.b-blue1-a:not(:disabled):active {border-color:var(--blue1);border-style:solid}
.c-blue1-a:not(:disabled):active {color:var(--blue1) !important}
.accent-blue1-a:not(:disabled):active {accent-color:var(--blue1) !important}
.shadow-blue1-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue1-transparent {background-color:hsla(var(--blue-h),var(--blue-s),60%,0.5)!important}
.blue1 {--active:var(--blue1);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:60%}
.bgc-blue1-odd>:nth-of-type(odd) {background-color:var(--blue1) !important}
.c-blue1-odd>:nth-of-type(odd) {color:var(--blue1) !important}
.b-blue1-odd>:nth-of-type(odd) {border-color:var(--blue1);border-style:solid}
.scrollbar-blue1::-webkit-scrollbar-thumb {background-color:var(--blue1) !important}
.gradient-blue1 {background:linear-gradient(var(--angle,90deg),var(--blue1),var(--active))}
.bgc-blue2 {background-color:var(--blue2) !important}
.b-blue2 {border-color:var(--blue2);border-style:solid}
.c-blue2 {color:var(--blue2) !important}
.accent-blue2 {accent-color:var(--blue2) !important}
.shadow-blue2 {box-shadow:hsla(var(--blue-h),var(--blue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue2-h:not(:disabled):hover {background-color:var(--blue2) !important}
.b-blue2-h:not(:disabled):hover {border-color:var(--blue2);border-style:solid}
.c-blue2-h:not(:disabled):hover {color:var(--blue2) !important}
.accent-blue2-h:not(:disabled):hover {accent-color:var(--blue2) !important}
.shadow-blue2-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue2-f:not(:disabled):focus {background-color:var(--blue2) !important}
.b-blue2-f:not(:disabled):focus {border-color:var(--blue2);border-style:solid}
.c-blue2-f:not(:disabled):focus {color:var(--blue2) !important}
.accent-blue2-f:not(:disabled):focus {accent-color:var(--blue2) !important}
.shadow-blue2-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue2-a:not(:disabled):active {background-color:var(--blue2) !important}
.b-blue2-a:not(:disabled):active {border-color:var(--blue2);border-style:solid}
.c-blue2-a:not(:disabled):active {color:var(--blue2) !important}
.accent-blue2-a:not(:disabled):active {accent-color:var(--blue2) !important}
.shadow-blue2-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue2-transparent {background-color:hsla(var(--blue-h),var(--blue-s),70%,0.5)!important}
.blue2 {--active:var(--blue2);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:70%}
.bgc-blue2-odd>:nth-of-type(odd) {background-color:var(--blue2) !important}
.c-blue2-odd>:nth-of-type(odd) {color:var(--blue2) !important}
.b-blue2-odd>:nth-of-type(odd) {border-color:var(--blue2);border-style:solid}
.scrollbar-blue2::-webkit-scrollbar-thumb {background-color:var(--blue2) !important}
.gradient-blue2 {background:linear-gradient(var(--angle,90deg),var(--blue2),var(--active))}
.bgc-blue3 {background-color:var(--blue3) !important}
.b-blue3 {border-color:var(--blue3);border-style:solid}
.c-blue3 {color:var(--blue3) !important}
.accent-blue3 {accent-color:var(--blue3) !important}
.shadow-blue3 {box-shadow:hsla(var(--blue-h),var(--blue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue3-h:not(:disabled):hover {background-color:var(--blue3) !important}
.b-blue3-h:not(:disabled):hover {border-color:var(--blue3);border-style:solid}
.c-blue3-h:not(:disabled):hover {color:var(--blue3) !important}
.accent-blue3-h:not(:disabled):hover {accent-color:var(--blue3) !important}
.shadow-blue3-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue3-f:not(:disabled):focus {background-color:var(--blue3) !important}
.b-blue3-f:not(:disabled):focus {border-color:var(--blue3);border-style:solid}
.c-blue3-f:not(:disabled):focus {color:var(--blue3) !important}
.accent-blue3-f:not(:disabled):focus {accent-color:var(--blue3) !important}
.shadow-blue3-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue3-a:not(:disabled):active {background-color:var(--blue3) !important}
.b-blue3-a:not(:disabled):active {border-color:var(--blue3);border-style:solid}
.c-blue3-a:not(:disabled):active {color:var(--blue3) !important}
.accent-blue3-a:not(:disabled):active {accent-color:var(--blue3) !important}
.shadow-blue3-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue3-transparent {background-color:hsla(var(--blue-h),var(--blue-s),80%,0.5)!important}
.blue3 {--active:var(--blue3);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:80%}
.bgc-blue3-odd>:nth-of-type(odd) {background-color:var(--blue3) !important}
.c-blue3-odd>:nth-of-type(odd) {color:var(--blue3) !important}
.b-blue3-odd>:nth-of-type(odd) {border-color:var(--blue3);border-style:solid}
.scrollbar-blue3::-webkit-scrollbar-thumb {background-color:var(--blue3) !important}
.gradient-blue3 {background:linear-gradient(var(--angle,90deg),var(--blue3),var(--active))}
.bgc-blue4 {background-color:var(--blue4) !important}
.b-blue4 {border-color:var(--blue4);border-style:solid}
.c-blue4 {color:var(--blue4) !important}
.accent-blue4 {accent-color:var(--blue4) !important}
.shadow-blue4 {box-shadow:hsla(var(--blue-h),var(--blue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue4-h:not(:disabled):hover {background-color:var(--blue4) !important}
.b-blue4-h:not(:disabled):hover {border-color:var(--blue4);border-style:solid}
.c-blue4-h:not(:disabled):hover {color:var(--blue4) !important}
.accent-blue4-h:not(:disabled):hover {accent-color:var(--blue4) !important}
.shadow-blue4-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue4-f:not(:disabled):focus {background-color:var(--blue4) !important}
.b-blue4-f:not(:disabled):focus {border-color:var(--blue4);border-style:solid}
.c-blue4-f:not(:disabled):focus {color:var(--blue4) !important}
.accent-blue4-f:not(:disabled):focus {accent-color:var(--blue4) !important}
.shadow-blue4-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue4-a:not(:disabled):active {background-color:var(--blue4) !important}
.b-blue4-a:not(:disabled):active {border-color:var(--blue4);border-style:solid}
.c-blue4-a:not(:disabled):active {color:var(--blue4) !important}
.accent-blue4-a:not(:disabled):active {accent-color:var(--blue4) !important}
.shadow-blue4-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue4-transparent {background-color:hsla(var(--blue-h),var(--blue-s),90%,0.5)!important}
.blue4 {--active:var(--blue4);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:90%}
.bgc-blue4-odd>:nth-of-type(odd) {background-color:var(--blue4) !important}
.c-blue4-odd>:nth-of-type(odd) {color:var(--blue4) !important}
.b-blue4-odd>:nth-of-type(odd) {border-color:var(--blue4);border-style:solid}
.scrollbar-blue4::-webkit-scrollbar-thumb {background-color:var(--blue4) !important}
.gradient-blue4 {background:linear-gradient(var(--angle,90deg),var(--blue4),var(--active))}
.bgc-blue5 {background-color:var(--blue5) !important}
.b-blue5 {border-color:var(--blue5);border-style:solid}
.c-blue5 {color:var(--blue5) !important}
.accent-blue5 {accent-color:var(--blue5) !important}
.shadow-blue5 {box-shadow:hsla(var(--blue-h),var(--blue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue5-h:not(:disabled):hover {background-color:var(--blue5) !important}
.b-blue5-h:not(:disabled):hover {border-color:var(--blue5);border-style:solid}
.c-blue5-h:not(:disabled):hover {color:var(--blue5) !important}
.accent-blue5-h:not(:disabled):hover {accent-color:var(--blue5) !important}
.shadow-blue5-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue5-f:not(:disabled):focus {background-color:var(--blue5) !important}
.b-blue5-f:not(:disabled):focus {border-color:var(--blue5);border-style:solid}
.c-blue5-f:not(:disabled):focus {color:var(--blue5) !important}
.accent-blue5-f:not(:disabled):focus {accent-color:var(--blue5) !important}
.shadow-blue5-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue5-a:not(:disabled):active {background-color:var(--blue5) !important}
.b-blue5-a:not(:disabled):active {border-color:var(--blue5);border-style:solid}
.c-blue5-a:not(:disabled):active {color:var(--blue5) !important}
.accent-blue5-a:not(:disabled):active {accent-color:var(--blue5) !important}
.shadow-blue5-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue5-transparent {background-color:hsla(var(--blue-h),var(--blue-s),95%,0.5)!important}
.blue5 {--active:var(--blue5);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:95%}
.bgc-blue5-odd>:nth-of-type(odd) {background-color:var(--blue5) !important}
.c-blue5-odd>:nth-of-type(odd) {color:var(--blue5) !important}
.b-blue5-odd>:nth-of-type(odd) {border-color:var(--blue5);border-style:solid}
.scrollbar-blue5::-webkit-scrollbar-thumb {background-color:var(--blue5) !important}
.gradient-blue5 {background:linear-gradient(var(--angle,90deg),var(--blue5),var(--active))}
.bgc-blue-4 {background-color:var(--blue-4) !important}
.b-blue-4 {border-color:var(--blue-4);border-style:solid}
.c-blue-4 {color:var(--blue-4) !important}
.accent-blue-4 {accent-color:var(--blue-4) !important}
.shadow-blue-4 {box-shadow:hsla(var(--blue-h),var(--blue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-4-h:not(:disabled):hover {background-color:var(--blue-4) !important}
.b-blue-4-h:not(:disabled):hover {border-color:var(--blue-4);border-style:solid}
.c-blue-4-h:not(:disabled):hover {color:var(--blue-4) !important}
.accent-blue-4-h:not(:disabled):hover {accent-color:var(--blue-4) !important}
.shadow-blue-4-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-4-f:not(:disabled):focus {background-color:var(--blue-4) !important}
.b-blue-4-f:not(:disabled):focus {border-color:var(--blue-4);border-style:solid}
.c-blue-4-f:not(:disabled):focus {color:var(--blue-4) !important}
.accent-blue-4-f:not(:disabled):focus {accent-color:var(--blue-4) !important}
.shadow-blue-4-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-4-a:not(:disabled):active {background-color:var(--blue-4) !important}
.b-blue-4-a:not(:disabled):active {border-color:var(--blue-4);border-style:solid}
.c-blue-4-a:not(:disabled):active {color:var(--blue-4) !important}
.accent-blue-4-a:not(:disabled):active {accent-color:var(--blue-4) !important}
.shadow-blue-4-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-4-transparent {background-color:hsla(var(--blue-h),var(--blue-s),10%,0.5)!important}
.blue-4 {--active:var(--blue-4);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:10%}
.bgc-blue-4-odd>:nth-of-type(odd) {background-color:var(--blue-4) !important}
.c-blue-4-odd>:nth-of-type(odd) {color:var(--blue-4) !important}
.b-blue-4-odd>:nth-of-type(odd) {border-color:var(--blue-4);border-style:solid}
.scrollbar-blue-4::-webkit-scrollbar-thumb {background-color:var(--blue-4) !important}
.gradient-blue-4 {background:linear-gradient(var(--angle,90deg),var(--blue-4),var(--active))}
.bgc-blue-3 {background-color:var(--blue-3) !important}
.b-blue-3 {border-color:var(--blue-3);border-style:solid}
.c-blue-3 {color:var(--blue-3) !important}
.accent-blue-3 {accent-color:var(--blue-3) !important}
.shadow-blue-3 {box-shadow:hsla(var(--blue-h),var(--blue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-3-h:not(:disabled):hover {background-color:var(--blue-3) !important}
.b-blue-3-h:not(:disabled):hover {border-color:var(--blue-3);border-style:solid}
.c-blue-3-h:not(:disabled):hover {color:var(--blue-3) !important}
.accent-blue-3-h:not(:disabled):hover {accent-color:var(--blue-3) !important}
.shadow-blue-3-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-3-f:not(:disabled):focus {background-color:var(--blue-3) !important}
.b-blue-3-f:not(:disabled):focus {border-color:var(--blue-3);border-style:solid}
.c-blue-3-f:not(:disabled):focus {color:var(--blue-3) !important}
.accent-blue-3-f:not(:disabled):focus {accent-color:var(--blue-3) !important}
.shadow-blue-3-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-3-a:not(:disabled):active {background-color:var(--blue-3) !important}
.b-blue-3-a:not(:disabled):active {border-color:var(--blue-3);border-style:solid}
.c-blue-3-a:not(:disabled):active {color:var(--blue-3) !important}
.accent-blue-3-a:not(:disabled):active {accent-color:var(--blue-3) !important}
.shadow-blue-3-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-3-transparent {background-color:hsla(var(--blue-h),var(--blue-s),20%,0.5)!important}
.blue-3 {--active:var(--blue-3);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:20%}
.bgc-blue-3-odd>:nth-of-type(odd) {background-color:var(--blue-3) !important}
.c-blue-3-odd>:nth-of-type(odd) {color:var(--blue-3) !important}
.b-blue-3-odd>:nth-of-type(odd) {border-color:var(--blue-3);border-style:solid}
.scrollbar-blue-3::-webkit-scrollbar-thumb {background-color:var(--blue-3) !important}
.gradient-blue-3 {background:linear-gradient(var(--angle,90deg),var(--blue-3),var(--active))}
.bgc-blue-2 {background-color:var(--blue-2) !important}
.b-blue-2 {border-color:var(--blue-2);border-style:solid}
.c-blue-2 {color:var(--blue-2) !important}
.accent-blue-2 {accent-color:var(--blue-2) !important}
.shadow-blue-2 {box-shadow:hsla(var(--blue-h),var(--blue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-2-h:not(:disabled):hover {background-color:var(--blue-2) !important}
.b-blue-2-h:not(:disabled):hover {border-color:var(--blue-2);border-style:solid}
.c-blue-2-h:not(:disabled):hover {color:var(--blue-2) !important}
.accent-blue-2-h:not(:disabled):hover {accent-color:var(--blue-2) !important}
.shadow-blue-2-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-2-f:not(:disabled):focus {background-color:var(--blue-2) !important}
.b-blue-2-f:not(:disabled):focus {border-color:var(--blue-2);border-style:solid}
.c-blue-2-f:not(:disabled):focus {color:var(--blue-2) !important}
.accent-blue-2-f:not(:disabled):focus {accent-color:var(--blue-2) !important}
.shadow-blue-2-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-2-a:not(:disabled):active {background-color:var(--blue-2) !important}
.b-blue-2-a:not(:disabled):active {border-color:var(--blue-2);border-style:solid}
.c-blue-2-a:not(:disabled):active {color:var(--blue-2) !important}
.accent-blue-2-a:not(:disabled):active {accent-color:var(--blue-2) !important}
.shadow-blue-2-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-2-transparent {background-color:hsla(var(--blue-h),var(--blue-s),30%,0.5)!important}
.blue-2 {--active:var(--blue-2);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:30%}
.bgc-blue-2-odd>:nth-of-type(odd) {background-color:var(--blue-2) !important}
.c-blue-2-odd>:nth-of-type(odd) {color:var(--blue-2) !important}
.b-blue-2-odd>:nth-of-type(odd) {border-color:var(--blue-2);border-style:solid}
.scrollbar-blue-2::-webkit-scrollbar-thumb {background-color:var(--blue-2) !important}
.gradient-blue-2 {background:linear-gradient(var(--angle,90deg),var(--blue-2),var(--active))}
.bgc-blue-1 {background-color:var(--blue-1) !important}
.b-blue-1 {border-color:var(--blue-1);border-style:solid}
.c-blue-1 {color:var(--blue-1) !important}
.accent-blue-1 {accent-color:var(--blue-1) !important}
.shadow-blue-1 {box-shadow:hsla(var(--blue-h),var(--blue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-1-h:not(:disabled):hover {background-color:var(--blue-1) !important}
.b-blue-1-h:not(:disabled):hover {border-color:var(--blue-1);border-style:solid}
.c-blue-1-h:not(:disabled):hover {color:var(--blue-1) !important}
.accent-blue-1-h:not(:disabled):hover {accent-color:var(--blue-1) !important}
.shadow-blue-1-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-1-f:not(:disabled):focus {background-color:var(--blue-1) !important}
.b-blue-1-f:not(:disabled):focus {border-color:var(--blue-1);border-style:solid}
.c-blue-1-f:not(:disabled):focus {color:var(--blue-1) !important}
.accent-blue-1-f:not(:disabled):focus {accent-color:var(--blue-1) !important}
.shadow-blue-1-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-1-a:not(:disabled):active {background-color:var(--blue-1) !important}
.b-blue-1-a:not(:disabled):active {border-color:var(--blue-1);border-style:solid}
.c-blue-1-a:not(:disabled):active {color:var(--blue-1) !important}
.accent-blue-1-a:not(:disabled):active {accent-color:var(--blue-1) !important}
.shadow-blue-1-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-1-transparent {background-color:hsla(var(--blue-h),var(--blue-s),40%,0.5)!important}
.blue-1 {--active:var(--blue-1);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:40%}
.bgc-blue-1-odd>:nth-of-type(odd) {background-color:var(--blue-1) !important}
.c-blue-1-odd>:nth-of-type(odd) {color:var(--blue-1) !important}
.b-blue-1-odd>:nth-of-type(odd) {border-color:var(--blue-1);border-style:solid}
.scrollbar-blue-1::-webkit-scrollbar-thumb {background-color:var(--blue-1) !important}
.gradient-blue-1 {background:linear-gradient(var(--angle,90deg),var(--blue-1),var(--active))}
.bgc-blue {background-color:var(--blue) !important}
.b-blue {border-color:var(--blue);border-style:solid}
.c-blue {color:var(--blue) !important}
.accent-blue {accent-color:var(--blue) !important}
.shadow-blue {box-shadow:hsla(var(--blue-h),var(--blue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-h:not(:disabled):hover {background-color:var(--blue) !important}
.b-blue-h:not(:disabled):hover {border-color:var(--blue);border-style:solid}
.c-blue-h:not(:disabled):hover {color:var(--blue) !important}
.accent-blue-h:not(:disabled):hover {accent-color:var(--blue) !important}
.shadow-blue-h:not(:disabled):hover {box-shadow:hsla(var(--blue-h),var(--blue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-f:not(:disabled):focus {background-color:var(--blue) !important}
.b-blue-f:not(:disabled):focus {border-color:var(--blue);border-style:solid}
.c-blue-f:not(:disabled):focus {color:var(--blue) !important}
.accent-blue-f:not(:disabled):focus {accent-color:var(--blue) !important}
.shadow-blue-f:not(:disabled):focus {box-shadow:hsla(var(--blue-h),var(--blue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-a:not(:disabled):active {background-color:var(--blue) !important}
.b-blue-a:not(:disabled):active {border-color:var(--blue);border-style:solid}
.c-blue-a:not(:disabled):active {color:var(--blue) !important}
.accent-blue-a:not(:disabled):active {accent-color:var(--blue) !important}
.shadow-blue-a:not(:disabled):active {box-shadow:hsla(var(--blue-h),var(--blue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-blue-transparent {background-color:hsla(var(--blue-h),var(--blue-s),50%,0.5)!important}
.blue {--active:var(--blue);--active-h:var(--blue-h);--active-s:var(--blue-s);--active-l:50%}
.bgc-blue-odd>:nth-of-type(odd) {background-color:var(--blue) !important}
.c-blue-odd>:nth-of-type(odd) {color:var(--blue) !important}
.b-blue-odd>:nth-of-type(odd) {border-color:var(--blue);border-style:solid}
.scrollbar-blue::-webkit-scrollbar-thumb {background-color:var(--blue) !important}
.gradient-blue {background:linear-gradient(var(--angle,90deg),var(--blue),var(--active))}
.bgc-gray1 {background-color:var(--gray1) !important}
.b-gray1 {border-color:var(--gray1);border-style:solid}
.c-gray1 {color:var(--gray1) !important}
.accent-gray1 {accent-color:var(--gray1) !important}
.shadow-gray1 {box-shadow:hsla(var(--gray-h),var(--gray-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray1-h:not(:disabled):hover {background-color:var(--gray1) !important}
.b-gray1-h:not(:disabled):hover {border-color:var(--gray1);border-style:solid}
.c-gray1-h:not(:disabled):hover {color:var(--gray1) !important}
.accent-gray1-h:not(:disabled):hover {accent-color:var(--gray1) !important}
.shadow-gray1-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray1-f:not(:disabled):focus {background-color:var(--gray1) !important}
.b-gray1-f:not(:disabled):focus {border-color:var(--gray1);border-style:solid}
.c-gray1-f:not(:disabled):focus {color:var(--gray1) !important}
.accent-gray1-f:not(:disabled):focus {accent-color:var(--gray1) !important}
.shadow-gray1-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray1-a:not(:disabled):active {background-color:var(--gray1) !important}
.b-gray1-a:not(:disabled):active {border-color:var(--gray1);border-style:solid}
.c-gray1-a:not(:disabled):active {color:var(--gray1) !important}
.accent-gray1-a:not(:disabled):active {accent-color:var(--gray1) !important}
.shadow-gray1-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray1-transparent {background-color:hsla(var(--gray-h),var(--gray-s),60%,0.5)!important}
.gray1 {--active:var(--gray1);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:60%}
.bgc-gray1-odd>:nth-of-type(odd) {background-color:var(--gray1) !important}
.c-gray1-odd>:nth-of-type(odd) {color:var(--gray1) !important}
.b-gray1-odd>:nth-of-type(odd) {border-color:var(--gray1);border-style:solid}
.scrollbar-gray1::-webkit-scrollbar-thumb {background-color:var(--gray1) !important}
.gradient-gray1 {background:linear-gradient(var(--angle,90deg),var(--gray1),var(--active))}
.bgc-gray2 {background-color:var(--gray2) !important}
.b-gray2 {border-color:var(--gray2);border-style:solid}
.c-gray2 {color:var(--gray2) !important}
.accent-gray2 {accent-color:var(--gray2) !important}
.shadow-gray2 {box-shadow:hsla(var(--gray-h),var(--gray-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray2-h:not(:disabled):hover {background-color:var(--gray2) !important}
.b-gray2-h:not(:disabled):hover {border-color:var(--gray2);border-style:solid}
.c-gray2-h:not(:disabled):hover {color:var(--gray2) !important}
.accent-gray2-h:not(:disabled):hover {accent-color:var(--gray2) !important}
.shadow-gray2-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray2-f:not(:disabled):focus {background-color:var(--gray2) !important}
.b-gray2-f:not(:disabled):focus {border-color:var(--gray2);border-style:solid}
.c-gray2-f:not(:disabled):focus {color:var(--gray2) !important}
.accent-gray2-f:not(:disabled):focus {accent-color:var(--gray2) !important}
.shadow-gray2-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray2-a:not(:disabled):active {background-color:var(--gray2) !important}
.b-gray2-a:not(:disabled):active {border-color:var(--gray2);border-style:solid}
.c-gray2-a:not(:disabled):active {color:var(--gray2) !important}
.accent-gray2-a:not(:disabled):active {accent-color:var(--gray2) !important}
.shadow-gray2-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray2-transparent {background-color:hsla(var(--gray-h),var(--gray-s),70%,0.5)!important}
.gray2 {--active:var(--gray2);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:70%}
.bgc-gray2-odd>:nth-of-type(odd) {background-color:var(--gray2) !important}
.c-gray2-odd>:nth-of-type(odd) {color:var(--gray2) !important}
.b-gray2-odd>:nth-of-type(odd) {border-color:var(--gray2);border-style:solid}
.scrollbar-gray2::-webkit-scrollbar-thumb {background-color:var(--gray2) !important}
.gradient-gray2 {background:linear-gradient(var(--angle,90deg),var(--gray2),var(--active))}
.bgc-gray3 {background-color:var(--gray3) !important}
.b-gray3 {border-color:var(--gray3);border-style:solid}
.c-gray3 {color:var(--gray3) !important}
.accent-gray3 {accent-color:var(--gray3) !important}
.shadow-gray3 {box-shadow:hsla(var(--gray-h),var(--gray-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray3-h:not(:disabled):hover {background-color:var(--gray3) !important}
.b-gray3-h:not(:disabled):hover {border-color:var(--gray3);border-style:solid}
.c-gray3-h:not(:disabled):hover {color:var(--gray3) !important}
.accent-gray3-h:not(:disabled):hover {accent-color:var(--gray3) !important}
.shadow-gray3-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray3-f:not(:disabled):focus {background-color:var(--gray3) !important}
.b-gray3-f:not(:disabled):focus {border-color:var(--gray3);border-style:solid}
.c-gray3-f:not(:disabled):focus {color:var(--gray3) !important}
.accent-gray3-f:not(:disabled):focus {accent-color:var(--gray3) !important}
.shadow-gray3-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray3-a:not(:disabled):active {background-color:var(--gray3) !important}
.b-gray3-a:not(:disabled):active {border-color:var(--gray3);border-style:solid}
.c-gray3-a:not(:disabled):active {color:var(--gray3) !important}
.accent-gray3-a:not(:disabled):active {accent-color:var(--gray3) !important}
.shadow-gray3-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray3-transparent {background-color:hsla(var(--gray-h),var(--gray-s),80%,0.5)!important}
.gray3 {--active:var(--gray3);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:80%}
.bgc-gray3-odd>:nth-of-type(odd) {background-color:var(--gray3) !important}
.c-gray3-odd>:nth-of-type(odd) {color:var(--gray3) !important}
.b-gray3-odd>:nth-of-type(odd) {border-color:var(--gray3);border-style:solid}
.scrollbar-gray3::-webkit-scrollbar-thumb {background-color:var(--gray3) !important}
.gradient-gray3 {background:linear-gradient(var(--angle,90deg),var(--gray3),var(--active))}
.bgc-gray4 {background-color:var(--gray4) !important}
.b-gray4 {border-color:var(--gray4);border-style:solid}
.c-gray4 {color:var(--gray4) !important}
.accent-gray4 {accent-color:var(--gray4) !important}
.shadow-gray4 {box-shadow:hsla(var(--gray-h),var(--gray-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray4-h:not(:disabled):hover {background-color:var(--gray4) !important}
.b-gray4-h:not(:disabled):hover {border-color:var(--gray4);border-style:solid}
.c-gray4-h:not(:disabled):hover {color:var(--gray4) !important}
.accent-gray4-h:not(:disabled):hover {accent-color:var(--gray4) !important}
.shadow-gray4-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray4-f:not(:disabled):focus {background-color:var(--gray4) !important}
.b-gray4-f:not(:disabled):focus {border-color:var(--gray4);border-style:solid}
.c-gray4-f:not(:disabled):focus {color:var(--gray4) !important}
.accent-gray4-f:not(:disabled):focus {accent-color:var(--gray4) !important}
.shadow-gray4-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray4-a:not(:disabled):active {background-color:var(--gray4) !important}
.b-gray4-a:not(:disabled):active {border-color:var(--gray4);border-style:solid}
.c-gray4-a:not(:disabled):active {color:var(--gray4) !important}
.accent-gray4-a:not(:disabled):active {accent-color:var(--gray4) !important}
.shadow-gray4-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray4-transparent {background-color:hsla(var(--gray-h),var(--gray-s),90%,0.5)!important}
.gray4 {--active:var(--gray4);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:90%}
.bgc-gray4-odd>:nth-of-type(odd) {background-color:var(--gray4) !important}
.c-gray4-odd>:nth-of-type(odd) {color:var(--gray4) !important}
.b-gray4-odd>:nth-of-type(odd) {border-color:var(--gray4);border-style:solid}
.scrollbar-gray4::-webkit-scrollbar-thumb {background-color:var(--gray4) !important}
.gradient-gray4 {background:linear-gradient(var(--angle,90deg),var(--gray4),var(--active))}
.bgc-gray5 {background-color:var(--gray5) !important}
.b-gray5 {border-color:var(--gray5);border-style:solid}
.c-gray5 {color:var(--gray5) !important}
.accent-gray5 {accent-color:var(--gray5) !important}
.shadow-gray5 {box-shadow:hsla(var(--gray-h),var(--gray-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray5-h:not(:disabled):hover {background-color:var(--gray5) !important}
.b-gray5-h:not(:disabled):hover {border-color:var(--gray5);border-style:solid}
.c-gray5-h:not(:disabled):hover {color:var(--gray5) !important}
.accent-gray5-h:not(:disabled):hover {accent-color:var(--gray5) !important}
.shadow-gray5-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray5-f:not(:disabled):focus {background-color:var(--gray5) !important}
.b-gray5-f:not(:disabled):focus {border-color:var(--gray5);border-style:solid}
.c-gray5-f:not(:disabled):focus {color:var(--gray5) !important}
.accent-gray5-f:not(:disabled):focus {accent-color:var(--gray5) !important}
.shadow-gray5-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray5-a:not(:disabled):active {background-color:var(--gray5) !important}
.b-gray5-a:not(:disabled):active {border-color:var(--gray5);border-style:solid}
.c-gray5-a:not(:disabled):active {color:var(--gray5) !important}
.accent-gray5-a:not(:disabled):active {accent-color:var(--gray5) !important}
.shadow-gray5-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray5-transparent {background-color:hsla(var(--gray-h),var(--gray-s),95%,0.5)!important}
.gray5 {--active:var(--gray5);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:95%}
.bgc-gray5-odd>:nth-of-type(odd) {background-color:var(--gray5) !important}
.c-gray5-odd>:nth-of-type(odd) {color:var(--gray5) !important}
.b-gray5-odd>:nth-of-type(odd) {border-color:var(--gray5);border-style:solid}
.scrollbar-gray5::-webkit-scrollbar-thumb {background-color:var(--gray5) !important}
.gradient-gray5 {background:linear-gradient(var(--angle,90deg),var(--gray5),var(--active))}
.bgc-gray-4 {background-color:var(--gray-4) !important}
.b-gray-4 {border-color:var(--gray-4);border-style:solid}
.c-gray-4 {color:var(--gray-4) !important}
.accent-gray-4 {accent-color:var(--gray-4) !important}
.shadow-gray-4 {box-shadow:hsla(var(--gray-h),var(--gray-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-4-h:not(:disabled):hover {background-color:var(--gray-4) !important}
.b-gray-4-h:not(:disabled):hover {border-color:var(--gray-4);border-style:solid}
.c-gray-4-h:not(:disabled):hover {color:var(--gray-4) !important}
.accent-gray-4-h:not(:disabled):hover {accent-color:var(--gray-4) !important}
.shadow-gray-4-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-4-f:not(:disabled):focus {background-color:var(--gray-4) !important}
.b-gray-4-f:not(:disabled):focus {border-color:var(--gray-4);border-style:solid}
.c-gray-4-f:not(:disabled):focus {color:var(--gray-4) !important}
.accent-gray-4-f:not(:disabled):focus {accent-color:var(--gray-4) !important}
.shadow-gray-4-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-4-a:not(:disabled):active {background-color:var(--gray-4) !important}
.b-gray-4-a:not(:disabled):active {border-color:var(--gray-4);border-style:solid}
.c-gray-4-a:not(:disabled):active {color:var(--gray-4) !important}
.accent-gray-4-a:not(:disabled):active {accent-color:var(--gray-4) !important}
.shadow-gray-4-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-4-transparent {background-color:hsla(var(--gray-h),var(--gray-s),10%,0.5)!important}
.gray-4 {--active:var(--gray-4);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:10%}
.bgc-gray-4-odd>:nth-of-type(odd) {background-color:var(--gray-4) !important}
.c-gray-4-odd>:nth-of-type(odd) {color:var(--gray-4) !important}
.b-gray-4-odd>:nth-of-type(odd) {border-color:var(--gray-4);border-style:solid}
.scrollbar-gray-4::-webkit-scrollbar-thumb {background-color:var(--gray-4) !important}
.gradient-gray-4 {background:linear-gradient(var(--angle,90deg),var(--gray-4),var(--active))}
.bgc-gray-3 {background-color:var(--gray-3) !important}
.b-gray-3 {border-color:var(--gray-3);border-style:solid}
.c-gray-3 {color:var(--gray-3) !important}
.accent-gray-3 {accent-color:var(--gray-3) !important}
.shadow-gray-3 {box-shadow:hsla(var(--gray-h),var(--gray-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-3-h:not(:disabled):hover {background-color:var(--gray-3) !important}
.b-gray-3-h:not(:disabled):hover {border-color:var(--gray-3);border-style:solid}
.c-gray-3-h:not(:disabled):hover {color:var(--gray-3) !important}
.accent-gray-3-h:not(:disabled):hover {accent-color:var(--gray-3) !important}
.shadow-gray-3-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-3-f:not(:disabled):focus {background-color:var(--gray-3) !important}
.b-gray-3-f:not(:disabled):focus {border-color:var(--gray-3);border-style:solid}
.c-gray-3-f:not(:disabled):focus {color:var(--gray-3) !important}
.accent-gray-3-f:not(:disabled):focus {accent-color:var(--gray-3) !important}
.shadow-gray-3-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-3-a:not(:disabled):active {background-color:var(--gray-3) !important}
.b-gray-3-a:not(:disabled):active {border-color:var(--gray-3);border-style:solid}
.c-gray-3-a:not(:disabled):active {color:var(--gray-3) !important}
.accent-gray-3-a:not(:disabled):active {accent-color:var(--gray-3) !important}
.shadow-gray-3-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-3-transparent {background-color:hsla(var(--gray-h),var(--gray-s),20%,0.5)!important}
.gray-3 {--active:var(--gray-3);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:20%}
.bgc-gray-3-odd>:nth-of-type(odd) {background-color:var(--gray-3) !important}
.c-gray-3-odd>:nth-of-type(odd) {color:var(--gray-3) !important}
.b-gray-3-odd>:nth-of-type(odd) {border-color:var(--gray-3);border-style:solid}
.scrollbar-gray-3::-webkit-scrollbar-thumb {background-color:var(--gray-3) !important}
.gradient-gray-3 {background:linear-gradient(var(--angle,90deg),var(--gray-3),var(--active))}
.bgc-gray-2 {background-color:var(--gray-2) !important}
.b-gray-2 {border-color:var(--gray-2);border-style:solid}
.c-gray-2 {color:var(--gray-2) !important}
.accent-gray-2 {accent-color:var(--gray-2) !important}
.shadow-gray-2 {box-shadow:hsla(var(--gray-h),var(--gray-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-2-h:not(:disabled):hover {background-color:var(--gray-2) !important}
.b-gray-2-h:not(:disabled):hover {border-color:var(--gray-2);border-style:solid}
.c-gray-2-h:not(:disabled):hover {color:var(--gray-2) !important}
.accent-gray-2-h:not(:disabled):hover {accent-color:var(--gray-2) !important}
.shadow-gray-2-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-2-f:not(:disabled):focus {background-color:var(--gray-2) !important}
.b-gray-2-f:not(:disabled):focus {border-color:var(--gray-2);border-style:solid}
.c-gray-2-f:not(:disabled):focus {color:var(--gray-2) !important}
.accent-gray-2-f:not(:disabled):focus {accent-color:var(--gray-2) !important}
.shadow-gray-2-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-2-a:not(:disabled):active {background-color:var(--gray-2) !important}
.b-gray-2-a:not(:disabled):active {border-color:var(--gray-2);border-style:solid}
.c-gray-2-a:not(:disabled):active {color:var(--gray-2) !important}
.accent-gray-2-a:not(:disabled):active {accent-color:var(--gray-2) !important}
.shadow-gray-2-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-2-transparent {background-color:hsla(var(--gray-h),var(--gray-s),30%,0.5)!important}
.gray-2 {--active:var(--gray-2);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:30%}
.bgc-gray-2-odd>:nth-of-type(odd) {background-color:var(--gray-2) !important}
.c-gray-2-odd>:nth-of-type(odd) {color:var(--gray-2) !important}
.b-gray-2-odd>:nth-of-type(odd) {border-color:var(--gray-2);border-style:solid}
.scrollbar-gray-2::-webkit-scrollbar-thumb {background-color:var(--gray-2) !important}
.gradient-gray-2 {background:linear-gradient(var(--angle,90deg),var(--gray-2),var(--active))}
.bgc-gray-1 {background-color:var(--gray-1) !important}
.b-gray-1 {border-color:var(--gray-1);border-style:solid}
.c-gray-1 {color:var(--gray-1) !important}
.accent-gray-1 {accent-color:var(--gray-1) !important}
.shadow-gray-1 {box-shadow:hsla(var(--gray-h),var(--gray-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-1-h:not(:disabled):hover {background-color:var(--gray-1) !important}
.b-gray-1-h:not(:disabled):hover {border-color:var(--gray-1);border-style:solid}
.c-gray-1-h:not(:disabled):hover {color:var(--gray-1) !important}
.accent-gray-1-h:not(:disabled):hover {accent-color:var(--gray-1) !important}
.shadow-gray-1-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-1-f:not(:disabled):focus {background-color:var(--gray-1) !important}
.b-gray-1-f:not(:disabled):focus {border-color:var(--gray-1);border-style:solid}
.c-gray-1-f:not(:disabled):focus {color:var(--gray-1) !important}
.accent-gray-1-f:not(:disabled):focus {accent-color:var(--gray-1) !important}
.shadow-gray-1-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-1-a:not(:disabled):active {background-color:var(--gray-1) !important}
.b-gray-1-a:not(:disabled):active {border-color:var(--gray-1);border-style:solid}
.c-gray-1-a:not(:disabled):active {color:var(--gray-1) !important}
.accent-gray-1-a:not(:disabled):active {accent-color:var(--gray-1) !important}
.shadow-gray-1-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-1-transparent {background-color:hsla(var(--gray-h),var(--gray-s),40%,0.5)!important}
.gray-1 {--active:var(--gray-1);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:40%}
.bgc-gray-1-odd>:nth-of-type(odd) {background-color:var(--gray-1) !important}
.c-gray-1-odd>:nth-of-type(odd) {color:var(--gray-1) !important}
.b-gray-1-odd>:nth-of-type(odd) {border-color:var(--gray-1);border-style:solid}
.scrollbar-gray-1::-webkit-scrollbar-thumb {background-color:var(--gray-1) !important}
.gradient-gray-1 {background:linear-gradient(var(--angle,90deg),var(--gray-1),var(--active))}
.bgc-gray {background-color:var(--gray) !important}
.b-gray {border-color:var(--gray);border-style:solid}
.c-gray {color:var(--gray) !important}
.accent-gray {accent-color:var(--gray) !important}
.shadow-gray {box-shadow:hsla(var(--gray-h),var(--gray-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-h:not(:disabled):hover {background-color:var(--gray) !important}
.b-gray-h:not(:disabled):hover {border-color:var(--gray);border-style:solid}
.c-gray-h:not(:disabled):hover {color:var(--gray) !important}
.accent-gray-h:not(:disabled):hover {accent-color:var(--gray) !important}
.shadow-gray-h:not(:disabled):hover {box-shadow:hsla(var(--gray-h),var(--gray-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-f:not(:disabled):focus {background-color:var(--gray) !important}
.b-gray-f:not(:disabled):focus {border-color:var(--gray);border-style:solid}
.c-gray-f:not(:disabled):focus {color:var(--gray) !important}
.accent-gray-f:not(:disabled):focus {accent-color:var(--gray) !important}
.shadow-gray-f:not(:disabled):focus {box-shadow:hsla(var(--gray-h),var(--gray-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-a:not(:disabled):active {background-color:var(--gray) !important}
.b-gray-a:not(:disabled):active {border-color:var(--gray);border-style:solid}
.c-gray-a:not(:disabled):active {color:var(--gray) !important}
.accent-gray-a:not(:disabled):active {accent-color:var(--gray) !important}
.shadow-gray-a:not(:disabled):active {box-shadow:hsla(var(--gray-h),var(--gray-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-gray-transparent {background-color:hsla(var(--gray-h),var(--gray-s),50%,0.5)!important}
.gray {--active:var(--gray);--active-h:var(--gray-h);--active-s:var(--gray-s);--active-l:50%}
.bgc-gray-odd>:nth-of-type(odd) {background-color:var(--gray) !important}
.c-gray-odd>:nth-of-type(odd) {color:var(--gray) !important}
.b-gray-odd>:nth-of-type(odd) {border-color:var(--gray);border-style:solid}
.scrollbar-gray::-webkit-scrollbar-thumb {background-color:var(--gray) !important}
.gradient-gray {background:linear-gradient(var(--angle,90deg),var(--gray),var(--active))}
.bgc-green1 {background-color:var(--green1) !important}
.b-green1 {border-color:var(--green1);border-style:solid}
.c-green1 {color:var(--green1) !important}
.accent-green1 {accent-color:var(--green1) !important}
.shadow-green1 {box-shadow:hsla(var(--green-h),var(--green-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green1-h:not(:disabled):hover {background-color:var(--green1) !important}
.b-green1-h:not(:disabled):hover {border-color:var(--green1);border-style:solid}
.c-green1-h:not(:disabled):hover {color:var(--green1) !important}
.accent-green1-h:not(:disabled):hover {accent-color:var(--green1) !important}
.shadow-green1-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green1-f:not(:disabled):focus {background-color:var(--green1) !important}
.b-green1-f:not(:disabled):focus {border-color:var(--green1);border-style:solid}
.c-green1-f:not(:disabled):focus {color:var(--green1) !important}
.accent-green1-f:not(:disabled):focus {accent-color:var(--green1) !important}
.shadow-green1-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green1-a:not(:disabled):active {background-color:var(--green1) !important}
.b-green1-a:not(:disabled):active {border-color:var(--green1);border-style:solid}
.c-green1-a:not(:disabled):active {color:var(--green1) !important}
.accent-green1-a:not(:disabled):active {accent-color:var(--green1) !important}
.shadow-green1-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green1-transparent {background-color:hsla(var(--green-h),var(--green-s),60%,0.5)!important}
.green1 {--active:var(--green1);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:60%}
.bgc-green1-odd>:nth-of-type(odd) {background-color:var(--green1) !important}
.c-green1-odd>:nth-of-type(odd) {color:var(--green1) !important}
.b-green1-odd>:nth-of-type(odd) {border-color:var(--green1);border-style:solid}
.scrollbar-green1::-webkit-scrollbar-thumb {background-color:var(--green1) !important}
.gradient-green1 {background:linear-gradient(var(--angle,90deg),var(--green1),var(--active))}
.bgc-green2 {background-color:var(--green2) !important}
.b-green2 {border-color:var(--green2);border-style:solid}
.c-green2 {color:var(--green2) !important}
.accent-green2 {accent-color:var(--green2) !important}
.shadow-green2 {box-shadow:hsla(var(--green-h),var(--green-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green2-h:not(:disabled):hover {background-color:var(--green2) !important}
.b-green2-h:not(:disabled):hover {border-color:var(--green2);border-style:solid}
.c-green2-h:not(:disabled):hover {color:var(--green2) !important}
.accent-green2-h:not(:disabled):hover {accent-color:var(--green2) !important}
.shadow-green2-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green2-f:not(:disabled):focus {background-color:var(--green2) !important}
.b-green2-f:not(:disabled):focus {border-color:var(--green2);border-style:solid}
.c-green2-f:not(:disabled):focus {color:var(--green2) !important}
.accent-green2-f:not(:disabled):focus {accent-color:var(--green2) !important}
.shadow-green2-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green2-a:not(:disabled):active {background-color:var(--green2) !important}
.b-green2-a:not(:disabled):active {border-color:var(--green2);border-style:solid}
.c-green2-a:not(:disabled):active {color:var(--green2) !important}
.accent-green2-a:not(:disabled):active {accent-color:var(--green2) !important}
.shadow-green2-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green2-transparent {background-color:hsla(var(--green-h),var(--green-s),70%,0.5)!important}
.green2 {--active:var(--green2);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:70%}
.bgc-green2-odd>:nth-of-type(odd) {background-color:var(--green2) !important}
.c-green2-odd>:nth-of-type(odd) {color:var(--green2) !important}
.b-green2-odd>:nth-of-type(odd) {border-color:var(--green2);border-style:solid}
.scrollbar-green2::-webkit-scrollbar-thumb {background-color:var(--green2) !important}
.gradient-green2 {background:linear-gradient(var(--angle,90deg),var(--green2),var(--active))}
.bgc-green3 {background-color:var(--green3) !important}
.b-green3 {border-color:var(--green3);border-style:solid}
.c-green3 {color:var(--green3) !important}
.accent-green3 {accent-color:var(--green3) !important}
.shadow-green3 {box-shadow:hsla(var(--green-h),var(--green-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green3-h:not(:disabled):hover {background-color:var(--green3) !important}
.b-green3-h:not(:disabled):hover {border-color:var(--green3);border-style:solid}
.c-green3-h:not(:disabled):hover {color:var(--green3) !important}
.accent-green3-h:not(:disabled):hover {accent-color:var(--green3) !important}
.shadow-green3-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green3-f:not(:disabled):focus {background-color:var(--green3) !important}
.b-green3-f:not(:disabled):focus {border-color:var(--green3);border-style:solid}
.c-green3-f:not(:disabled):focus {color:var(--green3) !important}
.accent-green3-f:not(:disabled):focus {accent-color:var(--green3) !important}
.shadow-green3-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green3-a:not(:disabled):active {background-color:var(--green3) !important}
.b-green3-a:not(:disabled):active {border-color:var(--green3);border-style:solid}
.c-green3-a:not(:disabled):active {color:var(--green3) !important}
.accent-green3-a:not(:disabled):active {accent-color:var(--green3) !important}
.shadow-green3-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green3-transparent {background-color:hsla(var(--green-h),var(--green-s),80%,0.5)!important}
.green3 {--active:var(--green3);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:80%}
.bgc-green3-odd>:nth-of-type(odd) {background-color:var(--green3) !important}
.c-green3-odd>:nth-of-type(odd) {color:var(--green3) !important}
.b-green3-odd>:nth-of-type(odd) {border-color:var(--green3);border-style:solid}
.scrollbar-green3::-webkit-scrollbar-thumb {background-color:var(--green3) !important}
.gradient-green3 {background:linear-gradient(var(--angle,90deg),var(--green3),var(--active))}
.bgc-green4 {background-color:var(--green4) !important}
.b-green4 {border-color:var(--green4);border-style:solid}
.c-green4 {color:var(--green4) !important}
.accent-green4 {accent-color:var(--green4) !important}
.shadow-green4 {box-shadow:hsla(var(--green-h),var(--green-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green4-h:not(:disabled):hover {background-color:var(--green4) !important}
.b-green4-h:not(:disabled):hover {border-color:var(--green4);border-style:solid}
.c-green4-h:not(:disabled):hover {color:var(--green4) !important}
.accent-green4-h:not(:disabled):hover {accent-color:var(--green4) !important}
.shadow-green4-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green4-f:not(:disabled):focus {background-color:var(--green4) !important}
.b-green4-f:not(:disabled):focus {border-color:var(--green4);border-style:solid}
.c-green4-f:not(:disabled):focus {color:var(--green4) !important}
.accent-green4-f:not(:disabled):focus {accent-color:var(--green4) !important}
.shadow-green4-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green4-a:not(:disabled):active {background-color:var(--green4) !important}
.b-green4-a:not(:disabled):active {border-color:var(--green4);border-style:solid}
.c-green4-a:not(:disabled):active {color:var(--green4) !important}
.accent-green4-a:not(:disabled):active {accent-color:var(--green4) !important}
.shadow-green4-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green4-transparent {background-color:hsla(var(--green-h),var(--green-s),90%,0.5)!important}
.green4 {--active:var(--green4);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:90%}
.bgc-green4-odd>:nth-of-type(odd) {background-color:var(--green4) !important}
.c-green4-odd>:nth-of-type(odd) {color:var(--green4) !important}
.b-green4-odd>:nth-of-type(odd) {border-color:var(--green4);border-style:solid}
.scrollbar-green4::-webkit-scrollbar-thumb {background-color:var(--green4) !important}
.gradient-green4 {background:linear-gradient(var(--angle,90deg),var(--green4),var(--active))}
.bgc-green5 {background-color:var(--green5) !important}
.b-green5 {border-color:var(--green5);border-style:solid}
.c-green5 {color:var(--green5) !important}
.accent-green5 {accent-color:var(--green5) !important}
.shadow-green5 {box-shadow:hsla(var(--green-h),var(--green-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green5-h:not(:disabled):hover {background-color:var(--green5) !important}
.b-green5-h:not(:disabled):hover {border-color:var(--green5);border-style:solid}
.c-green5-h:not(:disabled):hover {color:var(--green5) !important}
.accent-green5-h:not(:disabled):hover {accent-color:var(--green5) !important}
.shadow-green5-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green5-f:not(:disabled):focus {background-color:var(--green5) !important}
.b-green5-f:not(:disabled):focus {border-color:var(--green5);border-style:solid}
.c-green5-f:not(:disabled):focus {color:var(--green5) !important}
.accent-green5-f:not(:disabled):focus {accent-color:var(--green5) !important}
.shadow-green5-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green5-a:not(:disabled):active {background-color:var(--green5) !important}
.b-green5-a:not(:disabled):active {border-color:var(--green5);border-style:solid}
.c-green5-a:not(:disabled):active {color:var(--green5) !important}
.accent-green5-a:not(:disabled):active {accent-color:var(--green5) !important}
.shadow-green5-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green5-transparent {background-color:hsla(var(--green-h),var(--green-s),95%,0.5)!important}
.green5 {--active:var(--green5);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:95%}
.bgc-green5-odd>:nth-of-type(odd) {background-color:var(--green5) !important}
.c-green5-odd>:nth-of-type(odd) {color:var(--green5) !important}
.b-green5-odd>:nth-of-type(odd) {border-color:var(--green5);border-style:solid}
.scrollbar-green5::-webkit-scrollbar-thumb {background-color:var(--green5) !important}
.gradient-green5 {background:linear-gradient(var(--angle,90deg),var(--green5),var(--active))}
.bgc-green-4 {background-color:var(--green-4) !important}
.b-green-4 {border-color:var(--green-4);border-style:solid}
.c-green-4 {color:var(--green-4) !important}
.accent-green-4 {accent-color:var(--green-4) !important}
.shadow-green-4 {box-shadow:hsla(var(--green-h),var(--green-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-4-h:not(:disabled):hover {background-color:var(--green-4) !important}
.b-green-4-h:not(:disabled):hover {border-color:var(--green-4);border-style:solid}
.c-green-4-h:not(:disabled):hover {color:var(--green-4) !important}
.accent-green-4-h:not(:disabled):hover {accent-color:var(--green-4) !important}
.shadow-green-4-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-4-f:not(:disabled):focus {background-color:var(--green-4) !important}
.b-green-4-f:not(:disabled):focus {border-color:var(--green-4);border-style:solid}
.c-green-4-f:not(:disabled):focus {color:var(--green-4) !important}
.accent-green-4-f:not(:disabled):focus {accent-color:var(--green-4) !important}
.shadow-green-4-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-4-a:not(:disabled):active {background-color:var(--green-4) !important}
.b-green-4-a:not(:disabled):active {border-color:var(--green-4);border-style:solid}
.c-green-4-a:not(:disabled):active {color:var(--green-4) !important}
.accent-green-4-a:not(:disabled):active {accent-color:var(--green-4) !important}
.shadow-green-4-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-4-transparent {background-color:hsla(var(--green-h),var(--green-s),10%,0.5)!important}
.green-4 {--active:var(--green-4);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:10%}
.bgc-green-4-odd>:nth-of-type(odd) {background-color:var(--green-4) !important}
.c-green-4-odd>:nth-of-type(odd) {color:var(--green-4) !important}
.b-green-4-odd>:nth-of-type(odd) {border-color:var(--green-4);border-style:solid}
.scrollbar-green-4::-webkit-scrollbar-thumb {background-color:var(--green-4) !important}
.gradient-green-4 {background:linear-gradient(var(--angle,90deg),var(--green-4),var(--active))}
.bgc-green-3 {background-color:var(--green-3) !important}
.b-green-3 {border-color:var(--green-3);border-style:solid}
.c-green-3 {color:var(--green-3) !important}
.accent-green-3 {accent-color:var(--green-3) !important}
.shadow-green-3 {box-shadow:hsla(var(--green-h),var(--green-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-3-h:not(:disabled):hover {background-color:var(--green-3) !important}
.b-green-3-h:not(:disabled):hover {border-color:var(--green-3);border-style:solid}
.c-green-3-h:not(:disabled):hover {color:var(--green-3) !important}
.accent-green-3-h:not(:disabled):hover {accent-color:var(--green-3) !important}
.shadow-green-3-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-3-f:not(:disabled):focus {background-color:var(--green-3) !important}
.b-green-3-f:not(:disabled):focus {border-color:var(--green-3);border-style:solid}
.c-green-3-f:not(:disabled):focus {color:var(--green-3) !important}
.accent-green-3-f:not(:disabled):focus {accent-color:var(--green-3) !important}
.shadow-green-3-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-3-a:not(:disabled):active {background-color:var(--green-3) !important}
.b-green-3-a:not(:disabled):active {border-color:var(--green-3);border-style:solid}
.c-green-3-a:not(:disabled):active {color:var(--green-3) !important}
.accent-green-3-a:not(:disabled):active {accent-color:var(--green-3) !important}
.shadow-green-3-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-3-transparent {background-color:hsla(var(--green-h),var(--green-s),20%,0.5)!important}
.green-3 {--active:var(--green-3);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:20%}
.bgc-green-3-odd>:nth-of-type(odd) {background-color:var(--green-3) !important}
.c-green-3-odd>:nth-of-type(odd) {color:var(--green-3) !important}
.b-green-3-odd>:nth-of-type(odd) {border-color:var(--green-3);border-style:solid}
.scrollbar-green-3::-webkit-scrollbar-thumb {background-color:var(--green-3) !important}
.gradient-green-3 {background:linear-gradient(var(--angle,90deg),var(--green-3),var(--active))}
.bgc-green-2 {background-color:var(--green-2) !important}
.b-green-2 {border-color:var(--green-2);border-style:solid}
.c-green-2 {color:var(--green-2) !important}
.accent-green-2 {accent-color:var(--green-2) !important}
.shadow-green-2 {box-shadow:hsla(var(--green-h),var(--green-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-2-h:not(:disabled):hover {background-color:var(--green-2) !important}
.b-green-2-h:not(:disabled):hover {border-color:var(--green-2);border-style:solid}
.c-green-2-h:not(:disabled):hover {color:var(--green-2) !important}
.accent-green-2-h:not(:disabled):hover {accent-color:var(--green-2) !important}
.shadow-green-2-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-2-f:not(:disabled):focus {background-color:var(--green-2) !important}
.b-green-2-f:not(:disabled):focus {border-color:var(--green-2);border-style:solid}
.c-green-2-f:not(:disabled):focus {color:var(--green-2) !important}
.accent-green-2-f:not(:disabled):focus {accent-color:var(--green-2) !important}
.shadow-green-2-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-2-a:not(:disabled):active {background-color:var(--green-2) !important}
.b-green-2-a:not(:disabled):active {border-color:var(--green-2);border-style:solid}
.c-green-2-a:not(:disabled):active {color:var(--green-2) !important}
.accent-green-2-a:not(:disabled):active {accent-color:var(--green-2) !important}
.shadow-green-2-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-2-transparent {background-color:hsla(var(--green-h),var(--green-s),30%,0.5)!important}
.green-2 {--active:var(--green-2);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:30%}
.bgc-green-2-odd>:nth-of-type(odd) {background-color:var(--green-2) !important}
.c-green-2-odd>:nth-of-type(odd) {color:var(--green-2) !important}
.b-green-2-odd>:nth-of-type(odd) {border-color:var(--green-2);border-style:solid}
.scrollbar-green-2::-webkit-scrollbar-thumb {background-color:var(--green-2) !important}
.gradient-green-2 {background:linear-gradient(var(--angle,90deg),var(--green-2),var(--active))}
.bgc-green-1 {background-color:var(--green-1) !important}
.b-green-1 {border-color:var(--green-1);border-style:solid}
.c-green-1 {color:var(--green-1) !important}
.accent-green-1 {accent-color:var(--green-1) !important}
.shadow-green-1 {box-shadow:hsla(var(--green-h),var(--green-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-1-h:not(:disabled):hover {background-color:var(--green-1) !important}
.b-green-1-h:not(:disabled):hover {border-color:var(--green-1);border-style:solid}
.c-green-1-h:not(:disabled):hover {color:var(--green-1) !important}
.accent-green-1-h:not(:disabled):hover {accent-color:var(--green-1) !important}
.shadow-green-1-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-1-f:not(:disabled):focus {background-color:var(--green-1) !important}
.b-green-1-f:not(:disabled):focus {border-color:var(--green-1);border-style:solid}
.c-green-1-f:not(:disabled):focus {color:var(--green-1) !important}
.accent-green-1-f:not(:disabled):focus {accent-color:var(--green-1) !important}
.shadow-green-1-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-1-a:not(:disabled):active {background-color:var(--green-1) !important}
.b-green-1-a:not(:disabled):active {border-color:var(--green-1);border-style:solid}
.c-green-1-a:not(:disabled):active {color:var(--green-1) !important}
.accent-green-1-a:not(:disabled):active {accent-color:var(--green-1) !important}
.shadow-green-1-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-1-transparent {background-color:hsla(var(--green-h),var(--green-s),40%,0.5)!important}
.green-1 {--active:var(--green-1);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:40%}
.bgc-green-1-odd>:nth-of-type(odd) {background-color:var(--green-1) !important}
.c-green-1-odd>:nth-of-type(odd) {color:var(--green-1) !important}
.b-green-1-odd>:nth-of-type(odd) {border-color:var(--green-1);border-style:solid}
.scrollbar-green-1::-webkit-scrollbar-thumb {background-color:var(--green-1) !important}
.gradient-green-1 {background:linear-gradient(var(--angle,90deg),var(--green-1),var(--active))}
.bgc-green {background-color:var(--green) !important}
.b-green {border-color:var(--green);border-style:solid}
.c-green {color:var(--green) !important}
.accent-green {accent-color:var(--green) !important}
.shadow-green {box-shadow:hsla(var(--green-h),var(--green-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-h:not(:disabled):hover {background-color:var(--green) !important}
.b-green-h:not(:disabled):hover {border-color:var(--green);border-style:solid}
.c-green-h:not(:disabled):hover {color:var(--green) !important}
.accent-green-h:not(:disabled):hover {accent-color:var(--green) !important}
.shadow-green-h:not(:disabled):hover {box-shadow:hsla(var(--green-h),var(--green-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-f:not(:disabled):focus {background-color:var(--green) !important}
.b-green-f:not(:disabled):focus {border-color:var(--green);border-style:solid}
.c-green-f:not(:disabled):focus {color:var(--green) !important}
.accent-green-f:not(:disabled):focus {accent-color:var(--green) !important}
.shadow-green-f:not(:disabled):focus {box-shadow:hsla(var(--green-h),var(--green-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-a:not(:disabled):active {background-color:var(--green) !important}
.b-green-a:not(:disabled):active {border-color:var(--green);border-style:solid}
.c-green-a:not(:disabled):active {color:var(--green) !important}
.accent-green-a:not(:disabled):active {accent-color:var(--green) !important}
.shadow-green-a:not(:disabled):active {box-shadow:hsla(var(--green-h),var(--green-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-green-transparent {background-color:hsla(var(--green-h),var(--green-s),50%,0.5)!important}
.green {--active:var(--green);--active-h:var(--green-h);--active-s:var(--green-s);--active-l:50%}
.bgc-green-odd>:nth-of-type(odd) {background-color:var(--green) !important}
.c-green-odd>:nth-of-type(odd) {color:var(--green) !important}
.b-green-odd>:nth-of-type(odd) {border-color:var(--green);border-style:solid}
.scrollbar-green::-webkit-scrollbar-thumb {background-color:var(--green) !important}
.gradient-green {background:linear-gradient(var(--angle,90deg),var(--green),var(--active))}
.bgc-red1 {background-color:var(--red1) !important}
.b-red1 {border-color:var(--red1);border-style:solid}
.c-red1 {color:var(--red1) !important}
.accent-red1 {accent-color:var(--red1) !important}
.shadow-red1 {box-shadow:hsla(var(--red-h),var(--red-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red1-h:not(:disabled):hover {background-color:var(--red1) !important}
.b-red1-h:not(:disabled):hover {border-color:var(--red1);border-style:solid}
.c-red1-h:not(:disabled):hover {color:var(--red1) !important}
.accent-red1-h:not(:disabled):hover {accent-color:var(--red1) !important}
.shadow-red1-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red1-f:not(:disabled):focus {background-color:var(--red1) !important}
.b-red1-f:not(:disabled):focus {border-color:var(--red1);border-style:solid}
.c-red1-f:not(:disabled):focus {color:var(--red1) !important}
.accent-red1-f:not(:disabled):focus {accent-color:var(--red1) !important}
.shadow-red1-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red1-a:not(:disabled):active {background-color:var(--red1) !important}
.b-red1-a:not(:disabled):active {border-color:var(--red1);border-style:solid}
.c-red1-a:not(:disabled):active {color:var(--red1) !important}
.accent-red1-a:not(:disabled):active {accent-color:var(--red1) !important}
.shadow-red1-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red1-transparent {background-color:hsla(var(--red-h),var(--red-s),60%,0.5)!important}
.red1 {--active:var(--red1);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:60%}
.bgc-red1-odd>:nth-of-type(odd) {background-color:var(--red1) !important}
.c-red1-odd>:nth-of-type(odd) {color:var(--red1) !important}
.b-red1-odd>:nth-of-type(odd) {border-color:var(--red1);border-style:solid}
.scrollbar-red1::-webkit-scrollbar-thumb {background-color:var(--red1) !important}
.gradient-red1 {background:linear-gradient(var(--angle,90deg),var(--red1),var(--active))}
.bgc-red2 {background-color:var(--red2) !important}
.b-red2 {border-color:var(--red2);border-style:solid}
.c-red2 {color:var(--red2) !important}
.accent-red2 {accent-color:var(--red2) !important}
.shadow-red2 {box-shadow:hsla(var(--red-h),var(--red-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red2-h:not(:disabled):hover {background-color:var(--red2) !important}
.b-red2-h:not(:disabled):hover {border-color:var(--red2);border-style:solid}
.c-red2-h:not(:disabled):hover {color:var(--red2) !important}
.accent-red2-h:not(:disabled):hover {accent-color:var(--red2) !important}
.shadow-red2-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red2-f:not(:disabled):focus {background-color:var(--red2) !important}
.b-red2-f:not(:disabled):focus {border-color:var(--red2);border-style:solid}
.c-red2-f:not(:disabled):focus {color:var(--red2) !important}
.accent-red2-f:not(:disabled):focus {accent-color:var(--red2) !important}
.shadow-red2-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red2-a:not(:disabled):active {background-color:var(--red2) !important}
.b-red2-a:not(:disabled):active {border-color:var(--red2);border-style:solid}
.c-red2-a:not(:disabled):active {color:var(--red2) !important}
.accent-red2-a:not(:disabled):active {accent-color:var(--red2) !important}
.shadow-red2-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red2-transparent {background-color:hsla(var(--red-h),var(--red-s),70%,0.5)!important}
.red2 {--active:var(--red2);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:70%}
.bgc-red2-odd>:nth-of-type(odd) {background-color:var(--red2) !important}
.c-red2-odd>:nth-of-type(odd) {color:var(--red2) !important}
.b-red2-odd>:nth-of-type(odd) {border-color:var(--red2);border-style:solid}
.scrollbar-red2::-webkit-scrollbar-thumb {background-color:var(--red2) !important}
.gradient-red2 {background:linear-gradient(var(--angle,90deg),var(--red2),var(--active))}
.bgc-red3 {background-color:var(--red3) !important}
.b-red3 {border-color:var(--red3);border-style:solid}
.c-red3 {color:var(--red3) !important}
.accent-red3 {accent-color:var(--red3) !important}
.shadow-red3 {box-shadow:hsla(var(--red-h),var(--red-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red3-h:not(:disabled):hover {background-color:var(--red3) !important}
.b-red3-h:not(:disabled):hover {border-color:var(--red3);border-style:solid}
.c-red3-h:not(:disabled):hover {color:var(--red3) !important}
.accent-red3-h:not(:disabled):hover {accent-color:var(--red3) !important}
.shadow-red3-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red3-f:not(:disabled):focus {background-color:var(--red3) !important}
.b-red3-f:not(:disabled):focus {border-color:var(--red3);border-style:solid}
.c-red3-f:not(:disabled):focus {color:var(--red3) !important}
.accent-red3-f:not(:disabled):focus {accent-color:var(--red3) !important}
.shadow-red3-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red3-a:not(:disabled):active {background-color:var(--red3) !important}
.b-red3-a:not(:disabled):active {border-color:var(--red3);border-style:solid}
.c-red3-a:not(:disabled):active {color:var(--red3) !important}
.accent-red3-a:not(:disabled):active {accent-color:var(--red3) !important}
.shadow-red3-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red3-transparent {background-color:hsla(var(--red-h),var(--red-s),80%,0.5)!important}
.red3 {--active:var(--red3);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:80%}
.bgc-red3-odd>:nth-of-type(odd) {background-color:var(--red3) !important}
.c-red3-odd>:nth-of-type(odd) {color:var(--red3) !important}
.b-red3-odd>:nth-of-type(odd) {border-color:var(--red3);border-style:solid}
.scrollbar-red3::-webkit-scrollbar-thumb {background-color:var(--red3) !important}
.gradient-red3 {background:linear-gradient(var(--angle,90deg),var(--red3),var(--active))}
.bgc-red4 {background-color:var(--red4) !important}
.b-red4 {border-color:var(--red4);border-style:solid}
.c-red4 {color:var(--red4) !important}
.accent-red4 {accent-color:var(--red4) !important}
.shadow-red4 {box-shadow:hsla(var(--red-h),var(--red-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red4-h:not(:disabled):hover {background-color:var(--red4) !important}
.b-red4-h:not(:disabled):hover {border-color:var(--red4);border-style:solid}
.c-red4-h:not(:disabled):hover {color:var(--red4) !important}
.accent-red4-h:not(:disabled):hover {accent-color:var(--red4) !important}
.shadow-red4-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red4-f:not(:disabled):focus {background-color:var(--red4) !important}
.b-red4-f:not(:disabled):focus {border-color:var(--red4);border-style:solid}
.c-red4-f:not(:disabled):focus {color:var(--red4) !important}
.accent-red4-f:not(:disabled):focus {accent-color:var(--red4) !important}
.shadow-red4-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red4-a:not(:disabled):active {background-color:var(--red4) !important}
.b-red4-a:not(:disabled):active {border-color:var(--red4);border-style:solid}
.c-red4-a:not(:disabled):active {color:var(--red4) !important}
.accent-red4-a:not(:disabled):active {accent-color:var(--red4) !important}
.shadow-red4-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red4-transparent {background-color:hsla(var(--red-h),var(--red-s),90%,0.5)!important}
.red4 {--active:var(--red4);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:90%}
.bgc-red4-odd>:nth-of-type(odd) {background-color:var(--red4) !important}
.c-red4-odd>:nth-of-type(odd) {color:var(--red4) !important}
.b-red4-odd>:nth-of-type(odd) {border-color:var(--red4);border-style:solid}
.scrollbar-red4::-webkit-scrollbar-thumb {background-color:var(--red4) !important}
.gradient-red4 {background:linear-gradient(var(--angle,90deg),var(--red4),var(--active))}
.bgc-red5 {background-color:var(--red5) !important}
.b-red5 {border-color:var(--red5);border-style:solid}
.c-red5 {color:var(--red5) !important}
.accent-red5 {accent-color:var(--red5) !important}
.shadow-red5 {box-shadow:hsla(var(--red-h),var(--red-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red5-h:not(:disabled):hover {background-color:var(--red5) !important}
.b-red5-h:not(:disabled):hover {border-color:var(--red5);border-style:solid}
.c-red5-h:not(:disabled):hover {color:var(--red5) !important}
.accent-red5-h:not(:disabled):hover {accent-color:var(--red5) !important}
.shadow-red5-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red5-f:not(:disabled):focus {background-color:var(--red5) !important}
.b-red5-f:not(:disabled):focus {border-color:var(--red5);border-style:solid}
.c-red5-f:not(:disabled):focus {color:var(--red5) !important}
.accent-red5-f:not(:disabled):focus {accent-color:var(--red5) !important}
.shadow-red5-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red5-a:not(:disabled):active {background-color:var(--red5) !important}
.b-red5-a:not(:disabled):active {border-color:var(--red5);border-style:solid}
.c-red5-a:not(:disabled):active {color:var(--red5) !important}
.accent-red5-a:not(:disabled):active {accent-color:var(--red5) !important}
.shadow-red5-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red5-transparent {background-color:hsla(var(--red-h),var(--red-s),95%,0.5)!important}
.red5 {--active:var(--red5);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:95%}
.bgc-red5-odd>:nth-of-type(odd) {background-color:var(--red5) !important}
.c-red5-odd>:nth-of-type(odd) {color:var(--red5) !important}
.b-red5-odd>:nth-of-type(odd) {border-color:var(--red5);border-style:solid}
.scrollbar-red5::-webkit-scrollbar-thumb {background-color:var(--red5) !important}
.gradient-red5 {background:linear-gradient(var(--angle,90deg),var(--red5),var(--active))}
.bgc-red-4 {background-color:var(--red-4) !important}
.b-red-4 {border-color:var(--red-4);border-style:solid}
.c-red-4 {color:var(--red-4) !important}
.accent-red-4 {accent-color:var(--red-4) !important}
.shadow-red-4 {box-shadow:hsla(var(--red-h),var(--red-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-4-h:not(:disabled):hover {background-color:var(--red-4) !important}
.b-red-4-h:not(:disabled):hover {border-color:var(--red-4);border-style:solid}
.c-red-4-h:not(:disabled):hover {color:var(--red-4) !important}
.accent-red-4-h:not(:disabled):hover {accent-color:var(--red-4) !important}
.shadow-red-4-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-4-f:not(:disabled):focus {background-color:var(--red-4) !important}
.b-red-4-f:not(:disabled):focus {border-color:var(--red-4);border-style:solid}
.c-red-4-f:not(:disabled):focus {color:var(--red-4) !important}
.accent-red-4-f:not(:disabled):focus {accent-color:var(--red-4) !important}
.shadow-red-4-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-4-a:not(:disabled):active {background-color:var(--red-4) !important}
.b-red-4-a:not(:disabled):active {border-color:var(--red-4);border-style:solid}
.c-red-4-a:not(:disabled):active {color:var(--red-4) !important}
.accent-red-4-a:not(:disabled):active {accent-color:var(--red-4) !important}
.shadow-red-4-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-4-transparent {background-color:hsla(var(--red-h),var(--red-s),10%,0.5)!important}
.red-4 {--active:var(--red-4);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:10%}
.bgc-red-4-odd>:nth-of-type(odd) {background-color:var(--red-4) !important}
.c-red-4-odd>:nth-of-type(odd) {color:var(--red-4) !important}
.b-red-4-odd>:nth-of-type(odd) {border-color:var(--red-4);border-style:solid}
.scrollbar-red-4::-webkit-scrollbar-thumb {background-color:var(--red-4) !important}
.gradient-red-4 {background:linear-gradient(var(--angle,90deg),var(--red-4),var(--active))}
.bgc-red-3 {background-color:var(--red-3) !important}
.b-red-3 {border-color:var(--red-3);border-style:solid}
.c-red-3 {color:var(--red-3) !important}
.accent-red-3 {accent-color:var(--red-3) !important}
.shadow-red-3 {box-shadow:hsla(var(--red-h),var(--red-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-3-h:not(:disabled):hover {background-color:var(--red-3) !important}
.b-red-3-h:not(:disabled):hover {border-color:var(--red-3);border-style:solid}
.c-red-3-h:not(:disabled):hover {color:var(--red-3) !important}
.accent-red-3-h:not(:disabled):hover {accent-color:var(--red-3) !important}
.shadow-red-3-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-3-f:not(:disabled):focus {background-color:var(--red-3) !important}
.b-red-3-f:not(:disabled):focus {border-color:var(--red-3);border-style:solid}
.c-red-3-f:not(:disabled):focus {color:var(--red-3) !important}
.accent-red-3-f:not(:disabled):focus {accent-color:var(--red-3) !important}
.shadow-red-3-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-3-a:not(:disabled):active {background-color:var(--red-3) !important}
.b-red-3-a:not(:disabled):active {border-color:var(--red-3);border-style:solid}
.c-red-3-a:not(:disabled):active {color:var(--red-3) !important}
.accent-red-3-a:not(:disabled):active {accent-color:var(--red-3) !important}
.shadow-red-3-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-3-transparent {background-color:hsla(var(--red-h),var(--red-s),20%,0.5)!important}
.red-3 {--active:var(--red-3);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:20%}
.bgc-red-3-odd>:nth-of-type(odd) {background-color:var(--red-3) !important}
.c-red-3-odd>:nth-of-type(odd) {color:var(--red-3) !important}
.b-red-3-odd>:nth-of-type(odd) {border-color:var(--red-3);border-style:solid}
.scrollbar-red-3::-webkit-scrollbar-thumb {background-color:var(--red-3) !important}
.gradient-red-3 {background:linear-gradient(var(--angle,90deg),var(--red-3),var(--active))}
.bgc-red-2 {background-color:var(--red-2) !important}
.b-red-2 {border-color:var(--red-2);border-style:solid}
.c-red-2 {color:var(--red-2) !important}
.accent-red-2 {accent-color:var(--red-2) !important}
.shadow-red-2 {box-shadow:hsla(var(--red-h),var(--red-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-2-h:not(:disabled):hover {background-color:var(--red-2) !important}
.b-red-2-h:not(:disabled):hover {border-color:var(--red-2);border-style:solid}
.c-red-2-h:not(:disabled):hover {color:var(--red-2) !important}
.accent-red-2-h:not(:disabled):hover {accent-color:var(--red-2) !important}
.shadow-red-2-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-2-f:not(:disabled):focus {background-color:var(--red-2) !important}
.b-red-2-f:not(:disabled):focus {border-color:var(--red-2);border-style:solid}
.c-red-2-f:not(:disabled):focus {color:var(--red-2) !important}
.accent-red-2-f:not(:disabled):focus {accent-color:var(--red-2) !important}
.shadow-red-2-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-2-a:not(:disabled):active {background-color:var(--red-2) !important}
.b-red-2-a:not(:disabled):active {border-color:var(--red-2);border-style:solid}
.c-red-2-a:not(:disabled):active {color:var(--red-2) !important}
.accent-red-2-a:not(:disabled):active {accent-color:var(--red-2) !important}
.shadow-red-2-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-2-transparent {background-color:hsla(var(--red-h),var(--red-s),30%,0.5)!important}
.red-2 {--active:var(--red-2);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:30%}
.bgc-red-2-odd>:nth-of-type(odd) {background-color:var(--red-2) !important}
.c-red-2-odd>:nth-of-type(odd) {color:var(--red-2) !important}
.b-red-2-odd>:nth-of-type(odd) {border-color:var(--red-2);border-style:solid}
.scrollbar-red-2::-webkit-scrollbar-thumb {background-color:var(--red-2) !important}
.gradient-red-2 {background:linear-gradient(var(--angle,90deg),var(--red-2),var(--active))}
.bgc-red-1 {background-color:var(--red-1) !important}
.b-red-1 {border-color:var(--red-1);border-style:solid}
.c-red-1 {color:var(--red-1) !important}
.accent-red-1 {accent-color:var(--red-1) !important}
.shadow-red-1 {box-shadow:hsla(var(--red-h),var(--red-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-1-h:not(:disabled):hover {background-color:var(--red-1) !important}
.b-red-1-h:not(:disabled):hover {border-color:var(--red-1);border-style:solid}
.c-red-1-h:not(:disabled):hover {color:var(--red-1) !important}
.accent-red-1-h:not(:disabled):hover {accent-color:var(--red-1) !important}
.shadow-red-1-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-1-f:not(:disabled):focus {background-color:var(--red-1) !important}
.b-red-1-f:not(:disabled):focus {border-color:var(--red-1);border-style:solid}
.c-red-1-f:not(:disabled):focus {color:var(--red-1) !important}
.accent-red-1-f:not(:disabled):focus {accent-color:var(--red-1) !important}
.shadow-red-1-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-1-a:not(:disabled):active {background-color:var(--red-1) !important}
.b-red-1-a:not(:disabled):active {border-color:var(--red-1);border-style:solid}
.c-red-1-a:not(:disabled):active {color:var(--red-1) !important}
.accent-red-1-a:not(:disabled):active {accent-color:var(--red-1) !important}
.shadow-red-1-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-1-transparent {background-color:hsla(var(--red-h),var(--red-s),40%,0.5)!important}
.red-1 {--active:var(--red-1);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:40%}
.bgc-red-1-odd>:nth-of-type(odd) {background-color:var(--red-1) !important}
.c-red-1-odd>:nth-of-type(odd) {color:var(--red-1) !important}
.b-red-1-odd>:nth-of-type(odd) {border-color:var(--red-1);border-style:solid}
.scrollbar-red-1::-webkit-scrollbar-thumb {background-color:var(--red-1) !important}
.gradient-red-1 {background:linear-gradient(var(--angle,90deg),var(--red-1),var(--active))}
.bgc-red {background-color:var(--red) !important}
.b-red {border-color:var(--red);border-style:solid}
.c-red {color:var(--red) !important}
.accent-red {accent-color:var(--red) !important}
.shadow-red {box-shadow:hsla(var(--red-h),var(--red-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-h:not(:disabled):hover {background-color:var(--red) !important}
.b-red-h:not(:disabled):hover {border-color:var(--red);border-style:solid}
.c-red-h:not(:disabled):hover {color:var(--red) !important}
.accent-red-h:not(:disabled):hover {accent-color:var(--red) !important}
.shadow-red-h:not(:disabled):hover {box-shadow:hsla(var(--red-h),var(--red-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-f:not(:disabled):focus {background-color:var(--red) !important}
.b-red-f:not(:disabled):focus {border-color:var(--red);border-style:solid}
.c-red-f:not(:disabled):focus {color:var(--red) !important}
.accent-red-f:not(:disabled):focus {accent-color:var(--red) !important}
.shadow-red-f:not(:disabled):focus {box-shadow:hsla(var(--red-h),var(--red-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-a:not(:disabled):active {background-color:var(--red) !important}
.b-red-a:not(:disabled):active {border-color:var(--red);border-style:solid}
.c-red-a:not(:disabled):active {color:var(--red) !important}
.accent-red-a:not(:disabled):active {accent-color:var(--red) !important}
.shadow-red-a:not(:disabled):active {box-shadow:hsla(var(--red-h),var(--red-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-red-transparent {background-color:hsla(var(--red-h),var(--red-s),50%,0.5)!important}
.red {--active:var(--red);--active-h:var(--red-h);--active-s:var(--red-s);--active-l:50%}
.bgc-red-odd>:nth-of-type(odd) {background-color:var(--red) !important}
.c-red-odd>:nth-of-type(odd) {color:var(--red) !important}
.b-red-odd>:nth-of-type(odd) {border-color:var(--red);border-style:solid}
.scrollbar-red::-webkit-scrollbar-thumb {background-color:var(--red) !important}
.gradient-red {background:linear-gradient(var(--angle,90deg),var(--red),var(--active))}
.bgc-orange1 {background-color:var(--orange1) !important}
.b-orange1 {border-color:var(--orange1);border-style:solid}
.c-orange1 {color:var(--orange1) !important}
.accent-orange1 {accent-color:var(--orange1) !important}
.shadow-orange1 {box-shadow:hsla(var(--orange-h),var(--orange-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange1-h:not(:disabled):hover {background-color:var(--orange1) !important}
.b-orange1-h:not(:disabled):hover {border-color:var(--orange1);border-style:solid}
.c-orange1-h:not(:disabled):hover {color:var(--orange1) !important}
.accent-orange1-h:not(:disabled):hover {accent-color:var(--orange1) !important}
.shadow-orange1-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange1-f:not(:disabled):focus {background-color:var(--orange1) !important}
.b-orange1-f:not(:disabled):focus {border-color:var(--orange1);border-style:solid}
.c-orange1-f:not(:disabled):focus {color:var(--orange1) !important}
.accent-orange1-f:not(:disabled):focus {accent-color:var(--orange1) !important}
.shadow-orange1-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange1-a:not(:disabled):active {background-color:var(--orange1) !important}
.b-orange1-a:not(:disabled):active {border-color:var(--orange1);border-style:solid}
.c-orange1-a:not(:disabled):active {color:var(--orange1) !important}
.accent-orange1-a:not(:disabled):active {accent-color:var(--orange1) !important}
.shadow-orange1-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange1-transparent {background-color:hsla(var(--orange-h),var(--orange-s),60%,0.5)!important}
.orange1 {--active:var(--orange1);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:60%}
.bgc-orange1-odd>:nth-of-type(odd) {background-color:var(--orange1) !important}
.c-orange1-odd>:nth-of-type(odd) {color:var(--orange1) !important}
.b-orange1-odd>:nth-of-type(odd) {border-color:var(--orange1);border-style:solid}
.scrollbar-orange1::-webkit-scrollbar-thumb {background-color:var(--orange1) !important}
.gradient-orange1 {background:linear-gradient(var(--angle,90deg),var(--orange1),var(--active))}
.bgc-orange2 {background-color:var(--orange2) !important}
.b-orange2 {border-color:var(--orange2);border-style:solid}
.c-orange2 {color:var(--orange2) !important}
.accent-orange2 {accent-color:var(--orange2) !important}
.shadow-orange2 {box-shadow:hsla(var(--orange-h),var(--orange-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange2-h:not(:disabled):hover {background-color:var(--orange2) !important}
.b-orange2-h:not(:disabled):hover {border-color:var(--orange2);border-style:solid}
.c-orange2-h:not(:disabled):hover {color:var(--orange2) !important}
.accent-orange2-h:not(:disabled):hover {accent-color:var(--orange2) !important}
.shadow-orange2-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange2-f:not(:disabled):focus {background-color:var(--orange2) !important}
.b-orange2-f:not(:disabled):focus {border-color:var(--orange2);border-style:solid}
.c-orange2-f:not(:disabled):focus {color:var(--orange2) !important}
.accent-orange2-f:not(:disabled):focus {accent-color:var(--orange2) !important}
.shadow-orange2-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange2-a:not(:disabled):active {background-color:var(--orange2) !important}
.b-orange2-a:not(:disabled):active {border-color:var(--orange2);border-style:solid}
.c-orange2-a:not(:disabled):active {color:var(--orange2) !important}
.accent-orange2-a:not(:disabled):active {accent-color:var(--orange2) !important}
.shadow-orange2-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange2-transparent {background-color:hsla(var(--orange-h),var(--orange-s),70%,0.5)!important}
.orange2 {--active:var(--orange2);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:70%}
.bgc-orange2-odd>:nth-of-type(odd) {background-color:var(--orange2) !important}
.c-orange2-odd>:nth-of-type(odd) {color:var(--orange2) !important}
.b-orange2-odd>:nth-of-type(odd) {border-color:var(--orange2);border-style:solid}
.scrollbar-orange2::-webkit-scrollbar-thumb {background-color:var(--orange2) !important}
.gradient-orange2 {background:linear-gradient(var(--angle,90deg),var(--orange2),var(--active))}
.bgc-orange3 {background-color:var(--orange3) !important}
.b-orange3 {border-color:var(--orange3);border-style:solid}
.c-orange3 {color:var(--orange3) !important}
.accent-orange3 {accent-color:var(--orange3) !important}
.shadow-orange3 {box-shadow:hsla(var(--orange-h),var(--orange-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange3-h:not(:disabled):hover {background-color:var(--orange3) !important}
.b-orange3-h:not(:disabled):hover {border-color:var(--orange3);border-style:solid}
.c-orange3-h:not(:disabled):hover {color:var(--orange3) !important}
.accent-orange3-h:not(:disabled):hover {accent-color:var(--orange3) !important}
.shadow-orange3-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange3-f:not(:disabled):focus {background-color:var(--orange3) !important}
.b-orange3-f:not(:disabled):focus {border-color:var(--orange3);border-style:solid}
.c-orange3-f:not(:disabled):focus {color:var(--orange3) !important}
.accent-orange3-f:not(:disabled):focus {accent-color:var(--orange3) !important}
.shadow-orange3-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange3-a:not(:disabled):active {background-color:var(--orange3) !important}
.b-orange3-a:not(:disabled):active {border-color:var(--orange3);border-style:solid}
.c-orange3-a:not(:disabled):active {color:var(--orange3) !important}
.accent-orange3-a:not(:disabled):active {accent-color:var(--orange3) !important}
.shadow-orange3-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange3-transparent {background-color:hsla(var(--orange-h),var(--orange-s),80%,0.5)!important}
.orange3 {--active:var(--orange3);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:80%}
.bgc-orange3-odd>:nth-of-type(odd) {background-color:var(--orange3) !important}
.c-orange3-odd>:nth-of-type(odd) {color:var(--orange3) !important}
.b-orange3-odd>:nth-of-type(odd) {border-color:var(--orange3);border-style:solid}
.scrollbar-orange3::-webkit-scrollbar-thumb {background-color:var(--orange3) !important}
.gradient-orange3 {background:linear-gradient(var(--angle,90deg),var(--orange3),var(--active))}
.bgc-orange4 {background-color:var(--orange4) !important}
.b-orange4 {border-color:var(--orange4);border-style:solid}
.c-orange4 {color:var(--orange4) !important}
.accent-orange4 {accent-color:var(--orange4) !important}
.shadow-orange4 {box-shadow:hsla(var(--orange-h),var(--orange-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange4-h:not(:disabled):hover {background-color:var(--orange4) !important}
.b-orange4-h:not(:disabled):hover {border-color:var(--orange4);border-style:solid}
.c-orange4-h:not(:disabled):hover {color:var(--orange4) !important}
.accent-orange4-h:not(:disabled):hover {accent-color:var(--orange4) !important}
.shadow-orange4-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange4-f:not(:disabled):focus {background-color:var(--orange4) !important}
.b-orange4-f:not(:disabled):focus {border-color:var(--orange4);border-style:solid}
.c-orange4-f:not(:disabled):focus {color:var(--orange4) !important}
.accent-orange4-f:not(:disabled):focus {accent-color:var(--orange4) !important}
.shadow-orange4-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange4-a:not(:disabled):active {background-color:var(--orange4) !important}
.b-orange4-a:not(:disabled):active {border-color:var(--orange4);border-style:solid}
.c-orange4-a:not(:disabled):active {color:var(--orange4) !important}
.accent-orange4-a:not(:disabled):active {accent-color:var(--orange4) !important}
.shadow-orange4-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange4-transparent {background-color:hsla(var(--orange-h),var(--orange-s),90%,0.5)!important}
.orange4 {--active:var(--orange4);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:90%}
.bgc-orange4-odd>:nth-of-type(odd) {background-color:var(--orange4) !important}
.c-orange4-odd>:nth-of-type(odd) {color:var(--orange4) !important}
.b-orange4-odd>:nth-of-type(odd) {border-color:var(--orange4);border-style:solid}
.scrollbar-orange4::-webkit-scrollbar-thumb {background-color:var(--orange4) !important}
.gradient-orange4 {background:linear-gradient(var(--angle,90deg),var(--orange4),var(--active))}
.bgc-orange5 {background-color:var(--orange5) !important}
.b-orange5 {border-color:var(--orange5);border-style:solid}
.c-orange5 {color:var(--orange5) !important}
.accent-orange5 {accent-color:var(--orange5) !important}
.shadow-orange5 {box-shadow:hsla(var(--orange-h),var(--orange-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange5-h:not(:disabled):hover {background-color:var(--orange5) !important}
.b-orange5-h:not(:disabled):hover {border-color:var(--orange5);border-style:solid}
.c-orange5-h:not(:disabled):hover {color:var(--orange5) !important}
.accent-orange5-h:not(:disabled):hover {accent-color:var(--orange5) !important}
.shadow-orange5-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange5-f:not(:disabled):focus {background-color:var(--orange5) !important}
.b-orange5-f:not(:disabled):focus {border-color:var(--orange5);border-style:solid}
.c-orange5-f:not(:disabled):focus {color:var(--orange5) !important}
.accent-orange5-f:not(:disabled):focus {accent-color:var(--orange5) !important}
.shadow-orange5-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange5-a:not(:disabled):active {background-color:var(--orange5) !important}
.b-orange5-a:not(:disabled):active {border-color:var(--orange5);border-style:solid}
.c-orange5-a:not(:disabled):active {color:var(--orange5) !important}
.accent-orange5-a:not(:disabled):active {accent-color:var(--orange5) !important}
.shadow-orange5-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange5-transparent {background-color:hsla(var(--orange-h),var(--orange-s),95%,0.5)!important}
.orange5 {--active:var(--orange5);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:95%}
.bgc-orange5-odd>:nth-of-type(odd) {background-color:var(--orange5) !important}
.c-orange5-odd>:nth-of-type(odd) {color:var(--orange5) !important}
.b-orange5-odd>:nth-of-type(odd) {border-color:var(--orange5);border-style:solid}
.scrollbar-orange5::-webkit-scrollbar-thumb {background-color:var(--orange5) !important}
.gradient-orange5 {background:linear-gradient(var(--angle,90deg),var(--orange5),var(--active))}
.bgc-orange-4 {background-color:var(--orange-4) !important}
.b-orange-4 {border-color:var(--orange-4);border-style:solid}
.c-orange-4 {color:var(--orange-4) !important}
.accent-orange-4 {accent-color:var(--orange-4) !important}
.shadow-orange-4 {box-shadow:hsla(var(--orange-h),var(--orange-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-4-h:not(:disabled):hover {background-color:var(--orange-4) !important}
.b-orange-4-h:not(:disabled):hover {border-color:var(--orange-4);border-style:solid}
.c-orange-4-h:not(:disabled):hover {color:var(--orange-4) !important}
.accent-orange-4-h:not(:disabled):hover {accent-color:var(--orange-4) !important}
.shadow-orange-4-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-4-f:not(:disabled):focus {background-color:var(--orange-4) !important}
.b-orange-4-f:not(:disabled):focus {border-color:var(--orange-4);border-style:solid}
.c-orange-4-f:not(:disabled):focus {color:var(--orange-4) !important}
.accent-orange-4-f:not(:disabled):focus {accent-color:var(--orange-4) !important}
.shadow-orange-4-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-4-a:not(:disabled):active {background-color:var(--orange-4) !important}
.b-orange-4-a:not(:disabled):active {border-color:var(--orange-4);border-style:solid}
.c-orange-4-a:not(:disabled):active {color:var(--orange-4) !important}
.accent-orange-4-a:not(:disabled):active {accent-color:var(--orange-4) !important}
.shadow-orange-4-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-4-transparent {background-color:hsla(var(--orange-h),var(--orange-s),10%,0.5)!important}
.orange-4 {--active:var(--orange-4);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:10%}
.bgc-orange-4-odd>:nth-of-type(odd) {background-color:var(--orange-4) !important}
.c-orange-4-odd>:nth-of-type(odd) {color:var(--orange-4) !important}
.b-orange-4-odd>:nth-of-type(odd) {border-color:var(--orange-4);border-style:solid}
.scrollbar-orange-4::-webkit-scrollbar-thumb {background-color:var(--orange-4) !important}
.gradient-orange-4 {background:linear-gradient(var(--angle,90deg),var(--orange-4),var(--active))}
.bgc-orange-3 {background-color:var(--orange-3) !important}
.b-orange-3 {border-color:var(--orange-3);border-style:solid}
.c-orange-3 {color:var(--orange-3) !important}
.accent-orange-3 {accent-color:var(--orange-3) !important}
.shadow-orange-3 {box-shadow:hsla(var(--orange-h),var(--orange-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-3-h:not(:disabled):hover {background-color:var(--orange-3) !important}
.b-orange-3-h:not(:disabled):hover {border-color:var(--orange-3);border-style:solid}
.c-orange-3-h:not(:disabled):hover {color:var(--orange-3) !important}
.accent-orange-3-h:not(:disabled):hover {accent-color:var(--orange-3) !important}
.shadow-orange-3-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-3-f:not(:disabled):focus {background-color:var(--orange-3) !important}
.b-orange-3-f:not(:disabled):focus {border-color:var(--orange-3);border-style:solid}
.c-orange-3-f:not(:disabled):focus {color:var(--orange-3) !important}
.accent-orange-3-f:not(:disabled):focus {accent-color:var(--orange-3) !important}
.shadow-orange-3-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-3-a:not(:disabled):active {background-color:var(--orange-3) !important}
.b-orange-3-a:not(:disabled):active {border-color:var(--orange-3);border-style:solid}
.c-orange-3-a:not(:disabled):active {color:var(--orange-3) !important}
.accent-orange-3-a:not(:disabled):active {accent-color:var(--orange-3) !important}
.shadow-orange-3-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-3-transparent {background-color:hsla(var(--orange-h),var(--orange-s),20%,0.5)!important}
.orange-3 {--active:var(--orange-3);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:20%}
.bgc-orange-3-odd>:nth-of-type(odd) {background-color:var(--orange-3) !important}
.c-orange-3-odd>:nth-of-type(odd) {color:var(--orange-3) !important}
.b-orange-3-odd>:nth-of-type(odd) {border-color:var(--orange-3);border-style:solid}
.scrollbar-orange-3::-webkit-scrollbar-thumb {background-color:var(--orange-3) !important}
.gradient-orange-3 {background:linear-gradient(var(--angle,90deg),var(--orange-3),var(--active))}
.bgc-orange-2 {background-color:var(--orange-2) !important}
.b-orange-2 {border-color:var(--orange-2);border-style:solid}
.c-orange-2 {color:var(--orange-2) !important}
.accent-orange-2 {accent-color:var(--orange-2) !important}
.shadow-orange-2 {box-shadow:hsla(var(--orange-h),var(--orange-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-2-h:not(:disabled):hover {background-color:var(--orange-2) !important}
.b-orange-2-h:not(:disabled):hover {border-color:var(--orange-2);border-style:solid}
.c-orange-2-h:not(:disabled):hover {color:var(--orange-2) !important}
.accent-orange-2-h:not(:disabled):hover {accent-color:var(--orange-2) !important}
.shadow-orange-2-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-2-f:not(:disabled):focus {background-color:var(--orange-2) !important}
.b-orange-2-f:not(:disabled):focus {border-color:var(--orange-2);border-style:solid}
.c-orange-2-f:not(:disabled):focus {color:var(--orange-2) !important}
.accent-orange-2-f:not(:disabled):focus {accent-color:var(--orange-2) !important}
.shadow-orange-2-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-2-a:not(:disabled):active {background-color:var(--orange-2) !important}
.b-orange-2-a:not(:disabled):active {border-color:var(--orange-2);border-style:solid}
.c-orange-2-a:not(:disabled):active {color:var(--orange-2) !important}
.accent-orange-2-a:not(:disabled):active {accent-color:var(--orange-2) !important}
.shadow-orange-2-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-2-transparent {background-color:hsla(var(--orange-h),var(--orange-s),30%,0.5)!important}
.orange-2 {--active:var(--orange-2);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:30%}
.bgc-orange-2-odd>:nth-of-type(odd) {background-color:var(--orange-2) !important}
.c-orange-2-odd>:nth-of-type(odd) {color:var(--orange-2) !important}
.b-orange-2-odd>:nth-of-type(odd) {border-color:var(--orange-2);border-style:solid}
.scrollbar-orange-2::-webkit-scrollbar-thumb {background-color:var(--orange-2) !important}
.gradient-orange-2 {background:linear-gradient(var(--angle,90deg),var(--orange-2),var(--active))}
.bgc-orange-1 {background-color:var(--orange-1) !important}
.b-orange-1 {border-color:var(--orange-1);border-style:solid}
.c-orange-1 {color:var(--orange-1) !important}
.accent-orange-1 {accent-color:var(--orange-1) !important}
.shadow-orange-1 {box-shadow:hsla(var(--orange-h),var(--orange-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-1-h:not(:disabled):hover {background-color:var(--orange-1) !important}
.b-orange-1-h:not(:disabled):hover {border-color:var(--orange-1);border-style:solid}
.c-orange-1-h:not(:disabled):hover {color:var(--orange-1) !important}
.accent-orange-1-h:not(:disabled):hover {accent-color:var(--orange-1) !important}
.shadow-orange-1-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-1-f:not(:disabled):focus {background-color:var(--orange-1) !important}
.b-orange-1-f:not(:disabled):focus {border-color:var(--orange-1);border-style:solid}
.c-orange-1-f:not(:disabled):focus {color:var(--orange-1) !important}
.accent-orange-1-f:not(:disabled):focus {accent-color:var(--orange-1) !important}
.shadow-orange-1-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-1-a:not(:disabled):active {background-color:var(--orange-1) !important}
.b-orange-1-a:not(:disabled):active {border-color:var(--orange-1);border-style:solid}
.c-orange-1-a:not(:disabled):active {color:var(--orange-1) !important}
.accent-orange-1-a:not(:disabled):active {accent-color:var(--orange-1) !important}
.shadow-orange-1-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-1-transparent {background-color:hsla(var(--orange-h),var(--orange-s),40%,0.5)!important}
.orange-1 {--active:var(--orange-1);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:40%}
.bgc-orange-1-odd>:nth-of-type(odd) {background-color:var(--orange-1) !important}
.c-orange-1-odd>:nth-of-type(odd) {color:var(--orange-1) !important}
.b-orange-1-odd>:nth-of-type(odd) {border-color:var(--orange-1);border-style:solid}
.scrollbar-orange-1::-webkit-scrollbar-thumb {background-color:var(--orange-1) !important}
.gradient-orange-1 {background:linear-gradient(var(--angle,90deg),var(--orange-1),var(--active))}
.bgc-orange {background-color:var(--orange) !important}
.b-orange {border-color:var(--orange);border-style:solid}
.c-orange {color:var(--orange) !important}
.accent-orange {accent-color:var(--orange) !important}
.shadow-orange {box-shadow:hsla(var(--orange-h),var(--orange-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-h:not(:disabled):hover {background-color:var(--orange) !important}
.b-orange-h:not(:disabled):hover {border-color:var(--orange);border-style:solid}
.c-orange-h:not(:disabled):hover {color:var(--orange) !important}
.accent-orange-h:not(:disabled):hover {accent-color:var(--orange) !important}
.shadow-orange-h:not(:disabled):hover {box-shadow:hsla(var(--orange-h),var(--orange-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-f:not(:disabled):focus {background-color:var(--orange) !important}
.b-orange-f:not(:disabled):focus {border-color:var(--orange);border-style:solid}
.c-orange-f:not(:disabled):focus {color:var(--orange) !important}
.accent-orange-f:not(:disabled):focus {accent-color:var(--orange) !important}
.shadow-orange-f:not(:disabled):focus {box-shadow:hsla(var(--orange-h),var(--orange-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-a:not(:disabled):active {background-color:var(--orange) !important}
.b-orange-a:not(:disabled):active {border-color:var(--orange);border-style:solid}
.c-orange-a:not(:disabled):active {color:var(--orange) !important}
.accent-orange-a:not(:disabled):active {accent-color:var(--orange) !important}
.shadow-orange-a:not(:disabled):active {box-shadow:hsla(var(--orange-h),var(--orange-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-orange-transparent {background-color:hsla(var(--orange-h),var(--orange-s),50%,0.5)!important}
.orange {--active:var(--orange);--active-h:var(--orange-h);--active-s:var(--orange-s);--active-l:50%}
.bgc-orange-odd>:nth-of-type(odd) {background-color:var(--orange) !important}
.c-orange-odd>:nth-of-type(odd) {color:var(--orange) !important}
.b-orange-odd>:nth-of-type(odd) {border-color:var(--orange);border-style:solid}
.scrollbar-orange::-webkit-scrollbar-thumb {background-color:var(--orange) !important}
.gradient-orange {background:linear-gradient(var(--angle,90deg),var(--orange),var(--active))}
.bgc-cyan1 {background-color:var(--cyan1) !important}
.b-cyan1 {border-color:var(--cyan1);border-style:solid}
.c-cyan1 {color:var(--cyan1) !important}
.accent-cyan1 {accent-color:var(--cyan1) !important}
.shadow-cyan1 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan1-h:not(:disabled):hover {background-color:var(--cyan1) !important}
.b-cyan1-h:not(:disabled):hover {border-color:var(--cyan1);border-style:solid}
.c-cyan1-h:not(:disabled):hover {color:var(--cyan1) !important}
.accent-cyan1-h:not(:disabled):hover {accent-color:var(--cyan1) !important}
.shadow-cyan1-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan1-f:not(:disabled):focus {background-color:var(--cyan1) !important}
.b-cyan1-f:not(:disabled):focus {border-color:var(--cyan1);border-style:solid}
.c-cyan1-f:not(:disabled):focus {color:var(--cyan1) !important}
.accent-cyan1-f:not(:disabled):focus {accent-color:var(--cyan1) !important}
.shadow-cyan1-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan1-a:not(:disabled):active {background-color:var(--cyan1) !important}
.b-cyan1-a:not(:disabled):active {border-color:var(--cyan1);border-style:solid}
.c-cyan1-a:not(:disabled):active {color:var(--cyan1) !important}
.accent-cyan1-a:not(:disabled):active {accent-color:var(--cyan1) !important}
.shadow-cyan1-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan1-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),60%,0.5)!important}
.cyan1 {--active:var(--cyan1);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:60%}
.bgc-cyan1-odd>:nth-of-type(odd) {background-color:var(--cyan1) !important}
.c-cyan1-odd>:nth-of-type(odd) {color:var(--cyan1) !important}
.b-cyan1-odd>:nth-of-type(odd) {border-color:var(--cyan1);border-style:solid}
.scrollbar-cyan1::-webkit-scrollbar-thumb {background-color:var(--cyan1) !important}
.gradient-cyan1 {background:linear-gradient(var(--angle,90deg),var(--cyan1),var(--active))}
.bgc-cyan2 {background-color:var(--cyan2) !important}
.b-cyan2 {border-color:var(--cyan2);border-style:solid}
.c-cyan2 {color:var(--cyan2) !important}
.accent-cyan2 {accent-color:var(--cyan2) !important}
.shadow-cyan2 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan2-h:not(:disabled):hover {background-color:var(--cyan2) !important}
.b-cyan2-h:not(:disabled):hover {border-color:var(--cyan2);border-style:solid}
.c-cyan2-h:not(:disabled):hover {color:var(--cyan2) !important}
.accent-cyan2-h:not(:disabled):hover {accent-color:var(--cyan2) !important}
.shadow-cyan2-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan2-f:not(:disabled):focus {background-color:var(--cyan2) !important}
.b-cyan2-f:not(:disabled):focus {border-color:var(--cyan2);border-style:solid}
.c-cyan2-f:not(:disabled):focus {color:var(--cyan2) !important}
.accent-cyan2-f:not(:disabled):focus {accent-color:var(--cyan2) !important}
.shadow-cyan2-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan2-a:not(:disabled):active {background-color:var(--cyan2) !important}
.b-cyan2-a:not(:disabled):active {border-color:var(--cyan2);border-style:solid}
.c-cyan2-a:not(:disabled):active {color:var(--cyan2) !important}
.accent-cyan2-a:not(:disabled):active {accent-color:var(--cyan2) !important}
.shadow-cyan2-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan2-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),70%,0.5)!important}
.cyan2 {--active:var(--cyan2);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:70%}
.bgc-cyan2-odd>:nth-of-type(odd) {background-color:var(--cyan2) !important}
.c-cyan2-odd>:nth-of-type(odd) {color:var(--cyan2) !important}
.b-cyan2-odd>:nth-of-type(odd) {border-color:var(--cyan2);border-style:solid}
.scrollbar-cyan2::-webkit-scrollbar-thumb {background-color:var(--cyan2) !important}
.gradient-cyan2 {background:linear-gradient(var(--angle,90deg),var(--cyan2),var(--active))}
.bgc-cyan3 {background-color:var(--cyan3) !important}
.b-cyan3 {border-color:var(--cyan3);border-style:solid}
.c-cyan3 {color:var(--cyan3) !important}
.accent-cyan3 {accent-color:var(--cyan3) !important}
.shadow-cyan3 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan3-h:not(:disabled):hover {background-color:var(--cyan3) !important}
.b-cyan3-h:not(:disabled):hover {border-color:var(--cyan3);border-style:solid}
.c-cyan3-h:not(:disabled):hover {color:var(--cyan3) !important}
.accent-cyan3-h:not(:disabled):hover {accent-color:var(--cyan3) !important}
.shadow-cyan3-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan3-f:not(:disabled):focus {background-color:var(--cyan3) !important}
.b-cyan3-f:not(:disabled):focus {border-color:var(--cyan3);border-style:solid}
.c-cyan3-f:not(:disabled):focus {color:var(--cyan3) !important}
.accent-cyan3-f:not(:disabled):focus {accent-color:var(--cyan3) !important}
.shadow-cyan3-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan3-a:not(:disabled):active {background-color:var(--cyan3) !important}
.b-cyan3-a:not(:disabled):active {border-color:var(--cyan3);border-style:solid}
.c-cyan3-a:not(:disabled):active {color:var(--cyan3) !important}
.accent-cyan3-a:not(:disabled):active {accent-color:var(--cyan3) !important}
.shadow-cyan3-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan3-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),80%,0.5)!important}
.cyan3 {--active:var(--cyan3);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:80%}
.bgc-cyan3-odd>:nth-of-type(odd) {background-color:var(--cyan3) !important}
.c-cyan3-odd>:nth-of-type(odd) {color:var(--cyan3) !important}
.b-cyan3-odd>:nth-of-type(odd) {border-color:var(--cyan3);border-style:solid}
.scrollbar-cyan3::-webkit-scrollbar-thumb {background-color:var(--cyan3) !important}
.gradient-cyan3 {background:linear-gradient(var(--angle,90deg),var(--cyan3),var(--active))}
.bgc-cyan4 {background-color:var(--cyan4) !important}
.b-cyan4 {border-color:var(--cyan4);border-style:solid}
.c-cyan4 {color:var(--cyan4) !important}
.accent-cyan4 {accent-color:var(--cyan4) !important}
.shadow-cyan4 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan4-h:not(:disabled):hover {background-color:var(--cyan4) !important}
.b-cyan4-h:not(:disabled):hover {border-color:var(--cyan4);border-style:solid}
.c-cyan4-h:not(:disabled):hover {color:var(--cyan4) !important}
.accent-cyan4-h:not(:disabled):hover {accent-color:var(--cyan4) !important}
.shadow-cyan4-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan4-f:not(:disabled):focus {background-color:var(--cyan4) !important}
.b-cyan4-f:not(:disabled):focus {border-color:var(--cyan4);border-style:solid}
.c-cyan4-f:not(:disabled):focus {color:var(--cyan4) !important}
.accent-cyan4-f:not(:disabled):focus {accent-color:var(--cyan4) !important}
.shadow-cyan4-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan4-a:not(:disabled):active {background-color:var(--cyan4) !important}
.b-cyan4-a:not(:disabled):active {border-color:var(--cyan4);border-style:solid}
.c-cyan4-a:not(:disabled):active {color:var(--cyan4) !important}
.accent-cyan4-a:not(:disabled):active {accent-color:var(--cyan4) !important}
.shadow-cyan4-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan4-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),90%,0.5)!important}
.cyan4 {--active:var(--cyan4);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:90%}
.bgc-cyan4-odd>:nth-of-type(odd) {background-color:var(--cyan4) !important}
.c-cyan4-odd>:nth-of-type(odd) {color:var(--cyan4) !important}
.b-cyan4-odd>:nth-of-type(odd) {border-color:var(--cyan4);border-style:solid}
.scrollbar-cyan4::-webkit-scrollbar-thumb {background-color:var(--cyan4) !important}
.gradient-cyan4 {background:linear-gradient(var(--angle,90deg),var(--cyan4),var(--active))}
.bgc-cyan5 {background-color:var(--cyan5) !important}
.b-cyan5 {border-color:var(--cyan5);border-style:solid}
.c-cyan5 {color:var(--cyan5) !important}
.accent-cyan5 {accent-color:var(--cyan5) !important}
.shadow-cyan5 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan5-h:not(:disabled):hover {background-color:var(--cyan5) !important}
.b-cyan5-h:not(:disabled):hover {border-color:var(--cyan5);border-style:solid}
.c-cyan5-h:not(:disabled):hover {color:var(--cyan5) !important}
.accent-cyan5-h:not(:disabled):hover {accent-color:var(--cyan5) !important}
.shadow-cyan5-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan5-f:not(:disabled):focus {background-color:var(--cyan5) !important}
.b-cyan5-f:not(:disabled):focus {border-color:var(--cyan5);border-style:solid}
.c-cyan5-f:not(:disabled):focus {color:var(--cyan5) !important}
.accent-cyan5-f:not(:disabled):focus {accent-color:var(--cyan5) !important}
.shadow-cyan5-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan5-a:not(:disabled):active {background-color:var(--cyan5) !important}
.b-cyan5-a:not(:disabled):active {border-color:var(--cyan5);border-style:solid}
.c-cyan5-a:not(:disabled):active {color:var(--cyan5) !important}
.accent-cyan5-a:not(:disabled):active {accent-color:var(--cyan5) !important}
.shadow-cyan5-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan5-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),95%,0.5)!important}
.cyan5 {--active:var(--cyan5);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:95%}
.bgc-cyan5-odd>:nth-of-type(odd) {background-color:var(--cyan5) !important}
.c-cyan5-odd>:nth-of-type(odd) {color:var(--cyan5) !important}
.b-cyan5-odd>:nth-of-type(odd) {border-color:var(--cyan5);border-style:solid}
.scrollbar-cyan5::-webkit-scrollbar-thumb {background-color:var(--cyan5) !important}
.gradient-cyan5 {background:linear-gradient(var(--angle,90deg),var(--cyan5),var(--active))}
.bgc-cyan-4 {background-color:var(--cyan-4) !important}
.b-cyan-4 {border-color:var(--cyan-4);border-style:solid}
.c-cyan-4 {color:var(--cyan-4) !important}
.accent-cyan-4 {accent-color:var(--cyan-4) !important}
.shadow-cyan-4 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-4-h:not(:disabled):hover {background-color:var(--cyan-4) !important}
.b-cyan-4-h:not(:disabled):hover {border-color:var(--cyan-4);border-style:solid}
.c-cyan-4-h:not(:disabled):hover {color:var(--cyan-4) !important}
.accent-cyan-4-h:not(:disabled):hover {accent-color:var(--cyan-4) !important}
.shadow-cyan-4-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-4-f:not(:disabled):focus {background-color:var(--cyan-4) !important}
.b-cyan-4-f:not(:disabled):focus {border-color:var(--cyan-4);border-style:solid}
.c-cyan-4-f:not(:disabled):focus {color:var(--cyan-4) !important}
.accent-cyan-4-f:not(:disabled):focus {accent-color:var(--cyan-4) !important}
.shadow-cyan-4-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-4-a:not(:disabled):active {background-color:var(--cyan-4) !important}
.b-cyan-4-a:not(:disabled):active {border-color:var(--cyan-4);border-style:solid}
.c-cyan-4-a:not(:disabled):active {color:var(--cyan-4) !important}
.accent-cyan-4-a:not(:disabled):active {accent-color:var(--cyan-4) !important}
.shadow-cyan-4-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-4-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),10%,0.5)!important}
.cyan-4 {--active:var(--cyan-4);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:10%}
.bgc-cyan-4-odd>:nth-of-type(odd) {background-color:var(--cyan-4) !important}
.c-cyan-4-odd>:nth-of-type(odd) {color:var(--cyan-4) !important}
.b-cyan-4-odd>:nth-of-type(odd) {border-color:var(--cyan-4);border-style:solid}
.scrollbar-cyan-4::-webkit-scrollbar-thumb {background-color:var(--cyan-4) !important}
.gradient-cyan-4 {background:linear-gradient(var(--angle,90deg),var(--cyan-4),var(--active))}
.bgc-cyan-3 {background-color:var(--cyan-3) !important}
.b-cyan-3 {border-color:var(--cyan-3);border-style:solid}
.c-cyan-3 {color:var(--cyan-3) !important}
.accent-cyan-3 {accent-color:var(--cyan-3) !important}
.shadow-cyan-3 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-3-h:not(:disabled):hover {background-color:var(--cyan-3) !important}
.b-cyan-3-h:not(:disabled):hover {border-color:var(--cyan-3);border-style:solid}
.c-cyan-3-h:not(:disabled):hover {color:var(--cyan-3) !important}
.accent-cyan-3-h:not(:disabled):hover {accent-color:var(--cyan-3) !important}
.shadow-cyan-3-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-3-f:not(:disabled):focus {background-color:var(--cyan-3) !important}
.b-cyan-3-f:not(:disabled):focus {border-color:var(--cyan-3);border-style:solid}
.c-cyan-3-f:not(:disabled):focus {color:var(--cyan-3) !important}
.accent-cyan-3-f:not(:disabled):focus {accent-color:var(--cyan-3) !important}
.shadow-cyan-3-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-3-a:not(:disabled):active {background-color:var(--cyan-3) !important}
.b-cyan-3-a:not(:disabled):active {border-color:var(--cyan-3);border-style:solid}
.c-cyan-3-a:not(:disabled):active {color:var(--cyan-3) !important}
.accent-cyan-3-a:not(:disabled):active {accent-color:var(--cyan-3) !important}
.shadow-cyan-3-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-3-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),20%,0.5)!important}
.cyan-3 {--active:var(--cyan-3);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:20%}
.bgc-cyan-3-odd>:nth-of-type(odd) {background-color:var(--cyan-3) !important}
.c-cyan-3-odd>:nth-of-type(odd) {color:var(--cyan-3) !important}
.b-cyan-3-odd>:nth-of-type(odd) {border-color:var(--cyan-3);border-style:solid}
.scrollbar-cyan-3::-webkit-scrollbar-thumb {background-color:var(--cyan-3) !important}
.gradient-cyan-3 {background:linear-gradient(var(--angle,90deg),var(--cyan-3),var(--active))}
.bgc-cyan-2 {background-color:var(--cyan-2) !important}
.b-cyan-2 {border-color:var(--cyan-2);border-style:solid}
.c-cyan-2 {color:var(--cyan-2) !important}
.accent-cyan-2 {accent-color:var(--cyan-2) !important}
.shadow-cyan-2 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-2-h:not(:disabled):hover {background-color:var(--cyan-2) !important}
.b-cyan-2-h:not(:disabled):hover {border-color:var(--cyan-2);border-style:solid}
.c-cyan-2-h:not(:disabled):hover {color:var(--cyan-2) !important}
.accent-cyan-2-h:not(:disabled):hover {accent-color:var(--cyan-2) !important}
.shadow-cyan-2-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-2-f:not(:disabled):focus {background-color:var(--cyan-2) !important}
.b-cyan-2-f:not(:disabled):focus {border-color:var(--cyan-2);border-style:solid}
.c-cyan-2-f:not(:disabled):focus {color:var(--cyan-2) !important}
.accent-cyan-2-f:not(:disabled):focus {accent-color:var(--cyan-2) !important}
.shadow-cyan-2-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-2-a:not(:disabled):active {background-color:var(--cyan-2) !important}
.b-cyan-2-a:not(:disabled):active {border-color:var(--cyan-2);border-style:solid}
.c-cyan-2-a:not(:disabled):active {color:var(--cyan-2) !important}
.accent-cyan-2-a:not(:disabled):active {accent-color:var(--cyan-2) !important}
.shadow-cyan-2-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-2-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),30%,0.5)!important}
.cyan-2 {--active:var(--cyan-2);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:30%}
.bgc-cyan-2-odd>:nth-of-type(odd) {background-color:var(--cyan-2) !important}
.c-cyan-2-odd>:nth-of-type(odd) {color:var(--cyan-2) !important}
.b-cyan-2-odd>:nth-of-type(odd) {border-color:var(--cyan-2);border-style:solid}
.scrollbar-cyan-2::-webkit-scrollbar-thumb {background-color:var(--cyan-2) !important}
.gradient-cyan-2 {background:linear-gradient(var(--angle,90deg),var(--cyan-2),var(--active))}
.bgc-cyan-1 {background-color:var(--cyan-1) !important}
.b-cyan-1 {border-color:var(--cyan-1);border-style:solid}
.c-cyan-1 {color:var(--cyan-1) !important}
.accent-cyan-1 {accent-color:var(--cyan-1) !important}
.shadow-cyan-1 {box-shadow:hsla(var(--cyan-h),var(--cyan-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-1-h:not(:disabled):hover {background-color:var(--cyan-1) !important}
.b-cyan-1-h:not(:disabled):hover {border-color:var(--cyan-1);border-style:solid}
.c-cyan-1-h:not(:disabled):hover {color:var(--cyan-1) !important}
.accent-cyan-1-h:not(:disabled):hover {accent-color:var(--cyan-1) !important}
.shadow-cyan-1-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-1-f:not(:disabled):focus {background-color:var(--cyan-1) !important}
.b-cyan-1-f:not(:disabled):focus {border-color:var(--cyan-1);border-style:solid}
.c-cyan-1-f:not(:disabled):focus {color:var(--cyan-1) !important}
.accent-cyan-1-f:not(:disabled):focus {accent-color:var(--cyan-1) !important}
.shadow-cyan-1-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-1-a:not(:disabled):active {background-color:var(--cyan-1) !important}
.b-cyan-1-a:not(:disabled):active {border-color:var(--cyan-1);border-style:solid}
.c-cyan-1-a:not(:disabled):active {color:var(--cyan-1) !important}
.accent-cyan-1-a:not(:disabled):active {accent-color:var(--cyan-1) !important}
.shadow-cyan-1-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-1-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),40%,0.5)!important}
.cyan-1 {--active:var(--cyan-1);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:40%}
.bgc-cyan-1-odd>:nth-of-type(odd) {background-color:var(--cyan-1) !important}
.c-cyan-1-odd>:nth-of-type(odd) {color:var(--cyan-1) !important}
.b-cyan-1-odd>:nth-of-type(odd) {border-color:var(--cyan-1);border-style:solid}
.scrollbar-cyan-1::-webkit-scrollbar-thumb {background-color:var(--cyan-1) !important}
.gradient-cyan-1 {background:linear-gradient(var(--angle,90deg),var(--cyan-1),var(--active))}
.bgc-cyan {background-color:var(--cyan) !important}
.b-cyan {border-color:var(--cyan);border-style:solid}
.c-cyan {color:var(--cyan) !important}
.accent-cyan {accent-color:var(--cyan) !important}
.shadow-cyan {box-shadow:hsla(var(--cyan-h),var(--cyan-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-h:not(:disabled):hover {background-color:var(--cyan) !important}
.b-cyan-h:not(:disabled):hover {border-color:var(--cyan);border-style:solid}
.c-cyan-h:not(:disabled):hover {color:var(--cyan) !important}
.accent-cyan-h:not(:disabled):hover {accent-color:var(--cyan) !important}
.shadow-cyan-h:not(:disabled):hover {box-shadow:hsla(var(--cyan-h),var(--cyan-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-f:not(:disabled):focus {background-color:var(--cyan) !important}
.b-cyan-f:not(:disabled):focus {border-color:var(--cyan);border-style:solid}
.c-cyan-f:not(:disabled):focus {color:var(--cyan) !important}
.accent-cyan-f:not(:disabled):focus {accent-color:var(--cyan) !important}
.shadow-cyan-f:not(:disabled):focus {box-shadow:hsla(var(--cyan-h),var(--cyan-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-a:not(:disabled):active {background-color:var(--cyan) !important}
.b-cyan-a:not(:disabled):active {border-color:var(--cyan);border-style:solid}
.c-cyan-a:not(:disabled):active {color:var(--cyan) !important}
.accent-cyan-a:not(:disabled):active {accent-color:var(--cyan) !important}
.shadow-cyan-a:not(:disabled):active {box-shadow:hsla(var(--cyan-h),var(--cyan-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-cyan-transparent {background-color:hsla(var(--cyan-h),var(--cyan-s),50%,0.5)!important}
.cyan {--active:var(--cyan);--active-h:var(--cyan-h);--active-s:var(--cyan-s);--active-l:50%}
.bgc-cyan-odd>:nth-of-type(odd) {background-color:var(--cyan) !important}
.c-cyan-odd>:nth-of-type(odd) {color:var(--cyan) !important}
.b-cyan-odd>:nth-of-type(odd) {border-color:var(--cyan);border-style:solid}
.scrollbar-cyan::-webkit-scrollbar-thumb {background-color:var(--cyan) !important}
.gradient-cyan {background:linear-gradient(var(--angle,90deg),var(--cyan),var(--active))}
.bgc-purple1 {background-color:var(--purple1) !important}
.b-purple1 {border-color:var(--purple1);border-style:solid}
.c-purple1 {color:var(--purple1) !important}
.accent-purple1 {accent-color:var(--purple1) !important}
.shadow-purple1 {box-shadow:hsla(var(--purple-h),var(--purple-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple1-h:not(:disabled):hover {background-color:var(--purple1) !important}
.b-purple1-h:not(:disabled):hover {border-color:var(--purple1);border-style:solid}
.c-purple1-h:not(:disabled):hover {color:var(--purple1) !important}
.accent-purple1-h:not(:disabled):hover {accent-color:var(--purple1) !important}
.shadow-purple1-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple1-f:not(:disabled):focus {background-color:var(--purple1) !important}
.b-purple1-f:not(:disabled):focus {border-color:var(--purple1);border-style:solid}
.c-purple1-f:not(:disabled):focus {color:var(--purple1) !important}
.accent-purple1-f:not(:disabled):focus {accent-color:var(--purple1) !important}
.shadow-purple1-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple1-a:not(:disabled):active {background-color:var(--purple1) !important}
.b-purple1-a:not(:disabled):active {border-color:var(--purple1);border-style:solid}
.c-purple1-a:not(:disabled):active {color:var(--purple1) !important}
.accent-purple1-a:not(:disabled):active {accent-color:var(--purple1) !important}
.shadow-purple1-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple1-transparent {background-color:hsla(var(--purple-h),var(--purple-s),60%,0.5)!important}
.purple1 {--active:var(--purple1);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:60%}
.bgc-purple1-odd>:nth-of-type(odd) {background-color:var(--purple1) !important}
.c-purple1-odd>:nth-of-type(odd) {color:var(--purple1) !important}
.b-purple1-odd>:nth-of-type(odd) {border-color:var(--purple1);border-style:solid}
.scrollbar-purple1::-webkit-scrollbar-thumb {background-color:var(--purple1) !important}
.gradient-purple1 {background:linear-gradient(var(--angle,90deg),var(--purple1),var(--active))}
.bgc-purple2 {background-color:var(--purple2) !important}
.b-purple2 {border-color:var(--purple2);border-style:solid}
.c-purple2 {color:var(--purple2) !important}
.accent-purple2 {accent-color:var(--purple2) !important}
.shadow-purple2 {box-shadow:hsla(var(--purple-h),var(--purple-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple2-h:not(:disabled):hover {background-color:var(--purple2) !important}
.b-purple2-h:not(:disabled):hover {border-color:var(--purple2);border-style:solid}
.c-purple2-h:not(:disabled):hover {color:var(--purple2) !important}
.accent-purple2-h:not(:disabled):hover {accent-color:var(--purple2) !important}
.shadow-purple2-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple2-f:not(:disabled):focus {background-color:var(--purple2) !important}
.b-purple2-f:not(:disabled):focus {border-color:var(--purple2);border-style:solid}
.c-purple2-f:not(:disabled):focus {color:var(--purple2) !important}
.accent-purple2-f:not(:disabled):focus {accent-color:var(--purple2) !important}
.shadow-purple2-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple2-a:not(:disabled):active {background-color:var(--purple2) !important}
.b-purple2-a:not(:disabled):active {border-color:var(--purple2);border-style:solid}
.c-purple2-a:not(:disabled):active {color:var(--purple2) !important}
.accent-purple2-a:not(:disabled):active {accent-color:var(--purple2) !important}
.shadow-purple2-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple2-transparent {background-color:hsla(var(--purple-h),var(--purple-s),70%,0.5)!important}
.purple2 {--active:var(--purple2);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:70%}
.bgc-purple2-odd>:nth-of-type(odd) {background-color:var(--purple2) !important}
.c-purple2-odd>:nth-of-type(odd) {color:var(--purple2) !important}
.b-purple2-odd>:nth-of-type(odd) {border-color:var(--purple2);border-style:solid}
.scrollbar-purple2::-webkit-scrollbar-thumb {background-color:var(--purple2) !important}
.gradient-purple2 {background:linear-gradient(var(--angle,90deg),var(--purple2),var(--active))}
.bgc-purple3 {background-color:var(--purple3) !important}
.b-purple3 {border-color:var(--purple3);border-style:solid}
.c-purple3 {color:var(--purple3) !important}
.accent-purple3 {accent-color:var(--purple3) !important}
.shadow-purple3 {box-shadow:hsla(var(--purple-h),var(--purple-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple3-h:not(:disabled):hover {background-color:var(--purple3) !important}
.b-purple3-h:not(:disabled):hover {border-color:var(--purple3);border-style:solid}
.c-purple3-h:not(:disabled):hover {color:var(--purple3) !important}
.accent-purple3-h:not(:disabled):hover {accent-color:var(--purple3) !important}
.shadow-purple3-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple3-f:not(:disabled):focus {background-color:var(--purple3) !important}
.b-purple3-f:not(:disabled):focus {border-color:var(--purple3);border-style:solid}
.c-purple3-f:not(:disabled):focus {color:var(--purple3) !important}
.accent-purple3-f:not(:disabled):focus {accent-color:var(--purple3) !important}
.shadow-purple3-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple3-a:not(:disabled):active {background-color:var(--purple3) !important}
.b-purple3-a:not(:disabled):active {border-color:var(--purple3);border-style:solid}
.c-purple3-a:not(:disabled):active {color:var(--purple3) !important}
.accent-purple3-a:not(:disabled):active {accent-color:var(--purple3) !important}
.shadow-purple3-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple3-transparent {background-color:hsla(var(--purple-h),var(--purple-s),80%,0.5)!important}
.purple3 {--active:var(--purple3);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:80%}
.bgc-purple3-odd>:nth-of-type(odd) {background-color:var(--purple3) !important}
.c-purple3-odd>:nth-of-type(odd) {color:var(--purple3) !important}
.b-purple3-odd>:nth-of-type(odd) {border-color:var(--purple3);border-style:solid}
.scrollbar-purple3::-webkit-scrollbar-thumb {background-color:var(--purple3) !important}
.gradient-purple3 {background:linear-gradient(var(--angle,90deg),var(--purple3),var(--active))}
.bgc-purple4 {background-color:var(--purple4) !important}
.b-purple4 {border-color:var(--purple4);border-style:solid}
.c-purple4 {color:var(--purple4) !important}
.accent-purple4 {accent-color:var(--purple4) !important}
.shadow-purple4 {box-shadow:hsla(var(--purple-h),var(--purple-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple4-h:not(:disabled):hover {background-color:var(--purple4) !important}
.b-purple4-h:not(:disabled):hover {border-color:var(--purple4);border-style:solid}
.c-purple4-h:not(:disabled):hover {color:var(--purple4) !important}
.accent-purple4-h:not(:disabled):hover {accent-color:var(--purple4) !important}
.shadow-purple4-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple4-f:not(:disabled):focus {background-color:var(--purple4) !important}
.b-purple4-f:not(:disabled):focus {border-color:var(--purple4);border-style:solid}
.c-purple4-f:not(:disabled):focus {color:var(--purple4) !important}
.accent-purple4-f:not(:disabled):focus {accent-color:var(--purple4) !important}
.shadow-purple4-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple4-a:not(:disabled):active {background-color:var(--purple4) !important}
.b-purple4-a:not(:disabled):active {border-color:var(--purple4);border-style:solid}
.c-purple4-a:not(:disabled):active {color:var(--purple4) !important}
.accent-purple4-a:not(:disabled):active {accent-color:var(--purple4) !important}
.shadow-purple4-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple4-transparent {background-color:hsla(var(--purple-h),var(--purple-s),90%,0.5)!important}
.purple4 {--active:var(--purple4);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:90%}
.bgc-purple4-odd>:nth-of-type(odd) {background-color:var(--purple4) !important}
.c-purple4-odd>:nth-of-type(odd) {color:var(--purple4) !important}
.b-purple4-odd>:nth-of-type(odd) {border-color:var(--purple4);border-style:solid}
.scrollbar-purple4::-webkit-scrollbar-thumb {background-color:var(--purple4) !important}
.gradient-purple4 {background:linear-gradient(var(--angle,90deg),var(--purple4),var(--active))}
.bgc-purple5 {background-color:var(--purple5) !important}
.b-purple5 {border-color:var(--purple5);border-style:solid}
.c-purple5 {color:var(--purple5) !important}
.accent-purple5 {accent-color:var(--purple5) !important}
.shadow-purple5 {box-shadow:hsla(var(--purple-h),var(--purple-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple5-h:not(:disabled):hover {background-color:var(--purple5) !important}
.b-purple5-h:not(:disabled):hover {border-color:var(--purple5);border-style:solid}
.c-purple5-h:not(:disabled):hover {color:var(--purple5) !important}
.accent-purple5-h:not(:disabled):hover {accent-color:var(--purple5) !important}
.shadow-purple5-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple5-f:not(:disabled):focus {background-color:var(--purple5) !important}
.b-purple5-f:not(:disabled):focus {border-color:var(--purple5);border-style:solid}
.c-purple5-f:not(:disabled):focus {color:var(--purple5) !important}
.accent-purple5-f:not(:disabled):focus {accent-color:var(--purple5) !important}
.shadow-purple5-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple5-a:not(:disabled):active {background-color:var(--purple5) !important}
.b-purple5-a:not(:disabled):active {border-color:var(--purple5);border-style:solid}
.c-purple5-a:not(:disabled):active {color:var(--purple5) !important}
.accent-purple5-a:not(:disabled):active {accent-color:var(--purple5) !important}
.shadow-purple5-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple5-transparent {background-color:hsla(var(--purple-h),var(--purple-s),95%,0.5)!important}
.purple5 {--active:var(--purple5);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:95%}
.bgc-purple5-odd>:nth-of-type(odd) {background-color:var(--purple5) !important}
.c-purple5-odd>:nth-of-type(odd) {color:var(--purple5) !important}
.b-purple5-odd>:nth-of-type(odd) {border-color:var(--purple5);border-style:solid}
.scrollbar-purple5::-webkit-scrollbar-thumb {background-color:var(--purple5) !important}
.gradient-purple5 {background:linear-gradient(var(--angle,90deg),var(--purple5),var(--active))}
.bgc-purple-4 {background-color:var(--purple-4) !important}
.b-purple-4 {border-color:var(--purple-4);border-style:solid}
.c-purple-4 {color:var(--purple-4) !important}
.accent-purple-4 {accent-color:var(--purple-4) !important}
.shadow-purple-4 {box-shadow:hsla(var(--purple-h),var(--purple-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-4-h:not(:disabled):hover {background-color:var(--purple-4) !important}
.b-purple-4-h:not(:disabled):hover {border-color:var(--purple-4);border-style:solid}
.c-purple-4-h:not(:disabled):hover {color:var(--purple-4) !important}
.accent-purple-4-h:not(:disabled):hover {accent-color:var(--purple-4) !important}
.shadow-purple-4-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-4-f:not(:disabled):focus {background-color:var(--purple-4) !important}
.b-purple-4-f:not(:disabled):focus {border-color:var(--purple-4);border-style:solid}
.c-purple-4-f:not(:disabled):focus {color:var(--purple-4) !important}
.accent-purple-4-f:not(:disabled):focus {accent-color:var(--purple-4) !important}
.shadow-purple-4-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-4-a:not(:disabled):active {background-color:var(--purple-4) !important}
.b-purple-4-a:not(:disabled):active {border-color:var(--purple-4);border-style:solid}
.c-purple-4-a:not(:disabled):active {color:var(--purple-4) !important}
.accent-purple-4-a:not(:disabled):active {accent-color:var(--purple-4) !important}
.shadow-purple-4-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-4-transparent {background-color:hsla(var(--purple-h),var(--purple-s),10%,0.5)!important}
.purple-4 {--active:var(--purple-4);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:10%}
.bgc-purple-4-odd>:nth-of-type(odd) {background-color:var(--purple-4) !important}
.c-purple-4-odd>:nth-of-type(odd) {color:var(--purple-4) !important}
.b-purple-4-odd>:nth-of-type(odd) {border-color:var(--purple-4);border-style:solid}
.scrollbar-purple-4::-webkit-scrollbar-thumb {background-color:var(--purple-4) !important}
.gradient-purple-4 {background:linear-gradient(var(--angle,90deg),var(--purple-4),var(--active))}
.bgc-purple-3 {background-color:var(--purple-3) !important}
.b-purple-3 {border-color:var(--purple-3);border-style:solid}
.c-purple-3 {color:var(--purple-3) !important}
.accent-purple-3 {accent-color:var(--purple-3) !important}
.shadow-purple-3 {box-shadow:hsla(var(--purple-h),var(--purple-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-3-h:not(:disabled):hover {background-color:var(--purple-3) !important}
.b-purple-3-h:not(:disabled):hover {border-color:var(--purple-3);border-style:solid}
.c-purple-3-h:not(:disabled):hover {color:var(--purple-3) !important}
.accent-purple-3-h:not(:disabled):hover {accent-color:var(--purple-3) !important}
.shadow-purple-3-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-3-f:not(:disabled):focus {background-color:var(--purple-3) !important}
.b-purple-3-f:not(:disabled):focus {border-color:var(--purple-3);border-style:solid}
.c-purple-3-f:not(:disabled):focus {color:var(--purple-3) !important}
.accent-purple-3-f:not(:disabled):focus {accent-color:var(--purple-3) !important}
.shadow-purple-3-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-3-a:not(:disabled):active {background-color:var(--purple-3) !important}
.b-purple-3-a:not(:disabled):active {border-color:var(--purple-3);border-style:solid}
.c-purple-3-a:not(:disabled):active {color:var(--purple-3) !important}
.accent-purple-3-a:not(:disabled):active {accent-color:var(--purple-3) !important}
.shadow-purple-3-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-3-transparent {background-color:hsla(var(--purple-h),var(--purple-s),20%,0.5)!important}
.purple-3 {--active:var(--purple-3);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:20%}
.bgc-purple-3-odd>:nth-of-type(odd) {background-color:var(--purple-3) !important}
.c-purple-3-odd>:nth-of-type(odd) {color:var(--purple-3) !important}
.b-purple-3-odd>:nth-of-type(odd) {border-color:var(--purple-3);border-style:solid}
.scrollbar-purple-3::-webkit-scrollbar-thumb {background-color:var(--purple-3) !important}
.gradient-purple-3 {background:linear-gradient(var(--angle,90deg),var(--purple-3),var(--active))}
.bgc-purple-2 {background-color:var(--purple-2) !important}
.b-purple-2 {border-color:var(--purple-2);border-style:solid}
.c-purple-2 {color:var(--purple-2) !important}
.accent-purple-2 {accent-color:var(--purple-2) !important}
.shadow-purple-2 {box-shadow:hsla(var(--purple-h),var(--purple-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-2-h:not(:disabled):hover {background-color:var(--purple-2) !important}
.b-purple-2-h:not(:disabled):hover {border-color:var(--purple-2);border-style:solid}
.c-purple-2-h:not(:disabled):hover {color:var(--purple-2) !important}
.accent-purple-2-h:not(:disabled):hover {accent-color:var(--purple-2) !important}
.shadow-purple-2-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-2-f:not(:disabled):focus {background-color:var(--purple-2) !important}
.b-purple-2-f:not(:disabled):focus {border-color:var(--purple-2);border-style:solid}
.c-purple-2-f:not(:disabled):focus {color:var(--purple-2) !important}
.accent-purple-2-f:not(:disabled):focus {accent-color:var(--purple-2) !important}
.shadow-purple-2-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-2-a:not(:disabled):active {background-color:var(--purple-2) !important}
.b-purple-2-a:not(:disabled):active {border-color:var(--purple-2);border-style:solid}
.c-purple-2-a:not(:disabled):active {color:var(--purple-2) !important}
.accent-purple-2-a:not(:disabled):active {accent-color:var(--purple-2) !important}
.shadow-purple-2-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-2-transparent {background-color:hsla(var(--purple-h),var(--purple-s),30%,0.5)!important}
.purple-2 {--active:var(--purple-2);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:30%}
.bgc-purple-2-odd>:nth-of-type(odd) {background-color:var(--purple-2) !important}
.c-purple-2-odd>:nth-of-type(odd) {color:var(--purple-2) !important}
.b-purple-2-odd>:nth-of-type(odd) {border-color:var(--purple-2);border-style:solid}
.scrollbar-purple-2::-webkit-scrollbar-thumb {background-color:var(--purple-2) !important}
.gradient-purple-2 {background:linear-gradient(var(--angle,90deg),var(--purple-2),var(--active))}
.bgc-purple-1 {background-color:var(--purple-1) !important}
.b-purple-1 {border-color:var(--purple-1);border-style:solid}
.c-purple-1 {color:var(--purple-1) !important}
.accent-purple-1 {accent-color:var(--purple-1) !important}
.shadow-purple-1 {box-shadow:hsla(var(--purple-h),var(--purple-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-1-h:not(:disabled):hover {background-color:var(--purple-1) !important}
.b-purple-1-h:not(:disabled):hover {border-color:var(--purple-1);border-style:solid}
.c-purple-1-h:not(:disabled):hover {color:var(--purple-1) !important}
.accent-purple-1-h:not(:disabled):hover {accent-color:var(--purple-1) !important}
.shadow-purple-1-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-1-f:not(:disabled):focus {background-color:var(--purple-1) !important}
.b-purple-1-f:not(:disabled):focus {border-color:var(--purple-1);border-style:solid}
.c-purple-1-f:not(:disabled):focus {color:var(--purple-1) !important}
.accent-purple-1-f:not(:disabled):focus {accent-color:var(--purple-1) !important}
.shadow-purple-1-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-1-a:not(:disabled):active {background-color:var(--purple-1) !important}
.b-purple-1-a:not(:disabled):active {border-color:var(--purple-1);border-style:solid}
.c-purple-1-a:not(:disabled):active {color:var(--purple-1) !important}
.accent-purple-1-a:not(:disabled):active {accent-color:var(--purple-1) !important}
.shadow-purple-1-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-1-transparent {background-color:hsla(var(--purple-h),var(--purple-s),40%,0.5)!important}
.purple-1 {--active:var(--purple-1);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:40%}
.bgc-purple-1-odd>:nth-of-type(odd) {background-color:var(--purple-1) !important}
.c-purple-1-odd>:nth-of-type(odd) {color:var(--purple-1) !important}
.b-purple-1-odd>:nth-of-type(odd) {border-color:var(--purple-1);border-style:solid}
.scrollbar-purple-1::-webkit-scrollbar-thumb {background-color:var(--purple-1) !important}
.gradient-purple-1 {background:linear-gradient(var(--angle,90deg),var(--purple-1),var(--active))}
.bgc-purple {background-color:var(--purple) !important}
.b-purple {border-color:var(--purple);border-style:solid}
.c-purple {color:var(--purple) !important}
.accent-purple {accent-color:var(--purple) !important}
.shadow-purple {box-shadow:hsla(var(--purple-h),var(--purple-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-h:not(:disabled):hover {background-color:var(--purple) !important}
.b-purple-h:not(:disabled):hover {border-color:var(--purple);border-style:solid}
.c-purple-h:not(:disabled):hover {color:var(--purple) !important}
.accent-purple-h:not(:disabled):hover {accent-color:var(--purple) !important}
.shadow-purple-h:not(:disabled):hover {box-shadow:hsla(var(--purple-h),var(--purple-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-f:not(:disabled):focus {background-color:var(--purple) !important}
.b-purple-f:not(:disabled):focus {border-color:var(--purple);border-style:solid}
.c-purple-f:not(:disabled):focus {color:var(--purple) !important}
.accent-purple-f:not(:disabled):focus {accent-color:var(--purple) !important}
.shadow-purple-f:not(:disabled):focus {box-shadow:hsla(var(--purple-h),var(--purple-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-a:not(:disabled):active {background-color:var(--purple) !important}
.b-purple-a:not(:disabled):active {border-color:var(--purple);border-style:solid}
.c-purple-a:not(:disabled):active {color:var(--purple) !important}
.accent-purple-a:not(:disabled):active {accent-color:var(--purple) !important}
.shadow-purple-a:not(:disabled):active {box-shadow:hsla(var(--purple-h),var(--purple-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-purple-transparent {background-color:hsla(var(--purple-h),var(--purple-s),50%,0.5)!important}
.purple {--active:var(--purple);--active-h:var(--purple-h);--active-s:var(--purple-s);--active-l:50%}
.bgc-purple-odd>:nth-of-type(odd) {background-color:var(--purple) !important}
.c-purple-odd>:nth-of-type(odd) {color:var(--purple) !important}
.b-purple-odd>:nth-of-type(odd) {border-color:var(--purple);border-style:solid}
.scrollbar-purple::-webkit-scrollbar-thumb {background-color:var(--purple) !important}
.gradient-purple {background:linear-gradient(var(--angle,90deg),var(--purple),var(--active))}
.bgc-pink1 {background-color:var(--pink1) !important}
.b-pink1 {border-color:var(--pink1);border-style:solid}
.c-pink1 {color:var(--pink1) !important}
.accent-pink1 {accent-color:var(--pink1) !important}
.shadow-pink1 {box-shadow:hsla(var(--pink-h),var(--pink-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink1-h:not(:disabled):hover {background-color:var(--pink1) !important}
.b-pink1-h:not(:disabled):hover {border-color:var(--pink1);border-style:solid}
.c-pink1-h:not(:disabled):hover {color:var(--pink1) !important}
.accent-pink1-h:not(:disabled):hover {accent-color:var(--pink1) !important}
.shadow-pink1-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink1-f:not(:disabled):focus {background-color:var(--pink1) !important}
.b-pink1-f:not(:disabled):focus {border-color:var(--pink1);border-style:solid}
.c-pink1-f:not(:disabled):focus {color:var(--pink1) !important}
.accent-pink1-f:not(:disabled):focus {accent-color:var(--pink1) !important}
.shadow-pink1-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink1-a:not(:disabled):active {background-color:var(--pink1) !important}
.b-pink1-a:not(:disabled):active {border-color:var(--pink1);border-style:solid}
.c-pink1-a:not(:disabled):active {color:var(--pink1) !important}
.accent-pink1-a:not(:disabled):active {accent-color:var(--pink1) !important}
.shadow-pink1-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink1-transparent {background-color:hsla(var(--pink-h),var(--pink-s),60%,0.5)!important}
.pink1 {--active:var(--pink1);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:60%}
.bgc-pink1-odd>:nth-of-type(odd) {background-color:var(--pink1) !important}
.c-pink1-odd>:nth-of-type(odd) {color:var(--pink1) !important}
.b-pink1-odd>:nth-of-type(odd) {border-color:var(--pink1);border-style:solid}
.scrollbar-pink1::-webkit-scrollbar-thumb {background-color:var(--pink1) !important}
.gradient-pink1 {background:linear-gradient(var(--angle,90deg),var(--pink1),var(--active))}
.bgc-pink2 {background-color:var(--pink2) !important}
.b-pink2 {border-color:var(--pink2);border-style:solid}
.c-pink2 {color:var(--pink2) !important}
.accent-pink2 {accent-color:var(--pink2) !important}
.shadow-pink2 {box-shadow:hsla(var(--pink-h),var(--pink-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink2-h:not(:disabled):hover {background-color:var(--pink2) !important}
.b-pink2-h:not(:disabled):hover {border-color:var(--pink2);border-style:solid}
.c-pink2-h:not(:disabled):hover {color:var(--pink2) !important}
.accent-pink2-h:not(:disabled):hover {accent-color:var(--pink2) !important}
.shadow-pink2-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink2-f:not(:disabled):focus {background-color:var(--pink2) !important}
.b-pink2-f:not(:disabled):focus {border-color:var(--pink2);border-style:solid}
.c-pink2-f:not(:disabled):focus {color:var(--pink2) !important}
.accent-pink2-f:not(:disabled):focus {accent-color:var(--pink2) !important}
.shadow-pink2-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink2-a:not(:disabled):active {background-color:var(--pink2) !important}
.b-pink2-a:not(:disabled):active {border-color:var(--pink2);border-style:solid}
.c-pink2-a:not(:disabled):active {color:var(--pink2) !important}
.accent-pink2-a:not(:disabled):active {accent-color:var(--pink2) !important}
.shadow-pink2-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink2-transparent {background-color:hsla(var(--pink-h),var(--pink-s),70%,0.5)!important}
.pink2 {--active:var(--pink2);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:70%}
.bgc-pink2-odd>:nth-of-type(odd) {background-color:var(--pink2) !important}
.c-pink2-odd>:nth-of-type(odd) {color:var(--pink2) !important}
.b-pink2-odd>:nth-of-type(odd) {border-color:var(--pink2);border-style:solid}
.scrollbar-pink2::-webkit-scrollbar-thumb {background-color:var(--pink2) !important}
.gradient-pink2 {background:linear-gradient(var(--angle,90deg),var(--pink2),var(--active))}
.bgc-pink3 {background-color:var(--pink3) !important}
.b-pink3 {border-color:var(--pink3);border-style:solid}
.c-pink3 {color:var(--pink3) !important}
.accent-pink3 {accent-color:var(--pink3) !important}
.shadow-pink3 {box-shadow:hsla(var(--pink-h),var(--pink-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink3-h:not(:disabled):hover {background-color:var(--pink3) !important}
.b-pink3-h:not(:disabled):hover {border-color:var(--pink3);border-style:solid}
.c-pink3-h:not(:disabled):hover {color:var(--pink3) !important}
.accent-pink3-h:not(:disabled):hover {accent-color:var(--pink3) !important}
.shadow-pink3-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink3-f:not(:disabled):focus {background-color:var(--pink3) !important}
.b-pink3-f:not(:disabled):focus {border-color:var(--pink3);border-style:solid}
.c-pink3-f:not(:disabled):focus {color:var(--pink3) !important}
.accent-pink3-f:not(:disabled):focus {accent-color:var(--pink3) !important}
.shadow-pink3-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink3-a:not(:disabled):active {background-color:var(--pink3) !important}
.b-pink3-a:not(:disabled):active {border-color:var(--pink3);border-style:solid}
.c-pink3-a:not(:disabled):active {color:var(--pink3) !important}
.accent-pink3-a:not(:disabled):active {accent-color:var(--pink3) !important}
.shadow-pink3-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink3-transparent {background-color:hsla(var(--pink-h),var(--pink-s),80%,0.5)!important}
.pink3 {--active:var(--pink3);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:80%}
.bgc-pink3-odd>:nth-of-type(odd) {background-color:var(--pink3) !important}
.c-pink3-odd>:nth-of-type(odd) {color:var(--pink3) !important}
.b-pink3-odd>:nth-of-type(odd) {border-color:var(--pink3);border-style:solid}
.scrollbar-pink3::-webkit-scrollbar-thumb {background-color:var(--pink3) !important}
.gradient-pink3 {background:linear-gradient(var(--angle,90deg),var(--pink3),var(--active))}
.bgc-pink4 {background-color:var(--pink4) !important}
.b-pink4 {border-color:var(--pink4);border-style:solid}
.c-pink4 {color:var(--pink4) !important}
.accent-pink4 {accent-color:var(--pink4) !important}
.shadow-pink4 {box-shadow:hsla(var(--pink-h),var(--pink-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink4-h:not(:disabled):hover {background-color:var(--pink4) !important}
.b-pink4-h:not(:disabled):hover {border-color:var(--pink4);border-style:solid}
.c-pink4-h:not(:disabled):hover {color:var(--pink4) !important}
.accent-pink4-h:not(:disabled):hover {accent-color:var(--pink4) !important}
.shadow-pink4-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink4-f:not(:disabled):focus {background-color:var(--pink4) !important}
.b-pink4-f:not(:disabled):focus {border-color:var(--pink4);border-style:solid}
.c-pink4-f:not(:disabled):focus {color:var(--pink4) !important}
.accent-pink4-f:not(:disabled):focus {accent-color:var(--pink4) !important}
.shadow-pink4-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink4-a:not(:disabled):active {background-color:var(--pink4) !important}
.b-pink4-a:not(:disabled):active {border-color:var(--pink4);border-style:solid}
.c-pink4-a:not(:disabled):active {color:var(--pink4) !important}
.accent-pink4-a:not(:disabled):active {accent-color:var(--pink4) !important}
.shadow-pink4-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink4-transparent {background-color:hsla(var(--pink-h),var(--pink-s),90%,0.5)!important}
.pink4 {--active:var(--pink4);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:90%}
.bgc-pink4-odd>:nth-of-type(odd) {background-color:var(--pink4) !important}
.c-pink4-odd>:nth-of-type(odd) {color:var(--pink4) !important}
.b-pink4-odd>:nth-of-type(odd) {border-color:var(--pink4);border-style:solid}
.scrollbar-pink4::-webkit-scrollbar-thumb {background-color:var(--pink4) !important}
.gradient-pink4 {background:linear-gradient(var(--angle,90deg),var(--pink4),var(--active))}
.bgc-pink5 {background-color:var(--pink5) !important}
.b-pink5 {border-color:var(--pink5);border-style:solid}
.c-pink5 {color:var(--pink5) !important}
.accent-pink5 {accent-color:var(--pink5) !important}
.shadow-pink5 {box-shadow:hsla(var(--pink-h),var(--pink-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink5-h:not(:disabled):hover {background-color:var(--pink5) !important}
.b-pink5-h:not(:disabled):hover {border-color:var(--pink5);border-style:solid}
.c-pink5-h:not(:disabled):hover {color:var(--pink5) !important}
.accent-pink5-h:not(:disabled):hover {accent-color:var(--pink5) !important}
.shadow-pink5-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink5-f:not(:disabled):focus {background-color:var(--pink5) !important}
.b-pink5-f:not(:disabled):focus {border-color:var(--pink5);border-style:solid}
.c-pink5-f:not(:disabled):focus {color:var(--pink5) !important}
.accent-pink5-f:not(:disabled):focus {accent-color:var(--pink5) !important}
.shadow-pink5-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink5-a:not(:disabled):active {background-color:var(--pink5) !important}
.b-pink5-a:not(:disabled):active {border-color:var(--pink5);border-style:solid}
.c-pink5-a:not(:disabled):active {color:var(--pink5) !important}
.accent-pink5-a:not(:disabled):active {accent-color:var(--pink5) !important}
.shadow-pink5-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink5-transparent {background-color:hsla(var(--pink-h),var(--pink-s),95%,0.5)!important}
.pink5 {--active:var(--pink5);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:95%}
.bgc-pink5-odd>:nth-of-type(odd) {background-color:var(--pink5) !important}
.c-pink5-odd>:nth-of-type(odd) {color:var(--pink5) !important}
.b-pink5-odd>:nth-of-type(odd) {border-color:var(--pink5);border-style:solid}
.scrollbar-pink5::-webkit-scrollbar-thumb {background-color:var(--pink5) !important}
.gradient-pink5 {background:linear-gradient(var(--angle,90deg),var(--pink5),var(--active))}
.bgc-pink-4 {background-color:var(--pink-4) !important}
.b-pink-4 {border-color:var(--pink-4);border-style:solid}
.c-pink-4 {color:var(--pink-4) !important}
.accent-pink-4 {accent-color:var(--pink-4) !important}
.shadow-pink-4 {box-shadow:hsla(var(--pink-h),var(--pink-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-4-h:not(:disabled):hover {background-color:var(--pink-4) !important}
.b-pink-4-h:not(:disabled):hover {border-color:var(--pink-4);border-style:solid}
.c-pink-4-h:not(:disabled):hover {color:var(--pink-4) !important}
.accent-pink-4-h:not(:disabled):hover {accent-color:var(--pink-4) !important}
.shadow-pink-4-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-4-f:not(:disabled):focus {background-color:var(--pink-4) !important}
.b-pink-4-f:not(:disabled):focus {border-color:var(--pink-4);border-style:solid}
.c-pink-4-f:not(:disabled):focus {color:var(--pink-4) !important}
.accent-pink-4-f:not(:disabled):focus {accent-color:var(--pink-4) !important}
.shadow-pink-4-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-4-a:not(:disabled):active {background-color:var(--pink-4) !important}
.b-pink-4-a:not(:disabled):active {border-color:var(--pink-4);border-style:solid}
.c-pink-4-a:not(:disabled):active {color:var(--pink-4) !important}
.accent-pink-4-a:not(:disabled):active {accent-color:var(--pink-4) !important}
.shadow-pink-4-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-4-transparent {background-color:hsla(var(--pink-h),var(--pink-s),10%,0.5)!important}
.pink-4 {--active:var(--pink-4);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:10%}
.bgc-pink-4-odd>:nth-of-type(odd) {background-color:var(--pink-4) !important}
.c-pink-4-odd>:nth-of-type(odd) {color:var(--pink-4) !important}
.b-pink-4-odd>:nth-of-type(odd) {border-color:var(--pink-4);border-style:solid}
.scrollbar-pink-4::-webkit-scrollbar-thumb {background-color:var(--pink-4) !important}
.gradient-pink-4 {background:linear-gradient(var(--angle,90deg),var(--pink-4),var(--active))}
.bgc-pink-3 {background-color:var(--pink-3) !important}
.b-pink-3 {border-color:var(--pink-3);border-style:solid}
.c-pink-3 {color:var(--pink-3) !important}
.accent-pink-3 {accent-color:var(--pink-3) !important}
.shadow-pink-3 {box-shadow:hsla(var(--pink-h),var(--pink-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-3-h:not(:disabled):hover {background-color:var(--pink-3) !important}
.b-pink-3-h:not(:disabled):hover {border-color:var(--pink-3);border-style:solid}
.c-pink-3-h:not(:disabled):hover {color:var(--pink-3) !important}
.accent-pink-3-h:not(:disabled):hover {accent-color:var(--pink-3) !important}
.shadow-pink-3-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-3-f:not(:disabled):focus {background-color:var(--pink-3) !important}
.b-pink-3-f:not(:disabled):focus {border-color:var(--pink-3);border-style:solid}
.c-pink-3-f:not(:disabled):focus {color:var(--pink-3) !important}
.accent-pink-3-f:not(:disabled):focus {accent-color:var(--pink-3) !important}
.shadow-pink-3-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-3-a:not(:disabled):active {background-color:var(--pink-3) !important}
.b-pink-3-a:not(:disabled):active {border-color:var(--pink-3);border-style:solid}
.c-pink-3-a:not(:disabled):active {color:var(--pink-3) !important}
.accent-pink-3-a:not(:disabled):active {accent-color:var(--pink-3) !important}
.shadow-pink-3-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-3-transparent {background-color:hsla(var(--pink-h),var(--pink-s),20%,0.5)!important}
.pink-3 {--active:var(--pink-3);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:20%}
.bgc-pink-3-odd>:nth-of-type(odd) {background-color:var(--pink-3) !important}
.c-pink-3-odd>:nth-of-type(odd) {color:var(--pink-3) !important}
.b-pink-3-odd>:nth-of-type(odd) {border-color:var(--pink-3);border-style:solid}
.scrollbar-pink-3::-webkit-scrollbar-thumb {background-color:var(--pink-3) !important}
.gradient-pink-3 {background:linear-gradient(var(--angle,90deg),var(--pink-3),var(--active))}
.bgc-pink-2 {background-color:var(--pink-2) !important}
.b-pink-2 {border-color:var(--pink-2);border-style:solid}
.c-pink-2 {color:var(--pink-2) !important}
.accent-pink-2 {accent-color:var(--pink-2) !important}
.shadow-pink-2 {box-shadow:hsla(var(--pink-h),var(--pink-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-2-h:not(:disabled):hover {background-color:var(--pink-2) !important}
.b-pink-2-h:not(:disabled):hover {border-color:var(--pink-2);border-style:solid}
.c-pink-2-h:not(:disabled):hover {color:var(--pink-2) !important}
.accent-pink-2-h:not(:disabled):hover {accent-color:var(--pink-2) !important}
.shadow-pink-2-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-2-f:not(:disabled):focus {background-color:var(--pink-2) !important}
.b-pink-2-f:not(:disabled):focus {border-color:var(--pink-2);border-style:solid}
.c-pink-2-f:not(:disabled):focus {color:var(--pink-2) !important}
.accent-pink-2-f:not(:disabled):focus {accent-color:var(--pink-2) !important}
.shadow-pink-2-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-2-a:not(:disabled):active {background-color:var(--pink-2) !important}
.b-pink-2-a:not(:disabled):active {border-color:var(--pink-2);border-style:solid}
.c-pink-2-a:not(:disabled):active {color:var(--pink-2) !important}
.accent-pink-2-a:not(:disabled):active {accent-color:var(--pink-2) !important}
.shadow-pink-2-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-2-transparent {background-color:hsla(var(--pink-h),var(--pink-s),30%,0.5)!important}
.pink-2 {--active:var(--pink-2);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:30%}
.bgc-pink-2-odd>:nth-of-type(odd) {background-color:var(--pink-2) !important}
.c-pink-2-odd>:nth-of-type(odd) {color:var(--pink-2) !important}
.b-pink-2-odd>:nth-of-type(odd) {border-color:var(--pink-2);border-style:solid}
.scrollbar-pink-2::-webkit-scrollbar-thumb {background-color:var(--pink-2) !important}
.gradient-pink-2 {background:linear-gradient(var(--angle,90deg),var(--pink-2),var(--active))}
.bgc-pink-1 {background-color:var(--pink-1) !important}
.b-pink-1 {border-color:var(--pink-1);border-style:solid}
.c-pink-1 {color:var(--pink-1) !important}
.accent-pink-1 {accent-color:var(--pink-1) !important}
.shadow-pink-1 {box-shadow:hsla(var(--pink-h),var(--pink-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-1-h:not(:disabled):hover {background-color:var(--pink-1) !important}
.b-pink-1-h:not(:disabled):hover {border-color:var(--pink-1);border-style:solid}
.c-pink-1-h:not(:disabled):hover {color:var(--pink-1) !important}
.accent-pink-1-h:not(:disabled):hover {accent-color:var(--pink-1) !important}
.shadow-pink-1-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-1-f:not(:disabled):focus {background-color:var(--pink-1) !important}
.b-pink-1-f:not(:disabled):focus {border-color:var(--pink-1);border-style:solid}
.c-pink-1-f:not(:disabled):focus {color:var(--pink-1) !important}
.accent-pink-1-f:not(:disabled):focus {accent-color:var(--pink-1) !important}
.shadow-pink-1-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-1-a:not(:disabled):active {background-color:var(--pink-1) !important}
.b-pink-1-a:not(:disabled):active {border-color:var(--pink-1);border-style:solid}
.c-pink-1-a:not(:disabled):active {color:var(--pink-1) !important}
.accent-pink-1-a:not(:disabled):active {accent-color:var(--pink-1) !important}
.shadow-pink-1-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-1-transparent {background-color:hsla(var(--pink-h),var(--pink-s),40%,0.5)!important}
.pink-1 {--active:var(--pink-1);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:40%}
.bgc-pink-1-odd>:nth-of-type(odd) {background-color:var(--pink-1) !important}
.c-pink-1-odd>:nth-of-type(odd) {color:var(--pink-1) !important}
.b-pink-1-odd>:nth-of-type(odd) {border-color:var(--pink-1);border-style:solid}
.scrollbar-pink-1::-webkit-scrollbar-thumb {background-color:var(--pink-1) !important}
.gradient-pink-1 {background:linear-gradient(var(--angle,90deg),var(--pink-1),var(--active))}
.bgc-pink {background-color:var(--pink) !important}
.b-pink {border-color:var(--pink);border-style:solid}
.c-pink {color:var(--pink) !important}
.accent-pink {accent-color:var(--pink) !important}
.shadow-pink {box-shadow:hsla(var(--pink-h),var(--pink-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-h:not(:disabled):hover {background-color:var(--pink) !important}
.b-pink-h:not(:disabled):hover {border-color:var(--pink);border-style:solid}
.c-pink-h:not(:disabled):hover {color:var(--pink) !important}
.accent-pink-h:not(:disabled):hover {accent-color:var(--pink) !important}
.shadow-pink-h:not(:disabled):hover {box-shadow:hsla(var(--pink-h),var(--pink-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-f:not(:disabled):focus {background-color:var(--pink) !important}
.b-pink-f:not(:disabled):focus {border-color:var(--pink);border-style:solid}
.c-pink-f:not(:disabled):focus {color:var(--pink) !important}
.accent-pink-f:not(:disabled):focus {accent-color:var(--pink) !important}
.shadow-pink-f:not(:disabled):focus {box-shadow:hsla(var(--pink-h),var(--pink-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-a:not(:disabled):active {background-color:var(--pink) !important}
.b-pink-a:not(:disabled):active {border-color:var(--pink);border-style:solid}
.c-pink-a:not(:disabled):active {color:var(--pink) !important}
.accent-pink-a:not(:disabled):active {accent-color:var(--pink) !important}
.shadow-pink-a:not(:disabled):active {box-shadow:hsla(var(--pink-h),var(--pink-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-pink-transparent {background-color:hsla(var(--pink-h),var(--pink-s),50%,0.5)!important}
.pink {--active:var(--pink);--active-h:var(--pink-h);--active-s:var(--pink-s);--active-l:50%}
.bgc-pink-odd>:nth-of-type(odd) {background-color:var(--pink) !important}
.c-pink-odd>:nth-of-type(odd) {color:var(--pink) !important}
.b-pink-odd>:nth-of-type(odd) {border-color:var(--pink);border-style:solid}
.scrollbar-pink::-webkit-scrollbar-thumb {background-color:var(--pink) !important}
.gradient-pink {background:linear-gradient(var(--angle,90deg),var(--pink),var(--active))}
.bgc-yellow1 {background-color:var(--yellow1) !important}
.b-yellow1 {border-color:var(--yellow1);border-style:solid}
.c-yellow1 {color:var(--yellow1) !important}
.accent-yellow1 {accent-color:var(--yellow1) !important}
.shadow-yellow1 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow1-h:not(:disabled):hover {background-color:var(--yellow1) !important}
.b-yellow1-h:not(:disabled):hover {border-color:var(--yellow1);border-style:solid}
.c-yellow1-h:not(:disabled):hover {color:var(--yellow1) !important}
.accent-yellow1-h:not(:disabled):hover {accent-color:var(--yellow1) !important}
.shadow-yellow1-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow1-f:not(:disabled):focus {background-color:var(--yellow1) !important}
.b-yellow1-f:not(:disabled):focus {border-color:var(--yellow1);border-style:solid}
.c-yellow1-f:not(:disabled):focus {color:var(--yellow1) !important}
.accent-yellow1-f:not(:disabled):focus {accent-color:var(--yellow1) !important}
.shadow-yellow1-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow1-a:not(:disabled):active {background-color:var(--yellow1) !important}
.b-yellow1-a:not(:disabled):active {border-color:var(--yellow1);border-style:solid}
.c-yellow1-a:not(:disabled):active {color:var(--yellow1) !important}
.accent-yellow1-a:not(:disabled):active {accent-color:var(--yellow1) !important}
.shadow-yellow1-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow1-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),60%,0.5)!important}
.yellow1 {--active:var(--yellow1);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:60%}
.bgc-yellow1-odd>:nth-of-type(odd) {background-color:var(--yellow1) !important}
.c-yellow1-odd>:nth-of-type(odd) {color:var(--yellow1) !important}
.b-yellow1-odd>:nth-of-type(odd) {border-color:var(--yellow1);border-style:solid}
.scrollbar-yellow1::-webkit-scrollbar-thumb {background-color:var(--yellow1) !important}
.gradient-yellow1 {background:linear-gradient(var(--angle,90deg),var(--yellow1),var(--active))}
.bgc-yellow2 {background-color:var(--yellow2) !important}
.b-yellow2 {border-color:var(--yellow2);border-style:solid}
.c-yellow2 {color:var(--yellow2) !important}
.accent-yellow2 {accent-color:var(--yellow2) !important}
.shadow-yellow2 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow2-h:not(:disabled):hover {background-color:var(--yellow2) !important}
.b-yellow2-h:not(:disabled):hover {border-color:var(--yellow2);border-style:solid}
.c-yellow2-h:not(:disabled):hover {color:var(--yellow2) !important}
.accent-yellow2-h:not(:disabled):hover {accent-color:var(--yellow2) !important}
.shadow-yellow2-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow2-f:not(:disabled):focus {background-color:var(--yellow2) !important}
.b-yellow2-f:not(:disabled):focus {border-color:var(--yellow2);border-style:solid}
.c-yellow2-f:not(:disabled):focus {color:var(--yellow2) !important}
.accent-yellow2-f:not(:disabled):focus {accent-color:var(--yellow2) !important}
.shadow-yellow2-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow2-a:not(:disabled):active {background-color:var(--yellow2) !important}
.b-yellow2-a:not(:disabled):active {border-color:var(--yellow2);border-style:solid}
.c-yellow2-a:not(:disabled):active {color:var(--yellow2) !important}
.accent-yellow2-a:not(:disabled):active {accent-color:var(--yellow2) !important}
.shadow-yellow2-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow2-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),70%,0.5)!important}
.yellow2 {--active:var(--yellow2);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:70%}
.bgc-yellow2-odd>:nth-of-type(odd) {background-color:var(--yellow2) !important}
.c-yellow2-odd>:nth-of-type(odd) {color:var(--yellow2) !important}
.b-yellow2-odd>:nth-of-type(odd) {border-color:var(--yellow2);border-style:solid}
.scrollbar-yellow2::-webkit-scrollbar-thumb {background-color:var(--yellow2) !important}
.gradient-yellow2 {background:linear-gradient(var(--angle,90deg),var(--yellow2),var(--active))}
.bgc-yellow3 {background-color:var(--yellow3) !important}
.b-yellow3 {border-color:var(--yellow3);border-style:solid}
.c-yellow3 {color:var(--yellow3) !important}
.accent-yellow3 {accent-color:var(--yellow3) !important}
.shadow-yellow3 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow3-h:not(:disabled):hover {background-color:var(--yellow3) !important}
.b-yellow3-h:not(:disabled):hover {border-color:var(--yellow3);border-style:solid}
.c-yellow3-h:not(:disabled):hover {color:var(--yellow3) !important}
.accent-yellow3-h:not(:disabled):hover {accent-color:var(--yellow3) !important}
.shadow-yellow3-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow3-f:not(:disabled):focus {background-color:var(--yellow3) !important}
.b-yellow3-f:not(:disabled):focus {border-color:var(--yellow3);border-style:solid}
.c-yellow3-f:not(:disabled):focus {color:var(--yellow3) !important}
.accent-yellow3-f:not(:disabled):focus {accent-color:var(--yellow3) !important}
.shadow-yellow3-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow3-a:not(:disabled):active {background-color:var(--yellow3) !important}
.b-yellow3-a:not(:disabled):active {border-color:var(--yellow3);border-style:solid}
.c-yellow3-a:not(:disabled):active {color:var(--yellow3) !important}
.accent-yellow3-a:not(:disabled):active {accent-color:var(--yellow3) !important}
.shadow-yellow3-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow3-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),80%,0.5)!important}
.yellow3 {--active:var(--yellow3);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:80%}
.bgc-yellow3-odd>:nth-of-type(odd) {background-color:var(--yellow3) !important}
.c-yellow3-odd>:nth-of-type(odd) {color:var(--yellow3) !important}
.b-yellow3-odd>:nth-of-type(odd) {border-color:var(--yellow3);border-style:solid}
.scrollbar-yellow3::-webkit-scrollbar-thumb {background-color:var(--yellow3) !important}
.gradient-yellow3 {background:linear-gradient(var(--angle,90deg),var(--yellow3),var(--active))}
.bgc-yellow4 {background-color:var(--yellow4) !important}
.b-yellow4 {border-color:var(--yellow4);border-style:solid}
.c-yellow4 {color:var(--yellow4) !important}
.accent-yellow4 {accent-color:var(--yellow4) !important}
.shadow-yellow4 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow4-h:not(:disabled):hover {background-color:var(--yellow4) !important}
.b-yellow4-h:not(:disabled):hover {border-color:var(--yellow4);border-style:solid}
.c-yellow4-h:not(:disabled):hover {color:var(--yellow4) !important}
.accent-yellow4-h:not(:disabled):hover {accent-color:var(--yellow4) !important}
.shadow-yellow4-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow4-f:not(:disabled):focus {background-color:var(--yellow4) !important}
.b-yellow4-f:not(:disabled):focus {border-color:var(--yellow4);border-style:solid}
.c-yellow4-f:not(:disabled):focus {color:var(--yellow4) !important}
.accent-yellow4-f:not(:disabled):focus {accent-color:var(--yellow4) !important}
.shadow-yellow4-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow4-a:not(:disabled):active {background-color:var(--yellow4) !important}
.b-yellow4-a:not(:disabled):active {border-color:var(--yellow4);border-style:solid}
.c-yellow4-a:not(:disabled):active {color:var(--yellow4) !important}
.accent-yellow4-a:not(:disabled):active {accent-color:var(--yellow4) !important}
.shadow-yellow4-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow4-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),90%,0.5)!important}
.yellow4 {--active:var(--yellow4);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:90%}
.bgc-yellow4-odd>:nth-of-type(odd) {background-color:var(--yellow4) !important}
.c-yellow4-odd>:nth-of-type(odd) {color:var(--yellow4) !important}
.b-yellow4-odd>:nth-of-type(odd) {border-color:var(--yellow4);border-style:solid}
.scrollbar-yellow4::-webkit-scrollbar-thumb {background-color:var(--yellow4) !important}
.gradient-yellow4 {background:linear-gradient(var(--angle,90deg),var(--yellow4),var(--active))}
.bgc-yellow5 {background-color:var(--yellow5) !important}
.b-yellow5 {border-color:var(--yellow5);border-style:solid}
.c-yellow5 {color:var(--yellow5) !important}
.accent-yellow5 {accent-color:var(--yellow5) !important}
.shadow-yellow5 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow5-h:not(:disabled):hover {background-color:var(--yellow5) !important}
.b-yellow5-h:not(:disabled):hover {border-color:var(--yellow5);border-style:solid}
.c-yellow5-h:not(:disabled):hover {color:var(--yellow5) !important}
.accent-yellow5-h:not(:disabled):hover {accent-color:var(--yellow5) !important}
.shadow-yellow5-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow5-f:not(:disabled):focus {background-color:var(--yellow5) !important}
.b-yellow5-f:not(:disabled):focus {border-color:var(--yellow5);border-style:solid}
.c-yellow5-f:not(:disabled):focus {color:var(--yellow5) !important}
.accent-yellow5-f:not(:disabled):focus {accent-color:var(--yellow5) !important}
.shadow-yellow5-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow5-a:not(:disabled):active {background-color:var(--yellow5) !important}
.b-yellow5-a:not(:disabled):active {border-color:var(--yellow5);border-style:solid}
.c-yellow5-a:not(:disabled):active {color:var(--yellow5) !important}
.accent-yellow5-a:not(:disabled):active {accent-color:var(--yellow5) !important}
.shadow-yellow5-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow5-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),95%,0.5)!important}
.yellow5 {--active:var(--yellow5);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:95%}
.bgc-yellow5-odd>:nth-of-type(odd) {background-color:var(--yellow5) !important}
.c-yellow5-odd>:nth-of-type(odd) {color:var(--yellow5) !important}
.b-yellow5-odd>:nth-of-type(odd) {border-color:var(--yellow5);border-style:solid}
.scrollbar-yellow5::-webkit-scrollbar-thumb {background-color:var(--yellow5) !important}
.gradient-yellow5 {background:linear-gradient(var(--angle,90deg),var(--yellow5),var(--active))}
.bgc-yellow-4 {background-color:var(--yellow-4) !important}
.b-yellow-4 {border-color:var(--yellow-4);border-style:solid}
.c-yellow-4 {color:var(--yellow-4) !important}
.accent-yellow-4 {accent-color:var(--yellow-4) !important}
.shadow-yellow-4 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-4-h:not(:disabled):hover {background-color:var(--yellow-4) !important}
.b-yellow-4-h:not(:disabled):hover {border-color:var(--yellow-4);border-style:solid}
.c-yellow-4-h:not(:disabled):hover {color:var(--yellow-4) !important}
.accent-yellow-4-h:not(:disabled):hover {accent-color:var(--yellow-4) !important}
.shadow-yellow-4-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-4-f:not(:disabled):focus {background-color:var(--yellow-4) !important}
.b-yellow-4-f:not(:disabled):focus {border-color:var(--yellow-4);border-style:solid}
.c-yellow-4-f:not(:disabled):focus {color:var(--yellow-4) !important}
.accent-yellow-4-f:not(:disabled):focus {accent-color:var(--yellow-4) !important}
.shadow-yellow-4-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-4-a:not(:disabled):active {background-color:var(--yellow-4) !important}
.b-yellow-4-a:not(:disabled):active {border-color:var(--yellow-4);border-style:solid}
.c-yellow-4-a:not(:disabled):active {color:var(--yellow-4) !important}
.accent-yellow-4-a:not(:disabled):active {accent-color:var(--yellow-4) !important}
.shadow-yellow-4-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-4-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),10%,0.5)!important}
.yellow-4 {--active:var(--yellow-4);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:10%}
.bgc-yellow-4-odd>:nth-of-type(odd) {background-color:var(--yellow-4) !important}
.c-yellow-4-odd>:nth-of-type(odd) {color:var(--yellow-4) !important}
.b-yellow-4-odd>:nth-of-type(odd) {border-color:var(--yellow-4);border-style:solid}
.scrollbar-yellow-4::-webkit-scrollbar-thumb {background-color:var(--yellow-4) !important}
.gradient-yellow-4 {background:linear-gradient(var(--angle,90deg),var(--yellow-4),var(--active))}
.bgc-yellow-3 {background-color:var(--yellow-3) !important}
.b-yellow-3 {border-color:var(--yellow-3);border-style:solid}
.c-yellow-3 {color:var(--yellow-3) !important}
.accent-yellow-3 {accent-color:var(--yellow-3) !important}
.shadow-yellow-3 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-3-h:not(:disabled):hover {background-color:var(--yellow-3) !important}
.b-yellow-3-h:not(:disabled):hover {border-color:var(--yellow-3);border-style:solid}
.c-yellow-3-h:not(:disabled):hover {color:var(--yellow-3) !important}
.accent-yellow-3-h:not(:disabled):hover {accent-color:var(--yellow-3) !important}
.shadow-yellow-3-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-3-f:not(:disabled):focus {background-color:var(--yellow-3) !important}
.b-yellow-3-f:not(:disabled):focus {border-color:var(--yellow-3);border-style:solid}
.c-yellow-3-f:not(:disabled):focus {color:var(--yellow-3) !important}
.accent-yellow-3-f:not(:disabled):focus {accent-color:var(--yellow-3) !important}
.shadow-yellow-3-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-3-a:not(:disabled):active {background-color:var(--yellow-3) !important}
.b-yellow-3-a:not(:disabled):active {border-color:var(--yellow-3);border-style:solid}
.c-yellow-3-a:not(:disabled):active {color:var(--yellow-3) !important}
.accent-yellow-3-a:not(:disabled):active {accent-color:var(--yellow-3) !important}
.shadow-yellow-3-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-3-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),20%,0.5)!important}
.yellow-3 {--active:var(--yellow-3);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:20%}
.bgc-yellow-3-odd>:nth-of-type(odd) {background-color:var(--yellow-3) !important}
.c-yellow-3-odd>:nth-of-type(odd) {color:var(--yellow-3) !important}
.b-yellow-3-odd>:nth-of-type(odd) {border-color:var(--yellow-3);border-style:solid}
.scrollbar-yellow-3::-webkit-scrollbar-thumb {background-color:var(--yellow-3) !important}
.gradient-yellow-3 {background:linear-gradient(var(--angle,90deg),var(--yellow-3),var(--active))}
.bgc-yellow-2 {background-color:var(--yellow-2) !important}
.b-yellow-2 {border-color:var(--yellow-2);border-style:solid}
.c-yellow-2 {color:var(--yellow-2) !important}
.accent-yellow-2 {accent-color:var(--yellow-2) !important}
.shadow-yellow-2 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-2-h:not(:disabled):hover {background-color:var(--yellow-2) !important}
.b-yellow-2-h:not(:disabled):hover {border-color:var(--yellow-2);border-style:solid}
.c-yellow-2-h:not(:disabled):hover {color:var(--yellow-2) !important}
.accent-yellow-2-h:not(:disabled):hover {accent-color:var(--yellow-2) !important}
.shadow-yellow-2-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-2-f:not(:disabled):focus {background-color:var(--yellow-2) !important}
.b-yellow-2-f:not(:disabled):focus {border-color:var(--yellow-2);border-style:solid}
.c-yellow-2-f:not(:disabled):focus {color:var(--yellow-2) !important}
.accent-yellow-2-f:not(:disabled):focus {accent-color:var(--yellow-2) !important}
.shadow-yellow-2-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-2-a:not(:disabled):active {background-color:var(--yellow-2) !important}
.b-yellow-2-a:not(:disabled):active {border-color:var(--yellow-2);border-style:solid}
.c-yellow-2-a:not(:disabled):active {color:var(--yellow-2) !important}
.accent-yellow-2-a:not(:disabled):active {accent-color:var(--yellow-2) !important}
.shadow-yellow-2-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-2-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),30%,0.5)!important}
.yellow-2 {--active:var(--yellow-2);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:30%}
.bgc-yellow-2-odd>:nth-of-type(odd) {background-color:var(--yellow-2) !important}
.c-yellow-2-odd>:nth-of-type(odd) {color:var(--yellow-2) !important}
.b-yellow-2-odd>:nth-of-type(odd) {border-color:var(--yellow-2);border-style:solid}
.scrollbar-yellow-2::-webkit-scrollbar-thumb {background-color:var(--yellow-2) !important}
.gradient-yellow-2 {background:linear-gradient(var(--angle,90deg),var(--yellow-2),var(--active))}
.bgc-yellow-1 {background-color:var(--yellow-1) !important}
.b-yellow-1 {border-color:var(--yellow-1);border-style:solid}
.c-yellow-1 {color:var(--yellow-1) !important}
.accent-yellow-1 {accent-color:var(--yellow-1) !important}
.shadow-yellow-1 {box-shadow:hsla(var(--yellow-h),var(--yellow-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-1-h:not(:disabled):hover {background-color:var(--yellow-1) !important}
.b-yellow-1-h:not(:disabled):hover {border-color:var(--yellow-1);border-style:solid}
.c-yellow-1-h:not(:disabled):hover {color:var(--yellow-1) !important}
.accent-yellow-1-h:not(:disabled):hover {accent-color:var(--yellow-1) !important}
.shadow-yellow-1-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-1-f:not(:disabled):focus {background-color:var(--yellow-1) !important}
.b-yellow-1-f:not(:disabled):focus {border-color:var(--yellow-1);border-style:solid}
.c-yellow-1-f:not(:disabled):focus {color:var(--yellow-1) !important}
.accent-yellow-1-f:not(:disabled):focus {accent-color:var(--yellow-1) !important}
.shadow-yellow-1-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-1-a:not(:disabled):active {background-color:var(--yellow-1) !important}
.b-yellow-1-a:not(:disabled):active {border-color:var(--yellow-1);border-style:solid}
.c-yellow-1-a:not(:disabled):active {color:var(--yellow-1) !important}
.accent-yellow-1-a:not(:disabled):active {accent-color:var(--yellow-1) !important}
.shadow-yellow-1-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-1-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),40%,0.5)!important}
.yellow-1 {--active:var(--yellow-1);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:40%}
.bgc-yellow-1-odd>:nth-of-type(odd) {background-color:var(--yellow-1) !important}
.c-yellow-1-odd>:nth-of-type(odd) {color:var(--yellow-1) !important}
.b-yellow-1-odd>:nth-of-type(odd) {border-color:var(--yellow-1);border-style:solid}
.scrollbar-yellow-1::-webkit-scrollbar-thumb {background-color:var(--yellow-1) !important}
.gradient-yellow-1 {background:linear-gradient(var(--angle,90deg),var(--yellow-1),var(--active))}
.bgc-yellow {background-color:var(--yellow) !important}
.b-yellow {border-color:var(--yellow);border-style:solid}
.c-yellow {color:var(--yellow) !important}
.accent-yellow {accent-color:var(--yellow) !important}
.shadow-yellow {box-shadow:hsla(var(--yellow-h),var(--yellow-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-h:not(:disabled):hover {background-color:var(--yellow) !important}
.b-yellow-h:not(:disabled):hover {border-color:var(--yellow);border-style:solid}
.c-yellow-h:not(:disabled):hover {color:var(--yellow) !important}
.accent-yellow-h:not(:disabled):hover {accent-color:var(--yellow) !important}
.shadow-yellow-h:not(:disabled):hover {box-shadow:hsla(var(--yellow-h),var(--yellow-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-f:not(:disabled):focus {background-color:var(--yellow) !important}
.b-yellow-f:not(:disabled):focus {border-color:var(--yellow);border-style:solid}
.c-yellow-f:not(:disabled):focus {color:var(--yellow) !important}
.accent-yellow-f:not(:disabled):focus {accent-color:var(--yellow) !important}
.shadow-yellow-f:not(:disabled):focus {box-shadow:hsla(var(--yellow-h),var(--yellow-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-a:not(:disabled):active {background-color:var(--yellow) !important}
.b-yellow-a:not(:disabled):active {border-color:var(--yellow);border-style:solid}
.c-yellow-a:not(:disabled):active {color:var(--yellow) !important}
.accent-yellow-a:not(:disabled):active {accent-color:var(--yellow) !important}
.shadow-yellow-a:not(:disabled):active {box-shadow:hsla(var(--yellow-h),var(--yellow-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-yellow-transparent {background-color:hsla(var(--yellow-h),var(--yellow-s),50%,0.5)!important}
.yellow {--active:var(--yellow);--active-h:var(--yellow-h);--active-s:var(--yellow-s);--active-l:50%}
.bgc-yellow-odd>:nth-of-type(odd) {background-color:var(--yellow) !important}
.c-yellow-odd>:nth-of-type(odd) {color:var(--yellow) !important}
.b-yellow-odd>:nth-of-type(odd) {border-color:var(--yellow);border-style:solid}
.scrollbar-yellow::-webkit-scrollbar-thumb {background-color:var(--yellow) !important}
.gradient-yellow {background:linear-gradient(var(--angle,90deg),var(--yellow),var(--active))}
.bgc-darkblue1 {background-color:var(--darkblue1) !important}
.b-darkblue1 {border-color:var(--darkblue1);border-style:solid}
.c-darkblue1 {color:var(--darkblue1) !important}
.accent-darkblue1 {accent-color:var(--darkblue1) !important}
.shadow-darkblue1 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue1-h:not(:disabled):hover {background-color:var(--darkblue1) !important}
.b-darkblue1-h:not(:disabled):hover {border-color:var(--darkblue1);border-style:solid}
.c-darkblue1-h:not(:disabled):hover {color:var(--darkblue1) !important}
.accent-darkblue1-h:not(:disabled):hover {accent-color:var(--darkblue1) !important}
.shadow-darkblue1-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue1-f:not(:disabled):focus {background-color:var(--darkblue1) !important}
.b-darkblue1-f:not(:disabled):focus {border-color:var(--darkblue1);border-style:solid}
.c-darkblue1-f:not(:disabled):focus {color:var(--darkblue1) !important}
.accent-darkblue1-f:not(:disabled):focus {accent-color:var(--darkblue1) !important}
.shadow-darkblue1-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue1-a:not(:disabled):active {background-color:var(--darkblue1) !important}
.b-darkblue1-a:not(:disabled):active {border-color:var(--darkblue1);border-style:solid}
.c-darkblue1-a:not(:disabled):active {color:var(--darkblue1) !important}
.accent-darkblue1-a:not(:disabled):active {accent-color:var(--darkblue1) !important}
.shadow-darkblue1-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),60%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue1-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),60%,0.5)!important}
.darkblue1 {--active:var(--darkblue1);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:60%}
.bgc-darkblue1-odd>:nth-of-type(odd) {background-color:var(--darkblue1) !important}
.c-darkblue1-odd>:nth-of-type(odd) {color:var(--darkblue1) !important}
.b-darkblue1-odd>:nth-of-type(odd) {border-color:var(--darkblue1);border-style:solid}
.scrollbar-darkblue1::-webkit-scrollbar-thumb {background-color:var(--darkblue1) !important}
.gradient-darkblue1 {background:linear-gradient(var(--angle,90deg),var(--darkblue1),var(--active))}
.bgc-darkblue2 {background-color:var(--darkblue2) !important}
.b-darkblue2 {border-color:var(--darkblue2);border-style:solid}
.c-darkblue2 {color:var(--darkblue2) !important}
.accent-darkblue2 {accent-color:var(--darkblue2) !important}
.shadow-darkblue2 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue2-h:not(:disabled):hover {background-color:var(--darkblue2) !important}
.b-darkblue2-h:not(:disabled):hover {border-color:var(--darkblue2);border-style:solid}
.c-darkblue2-h:not(:disabled):hover {color:var(--darkblue2) !important}
.accent-darkblue2-h:not(:disabled):hover {accent-color:var(--darkblue2) !important}
.shadow-darkblue2-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue2-f:not(:disabled):focus {background-color:var(--darkblue2) !important}
.b-darkblue2-f:not(:disabled):focus {border-color:var(--darkblue2);border-style:solid}
.c-darkblue2-f:not(:disabled):focus {color:var(--darkblue2) !important}
.accent-darkblue2-f:not(:disabled):focus {accent-color:var(--darkblue2) !important}
.shadow-darkblue2-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue2-a:not(:disabled):active {background-color:var(--darkblue2) !important}
.b-darkblue2-a:not(:disabled):active {border-color:var(--darkblue2);border-style:solid}
.c-darkblue2-a:not(:disabled):active {color:var(--darkblue2) !important}
.accent-darkblue2-a:not(:disabled):active {accent-color:var(--darkblue2) !important}
.shadow-darkblue2-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),70%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue2-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),70%,0.5)!important}
.darkblue2 {--active:var(--darkblue2);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:70%}
.bgc-darkblue2-odd>:nth-of-type(odd) {background-color:var(--darkblue2) !important}
.c-darkblue2-odd>:nth-of-type(odd) {color:var(--darkblue2) !important}
.b-darkblue2-odd>:nth-of-type(odd) {border-color:var(--darkblue2);border-style:solid}
.scrollbar-darkblue2::-webkit-scrollbar-thumb {background-color:var(--darkblue2) !important}
.gradient-darkblue2 {background:linear-gradient(var(--angle,90deg),var(--darkblue2),var(--active))}
.bgc-darkblue3 {background-color:var(--darkblue3) !important}
.b-darkblue3 {border-color:var(--darkblue3);border-style:solid}
.c-darkblue3 {color:var(--darkblue3) !important}
.accent-darkblue3 {accent-color:var(--darkblue3) !important}
.shadow-darkblue3 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue3-h:not(:disabled):hover {background-color:var(--darkblue3) !important}
.b-darkblue3-h:not(:disabled):hover {border-color:var(--darkblue3);border-style:solid}
.c-darkblue3-h:not(:disabled):hover {color:var(--darkblue3) !important}
.accent-darkblue3-h:not(:disabled):hover {accent-color:var(--darkblue3) !important}
.shadow-darkblue3-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue3-f:not(:disabled):focus {background-color:var(--darkblue3) !important}
.b-darkblue3-f:not(:disabled):focus {border-color:var(--darkblue3);border-style:solid}
.c-darkblue3-f:not(:disabled):focus {color:var(--darkblue3) !important}
.accent-darkblue3-f:not(:disabled):focus {accent-color:var(--darkblue3) !important}
.shadow-darkblue3-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue3-a:not(:disabled):active {background-color:var(--darkblue3) !important}
.b-darkblue3-a:not(:disabled):active {border-color:var(--darkblue3);border-style:solid}
.c-darkblue3-a:not(:disabled):active {color:var(--darkblue3) !important}
.accent-darkblue3-a:not(:disabled):active {accent-color:var(--darkblue3) !important}
.shadow-darkblue3-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),80%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue3-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),80%,0.5)!important}
.darkblue3 {--active:var(--darkblue3);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:80%}
.bgc-darkblue3-odd>:nth-of-type(odd) {background-color:var(--darkblue3) !important}
.c-darkblue3-odd>:nth-of-type(odd) {color:var(--darkblue3) !important}
.b-darkblue3-odd>:nth-of-type(odd) {border-color:var(--darkblue3);border-style:solid}
.scrollbar-darkblue3::-webkit-scrollbar-thumb {background-color:var(--darkblue3) !important}
.gradient-darkblue3 {background:linear-gradient(var(--angle,90deg),var(--darkblue3),var(--active))}
.bgc-darkblue4 {background-color:var(--darkblue4) !important}
.b-darkblue4 {border-color:var(--darkblue4);border-style:solid}
.c-darkblue4 {color:var(--darkblue4) !important}
.accent-darkblue4 {accent-color:var(--darkblue4) !important}
.shadow-darkblue4 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue4-h:not(:disabled):hover {background-color:var(--darkblue4) !important}
.b-darkblue4-h:not(:disabled):hover {border-color:var(--darkblue4);border-style:solid}
.c-darkblue4-h:not(:disabled):hover {color:var(--darkblue4) !important}
.accent-darkblue4-h:not(:disabled):hover {accent-color:var(--darkblue4) !important}
.shadow-darkblue4-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue4-f:not(:disabled):focus {background-color:var(--darkblue4) !important}
.b-darkblue4-f:not(:disabled):focus {border-color:var(--darkblue4);border-style:solid}
.c-darkblue4-f:not(:disabled):focus {color:var(--darkblue4) !important}
.accent-darkblue4-f:not(:disabled):focus {accent-color:var(--darkblue4) !important}
.shadow-darkblue4-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue4-a:not(:disabled):active {background-color:var(--darkblue4) !important}
.b-darkblue4-a:not(:disabled):active {border-color:var(--darkblue4);border-style:solid}
.c-darkblue4-a:not(:disabled):active {color:var(--darkblue4) !important}
.accent-darkblue4-a:not(:disabled):active {accent-color:var(--darkblue4) !important}
.shadow-darkblue4-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),90%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue4-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),90%,0.5)!important}
.darkblue4 {--active:var(--darkblue4);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:90%}
.bgc-darkblue4-odd>:nth-of-type(odd) {background-color:var(--darkblue4) !important}
.c-darkblue4-odd>:nth-of-type(odd) {color:var(--darkblue4) !important}
.b-darkblue4-odd>:nth-of-type(odd) {border-color:var(--darkblue4);border-style:solid}
.scrollbar-darkblue4::-webkit-scrollbar-thumb {background-color:var(--darkblue4) !important}
.gradient-darkblue4 {background:linear-gradient(var(--angle,90deg),var(--darkblue4),var(--active))}
.bgc-darkblue5 {background-color:var(--darkblue5) !important}
.b-darkblue5 {border-color:var(--darkblue5);border-style:solid}
.c-darkblue5 {color:var(--darkblue5) !important}
.accent-darkblue5 {accent-color:var(--darkblue5) !important}
.shadow-darkblue5 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue5-h:not(:disabled):hover {background-color:var(--darkblue5) !important}
.b-darkblue5-h:not(:disabled):hover {border-color:var(--darkblue5);border-style:solid}
.c-darkblue5-h:not(:disabled):hover {color:var(--darkblue5) !important}
.accent-darkblue5-h:not(:disabled):hover {accent-color:var(--darkblue5) !important}
.shadow-darkblue5-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue5-f:not(:disabled):focus {background-color:var(--darkblue5) !important}
.b-darkblue5-f:not(:disabled):focus {border-color:var(--darkblue5);border-style:solid}
.c-darkblue5-f:not(:disabled):focus {color:var(--darkblue5) !important}
.accent-darkblue5-f:not(:disabled):focus {accent-color:var(--darkblue5) !important}
.shadow-darkblue5-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue5-a:not(:disabled):active {background-color:var(--darkblue5) !important}
.b-darkblue5-a:not(:disabled):active {border-color:var(--darkblue5);border-style:solid}
.c-darkblue5-a:not(:disabled):active {color:var(--darkblue5) !important}
.accent-darkblue5-a:not(:disabled):active {accent-color:var(--darkblue5) !important}
.shadow-darkblue5-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),95%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue5-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),95%,0.5)!important}
.darkblue5 {--active:var(--darkblue5);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:95%}
.bgc-darkblue5-odd>:nth-of-type(odd) {background-color:var(--darkblue5) !important}
.c-darkblue5-odd>:nth-of-type(odd) {color:var(--darkblue5) !important}
.b-darkblue5-odd>:nth-of-type(odd) {border-color:var(--darkblue5);border-style:solid}
.scrollbar-darkblue5::-webkit-scrollbar-thumb {background-color:var(--darkblue5) !important}
.gradient-darkblue5 {background:linear-gradient(var(--angle,90deg),var(--darkblue5),var(--active))}
.bgc-darkblue-4 {background-color:var(--darkblue-4) !important}
.b-darkblue-4 {border-color:var(--darkblue-4);border-style:solid}
.c-darkblue-4 {color:var(--darkblue-4) !important}
.accent-darkblue-4 {accent-color:var(--darkblue-4) !important}
.shadow-darkblue-4 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-4-h:not(:disabled):hover {background-color:var(--darkblue-4) !important}
.b-darkblue-4-h:not(:disabled):hover {border-color:var(--darkblue-4);border-style:solid}
.c-darkblue-4-h:not(:disabled):hover {color:var(--darkblue-4) !important}
.accent-darkblue-4-h:not(:disabled):hover {accent-color:var(--darkblue-4) !important}
.shadow-darkblue-4-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-4-f:not(:disabled):focus {background-color:var(--darkblue-4) !important}
.b-darkblue-4-f:not(:disabled):focus {border-color:var(--darkblue-4);border-style:solid}
.c-darkblue-4-f:not(:disabled):focus {color:var(--darkblue-4) !important}
.accent-darkblue-4-f:not(:disabled):focus {accent-color:var(--darkblue-4) !important}
.shadow-darkblue-4-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-4-a:not(:disabled):active {background-color:var(--darkblue-4) !important}
.b-darkblue-4-a:not(:disabled):active {border-color:var(--darkblue-4);border-style:solid}
.c-darkblue-4-a:not(:disabled):active {color:var(--darkblue-4) !important}
.accent-darkblue-4-a:not(:disabled):active {accent-color:var(--darkblue-4) !important}
.shadow-darkblue-4-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),10%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-4-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),10%,0.5)!important}
.darkblue-4 {--active:var(--darkblue-4);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:10%}
.bgc-darkblue-4-odd>:nth-of-type(odd) {background-color:var(--darkblue-4) !important}
.c-darkblue-4-odd>:nth-of-type(odd) {color:var(--darkblue-4) !important}
.b-darkblue-4-odd>:nth-of-type(odd) {border-color:var(--darkblue-4);border-style:solid}
.scrollbar-darkblue-4::-webkit-scrollbar-thumb {background-color:var(--darkblue-4) !important}
.gradient-darkblue-4 {background:linear-gradient(var(--angle,90deg),var(--darkblue-4),var(--active))}
.bgc-darkblue-3 {background-color:var(--darkblue-3) !important}
.b-darkblue-3 {border-color:var(--darkblue-3);border-style:solid}
.c-darkblue-3 {color:var(--darkblue-3) !important}
.accent-darkblue-3 {accent-color:var(--darkblue-3) !important}
.shadow-darkblue-3 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-3-h:not(:disabled):hover {background-color:var(--darkblue-3) !important}
.b-darkblue-3-h:not(:disabled):hover {border-color:var(--darkblue-3);border-style:solid}
.c-darkblue-3-h:not(:disabled):hover {color:var(--darkblue-3) !important}
.accent-darkblue-3-h:not(:disabled):hover {accent-color:var(--darkblue-3) !important}
.shadow-darkblue-3-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-3-f:not(:disabled):focus {background-color:var(--darkblue-3) !important}
.b-darkblue-3-f:not(:disabled):focus {border-color:var(--darkblue-3);border-style:solid}
.c-darkblue-3-f:not(:disabled):focus {color:var(--darkblue-3) !important}
.accent-darkblue-3-f:not(:disabled):focus {accent-color:var(--darkblue-3) !important}
.shadow-darkblue-3-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-3-a:not(:disabled):active {background-color:var(--darkblue-3) !important}
.b-darkblue-3-a:not(:disabled):active {border-color:var(--darkblue-3);border-style:solid}
.c-darkblue-3-a:not(:disabled):active {color:var(--darkblue-3) !important}
.accent-darkblue-3-a:not(:disabled):active {accent-color:var(--darkblue-3) !important}
.shadow-darkblue-3-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),20%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-3-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),20%,0.5)!important}
.darkblue-3 {--active:var(--darkblue-3);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:20%}
.bgc-darkblue-3-odd>:nth-of-type(odd) {background-color:var(--darkblue-3) !important}
.c-darkblue-3-odd>:nth-of-type(odd) {color:var(--darkblue-3) !important}
.b-darkblue-3-odd>:nth-of-type(odd) {border-color:var(--darkblue-3);border-style:solid}
.scrollbar-darkblue-3::-webkit-scrollbar-thumb {background-color:var(--darkblue-3) !important}
.gradient-darkblue-3 {background:linear-gradient(var(--angle,90deg),var(--darkblue-3),var(--active))}
.bgc-darkblue-2 {background-color:var(--darkblue-2) !important}
.b-darkblue-2 {border-color:var(--darkblue-2);border-style:solid}
.c-darkblue-2 {color:var(--darkblue-2) !important}
.accent-darkblue-2 {accent-color:var(--darkblue-2) !important}
.shadow-darkblue-2 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-2-h:not(:disabled):hover {background-color:var(--darkblue-2) !important}
.b-darkblue-2-h:not(:disabled):hover {border-color:var(--darkblue-2);border-style:solid}
.c-darkblue-2-h:not(:disabled):hover {color:var(--darkblue-2) !important}
.accent-darkblue-2-h:not(:disabled):hover {accent-color:var(--darkblue-2) !important}
.shadow-darkblue-2-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-2-f:not(:disabled):focus {background-color:var(--darkblue-2) !important}
.b-darkblue-2-f:not(:disabled):focus {border-color:var(--darkblue-2);border-style:solid}
.c-darkblue-2-f:not(:disabled):focus {color:var(--darkblue-2) !important}
.accent-darkblue-2-f:not(:disabled):focus {accent-color:var(--darkblue-2) !important}
.shadow-darkblue-2-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-2-a:not(:disabled):active {background-color:var(--darkblue-2) !important}
.b-darkblue-2-a:not(:disabled):active {border-color:var(--darkblue-2);border-style:solid}
.c-darkblue-2-a:not(:disabled):active {color:var(--darkblue-2) !important}
.accent-darkblue-2-a:not(:disabled):active {accent-color:var(--darkblue-2) !important}
.shadow-darkblue-2-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),30%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-2-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),30%,0.5)!important}
.darkblue-2 {--active:var(--darkblue-2);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:30%}
.bgc-darkblue-2-odd>:nth-of-type(odd) {background-color:var(--darkblue-2) !important}
.c-darkblue-2-odd>:nth-of-type(odd) {color:var(--darkblue-2) !important}
.b-darkblue-2-odd>:nth-of-type(odd) {border-color:var(--darkblue-2);border-style:solid}
.scrollbar-darkblue-2::-webkit-scrollbar-thumb {background-color:var(--darkblue-2) !important}
.gradient-darkblue-2 {background:linear-gradient(var(--angle,90deg),var(--darkblue-2),var(--active))}
.bgc-darkblue-1 {background-color:var(--darkblue-1) !important}
.b-darkblue-1 {border-color:var(--darkblue-1);border-style:solid}
.c-darkblue-1 {color:var(--darkblue-1) !important}
.accent-darkblue-1 {accent-color:var(--darkblue-1) !important}
.shadow-darkblue-1 {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-1-h:not(:disabled):hover {background-color:var(--darkblue-1) !important}
.b-darkblue-1-h:not(:disabled):hover {border-color:var(--darkblue-1);border-style:solid}
.c-darkblue-1-h:not(:disabled):hover {color:var(--darkblue-1) !important}
.accent-darkblue-1-h:not(:disabled):hover {accent-color:var(--darkblue-1) !important}
.shadow-darkblue-1-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-1-f:not(:disabled):focus {background-color:var(--darkblue-1) !important}
.b-darkblue-1-f:not(:disabled):focus {border-color:var(--darkblue-1);border-style:solid}
.c-darkblue-1-f:not(:disabled):focus {color:var(--darkblue-1) !important}
.accent-darkblue-1-f:not(:disabled):focus {accent-color:var(--darkblue-1) !important}
.shadow-darkblue-1-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-1-a:not(:disabled):active {background-color:var(--darkblue-1) !important}
.b-darkblue-1-a:not(:disabled):active {border-color:var(--darkblue-1);border-style:solid}
.c-darkblue-1-a:not(:disabled):active {color:var(--darkblue-1) !important}
.accent-darkblue-1-a:not(:disabled):active {accent-color:var(--darkblue-1) !important}
.shadow-darkblue-1-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),40%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-1-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),40%,0.5)!important}
.darkblue-1 {--active:var(--darkblue-1);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:40%}
.bgc-darkblue-1-odd>:nth-of-type(odd) {background-color:var(--darkblue-1) !important}
.c-darkblue-1-odd>:nth-of-type(odd) {color:var(--darkblue-1) !important}
.b-darkblue-1-odd>:nth-of-type(odd) {border-color:var(--darkblue-1);border-style:solid}
.scrollbar-darkblue-1::-webkit-scrollbar-thumb {background-color:var(--darkblue-1) !important}
.gradient-darkblue-1 {background:linear-gradient(var(--angle,90deg),var(--darkblue-1),var(--active))}
.bgc-darkblue {background-color:var(--darkblue) !important}
.b-darkblue {border-color:var(--darkblue);border-style:solid}
.c-darkblue {color:var(--darkblue) !important}
.accent-darkblue {accent-color:var(--darkblue) !important}
.shadow-darkblue {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-h:not(:disabled):hover {background-color:var(--darkblue) !important}
.b-darkblue-h:not(:disabled):hover {border-color:var(--darkblue);border-style:solid}
.c-darkblue-h:not(:disabled):hover {color:var(--darkblue) !important}
.accent-darkblue-h:not(:disabled):hover {accent-color:var(--darkblue) !important}
.shadow-darkblue-h:not(:disabled):hover {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-f:not(:disabled):focus {background-color:var(--darkblue) !important}
.b-darkblue-f:not(:disabled):focus {border-color:var(--darkblue);border-style:solid}
.c-darkblue-f:not(:disabled):focus {color:var(--darkblue) !important}
.accent-darkblue-f:not(:disabled):focus {accent-color:var(--darkblue) !important}
.shadow-darkblue-f:not(:disabled):focus {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-a:not(:disabled):active {background-color:var(--darkblue) !important}
.b-darkblue-a:not(:disabled):active {border-color:var(--darkblue);border-style:solid}
.c-darkblue-a:not(:disabled):active {color:var(--darkblue) !important}
.accent-darkblue-a:not(:disabled):active {accent-color:var(--darkblue) !important}
.shadow-darkblue-a:not(:disabled):active {box-shadow:hsla(var(--darkblue-h),var(--darkblue-s),50%,0.5) calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.bgc-darkblue-transparent {background-color:hsla(var(--darkblue-h),var(--darkblue-s),50%,0.5)!important}
.darkblue {--active:var(--darkblue);--active-h:var(--darkblue-h);--active-s:var(--darkblue-s);--active-l:50%}
.bgc-darkblue-odd>:nth-of-type(odd) {background-color:var(--darkblue) !important}
.c-darkblue-odd>:nth-of-type(odd) {color:var(--darkblue) !important}
.b-darkblue-odd>:nth-of-type(odd) {border-color:var(--darkblue);border-style:solid}
.scrollbar-darkblue::-webkit-scrollbar-thumb {background-color:var(--darkblue) !important}
.gradient-darkblue {background:linear-gradient(var(--angle,90deg),var(--darkblue),var(--active))}
.bgc-white-odd>:nth-of-type(odd) {background-color:#FFFFFF !important}
.c-white-odd>:nth-of-type(odd) {color:#FFFFFF !important}
.b-white-odd>:nth-of-type(odd) {border-color:#FFFFFF;border-style:solid}
.scrollbar-white::-webkit-scrollbar-thumb {background-color:#FFFFFF !important}
.gradient-white {background:linear-gradient(var(--angle,90deg),#FFFFFF,var(--active))}
.bgc-white {background-color:#FFFFFF !important}
.b-white {border-color:#FFFFFF;border-style:solid}
.c-white {color:#FFFFFF !important}
.accent-white {accent-color:#FFFFFF !important}
.shadow-white {box-shadow:undefined calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
.opacity100,.opacity100-h:hover,.opacity100-f:focus {opacity:1}
.darker0,.darker0-h:hover:not(:disabled),.darker0-f:focus:not(:disabled) {filter:brightness(1)}
.lighter0,.lighter0-h:hover:not(:disabled),.lighter0-f:focus:not(:disabled) {filter:brightness(1)}
.opacity0,.opacity0-h:hover,.opacity0-f:focus {opacity:0.0}
.darker1,.darker1-h:hover:not(:disabled),.darker1-f:focus:not(:disabled) {filter:brightness(0.9)}
.lighter1,.lighter1-h:hover:not(:disabled),.lighter1-f:focus:not(:disabled) {filter:brightness(1.1)}
.opacity1,.opacity1-h:hover,.opacity1-f:focus {opacity:0.1}
.darker2,.darker2-h:hover:not(:disabled),.darker2-f:focus:not(:disabled) {filter:brightness(0.8)}
.lighter2,.lighter2-h:hover:not(:disabled),.lighter2-f:focus:not(:disabled) {filter:brightness(1.2)}
.opacity2,.opacity2-h:hover,.opacity2-f:focus {opacity:0.2}
.darker3,.darker3-h:hover:not(:disabled),.darker3-f:focus:not(:disabled) {filter:brightness(0.7)}
.lighter3,.lighter3-h:hover:not(:disabled),.lighter3-f:focus:not(:disabled) {filter:brightness(1.3)}
.opacity3,.opacity3-h:hover,.opacity3-f:focus {opacity:0.3}
.darker4,.darker4-h:hover:not(:disabled),.darker4-f:focus:not(:disabled) {filter:brightness(0.6)}
.lighter4,.lighter4-h:hover:not(:disabled),.lighter4-f:focus:not(:disabled) {filter:brightness(1.4)}
.opacity4,.opacity4-h:hover,.opacity4-f:focus {opacity:0.4}
.darker5,.darker5-h:hover:not(:disabled),.darker5-f:focus:not(:disabled) {filter:brightness(0.5)}
.lighter5,.lighter5-h:hover:not(:disabled),.lighter5-f:focus:not(:disabled) {filter:brightness(1.5)}
.opacity5,.opacity5-h:hover,.opacity5-f:focus {opacity:0.5}
.darker6,.darker6-h:hover:not(:disabled),.darker6-f:focus:not(:disabled) {filter:brightness(0.4)}
.lighter6,.lighter6-h:hover:not(:disabled),.lighter6-f:focus:not(:disabled) {filter:brightness(1.6)}
.opacity6,.opacity6-h:hover,.opacity6-f:focus {opacity:0.6}
.bgc-black-odd>:nth-of-type(odd) {background-color:#000000 !important}
.c-black-odd>:nth-of-type(odd) {color:#000000 !important}
.b-black-odd>:nth-of-type(odd) {border-color:#000000;border-style:solid}
.scrollbar-black::-webkit-scrollbar-thumb {background-color:#000000 !important}
.gradient-black {background:linear-gradient(var(--angle,90deg),#000000,var(--active))}
.bgc-black {background-color:#000000 !important}
.b-black {border-color:#000000;border-style:solid}
.c-black {color:#000000 !important}
.accent-black {accent-color:#000000 !important}
.shadow-black {box-shadow:undefined calc(var(--p) / 8) calc(var(--p) / 8) calc(var(--p) / 2) calc(var(--p) / 8)}
/* flex*/
.wrap {display:flex;flex-wrap:wrap}
.wrap-reverse {display:flex;flex-wrap:wrap-reverse}
.flex {display:flex}
.flex-reverse {display:flex;flex:reverse}
.stretch {flex-grow:1}
.col {display:flex;flex-direction:column}
.row {display:flex;flex-direction:row;max-width:100%}
.center {display:flex !important;align-items:center;justify-content:center}
.hcenter {display:flex !important;justify-content:center}
.hright {display:flex !important;justify-content:end}
.hleft {display:flex !important;justify-content:start}
.hspace {display:flex !important;justify-content:space-between}
.heven {display:flex !important;justify-content:space-evenly}
.vcenter {display:flex !important;align-content:center;align-items:center}
.vtop {display:flex !important;align-content:flex-start;align-items:flex-start}
.vbottom {display:flex !important;align-content:flex-end;align-items:flex-end}
.show-on-1280,.show-on-1024,.show-on-768,.show-on-480,.block-on-1280,.block-on-1024,.block-on-768,.block-on-480,.flex-on-1280,.flex-on-1024,.flex-on-768,.flex-on-480 {display:none !important}
.container-xl {width:1280px}
.container-l {width:1024px}
.container-m {width:768px}
.container-s {width:480px}
.container-xs {width:320px}
.col1 {width:8.333333333333334%}
.col2 {width:16.666666666666668%}
.col3 {width:25%}
.col4 {width:33.333333333333336%}
.col5 {width:41.66666666666667%}
.col6 {width:50%}
.col7 {width:58.333333333333336%}
.col8 {width:66.66666666666667%}
.col9 {width:75%}
.col10 {width:83.33333333333334%}
.col11 {width:91.66666666666667%}
.col12 {width:100%}
@media(min-width:1280px) {input.toggle-next-1280:not(:checked)+* {display:none !important;pointer-events:none}}
@media(min-width:1024px) and (max-width:1279px) {.container-xl {width:100%;min-width:1024px;max-width:1279px}.col1 {width:8.333333333333332%}.col2 {width:16.666666666666664%}.col3 {width:25%}.col4 {width:33.33333333333333%}.col5 {width:41.66666666666667%}.col6 {width:50%}.col7 {width:58.333333333333336%}.col8 {width:66.66666666666666%}.col9 {width:75%}.col10 {width:83.33333333333334%}.col11 {width:91.66666666666666%}.col12 {width:100%}.show-on-1280 {display:initial !important}.flex-on-1280 {display:flex !important}.block-on-1280 {display:block !important}.hide-on-1280 {display:none !important}.absolute-on-1280 {position:absolute !important}.col-on-1280 {flex-direction:column !important}input.toggle-next-1024:not(:checked)+* {display:none !important;pointer-events:none}}
@media(min-width:768px) and (max-width:1023px) {.container-xl,.container-l {width:100%;min-width:768px;max-width:1023px}.col1 {width:16.666666666666664%}.col2 {width:33.33333333333333%}.col3 {width:50%}.col4 {width:66.66666666666666%}.col5 {width:83.33333333333334%}.col6,.col7,.col8,.col9,.col10,.col11,.col12 {width:100%}.show-on-1280,.show-on-1024 {display:initial !important}.flex-on-1280,.flex-on-1024 {display:flex !important}.block-on-1280,.block-on-1024 {display:block !important}.hide-on-1280,.hide-on-1024 {display:none !important}.absolute-on-1280,.absolute-on-1024 {position:absolute !important}.col-on-1280,.col-on-1024 {flex-direction:column !important}input.toggle-next-768:not(:checked)+* {display:none !important;pointer-events:none}}
@media(min-width:480px) and (max-width:767px) {.container-xl,.container-l,.container-m {width:100%;min-width:480px;max-width:767px}.col1 {width:25%}.col2 {width:50%}.col3 {width:75%}.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {width:100%}.show-on-1280,.show-on-1024,.show-on-768 {display:initial !important}.flex-on-1280,.flex-on-1024,.flex-on-768 {display:flex !important}.block-on-1280,.block-on-1024,.block-on-768 {display:block !important}.hide-on-1280,.hide-on-1024,.hide-on-768 {display:none !important}.absolute-on-1280,.absolute-on-1024,.absolute-on-768 {position:absolute !important}.col-on-1280,.col-on-1024,.col-on-768 {flex-direction:column !important}input.toggle-next-480:not(:checked)+* {display:none !important;pointer-events:none}}
@media(min-width:320px) and (max-width:479px) {.container-xl,.container-l,.container-m,.container-s {width:100%;min-width:320px;max-width:479px}.col1 {width:33.33333333333333%}.col2 {width:66.66666666666666%}.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {width:100%}.show-on-1280,.show-on-1024,.show-on-768,.show-on-480 {display:initial !important}.flex-on-1280,.flex-on-1024,.flex-on-768,.flex-on-480 {display:flex !important}.block-on-1280,.block-on-1024,.block-on-768,.block-on-480 {display:block !important}.hide-on-1280,.hide-on-1024,.hide-on-768,.hide-on-480 {display:none !important}.absolute-on-1280,.absolute-on-1024,.absolute-on-768,.absolute-on-480 {position:absolute !important}.col-on-1280,.col-on-1024,.col-on-768,.col-on-480 {flex-direction:column !important}input.toggle-next-320:not(:checked)+* {display:none !important;pointer-events:none}}
@media(max-width:319px) {.container-xl,.container-l,.container-m,.container-s,.container-xs {width:100%;min-width:256px;max-width:100%}.col1 {width:41.66666666666667%}.col2 {width:83.33333333333334%}.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12 {width:100%}.show-on-1280,.show-on-1024,.show-on-768,.show-on-480,.show-on-320 {display:initial !important}.flex-on-1280,.flex-on-1024,.flex-on-768,.flex-on-480,.flex-on-320 {display:flex !important}.block-on-1280,.block-on-1024,.block-on-768,.block-on-480,.block-on-320 {display:block !important}.hide-on-1280,.hide-on-1024,.hide-on-768,.hide-on-480,.hide-on-320 {display:none !important}.absolute-on-1280,.absolute-on-1024,.absolute-on-768,.absolute-on-480,.absolute-on-320 {position:absolute !important}.col-on-1280,.col-on-1024,.col-on-768,.col-on-480,.col-on-320 {flex-direction:column !important}input.toggle-next-256:not(:checked)+* {display:none !important;pointer-events:none}}
/* borders*/
.solid {border-style:solid !important}
.inset {border-style:inset !important}
.dotted {border-style:dotted !important}
.dashed {border-style:dashed !important}
.double {border-style:double !important}
.groove {border-style:groove !important}
.ridge {border-style:ridge !important}
.outset {border-style:outset !important}
.round-top {border-top-right-radius:inherit;border-top-left-radius:inherit}
.round-bottom {border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
.round100 {border-radius:calc(var(--p) *100)}
.bl-transparent {border-left-color:transparent !important}
.br-transparent {border-right-color:transparent !important}
.bt-transparent {border-top-color:transparent !important}
.bb-transparent {border-bottom-color:transparent !important}
.bt {border-left-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important}
.bl {border-top-color:transparent !important;border-right-color:transparent !important;border-bottom-color:transparent !important}
.br {border-top-color:transparent !important;border-left-color:transparent !important;border-bottom-color:transparent !important}
.bb {border-top-color:transparent !important;border-left-color:transparent !important;border-right-color:transparent !important}
.b0 {border-width:0px !important}
.o0 {outline-width:0px !important}
.round0 {border-radius:calc(var(--p) * 0.00)}
.b1 {border-width:1px !important}
.o1 {outline-width:1px !important}
.round1 {border-radius:calc(var(--p) * 0.33)}
.b2 {border-width:2px !important}
.o2 {outline-width:2px !important}
.round2 {border-radius:calc(var(--p) * 0.67)}
.b3 {border-width:3px !important}
.o3 {outline-width:3px !important}
.round3 {border-radius:calc(var(--p) * 1.00)}
.b4 {border-width:4px !important}
.o4 {outline-width:4px !important}
.round4 {border-radius:calc(var(--p) * 1.33)}
.b5 {border-width:5px !important}
.o5 {outline-width:5px !important}
.round5 {border-radius:calc(var(--p) * 1.67)}
.b6 {border-width:6px !important}
.o6 {outline-width:6px !important}
.round6 {border-radius:calc(var(--p) * 2.00)}
/* display*/
.d {display:inherit}
.iblock {display:inline-block !important}
.block {display:block !important}
.hidden {display:none !important}
.hide {display:none}
/* effects*/
@keyframes sketchappear {0% {opacity:0%}100% {opacity:100%}}
@keyframes sketchdisappear {0% {opacity:100%}100% {opacity:0%}}
@keyframes sketchrotate {0% {rotate:0deg}100% {rotate:360deg}}
@keyframes sketchgrow {0% {transform:scaleY(0%);opacity:0%}100% {transform:scaleY(100%);opacity:100%}}
@keyframes sketchgrow-font {0% {font-size:0%}100% {font-size:100%}}
@keyframes sketch10up {0% {transform:translateY(0%)}50% {transform:translateY(10%)}100% {transform:translateY(0%)}}
@keyframes grow-from-top {from {max-height:0}to {max-height:1000px}}
.a-grow-from-top {animation:grow-from-top 0.2s ease-in-out forwards}
.a-up {animation:sketch10up 200ms linear}
.a-appear {animation:sketchappear 200ms linear}
.a-disappear {animation:sketchdisappear 200ms linear}
.a-grow {animation:sketchgrow 200ms linear}
.a-grow-font {animation:sketchgrow-font 200ms linear}
.a-rotate {animation:sketchrotate 200ms linear}
.infinite {animation-iteration-count:infinite!important}
.times0 {animation-iteration-count:0}
.duration0 {animation-duration:0.00s !important}
.transition0,.transition0::after,.transition0::before {transition:all 0.00s ease-in-out !important}
.times1 {animation-iteration-count:1}
.duration1 {animation-duration:0.20s !important}
.transition1,.transition1::after,.transition1::before {transition:all 0.20s ease-in-out !important}
.times2 {animation-iteration-count:2}
.duration2 {animation-duration:0.40s !important}
.transition2,.transition2::after,.transition2::before {transition:all 0.40s ease-in-out !important}
.times3 {animation-iteration-count:3}
.duration3 {animation-duration:0.60s !important}
.transition3,.transition3::after,.transition3::before {transition:all 0.60s ease-in-out !important}
.times4 {animation-iteration-count:4}
.duration4 {animation-duration:0.80s !important}
.transition4,.transition4::after,.transition4::before {transition:all 0.80s ease-in-out !important}
.times5 {animation-iteration-count:5}
.duration5 {animation-duration:1.00s !important}
.transition5,.transition5::after,.transition5::before {transition:all 1.00s ease-in-out !important}
.times6 {animation-iteration-count:6}
.duration6 {animation-duration:1.20s !important}
.transition6,.transition6::after,.transition6::before {transition:all 1.20s ease-in-out !important}
/* fonts*/
.arial {font-family:"Arial",sans-serif}
.verdana {font-family:"Verdana",sans-serif}
.helvetica {font-family:"Helvetica",sans-serif}
.tahoma {font-family:"Tahoma",sans-serif}
.trebuchet {font-family:"Trebuchet MS",sans-serif}
.georgia {font-family:"Georgia",sans-serif}
.garamond {font-family:"Garamond",sans-serif}
.times {font-family:"Times New Roman",sans-serif}
.courier {font-family:"Courier new",sans-serif}
.brush {font-family:Brush script mt}
/* inherit*/
.inherit {background-color:inherit !important;color:inherit !important;border:inherit !important}
.c-inherit {color:inherit !important}
.bgc-inherit {background-color:inherit !important}
.b-inherit {border:inherit !important}
/* icons*/
.bullet::before {content:"\2022";display:inline-block}
.bullet1::before {content:"\25CE";display:inline-block}
.bullet2::before {content:"\25C9";display:inline-block}
.up::before {content:"\2770";transform:rotate(90deg);display:inline-block}
.down::before {content:"\2770";transform:rotate(-90deg);display:inline-block}
.left::before {content:"\2770";display:inline-block}
.right::before {content:"\2771";display:inline-block}
.up1::before {content:"\276E";transform:rotate(90deg);display:inline-block}
.down1::before {content:"\276E";transform:rotate(-90deg);display:inline-block}
.left1::before {content:"\276E";display:inline-block}
.right1::before {content:"\276F";display:inline-block}
.up2::before {content:"\25B2";transform:scaleY(0.5);display:inline-block}
.down2::before {content:"\25BC";transform:scaleY(0.5);display:inline-block}
.left2::before {content:"\25C0";display:inline-block}
.right2::before {content:"\25B6";display:inline-block}
.plus::before {content:"\002B";display:inline-block}
.minus::before {content:"\2212";display:inline-block}
.close-icon::before {content:"\2715";display:inline-block}
.nav::before {content:"\2630"}
.v::before {content:"\2714";display:inline-block}
.x::before {content:"\2716";display:inline-block}
.info::before {content:"\2139";display:inline-block}
.eye::before {content:"\1F441";display:inline-block}
/* mp*/
.mauto {margin:auto}
.m0 {margin:0}
.mr0 {margin-right:0}
.ml0 {margin-left:0}
.mt0 {margin-top:0}
.mb0 {margin-bottom:0}
.p0 {padding:0}
.pr0 {padding-right:0}
.pl0 {padding-left:0}
.pt0 {padding-top:0}
.pb0 {padding-bottom:0}
.my0 {margin-top:0;margin-bottom:0}
.mx0 {margin-right:0;margin-left:0}
.py0 {padding-top:0;padding-bottom:0}
.px0 {padding-right:0;padding-left:0}
.m1 {margin:calc(var(--p) /3*1) !important}
.mr1 {margin-right:calc(var(--p) /3*1) !important}
.ml1 {margin-left:calc(var(--p) /3*1) !important}
.mt1 {margin-top:calc(var(--p) /3*1) !important}
.mb1 {margin-bottom:calc(var(--p) /3*1) !important}
.p1 {padding:calc(var(--p) /3*1) !important}
.pr1 {padding-right:calc(var(--p) /3*1) !important}
.pl1 {padding-left:calc(var(--p) /3*1) !important}
.pt1 {padding-top:calc(var(--p) /3*1) !important}
.pb1 {padding-bottom:calc(var(--p) /3*1) !important}
.my1 {margin-top:calc(var(--p) /3*1) !important;margin-bottom:calc(var(--p) /3*1) !important}
.mx1 {margin-right:calc(var(--p) /3*1) !important;margin-left:calc(var(--p) /3*1) !important}
.py1 {padding-top:calc(var(--p) /3*1) !important;padding-bottom:calc(var(--p) /3*1) !important}
.px1 {padding-right:calc(var(--p) /3*1) !important;padding-left:calc(var(--p) /3*1) !important}
.m2 {margin:calc(var(--p) /3*2) !important}
.mr2 {margin-right:calc(var(--p) /3*2) !important}
.ml2 {margin-left:calc(var(--p) /3*2) !important}
.mt2 {margin-top:calc(var(--p) /3*2) !important}
.mb2 {margin-bottom:calc(var(--p) /3*2) !important}
.p2 {padding:calc(var(--p) /3*2) !important}
.pr2 {padding-right:calc(var(--p) /3*2) !important}
.pl2 {padding-left:calc(var(--p) /3*2) !important}
.pt2 {padding-top:calc(var(--p) /3*2) !important}
.pb2 {padding-bottom:calc(var(--p) /3*2) !important}
.my2 {margin-top:calc(var(--p) /3*2) !important;margin-bottom:calc(var(--p) /3*2) !important}
.mx2 {margin-right:calc(var(--p) /3*2) !important;margin-left:calc(var(--p) /3*2) !important}
.py2 {padding-top:calc(var(--p) /3*2) !important;padding-bottom:calc(var(--p) /3*2) !important}
.px2 {padding-right:calc(var(--p) /3*2) !important;padding-left:calc(var(--p) /3*2) !important}
.m3 {margin:calc(var(--p) /3*3) !important}
.mr3 {margin-right:calc(var(--p) /3*3) !important}
.ml3 {margin-left:calc(var(--p) /3*3) !important}
.mt3 {margin-top:calc(var(--p) /3*3) !important}
.mb3 {margin-bottom:calc(var(--p) /3*3) !important}
.p3 {padding:calc(var(--p) /3*3) !important}
.pr3 {padding-right:calc(var(--p) /3*3) !important}
.pl3 {padding-left:calc(var(--p) /3*3) !important}
.pt3 {padding-top:calc(var(--p) /3*3) !important}
.pb3 {padding-bottom:calc(var(--p) /3*3) !important}
.my3 {margin-top:calc(var(--p) /3*3) !important;margin-bottom:calc(var(--p) /3*3) !important}
.mx3 {margin-right:calc(var(--p) /3*3) !important;margin-left:calc(var(--p) /3*3) !important}
.py3 {padding-top:calc(var(--p) /3*3) !important;padding-bottom:calc(var(--p) /3*3) !important}
.px3 {padding-right:calc(var(--p) /3*3) !important;padding-left:calc(var(--p) /3*3) !important}
.m4 {margin:calc(var(--p) /3*4) !important}
.mr4 {margin-right:calc(var(--p) /3*4) !important}
.ml4 {margin-left:calc(var(--p) /3*4) !important}
.mt4 {margin-top:calc(var(--p) /3*4) !important}
.mb4 {margin-bottom:calc(var(--p) /3*4) !important}
.p4 {padding:calc(var(--p) /3*4) !important}
.pr4 {padding-right:calc(var(--p) /3*4) !important}
.pl4 {padding-left:calc(var(--p) /3*4) !important}
.pt4 {padding-top:calc(var(--p) /3*4) !important}
.pb4 {padding-bottom:calc(var(--p) /3*4) !important}
.my4 {margin-top:calc(var(--p) /3*4) !important;margin-bottom:calc(var(--p) /3*4) !important}
.mx4 {margin-right:calc(var(--p) /3*4) !important;margin-left:calc(var(--p) /3*4) !important}
.py4 {padding-top:calc(var(--p) /3*4) !important;padding-bottom:calc(var(--p) /3*4) !important}
.px4 {padding-right:calc(var(--p) /3*4) !important;padding-left:calc(var(--p) /3*4) !important}
.m5 {margin:calc(var(--p) /3*5) !important}
.mr5 {margin-right:calc(var(--p) /3*5) !important}
.ml5 {margin-left:calc(var(--p) /3*5) !important}
.mt5 {margin-top:calc(var(--p) /3*5) !important}
.mb5 {margin-bottom:calc(var(--p) /3*5) !important}
.p5 {padding:calc(var(--p) /3*5) !important}
.pr5 {padding-right:calc(var(--p) /3*5) !important}
.pl5 {padding-left:calc(var(--p) /3*5) !important}
.pt5 {padding-top:calc(var(--p) /3*5) !important}
.pb5 {padding-bottom:calc(var(--p) /3*5) !important}
.my5 {margin-top:calc(var(--p) /3*5) !important;margin-bottom:calc(var(--p) /3*5) !important}
.mx5 {margin-right:calc(var(--p) /3*5) !important;margin-left:calc(var(--p) /3*5) !important}
.py5 {padding-top:calc(var(--p) /3*5) !important;padding-bottom:calc(var(--p) /3*5) !important}
.px5 {padding-right:calc(var(--p) /3*5) !important;padding-left:calc(var(--p) /3*5) !important}
.m6 {margin:calc(var(--p) /3*6) !important}
.mr6 {margin-right:calc(var(--p) /3*6) !important}
.ml6 {margin-left:calc(var(--p) /3*6) !important}
.mt6 {margin-top:calc(var(--p) /3*6) !important}
.mb6 {margin-bottom:calc(var(--p) /3*6) !important}
.p6 {padding:calc(var(--p) /3*6) !important}
.pr6 {padding-right:calc(var(--p) /3*6) !important}
.pl6 {padding-left:calc(var(--p) /3*6) !important}
.pt6 {padding-top:calc(var(--p) /3*6) !important}
.pb6 {padding-bottom:calc(var(--p) /3*6) !important}
.my6 {margin-top:calc(var(--p) /3*6) !important;margin-bottom:calc(var(--p) /3*6) !important}
.mx6 {margin-right:calc(var(--p) /3*6) !important;margin-left:calc(var(--p) /3*6) !important}
.py6 {padding-top:calc(var(--p) /3*6) !important;padding-bottom:calc(var(--p) /3*6) !important}
.px6 {padding-right:calc(var(--p) /3*6) !important;padding-left:calc(var(--p) /3*6) !important}
/* position*/
.full {width:100vw;height:100vh;position:fixed;top:0;left:0}
.sticky {position:sticky !important}
.fixed {position:fixed !important}
.relative {position:relative !important}
.absolute {position:absolute !important}
.hcenterp {left:50%;transform:translatex(-50%)}
.vcenterp {top:50%;transform:translatey(-50%)}
.bottom-center {bottom:0;left:50%;transform:translatex(-50%)}
.top-center {top:0;left:50%;transform:translatex(-50%)}
.right-center {right:0;top:50%;transform:translatey(-50%)}
.left-center {left:0;top:50%;transform:translatey(-50%)}
.bottom0p {bottom:calc(var(--p) * 0)}
.top0p {top:calc(var(--p) * 0)}
.right0p {right:calc(var(--p) * 0)}
.left0p {left:calc(var(--p) * 0)}
.bottom1p {bottom:calc(var(--p) * 1)}
.top1p {top:calc(var(--p) * 1)}
.right1p {right:calc(var(--p) * 1)}
.left1p {left:calc(var(--p) * 1)}
.bottom2p {bottom:calc(var(--p) * 2)}
.top2p {top:calc(var(--p) * 2)}
.right2p {right:calc(var(--p) * 2)}
.left2p {left:calc(var(--p) * 2)}
.bottom3p {bottom:calc(var(--p) * 3)}
.top3p {top:calc(var(--p) * 3)}
.right3p {right:calc(var(--p) * 3)}
.left3p {left:calc(var(--p) * 3)}
.bottom4p {bottom:calc(var(--p) * 4)}
.top4p {top:calc(var(--p) * 4)}
.right4p {right:calc(var(--p) * 4)}
.left4p {left:calc(var(--p) * 4)}
.bottom5p {bottom:calc(var(--p) * 5)}
.top5p {top:calc(var(--p) * 5)}
.right5p {right:calc(var(--p) * 5)}
.left5p {left:calc(var(--p) * 5)}
.bottom6p {bottom:calc(var(--p) * 6)}
.top6p {top:calc(var(--p) * 6)}
.right6p {right:calc(var(--p) * 6)}
.left6p {left:calc(var(--p) * 6)}
/* scroll*/
.scroll {overflow:auto}
.noscrollx {overflow-x:hidden}
.noscrolly {overflow-y:hidden}
.scrollx {overflow-x:scroll}
.scrolly {overflow-y:scroll}
.nowrap {white-space:nowrap}
.smooth {scroll-behavior:smooth}
.snapx {scroll-snap-points-x:repeat(100%);scroll-snap-type:x mandatory}
.snapx>* {scroll-snap-align:start}
.snapy {scroll-snap-points-y:repeat(100%);scroll-snap-type:y mandatory}
.snapy>* {scroll-snap-align:start}
.no-scrollbar::-webkit-scrollbar {display:none !important}
.scrollbar-xs::-webkit-scrollbar {width:calc(var(--p) / 3) !important;height:calc(var(--p) / 3) !important}
.scrollbar-s::-webkit-scrollbar {width:calc(var(--p) / 2) !important;height:calc(var(--p) / 2) !important}
.scrollbar-l::-webkit-scrollbar {width:calc(var(--p)) !important;height:calc(var(--p)) !important}
.scrollbar-xl::-webkit-scrollbar {width:calc(var(--p) * 1.5) !important;height:calc(var(--p) * 1.5) !important}
.scrollbar-xs::-webkit-scrollbar-thumb,.scrollbar-s::-webkit-scrollbar-thumb,.scrollbar-l::-webkit-scrollbar-thumb,.scrollbar-xl::-webkit-scrollbar-thumb {background-color:#BBB}
.scrollbar-xs::-webkit-scrollbar-thumb:hover,.scrollbar-s::-webkit-scrollbar-thumb:hover,.scrollbar-l::-webkit-scrollbar-thumb:hover,.scrollbar-xl::-webkit-scrollbar-thumb:hover {background-color:#888 !important}
/* shapes*/
.shape-star {clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.shape-left {clip-path:polygon(20% 0%, 100% 0,100% 100%, 0% 100%)}
.shape-right {clip-path:polygon(0% 0%, 80% 0%,100% 100%, 0% 100%)}
.shape-pentagon {clip-path:polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0)}
.shape-arrow {clip-path:polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%)}
.shape-wave {clip-path:polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%)}
/* sizes*/
.maxw {max-width:max-content}
.maxh {max-height:max-content}
.minw {min-width:max-content}
.minh {min-height:max-content}
.fitw {width:fit-content}
.fith {height:fit-content}
.w20v {width:20vw}
.w20p {width:20%}
.maxw20v {max-width:20vw}
.maxw20p {max-width:20%}
.minw20v {min-width:20vw}
.minw20p {min-width:20%}
.h20v {height:20vh}
.h20p {height:20%}
.maxh20v {max-height:20vh}
.maxh20p {max-height:20%}
.minh20v {min-height:20vh}
.minh20p {min-height:20%}
.w40v {width:40vw}
.w40p {width:40%}
.maxw40v {max-width:40vw}
.maxw40p {max-width:40%}
.minw40v {min-width:40vw}
.minw40p {min-width:40%}
.h40v {height:40vh}
.h40p {height:40%}
.maxh40v {max-height:40vh}
.maxh40p {max-height:40%}
.minh40v {min-height:40vh}
.minh40p {min-height:40%}
.w50v {width:50vw}
.w50p {width:50%}
.maxw50v {max-width:50vw}
.maxw50p {max-width:50%}
.minw50v {min-width:50vw}
.minw50p {min-width:50%}
.h50v {height:50vh}
.h50p {height:50%}
.maxh50v {max-height:50vh}
.maxh50p {max-height:50%}
.minh50v {min-height:50vh}
.minh50p {min-height:50%}
.w60v {width:60vw}
.w60p {width:60%}
.maxw60v {max-width:60vw}
.maxw60p {max-width:60%}
.minw60v {min-width:60vw}
.minw60p {min-width:60%}
.h60v {height:60vh}
.h60p {height:60%}
.maxh60v {max-height:60vh}
.maxh60p {max-height:60%}
.minh60v {min-height:60vh}
.minh60p {min-height:60%}
.w80v {width:80vw}
.w80p {width:80%}
.maxw80v {max-width:80vw}
.maxw80p {max-width:80%}
.minw80v {min-width:80vw}
.minw80p {min-width:80%}
.h80v {height:80vh}
.h80p {height:80%}
.maxh80v {max-height:80vh}
.maxh80p {max-height:80%}
.minh80v {min-height:80vh}
.minh80p {min-height:80%}
.w100v {width:100vw}
.w100p {width:100%}
.maxw100v {max-width:100vw}
.maxw100p {max-width:100%}
.minw100v {min-width:100vw}
.minw100p {min-width:100%}
.h100v {height:100vh}
.h100p {height:100%}
.maxh100v {max-height:100vh}
.maxh100p {max-height:100%}
.minh100v {min-height:100vh}
.minh100p {min-height:100%}
/* text*/
.txxxs {font-size:calc(var(--p) *0.6) !important}
.txxs {font-size:calc(var(--p) *0.7) !important}
.txs {font-size:calc(var(--p) *0.8) !important}
.ts {font-size:calc(var(--p) *0.9) !important}
.tn {font-size:var(--p) !important}
.tm {font-size:calc(var(--p) *1.1) !important}
.tl {font-size:calc(var(--p) *1.3) !important}
.txl {font-size:calc(var(--p) *1.5) !important}
.txxl {font-size:calc(var(--p) *2) !important}
.t3xl {font-size:calc(var(--p) *3) !important}
.t4xl {font-size:calc(var(--p) *4) !important}
.t5xl {font-size:calc(var(--p) *5) !important}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline !important}
.overline {text-decoration:overline !important}
.uppers {text-transform:uppercase !important}
.lowers {text-transform:lowercase !important}
.caps {text-transform:capitalize !important}
.tboth {text-align:justify;text-justify:inter-word}
.tbaseline {vertical-align:baseline}
.ttop {vertical-align:text-top}
.tbottom {vertical-align:text-bottom}
.tsub {vertical-align:sub}
.tsuper {vertical-align:super}
.tmiddle {vertical-align:middle}
.td-none {text-decoration:none}
.tcenter {text-align:center;vertical-align:middle}
.tright {text-align:right !important}
.tleft {text-align:left !important}
.fw100 {font-weight:100 !important}
.fw200 {font-weight:200 !important}
.fw300 {font-weight:300 !important}
.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.fw800 {font-weight:800 !important}
.fw900 {font-weight:900 !important}
.z1000 {z-index:1000}
.z1001 {z-index:1001}
.z1002 {z-index:1002}
.z1003 {z-index:1003}
.z1004 {z-index:1004}
.z1005 {z-index:1005}
.lh0 {line-height:calc(1.5 * 1.0)}
.lh1 {line-height:calc(1.5 * 1.1)}
.lh2 {line-height:calc(1.5 * 1.2)}
.lh3 {line-height:calc(1.5 * 1.3)}
.lh4 {line-height:calc(1.5 * 1.4)}
.lh5 {line-height:calc(1.5 * 1.5)}
/* inputs*/
.input1 {width:calc(var(--p) * 1)}
.input2 {width:calc(var(--p) * 2)}
.input3 {width:calc(var(--p) * 3)}
.input4 {width:calc(var(--p) * 4)}
.input5 {width:calc(var(--p) * 5)}
.input6 {width:calc(var(--p) * 6)}
.input7 {width:calc(var(--p) * 7)}
.input8 {width:calc(var(--p) * 8)}
.input9 {width:calc(var(--p) * 9)}
.input10 {width:calc(var(--p) * 10)}
.input11 {width:calc(var(--p) * 11)}
.input12 {width:calc(var(--p) * 12)}
.input13 {width:calc(var(--p) * 13)}
.input14 {width:calc(var(--p) * 14)}
.input15 {width:calc(var(--p) * 15)}
.input16 {width:calc(var(--p) * 16)}
.input17 {width:calc(var(--p) * 17)}
.input18 {width:calc(var(--p) * 18)}
.input19 {width:calc(var(--p) * 19)}
.input20 {width:calc(var(--p) * 20)}
input, optgroup, textarea {margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.input,.input1,.input2,.input3,.input4,.input5,.input6,.input7,.input8,.input9,.input10,.input11,.input12,.input13,.input14,.input15,.input16,.input17,.input18,.input19,.input20 {appearance:none;background-clip:padding-box;outline:0;border:2px var(--active) solid;background-color:whitesmoke}
.input:focus,.input1:focus,.input2:focus,.input3:focus,.input4:focus,.input5:focus,.input6:focus,.input7:focus,.input8:focus,.input9:focus,.input10:focus,.input11:focus,.input12:focus,.input13:focus,.input14:focus,.input15:focus,.input16:focus,.input17:focus,.input18:focus,.input19:focus,.input20:focus {box-shadow:0 0 calc(var(--p) / 8) calc(var(--p) / 8) var(--active)}
.input:disabled {border:silver 1px solid;background-color:gainsboro}
input[type=checkbox].toggle {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2em;height:1em;background-color:#ccc;outline:none;cursor:pointer;border-radius:1em;position:relative;transition:background-color .4s;font-size:12px}
input[type=checkbox].toggle:after {content:"";position:absolute;width:0.8em;height:0.8em;border-radius:50%;background-color:white;top:0.1em;left:0.1em;transition:transform .4s}
input[type=checkbox].toggle:checked {background-color:var(--active)}
input[type=checkbox].toggle:checked:after {transform:translateX(1em)}
.valid,.invalid {padding-right:calc(1.5em + var(--p) * 0.8);background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}
.valid {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")}
.invalid {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e")}
input[type=range].range,progress.progress {position:relative;accent-color:var(--active)}
input[type=range].range[min],progress.progress[min],input[type=range].range[max],progress.progress[max],input[type=range].range[value],progress.progress[value] {margin-top:2rem}
input[type=range].range:before,progress.progress:before,input[type=range].range:after,progress.progress:after {padding:0 .5rem;position:absolute;bottom:var(--p)}
input[type=range].range[min]:before,progress.progress[min]:before {content:attr(min);left:0}
input[type=range].range[value][max]:after,progress.progress[value][max]:after {right:0;content:attr(value) attr(units) " / " attr(max)}
input[type=range].range:not([max])[value]:after,progress.progress:not([max])[value]:after {right:0;content:attr(value) attr(units)}
input.checkbox {appearance:none;cursor:pointer}
input.checkbox:checked:before {content:"\2611"}
input.checkbox:before {content:"\2610";color:var(--active)}
input.checkbox::after {color:inherit;content:attr(label);margin:0 calc(var(--p) / 3)}
/* active*/
.acordion label:first-of-type {border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:initial;border-bottom-left-radius:initial}
.acordion label+*:last-of-type,.acordion :not(:checked)+label:last-of-type {border-top-left-radius:initial;border-top-right-radius:initial;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}
input.toggle-next {appearance:none;display:none}
input.toggle-next:not(:checked) + label+* {display:none;opacity:0;pointer-events:none;position:absolute}
input.toggle-next:not(:checked) + label>.toggle-plus::before {content:"\002B"}
input.toggle-next:checked + label>:first-child {color:var(--active)}
input.toggle-next:checked + label+* {pointer-events:auto;position:initial}
input.toggle-next:checked + label>.down1,input.toggle-next:checked + label>.down {rotate:180deg}
input.toggle-next:checked + label>.toggle-plus::before {content:"\2212"}
input.toggle-next+label>.toggle-plus::before {display:inline-block;font-weight:bold;font-family:sans-serif}
input.toggle-next.click-out:checked+label::after {position:fixed;top:0;left:0;content:"";width:100vw;height:100vw;cursor:auto;pointer-events:auto}
.flex-next-onhover>*:nth-child(2) {display:none}
.flex-next-onhover:hover>*:nth-child(2) {display:flex}
/* buttons*/
.btn {display:inline-block;text-align:center;text-decoration:none;vertical-align:middle;background-color:transparent;border-width:0;outline:0;color:inherit;padding:calc(var(--p) / 4) calc(var(--p) / 2)}
.btn.shaded:not(:disabled),.btn.outline:not(:disabled) {transition:all ease-in 0.2s}
.btn.shaded:not(:disabled):active,.btn.outline:not(:disabled):active {background-color:hsl(var(--active-h),var(--active-s),calc(var(--active-l) - 10%)) !important}
.btn.shaded:not(:disabled):hover {background-color:hsl(var(--active-h),var(--active-s),calc(var(--active-l) - 5%))}
.btn.outline:not(:disabled):hover {background-color:var(--active);color:white}
.btn:not(:disabled) {cursor:pointer}
.btn:disabled {opacity:0.7}
[type=button], [type=reset], [type=submit], button {-webkit-appearance:button;appearance:button}
button, select {text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
.shaded {background-color:var(--active)}
.outline {color:var(--active);border:var(--active) 1px solid}
/* subnavs*/
.menu {width:fit-content;position:relative}
.menu ul,.menu li {padding:inherit;color:inherit;background-color:inherit;border-radius:inherit}
.menu li {list-style:none;text-decoration:none;position:relative;width:100%;white-space:nowrap}
.menu li:hover>ul {display:block}
.menu li>:first-child {position:relative;color:inherit;text-decoration:none;display:block;min-width:max-content;width:100%}
.menu li>:first-child::after {content:"\276F";font-size:80%;display:inline-block;margin-left:calc(var(--p) / 2);margin-right:calc(var(--p) / 2)}
.menu li>:first-child:hover {color:var(--active)}
.menu li>ul {display:none;position:absolute;top:0;left:100%}
.menu li>:only-child:after {content:none}
.menu>ul {display:flex}
.menu>ul>li>ul {top:100%;left:0%}
.menu>ul>li>::after {transform:rotate(90deg)}
.menu ul {margin:0}
.menu ul:not(first-child)>li>:first-child {display:flex;justify-content:space-between}
@media screen and (max-width:768px) {.menu {width:100%}.menu li>ul {position:static}.menu ul>li>::after {transform:rotate(90deg)}.menu li>ul,.menu>ul {flex-direction:column}}
/* tables*/
table.table {caption-side:bottom;border-collapse:collapse;vertical-align:top}
table.table>thead {vertical-align:bottom}
table.table tbody,table.table td,table.table tfoot,table.table th,table.table thead,table.table tr {border-color:inherit;border-style:solid;border-width:inherit;background-color:inherit;color:inherit;padding:inherit}
table.table:not(caption)>*>* {border-bottom-width:1px;text-align:-webkit-match-parent}
table.table>tbody {vertical-align:inherit}
table.table.striped>tbody tr {background-color:var(--active)}
table.table.striped>tbody tr:nth-child(even) {background-color:hsl(var(--active-h),var(--active-s),calc(var(--active-l) - 5%))}
table.tablenowrap td,table.tablenowrap th {white-space:nowrap}
/* tabs*/
.tabs {overflow-x:hidden}
.tabs>[type="radio"] {display:none}
.tabs>.headers {display:flex;align-items:stretch;overflow-x:auto}
.tabs>.headers>label {letter-spacing:1px}
.contents>* {display:none}
.tabs [type="radio"]:nth-of-type(1):checked ~ .headers label:nth-of-type(1),.tabs [type="radio"]:nth-of-type(2):checked ~ .headers label:nth-of-type(2),.tabs [type="radio"]:nth-of-type(3):checked ~ .headers label:nth-of-type(3),.tabs [type="radio"]:nth-of-type(4):checked ~ .headers label:nth-of-type(4),.tabs [type="radio"]:nth-of-type(5):checked ~ .headers label:nth-of-type(5),.tabs [type="radio"]:nth-of-type(6):checked ~ .headers label:nth-of-type(6),.tabs [type="radio"]:nth-of-type(7):checked ~ .headers label:nth-of-type(7),.tabs [type="radio"]:nth-of-type(8):checked ~ .headers label:nth-of-type(8),.tabs [type="radio"]:nth-of-type(9):checked ~ .headers label:nth-of-type(9),.tabs [type="radio"]:nth-of-type(10):checked ~ .headers label:nth-of-type(10) {border-bottom-color:transparent;color:var(--active);background-color:inherit !important}
.tabs [type="radio"]:nth-of-type(1):checked ~ .contents :nth-of-type(1),.tabs [type="radio"]:nth-of-type(2):checked ~ .contents :nth-of-type(2),.tabs [type="radio"]:nth-of-type(3):checked ~ .contents :nth-of-type(3),.tabs [type="radio"]:nth-of-type(4):checked ~ .contents :nth-of-type(4),.tabs [type="radio"]:nth-of-type(5):checked ~ .contents :nth-of-type(5),.tabs [type="radio"]:nth-of-type(6):checked ~ .contents :nth-of-type(6),.tabs [type="radio"]:nth-of-type(7):checked ~ .contents :nth-of-type(7),.tabs [type="radio"]:nth-of-type(8):checked ~ .contents :nth-of-type(8),.tabs [type="radio"]:nth-of-type(9):checked ~ .contents :nth-of-type(9),.tabs [type="radio"]:nth-of-type(10):checked ~ .contents :nth-of-type(10) {display:block}
/* spiners*/
.spiner {border-top-color:transparent;display:inline-block;width:1em;height:1em;border-radius:100%}
/* tooltip*/
[tooltip] {text-decoration:underline;position:relative}
[tooltip]::before {visibility:hidden}
[tooltip]:hover::before {content:attr(tooltip);text-decoration:none;position:absolute;visibility:visible;background-color:var(--active);padding:calc(var(--p) / 4) calc(var(--p) / 2);border-radius:calc(var(--p) / 4);width:max-content;font-size:var(--p);color:white;z-index:2000}
[tooltip].tooltip-bottom:hover::before {top:calc(100% + 1em / 8)}
[tooltip].tooltip-top:hover::before {bottom:calc(100% + 1em / 8)}
[tooltip].tooltip-right:hover::before {left:calc(100% + 1em / 8)}
[tooltip].tooltip-left:hover::before {right:calc(100% + 1em / 8)}