@bagelink/vue 1.6.9 → 1.6.21

package/src/styles/colors.css

@@ -9,6 +9,7 @@
 }
 
 .bg-input-white input,
+.bg-input-white textarea,
 .bg-input-white .selectinput-btn {
     background: var(--bgl-white) !important;
 }
@@ -32,6 +33,7 @@
 }
 
 .bg-input-black input,
+.bg-input-black textarea,
 .bg-input-black .selectinput-btn {
     background: var(--bgl-black) !important;
 }
@@ -55,6 +57,7 @@
 }
 
 .bg-input-black-tint input,
+.bg-input-black-tint textarea,
 .bg-input-black-tint .selectinput-btn {
     background: var(--bgl-black-tint) !important;
 }
@@ -78,6 +81,7 @@
 }
 
 .bg-input-primary input,
+.bg-input-primary textarea,
 .bg-input-primary .selectinput-btn {
     background: var(--bgl-primary) !important;
 }
@@ -101,6 +105,7 @@
 }
 
 .bg-input-primary-tint input,
+.bg-input-primary-tint textarea,
 .bg-input-primary-tint .selectinput-btn {
     background: var(--bgl-primary-tint) !important;
 }
@@ -124,6 +129,7 @@
 }
 
 .bg-input-primary-light input,
+.bg-input-primary-light textarea,
 .bg-input-primary-light .selectinput-btn {
     background: var(--bgl-primary-light) !important;
 }
@@ -147,6 +153,7 @@
 }
 
 .bg-input-blue input,
+.bg-input-blue textarea,
 .bg-input-blue .selectinput-btn {
     background: var(--bgl-blue) !important;
 }
@@ -170,6 +177,7 @@
 }
 
 .bg-input-blue-tint input,
+.bg-input-blue-tint textarea,
 .bg-input-blue-tint .selectinput-btn {
     background: var(--bgl-blue-tint) !important;
 }
@@ -193,6 +201,7 @@
 }
 
 .bg-input-blue-dark input,
+.bg-input-blue-dark textarea,
 .bg-input-blue-dark .selectinput-btn {
     background: var(--bgl-blue-dark) !important;
 }
@@ -216,6 +225,7 @@
 }
 
 .bg-input-blue-light input,
+.bg-input-blue-light textarea,
 .bg-input-blue-light .selectinput-btn {
     background: var(--bgl-blue-light) !important;
 }
@@ -239,6 +249,7 @@
 }
 
 .bg-input-green input,
+.bg-input-green textarea,
 .bg-input-green .selectinput-btn {
     background: var(--bgl-green) !important;
 }
@@ -262,6 +273,7 @@
 }
 
 .bg-input-green-light input,
+.bg-input-green-light textarea,
 .bg-input-green-light .selectinput-btn {
     background: var(--bgl-green-light) !important;
 }
@@ -285,6 +297,7 @@
 }
 
 .bg-input-red input,
+.bg-input-red textarea,
 .bg-input-red .selectinput-btn {
     background: var(--bgl-red) !important;
 }
@@ -308,6 +321,7 @@
 }
 
 .bg-input-red-tint input,
+.bg-input-red-tint textarea,
 .bg-input-red-tint .selectinput-btn {
     background: var(--bgl-red-tint) !important;
 }
@@ -331,6 +345,7 @@
 }
 
 .bg-input-red-light input,
+.bg-input-red-light textarea,
 .bg-input-red-light .selectinput-btn {
     background: var(--bgl-red-light) !important;
 }
@@ -354,6 +369,7 @@
 }
 
 .bg-input-yellow input,
+.bg-input-yellow textarea,
 .bg-input-yellow .selectinput-btn {
     background: var(--bgl-yellow) !important;
 }
@@ -377,6 +393,7 @@
 }
 
 .bg-input-yellow-light input,
+.bg-input-yellow-light textarea,
 .bg-input-yellow-light .selectinput-btn {
     background: var(--bgl-yellow-light) !important;
 }
@@ -400,6 +417,7 @@
 }
 
 .bg-input-purple input,
+.bg-input-purple textarea,
 .bg-input-purple .selectinput-btn {
     background: var(--bgl-purple) !important;
 }
@@ -423,6 +441,7 @@
 }
 
 .bg-input-purple-light input,
+.bg-input-purple-light textarea,
 .bg-input-purple-light .selectinput-btn {
     background: var(--bgl-purple-light) !important;
 }
@@ -446,6 +465,7 @@
 }
 
 .bg-input-brown input,
+.bg-input-brown textarea,
 .bg-input-brown .selectinput-btn {
     background: var(--bgl-brown) !important;
 }
@@ -469,6 +489,7 @@
 }
 
 .bg-input-brown-light input,
+.bg-input-brown-light textarea,
 .bg-input-brown-light .selectinput-btn {
     background: var(--bgl-brown-light) !important;
 }
@@ -492,6 +513,7 @@
 }
 
 .bg-input-orange input,
+.bg-input-orange textarea,
 .bg-input-orange .selectinput-btn {
     background: var(--bgl-orange) !important;
 }
@@ -515,6 +537,7 @@
 }
 
 .bg-input-orange-light input,
+.bg-input-orange-light textarea,
 .bg-input-orange-light .selectinput-btn {
     background: var(--bgl-orange-light) !important;
 }
@@ -538,6 +561,7 @@
 }
 
 .bg-input-turquoise input,
+.bg-input-turquoise textarea,
 .bg-input-turquoise .selectinput-btn {
     background: var(--bgl-turquoise) !important;
 }
@@ -561,6 +585,7 @@
 }
 
 .bg-input-turquoise-light input,
+.bg-input-turquoise-light textarea,
 .bg-input-turquoise-light .selectinput-btn {
     background: var(--bgl-turquoise-light) !important;
 }
@@ -584,6 +609,7 @@
 }
 
 .bg-input-pink input,
+.bg-input-pink textarea,
 .bg-input-pink .selectinput-btn {
     background: var(--bgl-pink) !important;
 }
@@ -607,6 +633,7 @@
 }
 
 .bg-input-pink-light input,
+.bg-input-pink-light textarea,
 .bg-input-pink-light .selectinput-btn {
     background: var(--bgl-pink-light) !important;
 }
@@ -630,6 +657,7 @@
 }
 
 .bg-input-gray input,
+.bg-input-gray textarea,
 .bg-input-gray .selectinput-btn {
     background: var(--bgl-gray) !important;
 }
@@ -653,6 +681,7 @@
 }
 
 .bg-input-gray-light input,
+.bg-input-gray-light textarea,
 .bg-input-gray-light .selectinput-btn {
     background: var(--bgl-gray-light) !important;
 }
@@ -676,6 +705,7 @@
 }
 
 .bg-input-gray-tint input,
+.bg-input-gray-tint textarea,
 .bg-input-gray-tint .selectinput-btn {
     background: var(--bgl-gray-tint) !important;
 }
@@ -699,6 +729,7 @@
 }
 
 .bg-input-bg input,
+.bg-input-bg textarea,
 .bg-input-bg .selectinput-btn {
     background: var(--bgl-bg) !important;
 }
@@ -721,6 +752,7 @@
 }
 
 .bg-input-popup input,
+.bg-input-popup textarea,
 .bg-input-popup .selectinput-btn {
     background: var(--bgl-popup-bg) !important;
 }
@@ -740,6 +772,7 @@
 }
 
 .bg-input-transparent input,
+.bg-input-transparent textarea,
 .bg-input-transparent .selectinput-btn {
     background: transparent !important;
 }
@@ -763,6 +796,7 @@
 }
 
 .bg-input-blue-10 input,
+.bg-input-blue-10 textarea,
 .bg-input-blue-10 .selectinput-btn {
     background: var(--bgl-blue-10) !important;
     --alpha-color: var(--bgl-blue-10);
@@ -786,6 +820,7 @@
 }
 
 .bg-input-green-10 input,
+.bg-input-green-10 textarea,
 .bg-input-green-10 .selectinput-btn {
     background: var(--bgl-green-10) !important;
     --alpha-color: var(--bgl-green-10);
@@ -809,6 +844,7 @@
 }
 
 .bg-input-red-10 input,
+.bg-input-red-10 textarea,
 .bg-input-red-10 .selectinput-btn {
     background: var(--bgl-red-10) !important;
     --alpha-color: var(--bgl-red-10);
@@ -832,6 +868,7 @@
 }
 
 .bg-input-yellow-10 input,
+.bg-input-yellow-10 textarea,
 .bg-input-yellow-10 .selectinput-btn {
     background: var(--bgl-yellow-10) !important;
     --alpha-color: var(--bgl-yellow-10);
@@ -855,6 +892,7 @@
 }
 
 .bg-input-purple-10 input,
+.bg-input-purple-10 textarea,
 .bg-input-purple-10 .selectinput-btn {
     background: var(--bgl-purple-10) !important;
     --alpha-color: var(--bgl-purple-10);
@@ -878,6 +916,7 @@
 }
 
 .bg-input-brown-10 input,
+.bg-input-brown-10 textarea,
 .bg-input-brown-10 .selectinput-btn {
     background: var(--bgl-brown-10) !important;
     --alpha-color: var(--bgl-brown-10);
@@ -901,6 +940,7 @@
 }
 
 .bg-input-orange-10 input,
+.bg-input-orange-10 textarea,
 .bg-input-orange-10 .selectinput-btn {
     background: var(--bgl-orange-10) !important;
     --alpha-color: var(--bgl-orange-10);
@@ -924,6 +964,7 @@
 }
 
 .bg-input-turquoise-10 input,
+.bg-input-turquoise-10 textarea,
 .bg-input-turquoise-10 .selectinput-btn {
     background: var(--bgl-turquoise-10) !important;
     --alpha-color: var(--bgl-turquoise-10);
@@ -947,6 +988,7 @@
 }
 
 .bg-input-gray-10 input,
+.bg-input-gray-10 textarea,
 .bg-input-gray-10 .selectinput-btn {
     background: var(--bgl-gray-10) !important;
     --alpha-color: var(--bgl-gray-10);
@@ -970,6 +1012,7 @@
 }
 
 .bg-input-black-10 input,
+.bg-input-black-10 textarea,
 .bg-input-black-10 .selectinput-btn {
     background: var(--bgl-black-10) !important;
     --alpha-color: var(--bgl-black-10);
@@ -993,6 +1036,7 @@
 }
 
 .bg-input-pink-10 input,
+.bg-input-pink-10 textarea,
 .bg-input-pink-10 .selectinput-btn {
     background: var(--bgl-pink-10) !important;
     --alpha-color: var(--bgl-pink-10);
@@ -1017,6 +1061,7 @@
 }
 
 .bg-input-blue-20 input,
+.bg-input-blue-20 textarea,
 .bg-input-blue-20 .selectinput-btn {
     background: var(--bgl-blue-20) !important;
     --alpha-color: var(--bgl-blue-20);
@@ -1040,6 +1085,7 @@
 }
 
 .bg-input-green-20 input,
+.bg-input-green-20 textarea,
 .bg-input-green-20 .selectinput-btn {
     background: var(--bgl-green-20) !important;
     --alpha-color: var(--bgl-green-20);
@@ -1063,6 +1109,7 @@
 }
 
 .bg-input-red-20 input,
+.bg-input-red-20 textarea,
 .bg-input-red-20 .selectinput-btn {
     background: var(--bgl-red-20) !important;
     --alpha-color: var(--bgl-red-20);
@@ -1086,6 +1133,7 @@
 }
 
 .bg-input-yellow-20 input,
+.bg-input-yellow-20 textarea,
 .bg-input-yellow-20 .selectinput-btn {
     background: var(--bgl-yellow-20) !important;
     --alpha-color: var(--bgl-yellow-20);
@@ -1109,6 +1157,7 @@
 }
 
 .bg-input-purple-20 input,
+.bg-input-purple-20 textarea,
 .bg-input-purple-20 .selectinput-btn {
     background: var(--bgl-purple-20) !important;
     --alpha-color: var(--bgl-purple-20);
@@ -1132,6 +1181,7 @@
 }
 
 .bg-input-brown-20 input,
+.bg-input-brown-20 textarea,
 .bg-input-brown-20 .selectinput-btn {
     background: var(--bgl-brown-20) !important;
     --alpha-color: var(--bgl-brown-20);
@@ -1155,6 +1205,7 @@
 }
 
 .bg-input-orange-20 input,
+.bg-input-orange-20 textarea,
 .bg-input-orange-20 .selectinput-btn {
     background: var(--bgl-orange-20) !important;
     --alpha-color: var(--bgl-orange-20);
@@ -1178,6 +1229,7 @@
 }
 
 .bg-input-turquoise-20 input,
+.bg-input-turquoise-20 textarea,
 .bg-input-turquoise-20 .selectinput-btn {
     background: var(--bgl-turquoise-20) !important;
     --alpha-color: var(--bgl-turquoise-20);
@@ -1201,6 +1253,7 @@
 }
 
 .bg-input-gray-20 input,
+.bg-input-gray-20 textarea,
 .bg-input-gray-20 .selectinput-btn {
     background: var(--bgl-gray-20) !important;
     --alpha-color: var(--bgl-gray-20);
@@ -1224,6 +1277,7 @@
 }
 
 .bg-input-black-20 input,
+.bg-input-black-20 textarea,
 .bg-input-black-20 .selectinput-btn {
     background: var(--bgl-black-20) !important;
     --alpha-color: var(--bgl-black-20);
@@ -1247,6 +1301,7 @@
 }
 
 .bg-input-pink-20 input,
+.bg-input-pink-20 textarea,
 .bg-input-pink-20 .selectinput-btn {
     background: var(--bgl-pink-20) !important;
     --alpha-color: var(--bgl-pink-20);
@@ -1271,6 +1326,7 @@
 }
 
 .bg-input-blue-30 input,
+.bg-input-blue-30 textarea,
 .bg-input-blue-30 .selectinput-btn {
     background: var(--bgl-blue-30) !important;
     --alpha-color: var(--bgl-blue-30);
@@ -1294,6 +1350,7 @@
 }
 
 .bg-input-green-30 input,
+.bg-input-green-30 textarea,
 .bg-input-green-30 .selectinput-btn {
     background: var(--bgl-green-30) !important;
     --alpha-color: var(--bgl-green-30);
@@ -1317,6 +1374,7 @@
 }
 
 .bg-input-red-30 input,
+.bg-input-red-30 textarea,
 .bg-input-red-30 .selectinput-btn {
     background: var(--bgl-red-30) !important;
     --alpha-color: var(--bgl-red-30);
@@ -1340,6 +1398,7 @@
 }
 
 .bg-input-yellow-30 input,
+.bg-input-yellow-30 textarea,
 .bg-input-yellow-30 .selectinput-btn {
     background: var(--bgl-yellow-30) !important;
     --alpha-color: var(--bgl-yellow-30);
@@ -1363,6 +1422,7 @@
 }
 
 .bg-input-purple-30 input,
+.bg-input-purple-30 textarea,
 .bg-input-purple-30 .selectinput-btn {
     background: var(--bgl-purple-30) !important;
     --alpha-color: var(--bgl-purple-30);
@@ -1386,6 +1446,7 @@
 }
 
 .bg-input-brown-30 input,
+.bg-input-brown-30 textarea,
 .bg-input-brown-30 .selectinput-btn {
     background: var(--bgl-brown-30) !important;
     --alpha-color: var(--bgl-brown-30);
@@ -1409,6 +1470,7 @@
 }
 
 .bg-input-orange-30 input,
+.bg-input-orange-30 textarea,
 .bg-input-orange-30 .selectinput-btn {
     background: var(--bgl-orange-30) !important;
     --alpha-color: var(--bgl-orange-30);
@@ -1432,6 +1494,7 @@
 }
 
 .bg-input-turquoise-30 input,
+.bg-input-turquoise-30 textarea,
 .bg-input-turquoise-30 .selectinput-btn {
     background: var(--bgl-turquoise-30) !important;
     --alpha-color: var(--bgl-turquoise-30);
@@ -1455,6 +1518,7 @@
 }
 
 .bg-input-gray-30 input,
+.bg-input-gray-30 textarea,
 .bg-input-gray-30 .selectinput-btn {
     background: var(--bgl-gray-30) !important;
     --alpha-color: var(--bgl-gray-30);
@@ -1478,6 +1542,7 @@
 }
 
 .bg-input-black-30 input,
+.bg-input-black-30 textarea,
 .bg-input-black-30 .selectinput-btn {
     background: var(--bgl-black-30) !important;
     --alpha-color: var(--bgl-black-30);
@@ -1501,6 +1566,7 @@
 }
 
 .bg-input-pink-30 input,
+.bg-input-pink-30 textarea,
 .bg-input-pink-30 .selectinput-btn {
     background: var(--bgl-pink-30) !important;
     --alpha-color: var(--bgl-pink-30);
@@ -1526,6 +1592,7 @@
 }
 
 .bg-input-blue-40 input,
+.bg-input-blue-40 textarea,
 .bg-input-blue-40 .selectinput-btn {
     background: var(--bgl-blue-40) !important;
     --alpha-color: var(--bgl-blue-40);
@@ -1549,6 +1616,7 @@
 }
 
 .bg-input-green-40 input,
+.bg-input-green-40 textarea,
 .bg-input-green-40 .selectinput-btn {
     background: var(--bgl-green-40) !important;
     --alpha-color: var(--bgl-green-40);
@@ -1572,6 +1640,7 @@
 }
 
 .bg-input-red-40 input,
+.bg-input-red-40 textarea,
 .bg-input-red-40 .selectinput-btn {
     background: var(--bgl-red-40) !important;
     --alpha-color: var(--bgl-red-40);
@@ -1595,6 +1664,7 @@
 }
 
 .bg-input-yellow-40 input,
+.bg-input-yellow-40 textarea,
 .bg-input-yellow-40 .selectinput-btn {
     background: var(--bgl-yellow-40) !important;
     --alpha-color: var(--bgl-yellow-40);
@@ -1618,6 +1688,7 @@
 }
 
 .bg-input-purple-40 input,
+.bg-input-purple-40 textarea,
 .bg-input-purple-40 .selectinput-btn {
     background: var(--bgl-purple-40) !important;
     --alpha-color: var(--bgl-purple-40);
@@ -1641,6 +1712,7 @@
 }
 
 .bg-input-brown-40 input,
+.bg-input-brown-40 textarea,
 .bg-input-brown-40 .selectinput-btn {
     background: var(--bgl-brown-40) !important;
     --alpha-color: var(--bgl-brown-40);
@@ -1664,6 +1736,7 @@
 }
 
 .bg-input-orange-40 input,
+.bg-input-orange-40 textarea,
 .bg-input-orange-40 .selectinput-btn {
     background: var(--bgl-orange-40) !important;
     --alpha-color: var(--bgl-orange-40);
@@ -1687,6 +1760,7 @@
 }
 
 .bg-input-turquoise-40 input,
+.bg-input-turquoise-40 textarea,
 .bg-input-turquoise-40 .selectinput-btn {
     background: var(--bgl-turquoise-40) !important;
     --alpha-color: var(--bgl-turquoise-40);
@@ -1710,6 +1784,7 @@
 }
 
 .bg-input-gray-40 input,
+.bg-input-gray-40 textarea,
 .bg-input-gray-40 .selectinput-btn {
     background: var(--bgl-gray-40) !important;
     --alpha-color: var(--bgl-gray-40);
@@ -1733,6 +1808,7 @@
 }
 
 .bg-input-black-40 input,
+.bg-input-black-40 textarea,
 .bg-input-black-40 .selectinput-btn {
     background: var(--bgl-black-40) !important;
     --alpha-color: var(--bgl-black-40);
@@ -1756,6 +1832,7 @@
 }
 
 .bg-input-pink-40 input,
+.bg-input-pink-40 textarea,
 .bg-input-pink-40 .selectinput-btn {
     background: var(--bgl-pink-40) !important;
     --alpha-color: var(--bgl-pink-40);
@@ -1780,6 +1857,7 @@
 }
 
 .bg-input-blue-50 input,
+.bg-input-blue-50 textarea,
 .bg-input-blue-50 .selectinput-btn {
     background: var(--bgl-blue-50) !important;
     --alpha-color: var(--bgl-blue-50);
@@ -1803,6 +1881,7 @@
 }
 
 .bg-input-green-50 input,
+.bg-input-green-50 textarea,
 .bg-input-green-50 .selectinput-btn {
     background: var(--bgl-green-50) !important;
     --alpha-color: var(--bgl-green-50);
@@ -1826,6 +1905,7 @@
 }
 
 .bg-input-red-50 input,
+.bg-input-red-50 textarea,
 .bg-input-red-50 .selectinput-btn {
     background: var(--bgl-red-50) !important;
     --alpha-color: var(--bgl-red-50);
@@ -1849,6 +1929,7 @@
 }
 
 .bg-input-yellow-50 input,
+.bg-input-yellow-50 textarea,
 .bg-input-yellow-50 .selectinput-btn {
     background: var(--bgl-yellow-50) !important;
     --alpha-color: var(--bgl-yellow-50);
@@ -1872,6 +1953,7 @@
 }
 
 .bg-input-purple-50 input,
+.bg-input-purple-50 textarea,
 .bg-input-purple-50 .selectinput-btn {
     background: var(--bgl-purple-50) !important;
     --alpha-color: var(--bgl-purple-50);
@@ -1895,6 +1977,7 @@
 }
 
 .bg-input-brown-50 input,
+.bg-input-brown-50 textarea,
 .bg-input-brown-50 .selectinput-btn {
     background: var(--bgl-brown-50) !important;
     --alpha-color: var(--bgl-brown-50);
@@ -1918,6 +2001,7 @@
 }
 
 .bg-input-orange-50 input,
+.bg-input-orange-50 textarea,
 .bg-input-orange-50 .selectinput-btn {
     background: var(--bgl-orange-50) !important;
     --alpha-color: var(--bgl-orange-50);
@@ -1941,6 +2025,7 @@
 }
 
 .bg-input-turquoise-50 input,
+.bg-input-turquoise-50 textarea,
 .bg-input-turquoise-50 .selectinput-btn {
     background: var(--bgl-turquoise-50) !important;
     --alpha-color: var(--bgl-turquoise-50);
@@ -1964,6 +2049,7 @@
 }
 
 .bg-input-gray-50 input,
+.bg-input-gray-50 textarea,
 .bg-input-gray-50 .selectinput-btn {
     background: var(--bgl-gray-50) !important;
     --alpha-color: var(--bgl-gray-50);
@@ -1987,6 +2073,7 @@
 }
 
 .bg-input-black-50 input,
+.bg-input-black-50 textarea,
 .bg-input-black-50 .selectinput-btn {
     background: var(--bgl-black-50) !important;
     --alpha-color: var(--bgl-black-50);
@@ -2010,6 +2097,7 @@
 }
 
 .bg-input-pink-50 input,
+.bg-input-pink-50 textarea,
 .bg-input-pink-50 .selectinput-btn {
     background: var(--bgl-pink-50) !important;
     --alpha-color: var(--bgl-pink-50);
@@ -2035,6 +2123,7 @@
 }
 
 .bg-input-blue-60 input,
+.bg-input-blue-60 textarea,
 .bg-input-blue-60 .selectinput-btn {
     background: var(--bgl-blue-60) !important;
     --alpha-color: var(--bgl-blue-60);
@@ -2058,6 +2147,7 @@
 }
 
 .bg-input-green-60 input,
+.bg-input-green-60 textarea,
 .bg-input-green-60 .selectinput-btn {
     background: var(--bgl-green-60) !important;
     --alpha-color: var(--bgl-green-60);
@@ -2081,6 +2171,7 @@
 }
 
 .bg-input-red-60 input,
+.bg-input-red-60 textarea,
 .bg-input-red-60 .selectinput-btn {
     background: var(--bgl-red-60) !important;
     --alpha-color: var(--bgl-red-60);
@@ -2104,6 +2195,7 @@
 }
 
 .bg-input-yellow-60 input,
+.bg-input-yellow-60 textarea,
 .bg-input-yellow-60 .selectinput-btn {
     background: var(--bgl-yellow-60) !important;
     --alpha-color: var(--bgl-yellow-60);
@@ -2127,6 +2219,7 @@
 }
 
 .bg-input-purple-60 input,
+.bg-input-purple-60 textarea,
 .bg-input-purple-60 .selectinput-btn {
     background: var(--bgl-purple-60) !important;
     --alpha-color: var(--bgl-purple-60);
@@ -2150,6 +2243,7 @@
 }
 
 .bg-input-brown-60 input,
+.bg-input-brown-60 textarea,
 .bg-input-brown-60 .selectinput-btn {
     background: var(--bgl-brown-60) !important;
     --alpha-color: var(--bgl-brown-60);
@@ -2173,6 +2267,7 @@
 }
 
 .bg-input-orange-60 input,
+.bg-input-orange-60 textarea,
 .bg-input-orange-60 .selectinput-btn {
     background: var(--bgl-orange-60) !important;
     --alpha-color: var(--bgl-orange-60);
@@ -2196,6 +2291,7 @@
 }
 
 .bg-input-turquoise-60 input,
+.bg-input-turquoise-60 textarea,
 .bg-input-turquoise-60 .selectinput-btn {
     background: var(--bgl-turquoise-60) !important;
     --alpha-color: var(--bgl-turquoise-60);
@@ -2219,6 +2315,7 @@
 }
 
 .bg-input-gray-60 input,
+.bg-input-gray-60 textarea,
 .bg-input-gray-60 .selectinput-btn {
     background: var(--bgl-gray-60) !important;
     --alpha-color: var(--bgl-gray-60);
@@ -2242,6 +2339,7 @@
 }
 
 .bg-input-black-60 input,
+.bg-input-black-60 textarea,
 .bg-input-black-60 .selectinput-btn {
     background: var(--bgl-black-60) !important;
     --alpha-color: var(--bgl-black-60);
@@ -2265,6 +2363,7 @@
 }
 
 .bg-input-pink-60 input,
+.bg-input-pink-60 textarea,
 .bg-input-pink-60 .selectinput-btn {
     background: var(--bgl-pink-60) !important;
     --alpha-color: var(--bgl-pink-60);
@@ -2289,6 +2388,7 @@
 }
 
 .bg-input-blue-70 input,
+.bg-input-blue-70 textarea,
 .bg-input-blue-70 .selectinput-btn {
     background: var(--bgl-blue-70) !important;
     --alpha-color: var(--bgl-blue-70);
@@ -2312,6 +2412,7 @@
 }
 
 .bg-input-green-70 input,
+.bg-input-green-70 textarea,
 .bg-input-green-70 .selectinput-btn {
     background: var(--bgl-green-70) !important;
     --alpha-color: var(--bgl-green-70);
@@ -2335,6 +2436,7 @@
 }
 
 .bg-input-red-70 input,
+.bg-input-red-70 textarea,
 .bg-input-red-70 .selectinput-btn {
     background: var(--bgl-red-70) !important;
     --alpha-color: var(--bgl-red-70);
@@ -2358,6 +2460,7 @@
 }
 
 .bg-input-yellow-70 input,
+.bg-input-yellow-70 textarea,
 .bg-input-yellow-70 .selectinput-btn {
     background: var(--bgl-yellow-70) !important;
     --alpha-color: var(--bgl-yellow-70);
@@ -2381,6 +2484,7 @@
 }
 
 .bg-input-purple-70 input,
+.bg-input-purple-70 textarea,
 .bg-input-purple-70 .selectinput-btn {
     background: var(--bgl-purple-70) !important;
     --alpha-color: var(--bgl-purple-70);
@@ -2404,6 +2508,7 @@
 }
 
 .bg-input-brown-70 input,
+.bg-input-brown-70 textarea,
 .bg-input-brown-70 .selectinput-btn {
     background: var(--bgl-brown-70) !important;
     --alpha-color: var(--bgl-brown-70);
@@ -2427,6 +2532,7 @@
 }
 
 .bg-input-orange-70 input,
+.bg-input-orange-70 textarea,
 .bg-input-orange-70 .selectinput-btn {
     background: var(--bgl-orange-70) !important;
     --alpha-color: var(--bgl-orange-70);
@@ -2450,6 +2556,7 @@
 }
 
 .bg-input-turquoise-70 input,
+.bg-input-turquoise-70 textarea,
 .bg-input-turquoise-70 .selectinput-btn {
     background: var(--bgl-turquoise-70) !important;
     --alpha-color: var(--bgl-turquoise-70);
@@ -2473,6 +2580,7 @@
 }
 
 .bg-input-gray-70 input,
+.bg-input-gray-70 textarea,
 .bg-input-gray-70 .selectinput-btn {
     background: var(--bgl-gray-70) !important;
     --alpha-color: var(--bgl-gray-70);
@@ -2496,6 +2604,7 @@
 }
 
 .bg-input-black-70 input,
+.bg-input-black-70 textarea,
 .bg-input-black-70 .selectinput-btn {
     background: var(--bgl-black-70) !important;
     --alpha-color: var(--bgl-black-70);
@@ -2519,6 +2628,7 @@
 }
 
 .bg-input-pink-70 input,
+.bg-input-pink-70 textarea,
 .bg-input-pink-70 .selectinput-btn {
     background: var(--bgl-pink-70) !important;
     --alpha-color: var(--bgl-pink-70);
@@ -2543,6 +2653,7 @@
 }
 
 .bg-input-blue-80 input,
+.bg-input-blue-80 textarea,
 .bg-input-blue-80 .selectinput-btn {
     background: var(--bgl-blue-80) !important;
     --alpha-color: var(--bgl-blue-80);
@@ -2566,6 +2677,7 @@
 }
 
 .bg-input-green-80 input,
+.bg-input-green-80 textarea,
 .bg-input-green-80 .selectinput-btn {
     background: var(--bgl-green-80) !important;
     --alpha-color: var(--bgl-green-80);
@@ -2589,6 +2701,7 @@
 }
 
 .bg-input-red-80 input,
+.bg-input-red-80 textarea,
 .bg-input-red-80 .selectinput-btn {
     background: var(--bgl-red-80) !important;
     --alpha-color: var(--bgl-red-80);
@@ -2612,6 +2725,7 @@
 }
 
 .bg-input-yellow-80 input,
+.bg-input-yellow-80 textarea,
 .bg-input-yellow-80 .selectinput-btn {
     background: var(--bgl-yellow-80) !important;
     --alpha-color: var(--bgl-yellow-80);
@@ -2635,6 +2749,7 @@
 }
 
 .bg-input-purple-80 input,
+.bg-input-purple-80 textarea,
 .bg-input-purple-80 .selectinput-btn {
     background: var(--bgl-purple-80) !important;
     --alpha-color: var(--bgl-purple-80);
@@ -2658,6 +2773,7 @@
 }
 
 .bg-input-brown-80 input,
+.bg-input-brown-80 textarea,
 .bg-input-brown-80 .selectinput-btn {
     background: var(--bgl-brown-80) !important;
     --alpha-color: var(--bgl-brown-80);
@@ -2681,6 +2797,7 @@
 }
 
 .bg-input-orange-80 input,
+.bg-input-orange-80 textarea,
 .bg-input-orange-80 .selectinput-btn {
     background: var(--bgl-orange-80) !important;
     --alpha-color: var(--bgl-orange-80);
@@ -2704,6 +2821,7 @@
 }
 
 .bg-input-turquoise-80 input,
+.bg-input-turquoise-80 textarea,
 .bg-input-turquoise-80 .selectinput-btn {
     background: var(--bgl-turquoise-80) !important;
     --alpha-color: var(--bgl-turquoise-80);
@@ -2727,6 +2845,7 @@
 }
 
 .bg-input-gray-80 input,
+.bg-input-gray-80 textarea,
 .bg-input-gray-80 .selectinput-btn {
     background: var(--bgl-gray-80) !important;
     --alpha-color: var(--bgl-gray-80);
@@ -2750,6 +2869,7 @@
 }
 
 .bg-input-black-80 input,
+.bg-input-black-80 textarea,
 .bg-input-black-80 .selectinput-btn {
     background: var(--bgl-black-80) !important;
     --alpha-color: var(--bgl-black-80);
@@ -2773,6 +2893,7 @@
 }
 
 .bg-input-pink-80 input,
+.bg-input-pink-80 textarea,
 .bg-input-pink-80 .selectinput-btn {
     background: var(--bgl-pink-80) !important;
     --alpha-color: var(--bgl-pink-80);
@@ -2797,6 +2918,7 @@
 }
 
 .bg-input-blue-90 input,
+.bg-input-blue-90 textarea,
 .bg-input-blue-90 .selectinput-btn {
     background: var(--bgl-blue-90) !important;
     --alpha-color: var(--bgl-blue-90);
@@ -2820,6 +2942,7 @@
 }
 
 .bg-input-green-90 input,
+.bg-input-green-90 textarea,
 .bg-input-green-90 .selectinput-btn {
     background: var(--bgl-green-90) !important;
     --alpha-color: var(--bgl-green-90);
@@ -2843,6 +2966,7 @@
 }
 
 .bg-input-red-90 input,
+.bg-input-red-90 textarea,
 .bg-input-red-90 .selectinput-btn {
     background: var(--bgl-red-90) !important;
     --alpha-color: var(--bgl-red-90);
@@ -2866,6 +2990,7 @@
 }
 
 .bg-input-yellow-90 input,
+.bg-input-yellow-90 textarea,
 .bg-input-yellow-90 .selectinput-btn {
     background: var(--bgl-yellow-90) !important;
     --alpha-color: var(--bgl-yellow-90);
@@ -2889,6 +3014,7 @@
 }
 
 .bg-input-purple-90 input,
+.bg-input-purple-90 textarea,
 .bg-input-purple-90 .selectinput-btn {
     background: var(--bgl-purple-90) !important;
     --alpha-color: var(--bgl-purple-90);
@@ -2912,6 +3038,7 @@
 }
 
 .bg-input-brown-90 input,
+.bg-input-brown-90 textarea,
 .bg-input-brown-90 .selectinput-btn {
     background: var(--bgl-brown-90) !important;
     --alpha-color: var(--bgl-brown-90);
@@ -2935,6 +3062,7 @@
 }
 
 .bg-input-orange-90 input,
+.bg-input-orange-90 textarea,
 .bg-input-orange-90 .selectinput-btn {
     background: var(--bgl-orange-90) !important;
     --alpha-color: var(--bgl-orange-90);
@@ -2958,6 +3086,7 @@
 }
 
 .bg-input-turquoise-90 input,
+.bg-input-turquoise-90 textarea,
 .bg-input-turquoise-90 .selectinput-btn {
     background: var(--bgl-turquoise-90) !important;
     --alpha-color: var(--bgl-turquoise-90);
@@ -2981,6 +3110,7 @@
 }
 
 .bg-input-gray-90 input,
+.bg-input-gray-90 textarea,
 .bg-input-gray-90 .selectinput-btn {
     background: var(--bgl-gray-90) !important;
     --alpha-color: var(--bgl-gray-90);
@@ -3004,6 +3134,7 @@
 }
 
 .bg-input-black-90 input,
+.bg-input-black-90 textarea,
 .bg-input-black-90 .selectinput-btn {
     background: var(--bgl-black-90) !important;
     --alpha-color: var(--bgl-black-90);
@@ -3027,6 +3158,7 @@
 }
 
 .bg-input-pink-90 input,
+.bg-input-pink-90 textarea,
 .bg-input-pink-90 .selectinput-btn {
     background: var(--bgl-pink-90) !important;
     --alpha-color: var(--bgl-pink-90);
@@ -3052,6 +3184,7 @@
 }
 
 .bg-input-blue-100 input,
+.bg-input-blue-100 textarea,
 .bg-input-blue-100 .selectinput-btn {
     background: var(--bgl-blue-100) !important;
     --alpha-color: var(--bgl-blue-100);
@@ -3075,6 +3208,7 @@
 }
 
 .bg-input-green-100 input,
+.bg-input-green-100 textarea,
 .bg-input-green-100 .selectinput-btn {
     background: var(--bgl-green-100) !important;
     --alpha-color: var(--bgl-green-100);
@@ -3098,6 +3232,7 @@
 }
 
 .bg-input-red-100 input,
+.bg-input-red-100 textarea,
 .bg-input-red-100 .selectinput-btn {
     background: var(--bgl-red-100) !important;
     --alpha-color: var(--bgl-red-100);
@@ -3121,6 +3256,7 @@
 }
 
 .bg-input-yellow-100 input,
+.bg-input-yellow-100 textarea,
 .bg-input-yellow-100 .selectinput-btn {
     background: var(--bgl-yellow-100) !important;
     --alpha-color: var(--bgl-yellow-100);
@@ -3144,6 +3280,7 @@
 }
 
 .bg-input-purple-100 input,
+.bg-input-purple-100 textarea,
 .bg-input-purple-100 .selectinput-btn {
     background: var(--bgl-purple-100) !important;
     --alpha-color: var(--bgl-purple-100);
@@ -3167,6 +3304,7 @@
 }
 
 .bg-input-brown-100 input,
+.bg-input-brown-100 textarea,
 .bg-input-brown-100 .selectinput-btn {
     background: var(--bgl-brown-100) !important;
     --alpha-color: var(--bgl-brown-100);
@@ -3190,6 +3328,7 @@
 }
 
 .bg-input-orange-100 input,
+.bg-input-orange-100 textarea,
 .bg-input-orange-100 .selectinput-btn {
     background: var(--bgl-orange-100) !important;
     --alpha-color: var(--bgl-orange-100);
@@ -3213,6 +3352,7 @@
 }
 
 .bg-input-turquoise-100 input,
+.bg-input-turquoise-100 textarea,
 .bg-input-turquoise-100 .selectinput-btn {
     background: var(--bgl-turquoise-100) !important;
     --alpha-color: var(--bgl-turquoise-100);
@@ -3236,6 +3376,7 @@
 }
 
 .bg-input-gray-100 input,
+.bg-input-gray-100 textarea,
 .bg-input-gray-100 .selectinput-btn {
     background: var(--bgl-gray-100) !important;
     --alpha-color: var(--bgl-gray-100);
@@ -3259,6 +3400,7 @@
 }
 
 .bg-input-black-100 input,
+.bg-input-black-100 textarea,
 .bg-input-black-100 .selectinput-btn {
     background: var(--bgl-black-100) !important;
     --alpha-color: var(--bgl-black-100);
@@ -3282,6 +3424,7 @@
 }
 
 .bg-input-pink-100 input,
+.bg-input-pink-100 textarea,
 .bg-input-pink-100 .selectinput-btn {
     background: var(--bgl-pink-100) !important;
     --alpha-color: var(--bgl-pink-100);
@@ -3306,6 +3449,7 @@
 }
 
 .bg-input-blue-110 input,
+.bg-input-blue-110 textarea,
 .bg-input-blue-110 .selectinput-btn {
     background: var(--bgl-blue-110) !important;
     --alpha-color: var(--bgl-blue-110);
@@ -3329,6 +3473,7 @@
 }
 
 .bg-input-green-110 input,
+.bg-input-green-110 textarea,
 .bg-input-green-110 .selectinput-btn {
     background: var(--bgl-green-110) !important;
     --alpha-color: var(--bgl-green-110);
@@ -3352,6 +3497,7 @@
 }
 
 .bg-input-red-110 input,
+.bg-input-red-110 textarea,
 .bg-input-red-110 .selectinput-btn {
     background: var(--bgl-red-110) !important;
     --alpha-color: var(--bgl-red-110);
@@ -3375,6 +3521,7 @@
 }
 
 .bg-input-yellow-110 input,
+.bg-input-yellow-110 textarea,
 .bg-input-yellow-110 .selectinput-btn {
     background: var(--bgl-yellow-110) !important;
     --alpha-color: var(--bgl-yellow-110);
@@ -3398,6 +3545,7 @@
 }
 
 .bg-input-purple-110 input,
+.bg-input-purple-110 textarea,
 .bg-input-purple-110 .selectinput-btn {
     background: var(--bgl-purple-110) !important;
     --alpha-color: var(--bgl-purple-110);
@@ -3421,6 +3569,7 @@
 }
 
 .bg-input-brown-110 input,
+.bg-input-brown-110 textarea,
 .bg-input-brown-110 .selectinput-btn {
     background: var(--bgl-brown-110) !important;
     --alpha-color: var(--bgl-brown-110);
@@ -3444,6 +3593,7 @@
 }
 
 .bg-input-orange-110 input,
+.bg-input-orange-110 textarea,
 .bg-input-orange-110 .selectinput-btn {
     background: var(--bgl-orange-110) !important;
     --alpha-color: var(--bgl-orange-110);
@@ -3467,6 +3617,7 @@
 }
 
 .bg-input-turquoise-110 input,
+.bg-input-turquoise-110 textarea,
 .bg-input-turquoise-110 .selectinput-btn {
     background: var(--bgl-turquoise-110) !important;
     --alpha-color: var(--bgl-turquoise-110);
@@ -3490,6 +3641,7 @@
 }
 
 .bg-input-gray-110 input,
+.bg-input-gray-110 textarea,
 .bg-input-gray-110 .selectinput-btn {
     background: var(--bgl-gray-110) !important;
     --alpha-color: var(--bgl-gray-110);
@@ -3513,6 +3665,7 @@
 }
 
 .bg-input-black-110 input,
+.bg-input-black-110 textarea,
 .bg-input-black-110 .selectinput-btn {
     background: var(--bgl-black-110) !important;
     --alpha-color: var(--bgl-black-110);
@@ -3536,6 +3689,7 @@
 }
 
 .bg-input-pink-110 input,
+.bg-input-pink-110 textarea,
 .bg-input-pink-110 .selectinput-btn {
     background: var(--bgl-pink-110) !important;
     --alpha-color: var(--bgl-pink-110);
@@ -3560,6 +3714,7 @@
 }
 
 .bg-input-blue-120 input,
+.bg-input-blue-120 textarea,
 .bg-input-blue-120 .selectinput-btn {
     background: var(--bgl-blue-120) !important;
     --alpha-color: var(--bgl-blue-120);
@@ -3583,6 +3738,7 @@
 }
 
 .bg-input-green-120 input,
+.bg-input-green-120 textarea,
 .bg-input-green-120 .selectinput-btn {
     background: var(--bgl-green-120) !important;
     --alpha-color: var(--bgl-green-120);
@@ -3606,6 +3762,7 @@
 }
 
 .bg-input-red-120 input,
+.bg-input-red-120 textarea,
 .bg-input-red-120 .selectinput-btn {
     background: var(--bgl-red-120) !important;
     --alpha-color: var(--bgl-red-120);
@@ -3629,6 +3786,7 @@
 }
 
 .bg-input-yellow-120 input,
+.bg-input-yellow-120 textarea,
 .bg-input-yellow-120 .selectinput-btn {
     background: var(--bgl-yellow-120) !important;
     --alpha-color: var(--bgl-yellow-120);
@@ -3652,6 +3810,7 @@
 }
 
 .bg-input-purple-120 input,
+.bg-input-purple-120 textarea,
 .bg-input-purple-120 .selectinput-btn {
     background: var(--bgl-purple-120) !important;
     --alpha-color: var(--bgl-purple-120);
@@ -3675,6 +3834,7 @@
 }
 
 .bg-input-brown-120 input,
+.bg-input-brown-120 textarea,
 .bg-input-brown-120 .selectinput-btn {
     background: var(--bgl-brown-120) !important;
     --alpha-color: var(--bgl-brown-120);
@@ -3698,6 +3858,7 @@
 }
 
 .bg-input-orange-120 input,
+.bg-input-orange-120 textarea,
 .bg-input-orange-120 .selectinput-btn {
     background: var(--bgl-orange-120) !important;
     --alpha-color: var(--bgl-orange-120);
@@ -3721,6 +3882,7 @@
 }
 
 .bg-input-turquoise-120 input,
+.bg-input-turquoise-120 textarea,
 .bg-input-turquoise-120 .selectinput-btn {
     background: var(--bgl-turquoise-120) !important;
     --alpha-color: var(--bgl-turquoise-120);
@@ -3744,6 +3906,7 @@
 }
 
 .bg-input-gray-120 input,
+.bg-input-gray-120 textarea,
 .bg-input-gray-120 .selectinput-btn {
     background: var(--bgl-gray-120) !important;
     --alpha-color: var(--bgl-gray-120);
@@ -3767,6 +3930,7 @@
 }
 
 .bg-input-black-120 input,
+.bg-input-black-120 textarea,
 .bg-input-black-120 .selectinput-btn {
     background: var(--bgl-black-120) !important;
     --alpha-color: var(--bgl-black-120);
@@ -3790,6 +3954,7 @@
 }
 
 .bg-input-pink-120 input,
+.bg-input-pink-120 textarea,
 .bg-input-pink-120 .selectinput-btn {
     background: var(--bgl-pink-120) !important;
     --alpha-color: var(--bgl-pink-120);
@@ -3814,6 +3979,7 @@
 }
 
 .bg-input-blue-130 input,
+.bg-input-blue-130 textarea,
 .bg-input-blue-130 .selectinput-btn {
     background: var(--bgl-blue-130) !important;
     --alpha-color: var(--bgl-blue-130);
@@ -3837,6 +4003,7 @@
 }
 
 .bg-input-green-130 input,
+.bg-input-green-130 textarea,
 .bg-input-green-130 .selectinput-btn {
     background: var(--bgl-green-130) !important;
     --alpha-color: var(--bgl-green-130);
@@ -3860,6 +4027,7 @@
 }
 
 .bg-input-red-130 input,
+.bg-input-red-130 textarea,
 .bg-input-red-130 .selectinput-btn {
     background: var(--bgl-red-130) !important;
     --alpha-color: var(--bgl-red-130);
@@ -3883,6 +4051,7 @@
 }
 
 .bg-input-yellow-130 input,
+.bg-input-yellow-130 textarea,
 .bg-input-yellow-130 .selectinput-btn {
     background: var(--bgl-yellow-130) !important;
     --alpha-color: var(--bgl-yellow-130);
@@ -3906,6 +4075,7 @@
 }
 
 .bg-input-purple-130 input,
+.bg-input-purple-130 textarea,
 .bg-input-purple-130 .selectinput-btn {
     background: var(--bgl-purple-130) !important;
     --alpha-color: var(--bgl-purple-130);
@@ -3929,6 +4099,7 @@
 }
 
 .bg-input-brown-130 input,
+.bg-input-brown-130 textarea,
 .bg-input-brown-130 .selectinput-btn {
     background: var(--bgl-brown-130) !important;
     --alpha-color: var(--bgl-brown-130);
@@ -3952,6 +4123,7 @@
 }
 
 .bg-input-orange-130 input,
+.bg-input-orange-130 textarea,
 .bg-input-orange-130 .selectinput-btn {
     background: var(--bgl-orange-130) !important;
     --alpha-color: var(--bgl-orange-130);
@@ -3975,6 +4147,7 @@
 }
 
 .bg-input-turquoise-130 input,
+.bg-input-turquoise-130 textarea,
 .bg-input-turquoise-130 .selectinput-btn {
     background: var(--bgl-turquoise-130) !important;
     --alpha-color: var(--bgl-turquoise-130);
@@ -3998,6 +4171,7 @@
 }
 
 .bg-input-gray-130 input,
+.bg-input-gray-130 textarea,
 .bg-input-gray-130 .selectinput-btn {
     background: var(--bgl-gray-130) !important;
     --alpha-color: var(--bgl-gray-130);
@@ -4021,6 +4195,7 @@
 }
 
 .bg-input-black-130 input,
+.bg-input-black-130 textarea,
 .bg-input-black-130 .selectinput-btn {
     background: var(--bgl-black-130) !important;
     --alpha-color: var(--bgl-black-130);
@@ -4044,6 +4219,7 @@
 }
 
 .bg-input-pink-130 input,
+.bg-input-pink-130 textarea,
 .bg-input-pink-130 .selectinput-btn {
     background: var(--bgl-pink-130) !important;
     --alpha-color: var(--bgl-pink-130);